1import{C as d,P as s}from"./[lit-server]194.js";import{V as o}from"./[lit-server]197.js";import{t as b}from"./[lit-server]228.js";const u=d`.storybook-row{display:flex;flex-direction:row;gap:1rem}.storybook-padding{padding:1rem}`,e_titles=["Title One","Title Two","Title Three","Title Four","Title Five","Title Six","Title Seven"],e_promoTitle={short:"Short Title",long:"This is a Much Longer Title That Causes The Title Text to Take Up More Than One Line"},e_colors=["blue","berry","gold","green"],e_eyebrows=["Australia","Europe","Africa","Asia","North America","South America"],e_description={short:"Lorem ipsum dolor sit amet.",long:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore."},i=(e,t=!1,o,l)=>{const i=b();return s`<beacon-tile 2 color-mode="${l}" 3 template="collection" 4 aria-label="${e}" 5 aria-labelledby="collection-tile-title-${i}" 6 role="group" 7 aria-roledescription="slide"> 8 ${t?s`<picture slot="media"> 9 <img src="${o}" alt="" /> 10 </picture>`:s`<img alt="" slot="media" src="${o}" />`} 11 <h3 slot="heading" id="collection-tile-title-${i}">${e}</h3> 12 <span slot="description">Description</span> 13 <span slot="collection">Collection</span> 14 <span slot="details">6 Products</span> 15 <span slot="details">12 Insights</span> 16 </beacon-tile>`},l=(e,t,o,l)=>{const i=b();return s`<beacon-tile 17 template="article" 18 aria-labelledby="article-tile-title-${i}" 19 role="group" 20 aria-roledescription="slide"> 21 <img slot="media" src="${t}" alt="" /> 22 <span slot="eyebrow">${o}</span> 23 <h3 slot="heading" id="article-tile-title-${i}">${e}</h3> 24 <p slot="description">${l}</p> 25 <beacon-byline slot="footer"> 26 <span slot="author"> 27 <a href="">Elephant Expert</a> 28 </span> 29 </beacon-byline> 30 </beacon-tile>`},a=(e,t,o)=>{const l=b();return s` <beacon-tile 31 motion-state="" 32 class="b-grid-item--6-col" 33 template="promo" 34 layout="standard" 35 aspect-ratio="" 36 orientation="vertical" 37 position="right" 38 variant="hero" 39 aria-labelledby="promo-tile-title-${l}"> 40 <img src="${t}" slot="media" alt="" /> 41 <span slot="eyebrow">${o}</span> 42 <h3 slot="heading" id="promo-tile-title-${l}">${e}</h3> 43 <p slot="description">Description</p> 44 <beacon-button slot="footer" variant="primary">Primary</beacon-button> 45 <beacon-button slot="footer" variant="secondary">Secondary</beacon-button> 46 </beacon-tile>`},y={title:"Components / Carousel",component:"beacon-carousel",argTypes:{carouselTitle:{control:"text",name:"Carousel Title",table:{category:"Properties"}},accessibleLabel:{control:"text",name:"Accessible Label",table:{category:"Properties"}},previousButtonText:{control:"text",name:"Previous Button Label",table:{category:"slots"}},nextButtonText:{control:"text",name:"Next Button Label",table:{category:"slots"}}},args:{carouselTitle:"Our collected views",accessibleLabel:"Accessible Label"},parameters:{controls:{include:["Accessible Label","Carousel Title","Beacon Reset","Language Code","Mode"]}}},T={name:"Carousel",render:e=>s`<div class="${e.mode}"> 47 <beacon-carousel 48 accessible-label="${e.accessibleLabel}" 49 ?hide-item-count=${e.hideItemCount}> 50 <h2 slot="carousel-title">${e.carouselTitle}</h2> 51 ${e.previousButtonText?s`<span slot="previous-button-text" 52 >${e.previousButtonText}</span 53 >`:""} 54 ${e.nextButtonText?s`<span slot="next-button-text">${e.nextButtonText}</span>`:""} 55 ${e.description?s`<p slot="description">${e.description}</p>`:s``} 56 ${e.showActionZone?s` 57 <beacon-button slot="action-zone" variant="tertiary" 58 >Explore More Insights</beacon-button 59 > 60 `:s``} 61 ${i(e_titles[0],!0,o,e_colors[0])} 62 ${i(e_titles[1],!1,o,e_colors[1])} 63 ${i(e_titles[2],!0,o,e_colors[2])} 64 ${i(e_titles[3],!1,o,e_colors[3])} 65 ${i(e_titles[4],!0,o,e_colors[0])} 66 ${i(e_titles[5],!1,o,e_colors[1])} 67 ${i(e_titles[6],!0,o,e_colors[2])} 68 </beacon-carousel> 69 </div>`},v={name:"Carousel: One Page",render:e=>s`<style> 70 ${u} 71 </style> 72 <div class="${e.mode}"> 73 <beacon-carousel accessible-label="${e.accessibleLabel}"> 74 <h2 slot="carousel-title">${e.carouselTitle}</h2> 75 ${l(e_titles[0],o,e_eyebrows[0],e_description.short)} 76 ${l(e_titles[1],o,e_eyebrows[1],e_description.long)} 77 ${l(e_titles[2],o,e_eyebrows[2],e_description.short)} 78 ${l(e_titles[3],o,e_eyebrows[3],e_description.long)} 79 ${l(e_titles[4],o,e_eyebrows[4],e_description.short)} 80 ${l(e_titles[5],o,e_eyebrows[5],e_description.long)} 81 </beacon-carousel> 82 </div>`},A={name:"Carousel with Article Tiles",render:e=>s`<style> 83 ${u} 84 </style> 85 <div class="${e.mode}"> 86 <beacon-carousel accessible-label="${e.accessibleLabel}"> 87 <h2 slot="carousel-title">${e.carouselTitle}</h2> 88 ${e.previousButtonText?s`<span slot="previous-button-text" 89 >${e.previousButtonText}</span 90 >`:""} 91 ${e.nextButtonText?s`<span slot="next-button-text">${e.nextButtonText}</span>`:""} 92 ${l(e_titles[0],o,e_eyebrows[0],e_description.short)} 93 ${l(e_titles[1],o,e_eyebrows[1],e_description.long)} 94 ${l(e_titles[2],o,e_eyebrows[2],e_description.short)} 95 ${l(e_titles[3],o,e_eyebrows[3],e_description.long)} 96 ${l(e_titles[4],o,e_eyebrows[4],e_description.short)} 97 ${l(e_titles[5],o,e_eyebrows[5],e_description.long)} 98 </beacon-carousel> 99 </div>`},C={name:"Carousel with Promo Tiles",render:e=>s`<style> 100 ${u} 101 </style> 102 <div class="${e.mode}"> 103 <beacon-carousel accessible-label="${e.accessibleLabel}"> 104 <h2 slot="carousel-title">${e.carouselTitle}</h2> 105 ${e.previousButtonText?s`<span slot="previous-button-text" 106 >${e.previousButtonText}</span 107 >`:""} 108 ${e.nextButtonText?s`<span slot="next-button-text">${e.nextButtonText}</span>`:""} 109 ${a(e_promoTitle.long,o,e_eyebrows[0])} 110 ${a(e_promoTitle.short,o,e_eyebrows[1])} 111 ${a(e_promoTitle.long,o,e_eyebrows[2])} 112 ${a(e_promoTitle.short,o,e_eyebrows[3])} 113 ${a(e_promoTitle.long,o,e_eyebrows[4])} 114 ${a(e_promoTitle.short,o,e_eyebrows[5])} 115 </beacon-carousel> 116 </div>`}
116,w={name:"Carousel with Mixed Tiles",render:e=>s`<style> 117 ${u} 118 </style> 119 <div class="${e.mode}"> 120 <beacon-carousel accessible-label="${e.accessibleLabel}"> 121 <h2 slot="carousel-title">${e.carouselTitle}</h2> 122 ${e.previousButtonText?s`<span slot="previous-button-text" 123 >${e.previousButtonText}</span 124 >`:""} 125 ${e.nextButtonText?s`<span slot="next-button-text">${e.nextButtonText}</span>`:""} 126 ${l(e_titles[0],o,e_eyebrows[0],e_description.short)} 127 ${i(e_titles[1],!1,o,e_colors[1])} 128 ${(()=>{const e=b();return s` 129 <beacon-tile 130 class="b-grid-item--6-col" 131 variant="hero" 132 scale="normal" 133 container="contained" 134 aspect-ratio="" 135 media-position="right" 136 orientation="vertical" 137 position="right" 138 layout="standard" 139 template="profile" 140 aria-labelledby="profile-tile-title-${e}"> 141 <beacon-id-card slot="body"> 142 <picture slot="media"> 143 <img 144 alt="" 145 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAAACXBIWXMAAAsTAAALEwEAmpwYAAALL0lEQVRYha2Yy49cx3XGf6eq7r3dPW8OOXyMOCI1evCVOLC8SKylEgPOIlAA24igxBsjAbQwEq+CLKJ/wgLy0MqWHEICLJmJYluOxCCRKAkyH6JEcTgcUgw54pCcB3um3923qk4Wt2dI0xQ1FHxnNd2nq776zvm+c26Jqiqbfm4PleITjf3/zcbHsvkFcfcR+1ubA4iYL7fElwNQbBxCYHZ2luWVFbZt3YpLErI0ZWpqqh+nbJaH+2bg3LlzPP/887z5X29RbzQZHRvB+5yBSoW/+9sf8Fff/UtE7gOC3sfzxhtv6MGDh3RwaFi3bdmiB6f36r49u3Xn2KgOZZnueXCv/vSnr6qqatzkmrLZIjxx4gTf/ta3qd6ssmd8mINTE+yb2s1QpcLyao1ffXCCGx3l4f0HefGlF9m5c8emGN1UCprNBs899xxXrlzhD/c/zHe+/lWmH9zF+OhWLIqq8tjUJC/8/C1mz83y+n/8J3/9N9/bFIBNlfCrr77Gm2++ydbhAZ7Y9xCPPjTN0PAENhvEDYxRGtvK7x04yJNfPQS+y+uvv06z2fzdAGg2mxw+fJher8eD27exZ9cuQlREBBCstWRphiuVePzgIbYND/DRmTO8++57vxsAc3NzHDt2jNQZ9k6Mk2UJHd/DGANEvO/RaLe5Wa0xUCrx6OQEK4vX+cXPf4H34QsB3L0G1stS4OSpU9RqNYbLCdHnXL6+SP3SZfZMLPIH+x6jGzxn5i4yVBlgYssg05M7Kf36Y95++x0WFxfZtWvn3Qx08wxcmJsDYHxwkNHhAS5+dp2etyyvrrG0eoNyKaO61uTYx7MsVxvs37OdoZLjwtx5znzy8Zdk4DaUly5dAmAkS3lk1w4CCcMj48TQo1pv88Bkwh995RCP+8j4UIlee42xkSHm/2+BX39wnG/8yTdAFO0veqc53VOGIQQWFhYAaLbbZGL4/f2PYZKMufnLaPAYH5jcMU4pLWOj59rVOqU0w6pybuYcqrrhjPcBIAKGGCPe5wBU212uLNxg785JBkeGWVleotXsMF4ZY2AoZXSoQoKh0erS8xFjhdVqldx70iT5XFv+HABFuDGGxBUhTZ8zv7LEJxcusmf3JE4sMSi1doOB0QmuLFzFxIDH0vQ5LkkwqmiMdz35+nP3ItQivF6vs7q6CkAvj3SNo9ptMDM/z9LNBhMD42Q6wKdzS1ydX2FobIxa11NrtUmSDLEW5N4t6Z4qWLh2jZs3qwAEhctLVbaNb6WcZaysNOiURknGJhlzg0zv2UOSpLzz8TnW6h2sMcWw8gWt5u4A+qDPz86yvLxMIoITw9nLC7z3ySylSpmvHJim1FwlX7jE+OQQI1uHmbmywNEPzwCRNLE01ta+0JLvyUCj0SDPcxJrqaQJYg1vn/6E42fPklvPrunt7JjeyfDYENeqNa5X63R7OdaAYqiurrK2unZPAJ8rQ1Xlw1Mf4kNgZHAQUKL3GPFcuHKFXp6zvGuK3dt34a3i1TOxZRQrBqISI1SrVZaWltj70N7PnVDuYOBWvubn5zly5GcYoJylJElC3suplMoMDpSpt+pcWbnO+cWrdLTH3ge2E31Or9dDBaJ66vU1zs/M3LHyPRkQarUaJ0+d5IV/fYFPP71IljpckkCM9GIEcezYMk7uc6YmJ9m5YwejlTKCcnJmFh8CLk0wYtGY89nV+fWl7w1gbW2Nn/zk3/jxj1/k/PkZqtVV0sSBMbgsI3RzVCyl1DI+PERQpeQsZQeK57X/Oc2vPviINE1xxmKdIXSUlZWb99q/ANBqtXj22Wc5fPjwRl6cM4CQugTBEFRwNmFiyyiVcomRgRJJIvhuhytXF/j3d07gEUppSmItPgacMxw9+hbHjr3LE098/a4ADMCRI0d4+ZVXsDbFuQRjLKiSJhlpVkKDx4dAlmU8unuS8bFRxrduIyhcvX6DU2fnaHS6JElCYh0uSTHGkCYJp09/xLe+8xf80z//C/V647cBtNttXnrpJWIIWGsLsowChjRNSZ0DY8l9JMTIyPAwUzsfYGR4C5VsgE6vx3KjjbMJGiOKklghcZaIYtOE60s3+f73f8BTTz3FL3/5BrfPwWZmZobjx4+DGBCDiOCMxRnTX8xgxKAx4mNktdlmcGgEi0DwaDAsNXIignUOaxwGRVDybhcFSknB7NGj/8vTTz/DD3/4/C0Ax44dY3FxEWvW61FxxoJA9B5nHQHIo4IK84tLrKzcpLZWp95qcWFhkc9WqpTShMQ5RCK1eo16rUbe8xhxaPRApDQwSK3V4+//4R95+eVXCgDvv/9+UaVGEBEEyEMgBF/kMU1RVWJUxAg3623qtTWazRaf3qjy32cvEiIkmUOAdqvJWqNBt5ejSH92LCiPsZBop9XiRz96kRgj5uTJk/1zF0EqBo2KKFgjGCPkvRxrHSKWbg4qwuzVBX723ilWm23K5QpOLCHv0el2iRQNVUVADKrFu4Mo4COgtNotut0uZn7+M8QYBPqBQtRi7BaN5HlOo9lAo8cItHs9zl66zGvHTrBcr5MkZUpJijGCxpygilIwpiKESH8qElDFqAJK8B7vPa7b7fZn/D5TMaKiRC3mOO89TgK1dh0Vx3LN8tp7p7m2uoa1CUmaIQ6IofhNVFRBjMHYjNwHEEFVig2kGFCGh4epVCq4jXFRASLGQIwCosSYE4OnlCZkztDq5dQaa9RNgrUOYyzWWgyREDwaKQ4TwVqLj6AxYNZrzJj1RPPII9PFbwXpUx9RItaZfkUo3nvUBzKXUslKJM4VcTFHBJxLyVKLRUEjUSNIfwbRSJYqRkCNRcw6y4oxhkOHDhUq+M2BJRYzXJEmgi9OZpzFuBTnHM4lhWrEkDhL5gzRe6IWRiUIztqiH6CUSwkipj8YRVQjpXKFAwcOrAPQWwxoJPiAWXdElDz3KEIUwYjBGIsYW6RAoNvp9HMPGhUErLFsGRsjSUvkPkeI64cnxkgpK7F9+3YAnAjEuE6DQcSCRkQMEaXle5S8x4eCYln/k6JAMZA5SwiKMZCYFGcdHe9ptlt4HxFjiID06e7l+cao5qAvESkKKEtTYizyTJ+RdquD94UyBBBjEQQFMudIXIL3gSTJKJcqZFnGaqNGu9dD1fULfN2MlIGBMkNDQ7cArOu0kFCkXC6BZrRaTRRPvd0CY/tJEYxYUIhavDsUakiwzpGWynS6bZrNJqqCsbYPvDhkDD0eeXiaiYmJPucb932gsaALhDRJMdYREHwI+JCjGvsdE6IqUYs27WMgTVOytIQINFotur0eIrY4HLe/HkT2H9hPuVwuGCgMYv3bfi/Iu3Q6r
145cJQsEQDGkJhpZIDxakg0M17OGdx1pB323RqXTrdLhgHYvsbS2H1qohYvvb41/o9ApxqKPKjIEYxRHq5B1WCgohlcKBCo9kgxNg3m75cUfLg6XS7+NAkxMK6g4J12S2H7W/uvWdkZJiDBw9sCN+JSF+jRTsSERLn8D4UXZBIkiakPqXdyQuVoAWnEbwPtGO7sNx+KjHmthvUdZkrMeTs27ePffseuwWgkKBu5LWb+4LO6ImxkGKj1ezTd+siuJBrQKPi+z0AKYrUiluvrI3N18F885t/yvj41lsAuOPp5jk+GHLvQYppqNvu9MvVgSqqoaiPgoTiRaRfSdYlSGHO/dj+4UJgamoPzzzz9G/s5wqbvHWZFKMSo78tLYJqRCKIKBr9xqK6Ubz97icWYxwFqbqREmMsIbR46s//jOnp6TsBFCooqOp3LYobsPUJCZGNglItNhaKAcPYtLBxUQyFP9y6jCkaTwyeJEn54yefvJNw/h/tD0NxNhN0yQAAAABJRU5ErkJggg==" /> 146 </picture> 147 148 <h2 slot="heading">Heading</h2> 149 <span slot="subheading">Subheading</span> 150 </beacon-id-card> 151 152 <div slot="body" class="b-flow-space b-typography-sans-serif--body--200"> 153 <p>Description</p> 154 </div> 155 156 <beacon-button slot="footer" variant="tertiary"> 157 <beacon-icon name="email" slot="prefix"></beacon-icon> 158 Normal Button</beacon-button 159 > 160 </beacon-tile> 161 `})()} 162 ${i(e_titles[4],!0,o,e_colors[3])} 163 ${l(e_titles[5],o,e_eyebrows[1],e_description.long)} 164 ${a(e_promoTitle.short,o,e_eyebrows[5])} 165 </beacon-carousel> 166 </div>`};export{T as Carousel,v as CarouselOnePage,A as CarouselWithArticleTiles,w as CarouselWithMixedTiles,C as CarouselWithPromoTiles,y as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.