@helvetia-design/core 0.0.5 → 0.0.6

package/dist/design-system/{p-65762bf10a.entry.js → p-1e2fdd526f.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as s,J as t,x as e,E as o,F as i,G as r,I as l}from"./p-vF16SDFF.js";import{_ as a,L as c,a as n}from"./p-nVdGbZYj.js";import{d as h,b as d}from"./p-BbGwCnDa.js";import{s as u}from"./p-BwDOnHtD.js";import{C as v,a as b}from"./p-ikuhnKGu.js";import{O as m}from"./p-Bo3ozMyW.js";import{T as f}from"./p-C2tiilHE.js";import{L as g}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";const p={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},x=class{constructor(o){s(this,o),this.dsChange=t(this,"dsChange"),this.language=e.language,this.region=e.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.isProgrammaticScroll=!1,this.programmaticScrollTimeout=0,this.snapRestoreTimeout=0,this.handleKeyDown=s=>{var t,e,o,i;const r=this.getItems(),l=r.findIndex((s=>s.name===this.value)),a="ArrowRight"===s.key,c="ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateItem(null===(t=r[0])||void 0===t?void 0:t.name)):"End"===s.key?(s.preventDefault(),this.activateItem(null===(e=r[r.length-1])||void 0===e?void 0:e.name)):a?(s.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(s.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:-s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.max(e-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.min(e+this.steps,t.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const s=this.trackEl;s&&(this.canScrollLeft=s.scrollLeft>0,this.canScrollRight=s.scrollLeft+s.clientWidth<s.scrollWidth-1)},this.handlePointerDown=s=>{const t=this.trackEl;t&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=s.clientX,this.dragStartScrollLeft=t.scrollLeft,this.velocityHistory=[],t.style.scrollBehavior="auto","slide"===this.variant&&(clearTimeout(this.snapRestoreTimeout),t.removeEventListener("scrollend",this.restoreSnap),t.style.scrollSnapType="none"))},this.restoreSnap=()=>{var s;this.trackEl&&(this.trackEl.style.scrollSnapType=""),clearTimeout(this.snapRestoreTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.restoreSnap)},this.handlePointerMove=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;t.hasPointerCapture(s.pointerId)||t.setPointerCapture(s.pointerId),t.scrollLeft=this.dragStartScrollLeft-(s.clientX-this.dragStartX),this.velocityHistory.push({x:s.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;this.dragging=!1,t.style.scrollBehavior="",t.releasePointerCapture(s.pointerId);const e=this.calcVelocity();if("slide"===this.variant){const s=t.clientWidth,o=this.dragStartScrollLeft-t.scrollLeft;clearTimeout(this.snapRestoreTimeout),this.snapRestoreTimeout=window.setTimeout(this.restoreSnap,800),t.addEventListener("scrollend",this.restoreSnap,{once:!0}),t.scrollTo(e>.3||o<-.25*s?{left:this.dragStartScrollLeft+s,behavior:"smooth"}:e<-.3||o>.25*s?{left:this.dragStartScrollLeft-s,behavior:"smooth"}:{left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(e)},this.handlePaginationChange=s=>{u(s);const t=this.getItems()[s.detail-1];t&&this.activateItem(t.name)},this.handleScrollEnd=()=>{var s;this.isProgrammaticScroll=!1,clearTimeout(this.programmaticScrollTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.handleScrollEnd)}}createLogger(s){this.log=s}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var s,t,e,o,i;null===(s=this.resizeObserver)||void 0===s||s.disconnect(),null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),null===(e=this.trackEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow),null===(o=this.trackEl)||void 0===o||o.removeEventListener("scrollend",this.handleScrollEnd),null===(i=this.trackEl)||void 0===i||i.removeEventListener("scrollend",this.restoreSnap),cancelAnimationFrame(this.momentumAnimId),clearTimeout(this.programmaticScrollTimeout),clearTimeout(this.snapRestoreTimeout)}listenToDsCarouselItemSelect(s){u(s),this.activateItem(s.detail.name)}async configChanged(s){this.language=s.language,this.region=s.region}getFirstVisibleIndex(s,t){const e=t.getBoundingClientRect().left;for(let t=0;t<s.length;t++)if(s[t].getBoundingClientRect().left>=e-2)return t;return 0}getFadeWidthPx(){var s;const t=null===(s=this.trackEl)||void 0===s?void 0:s.parentElement;return t&&parseFloat(getComputedStyle(t,"::before").width)||0}calcVelocity(){const s=this.velocityHistory;if(s.length<2)return 0;const t=s[s.length-1].t-s[0].t;return t>0?(s[0].x-s[s.length-1].x)/t:0}applyMomentum(s){const t=this.trackEl;if(!t)return;let e=16*s;const i=()=>{Math.abs(e)<.5||(t.scrollLeft+=e,e*=.94,this.momentumAnimId=o(i))};this.momentumAnimId=o(i)}getItems(){return h(this.el,d("DS-CAROUSEL-ITEM"))}setup(){const s=this.getItems();this.itemCount=s.length,s.forEach(((s,t)=>{s.index=t+1,s.carouselVariant=this.variant,"auto"!==this.itemsPerView&&s.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&s.length&&(this.value=s[0].name),this.updateChildren()}updateChildren(){const s=this.getItems();s.forEach((s=>{s.carouselVariant=this.variant,s.selected=s.name===this.value})),this.activeIndex=s.findIndex((s=>s.name===this.value))}activateItem(s){if(!s||s===this.value)return;const t=this.getItems();this.value=s,this.activeIndex=t.findIndex((t=>t.name===s)),this.dsChange.emit({value:s}),this.scrollToActive()}scrollToActive(){const s=this.getItems().find((s=>s.name===this.value));s&&("slide"===this.variant&&this.trackEl&&(this.isProgrammaticScroll=!0,clearTimeout(this.programmaticScrollTimeout),this.programmaticScrollTimeout=window.setTimeout(this.handleScrollEnd,800),this.trackEl.addEventListener("scrollend",this.handleScrollEnd,{once:!0})),s.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initScroll(){const s=this.trackEl;s&&"tile"===this.variant&&(s.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(s),this.checkOverflow())}initIntersection(){var s;null===(s=this.intersectionObserver)||void 0===s||s.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((s=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);if(this.isProgrammaticScroll)return;const t=s.find((s=>s.isIntersecting&&s.intersectionRatio>=.5));if(!t)return;const e=this.getItems(),o=e.findIndex((s=>s===t.target));-1!==o&&(this.activeIndex=o,this.value=e[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((s=>this.intersectionObserver.observe(s))))}render(){const s=p[this.language],t="slide"===this.variant,e="dots"===this.controls,o="large"===this.controls,l=i("button",{key:"d1d21c49f24301c539ba2046989d5ae879b8e8a0",class:"scroll-btn scroll-btn--prev","aria-label":s.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},i("ds-icon",{key:"08a912c49af5033505ebbd4295c10a3f4cd8e33a",name:"caret-left",size:"sm"})),a=i("button",{key:"6798cdf3403218a6342106d521f17907fff9cf51",class:"scroll-btn scroll-btn--next","aria-label":s.scrollRight,tabIndex:-1,onClick:this.scrollNext},i("ds-icon",{key:"f47c79f57c8765d0897ce516be69ded5032efd50",name:"caret-right",size:"sm"})),c=i("div",{key:"d0234175394ffbe3c5c9a587c27d86200c533b4c",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||s.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:s=>{this.trackEl=s}},i("slot",{key:"fbefe08fe2fbb0c94e89883266a4e25105a0b91d",onSlotchange:this.handleSlotChange}));return i(r,{key:"dd21b056857b5ccf06439271ad1c61ad72216469",class:{"is-slide":t,"is-tile":!t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},i("div",{key:"43a0ba6d15f8623248e417bf1fd81062a0b6b6cf",class:"carousel-outer"},o&&(t?!(0===this.activeIndex)&&l:l),c,o&&(t?!(this.activeIndex===this.itemCount-1)&&a:a)),e&&i("ds-pagination",{key:"1d2e666e89517f07e3d121417043a1f182df77b8",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:s.scrollLeft,textNext:s.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return l(this)}};a([c("carousel"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],x.prototype,"createLogger",null),a([m(v),n("design:type",String)],x.prototype,"controls",void 0),a([m(b),n("design:type",String)],x.prototype,"variant",void 0),a([f("string"),n("design:type",String)],x.prototype,"label",void 0),a([f("number"),n("design:type",Number)],x.prototype,"steps",void 0),a([f("string"),n("design:type",Object)],x.prototype,"value",void 0),a([g(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],x.prototype,"configChanged",null),x.style=':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-radius:var(--carousel-radius, var(--mod-carousel-radius, var(--ds-alias-radius-base)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-surface-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-surface-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-surface-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;outline:none;border-radius:var(--_carousel-radius)}:host .carousel-track::-webkit-scrollbar{display:none}@media (hover: hover)and (pointer: fine){:host .carousel-track:focus-visible:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .carousel-track.is-dragging{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}';export{x as ds_carousel}
+import{D as s,J as t,x as e,E as o,F as i,G as r,I as l}from"./p-BZEWgXed.js";import{_ as a,L as c,a as n}from"./p-BZsCW9yV.js";import{d as h,b as d}from"./p-BbGwCnDa.js";import{s as u}from"./p-D4hbhLgQ.js";import{C as b,a as v}from"./p-ikuhnKGu.js";import{O as m}from"./p-DE5aqD5-.js";import{T as f}from"./p-BaZBnuEF.js";import{L as g}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const p={de:{scrollLeft:"Vorheriges Element",scrollRight:"Nächstes Element",goToSlide:"Zu Folie",slideOf:"von"},en:{scrollLeft:"Previous item",scrollRight:"Next item",goToSlide:"Go to slide",slideOf:"of"},fr:{scrollLeft:"Élément précédent",scrollRight:"Élément suivant",goToSlide:"Aller à la diapositive",slideOf:"sur"},it:{scrollLeft:"Elemento precedente",scrollRight:"Elemento successivo",goToSlide:"Vai alla diapositiva",slideOf:"di"},nl:{scrollLeft:"Vorig item",scrollRight:"Volgend item",goToSlide:"Ga naar dia",slideOf:"van"},es:{scrollLeft:"Elemento anterior",scrollRight:"Elemento siguiente",goToSlide:"Ir a la diapositiva",slideOf:"de"},pl:{scrollLeft:"Poprzedni element",scrollRight:"Następny element",goToSlide:"Przejdź do slajdu",slideOf:"z"},pt:{scrollLeft:"Item anterior",scrollRight:"Próximo item",goToSlide:"Ir para o slide",slideOf:"de"},sv:{scrollLeft:"Föregående objekt",scrollRight:"Nästa objekt",goToSlide:"Gå till bild",slideOf:"av"},fi:{scrollLeft:"Edellinen kohde",scrollRight:"Seuraava kohde",goToSlide:"Siirry diaan",slideOf:"kohteesta"}},y=class{constructor(o){s(this,o),this.dsChange=t(this,"dsChange"),this.language=e.language,this.region=e.region,this.activeIndex=0,this.itemCount=0,this.canScrollLeft=!1,this.canScrollRight=!1,this.dragging=!1,this.controls="dots",this.variant="slide",this.itemsPerView="auto",this.label="",this.steps=1,this.intersectionInitialized=!1,this.momentumAnimId=0,this.dragStartX=0,this.dragStartScrollLeft=0,this.velocityHistory=[],this.isProgrammaticScroll=!1,this.programmaticScrollTimeout=0,this.snapRestoreTimeout=0,this.handleKeyDown=s=>{var t,e,o,i;const r=this.getItems(),l=r.findIndex((s=>s.name===this.value)),a="ArrowRight"===s.key,c="ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateItem(null===(t=r[0])||void 0===t?void 0:t.name)):"End"===s.key?(s.preventDefault(),this.activateItem(null===(e=r[r.length-1])||void 0===e?void 0:e.name)):a?(s.preventDefault(),this.activateItem(null===(o=r[(l+1)%r.length])||void 0===o?void 0:o.name)):c&&(s.preventDefault(),this.activateItem(null===(i=r[(l-1+r.length)%r.length])||void 0===i?void 0:i.name))},this.handleSlotChange=()=>{this.setup(),this.initIntersection()},this.scrollPrev=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:-s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.max(e-this.steps,0)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.scrollNext=()=>{const s=this.trackEl;if(!s)return;if("slide"===this.variant)return void s.scrollBy({left:s.clientWidth*this.steps,behavior:"smooth"});const t=this.getItems(),e=this.getFirstVisibleIndex(t,s),o=t[Math.min(e+this.steps,t.length-1)];if(!o)return;const i=this.getFadeWidthPx(),r=o.getBoundingClientRect().left-s.getBoundingClientRect().left-i;s.scrollBy({left:r,behavior:"smooth"})},this.checkOverflow=()=>{const s=this.trackEl;s&&(this.canScrollLeft=s.scrollLeft>0,this.canScrollRight=s.scrollLeft+s.clientWidth<s.scrollWidth-1)},this.handlePointerDown=s=>{const t=this.trackEl;t&&(cancelAnimationFrame(this.momentumAnimId),this.dragging=!0,this.dragStartX=s.clientX,this.dragStartScrollLeft=t.scrollLeft,this.velocityHistory=[],t.style.scrollBehavior="auto","slide"===this.variant&&(clearTimeout(this.snapRestoreTimeout),t.removeEventListener("scrollend",this.restoreSnap),t.style.scrollSnapType="none"))},this.restoreSnap=()=>{var s;this.trackEl&&(this.trackEl.style.scrollSnapType=""),clearTimeout(this.snapRestoreTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.restoreSnap)},this.handlePointerMove=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;t.hasPointerCapture(s.pointerId)||t.setPointerCapture(s.pointerId),t.scrollLeft=this.dragStartScrollLeft-(s.clientX-this.dragStartX),this.velocityHistory.push({x:s.clientX,t:performance.now()}),this.velocityHistory.length>5&&this.velocityHistory.shift()},this.handlePointerUp=s=>{if(!this.dragging||!this.trackEl)return;const t=this.trackEl;this.dragging=!1,t.style.scrollBehavior="",t.releasePointerCapture(s.pointerId);const e=this.calcVelocity();if("slide"===this.variant){const s=t.clientWidth,o=this.dragStartScrollLeft-t.scrollLeft;clearTimeout(this.snapRestoreTimeout),this.snapRestoreTimeout=window.setTimeout(this.restoreSnap,800),t.addEventListener("scrollend",this.restoreSnap,{once:!0}),t.scrollTo(e>.3||o<-.25*s?{left:this.dragStartScrollLeft+s,behavior:"smooth"}:e<-.3||o>.25*s?{left:this.dragStartScrollLeft-s,behavior:"smooth"}:{left:this.dragStartScrollLeft,behavior:"smooth"})}else this.applyMomentum(e)},this.handlePaginationChange=s=>{u(s);const t=this.getItems()[s.detail-1];t&&this.activateItem(t.name)},this.handleScrollEnd=()=>{var s;this.isProgrammaticScroll=!1,clearTimeout(this.programmaticScrollTimeout),null===(s=this.trackEl)||void 0===s||s.removeEventListener("scrollend",this.handleScrollEnd)}}createLogger(s){this.log=s}componentDidLoad(){this.setup(),this.initScroll(),this.initIntersection()}componentDidUpdate(){this.updateChildren(),"tile"===this.variant&&this.checkOverflow()}disconnectedCallback(){var s,t,e,o,i;null===(s=this.resizeObserver)||void 0===s||s.disconnect(),null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),null===(e=this.trackEl)||void 0===e||e.removeEventListener("scroll",this.checkOverflow),null===(o=this.trackEl)||void 0===o||o.removeEventListener("scrollend",this.handleScrollEnd),null===(i=this.trackEl)||void 0===i||i.removeEventListener("scrollend",this.restoreSnap),cancelAnimationFrame(this.momentumAnimId),clearTimeout(this.programmaticScrollTimeout),clearTimeout(this.snapRestoreTimeout)}listenToDsCarouselItemSelect(s){u(s),this.activateItem(s.detail.name)}async configChanged(s){this.language=s.language,this.region=s.region}getFirstVisibleIndex(s,t){const e=t.getBoundingClientRect().left;for(let t=0;t<s.length;t++)if(s[t].getBoundingClientRect().left>=e-2)return t;return 0}getFadeWidthPx(){var s;const t=null===(s=this.trackEl)||void 0===s?void 0:s.parentElement;return t&&parseFloat(getComputedStyle(t,"::before").width)||0}calcVelocity(){const s=this.velocityHistory;if(s.length<2)return 0;const t=s[s.length-1].t-s[0].t;return t>0?(s[0].x-s[s.length-1].x)/t:0}applyMomentum(s){const t=this.trackEl;if(!t)return;let e=16*s;const i=()=>{Math.abs(e)<.5||(t.scrollLeft+=e,e*=.94,this.momentumAnimId=o(i))};this.momentumAnimId=o(i)}getItems(){return h(this.el,d("DS-CAROUSEL-ITEM"))}setup(){const s=this.getItems();this.itemCount=s.length,s.forEach(((s,t)=>{s.index=t+1,s.carouselVariant=this.variant,"auto"!==this.itemsPerView&&s.style.setProperty("--carousel-item-width",`calc(100% / ${this.itemsPerView})`)})),!this.value&&s.length&&(this.value=s[0].name),this.updateChildren()}updateChildren(){const s=this.getItems();s.forEach((s=>{s.carouselVariant=this.variant,s.selected=s.name===this.value})),this.activeIndex=s.findIndex((s=>s.name===this.value))}activateItem(s){if(!s||s===this.value)return;const t=this.getItems();this.value=s,this.activeIndex=t.findIndex((t=>t.name===s)),this.dsChange.emit({value:s}),this.scrollToActive()}scrollToActive(){const s=this.getItems().find((s=>s.name===this.value));s&&("slide"===this.variant&&this.trackEl&&(this.isProgrammaticScroll=!0,clearTimeout(this.programmaticScrollTimeout),this.programmaticScrollTimeout=window.setTimeout(this.handleScrollEnd,800),this.trackEl.addEventListener("scrollend",this.handleScrollEnd,{once:!0})),s.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initScroll(){const s=this.trackEl;s&&"tile"===this.variant&&(s.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(s),this.checkOverflow())}initIntersection(){var s;null===(s=this.intersectionObserver)||void 0===s||s.disconnect(),this.intersectionInitialized=!1,"slide"===this.variant&&this.trackEl&&(this.intersectionObserver=new IntersectionObserver((s=>{if(!this.intersectionInitialized)return void(this.intersectionInitialized=!0);if(this.isProgrammaticScroll)return;const t=s.find((s=>s.isIntersecting&&s.intersectionRatio>=.5));if(!t)return;const e=this.getItems(),o=e.findIndex((s=>s===t.target));-1!==o&&(this.activeIndex=o,this.value=e[o].name)}),{root:this.trackEl,threshold:.5}),this.getItems().forEach((s=>this.intersectionObserver.observe(s))))}render(){const s=p[this.language],t="slide"===this.variant,e="dots"===this.controls,o="large"===this.controls,l=i("button",{key:"d1d21c49f24301c539ba2046989d5ae879b8e8a0",class:"scroll-btn scroll-btn--prev","aria-label":s.scrollLeft,tabIndex:-1,onClick:this.scrollPrev},i("ds-icon",{key:"08a912c49af5033505ebbd4295c10a3f4cd8e33a",name:"caret-left",size:"sm"})),a=i("button",{key:"6798cdf3403218a6342106d521f17907fff9cf51",class:"scroll-btn scroll-btn--next","aria-label":s.scrollRight,tabIndex:-1,onClick:this.scrollNext},i("ds-icon",{key:"f47c79f57c8765d0897ce516be69ded5032efd50",name:"caret-right",size:"sm"})),c=i("div",{key:"d0234175394ffbe3c5c9a587c27d86200c533b4c",class:{"carousel-track":!0,"is-dragging":this.dragging},part:"track",role:"region","aria-label":this.label||s.scrollLeft,tabIndex:0,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,ref:s=>{this.trackEl=s}},i("slot",{key:"fbefe08fe2fbb0c94e89883266a4e25105a0b91d",onSlotchange:this.handleSlotChange}));return i(r,{key:"dd21b056857b5ccf06439271ad1c61ad72216469",class:{"is-slide":t,"is-tile":!t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},i("div",{key:"43a0ba6d15f8623248e417bf1fd81062a0b6b6cf",class:"carousel-outer"},o&&(t?!(0===this.activeIndex)&&l:l),c,o&&(t?!(this.activeIndex===this.itemCount-1)&&a:a)),e&&i("ds-pagination",{key:"1d2e666e89517f07e3d121417043a1f182df77b8",class:"pagination",variant:"dots",totalPages:this.itemCount,value:this.activeIndex+1,textPrevious:s.scrollLeft,textNext:s.scrollRight,onDsChange:this.handlePaginationChange}))}get el(){return l(this)}};a([c("carousel"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null),a([m(b),n("design:type",String)],y.prototype,"controls",void 0),a([m(v),n("design:type",String)],y.prototype,"variant",void 0),a([f("string"),n("design:type",String)],y.prototype,"label",void 0),a([f("number"),n("design:type",Number)],y.prototype,"steps",void 0),a([f("string"),n("design:type",Object)],y.prototype,"value",void 0),a([g(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],y.prototype,"configChanged",null),y.style=':host{--_carousel-gap:var(--carousel-gap, var(--mod-carousel-gap, var(--ds-carousel-gap)));--_carousel-radius:var(--carousel-radius, var(--mod-carousel-radius, var(--ds-alias-radius-base)));--_carousel-control-color:var(--carousel-control-color, var(--mod-carousel-control-color, var(--ds-carousel-control-color)));--_carousel-scroll-fade-bg:var(--carousel-scroll-fade-bg, var(--mod-carousel-scroll-fade-bg, var(--ds-carousel-scroll-fade-bg)));--_carousel-scroll-btn-bg-active:var(--carousel-scroll-btn-bg-active, var(--mod-carousel-scroll-btn-bg-active, var(--ds-carousel-scroll-btn-background-active, var(--ds-alias-surface-primary))));--_carousel-scroll-btn-bg-active-hover:var(--carousel-scroll-btn-bg-active-hover, var(--mod-carousel-scroll-btn-bg-active-hover, var(--ds-carousel-scroll-btn-background-active-hover, var(--ds-alias-surface-primary-hover))));--_carousel-scroll-btn-bg-active-pressed:var(--carousel-scroll-btn-bg-active-pressed, var(--mod-carousel-scroll-btn-bg-active-pressed, var(--ds-carousel-scroll-btn-background-active-pressed, var(--ds-alias-surface-primary-active))));--_carousel-scroll-btn-color-active:var(--carousel-scroll-btn-color-active, var(--mod-carousel-scroll-btn-color-active, var(--ds-carousel-scroll-btn-color-active, var(--ds-alias-text-color-white))));display:block}:host .carousel-track{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:scroll;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;outline:none;border-radius:var(--_carousel-radius)}:host .carousel-track::-webkit-scrollbar{display:none}@media (hover: hover)and (pointer: fine){:host .carousel-track:focus-visible:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host .carousel-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}:host .carousel-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.is-slide){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}:host(.is-slide) .carousel-track{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:0}:host(.is-slide) .carousel-track.is-dragging{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}:host(.is-slide) .pagination{-ms-flex-item-align:center;align-self:center}:host(.is-slide) .carousel-outer{position:relative;display:block}:host(.is-slide) .scroll-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:9999px;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--mod-icon-color:currentColor;--icon-color:var(--_carousel-scroll-btn-color-active);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-slide) .scroll-btn:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-slide) .scroll-btn:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}:host(.is-slide) .scroll-btn--prev{left:1rem}:host(.is-slide) .scroll-btn--next{right:1rem}:host(.is-tile){display:block}:host(.is-tile) .carousel-outer{position:relative}:host(.is-tile) .carousel-track{-ms-flex:1;flex:1;min-width:0;gap:var(--_carousel-gap);scroll-behavior:smooth}:host(.is-tile.has-overflow) .carousel-outer::before,:host(.is-tile.has-overflow) .carousel-outer::after{content:"";position:absolute;top:0;bottom:0;width:3rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.is-tile.has-overflow) .carousel-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.has-overflow) .carousel-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_carousel-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_carousel-scroll-fade-bg), transparent)}:host(.is-tile.can-scroll-left) .carousel-outer::before{opacity:1}:host(.is-tile.can-scroll-right) .carousel-outer::after{opacity:1}:host(.is-tile) .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;height:2.5rem;min-width:0;max-width:2.5rem;max-height:2.5rem;margin:0;padding:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:9999px;background:none;color:var(--_carousel-control-color);--mod-icon-color:currentColor;opacity:0;pointer-events:none;cursor:default;-webkit-transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease;transition:width 120ms ease,min-width 120ms ease,margin 120ms ease,opacity 120ms ease,background-color 120ms ease,color 120ms ease}:host(.is-tile.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.35}:host(.is-tile.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.is-tile.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.is-tile.can-scroll-left) .scroll-btn--prev,:host(.is-tile.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer;background-color:var(--_carousel-scroll-btn-bg-active);color:var(--_carousel-scroll-btn-color-active);--icon-color:var(--_carousel-scroll-btn-color-active)}@media (hover: hover)and (pointer: fine){:host(.is-tile.can-scroll-left) .scroll-btn--prev:hover,:host(.is-tile.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_carousel-scroll-btn-bg-active-hover)}}:host(.is-tile.can-scroll-left) .scroll-btn--prev:active,:host(.is-tile.can-scroll-right) .scroll-btn--next:active{background-color:var(--_carousel-scroll-btn-bg-active-pressed)}';export{y as ds_carousel}

package/dist/design-system/{p-d03b0204bf.entry.js → p-227bf7005f.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as s,F as e,G as t,I as a}from"./p-vF16SDFF.js";import{_ as o,L as i,a as d}from"./p-nVdGbZYj.js";import{S as r}from"./p-D4PDkOD_.js";import{O as n}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const h=class{constructor(e){s(this,e)}createLogger(s){this.log=s}render(){return e(t,{key:"ca1032b88e23dcc0715c254645f2042a5051a28b"},e("div",{key:"f9eba279012e17ef9a9d3bc6e779cfd236b801e6",class:{"ds-container":!0,"is-fluid":"fluid"===this.containerSize,"is-compact":"compact"===this.containerSize}},e("slot",{key:"d25c4e599efffda9b96c33fc53f95091989f7bd2"})))}get el(){return a(this)}};o([i("sheet"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],h.prototype,"createLogger",null),o([n(r),d("design:type",String)],h.prototype,"containerSize",void 0),h.style=":host{--_sheet-background:var(--sheet-background, var(--mod-sheet-background, var(--ds-sheet-background)));--_sheet-radius:var(--sheet-radius, var(--mod-sheet-radius, var(--ds-sheet-radius)));--_sheet-shadow:var(--sheet-shadow, var(--mod-sheet-shadow, var(--ds-sheet-shadow)));--_sheet-position-bottom:var(--sheet-position-bottom, var(--mod-sheet-position-bottom, var(--ds-sheet-position-bottom)));display:block;position:fixed;bottom:var(--_sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--ds-alias-z-index-sticky)}:host .ds-container{margin:0 var(--ds-device-container-space);max-width:var(--ds-alias-container-width-default)}@media screen and (min-width: 1024px){:host .ds-container{margin:0 auto}}:host .ds-container{background-color:var(--_sheet-background);border-radius:var(--_sheet-radius);-webkit-box-shadow:var(--_sheet-shadow);box-shadow:var(--_sheet-shadow);padding:1rem}@media screen and (min-width: 769px){:host .ds-container{padding:1rem 1.5rem}}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}";export{h as ds_sheet}
+import{D as s,F as e,G as t,I as a}from"./p-BZEWgXed.js";import{_ as o,L as i,a as d}from"./p-BZsCW9yV.js";import{S as r}from"./p-D4PDkOD_.js";import{O as n}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const h=class{constructor(e){s(this,e)}createLogger(s){this.log=s}render(){return e(t,{key:"ca1032b88e23dcc0715c254645f2042a5051a28b"},e("div",{key:"f9eba279012e17ef9a9d3bc6e779cfd236b801e6",class:{"ds-container":!0,"is-fluid":"fluid"===this.containerSize,"is-compact":"compact"===this.containerSize}},e("slot",{key:"d25c4e599efffda9b96c33fc53f95091989f7bd2"})))}get el(){return a(this)}};o([i("sheet"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],h.prototype,"createLogger",null),o([n(r),d("design:type",String)],h.prototype,"containerSize",void 0),h.style=":host{--_sheet-background:var(--sheet-background, var(--mod-sheet-background, var(--ds-sheet-background)));--_sheet-radius:var(--sheet-radius, var(--mod-sheet-radius, var(--ds-sheet-radius)));--_sheet-shadow:var(--sheet-shadow, var(--mod-sheet-shadow, var(--ds-sheet-shadow)));--_sheet-position-bottom:var(--sheet-position-bottom, var(--mod-sheet-position-bottom, var(--ds-sheet-position-bottom)));display:block;position:fixed;bottom:var(--_sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--ds-alias-z-index-sticky)}:host .ds-container{margin:0 var(--ds-device-container-space);max-width:var(--ds-alias-container-width-default)}@media screen and (min-width: 1024px){:host .ds-container{margin:0 auto}}:host .ds-container{background-color:var(--_sheet-background);border-radius:var(--_sheet-radius);-webkit-box-shadow:var(--_sheet-shadow);box-shadow:var(--_sheet-shadow);padding:1rem}@media screen and (min-width: 769px){:host .ds-container{padding:1rem 1.5rem}}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}";export{h as ds_sheet}

package/dist/design-system/{p-f1c14f2d6d.entry.js → p-273efbd0f4.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,J as i,F as s,G as o,I as a}from"./p-vF16SDFF.js";import{_ as r,L as t,a as l}from"./p-nVdGbZYj.js";import{b as n,a as d}from"./p-ikuhnKGu.js";import{O as c}from"./p-Bo3ozMyW.js";import{T as h}from"./p-C2tiilHE.js";import{R as u}from"./p-CYTkqxYD.js";import"./p-CnMdxr0m.js";const g=class{constructor(s){e(this,s),this.dsCarouselItemSelect=i(this,"dsCarouselItemSelect"),this.carouselVariant="slide",this.navigation=!1,this.index=0,this.selected=!1,this.src="",this.handleClick=()=>{"tile"===this.carouselVariant&&this.dsCarouselItemSelect.emit({name:this.name})}}createLogger(e){this.log=e}render(){const e="tile"===this.carouselVariant,i={"is-slide":!e,"is-tile":e,"is-selected":this.selected,"is-navigation":e&&this.navigation,[`is-${this.color}`]:!!this.color};return e?s(o,this.navigation?{class:i,role:"none"}:{class:i,role:"button",tabIndex:0,"aria-pressed":String(this.selected),onClick:this.handleClick},s("slot",null)):s(o,{class:i,"aria-label":`Slide ${this.index}`},this.src?s("img",{src:this.src,alt:"",draggable:!1}):s("slot",null))}get el(){return a(this)}};r([t("carousel-item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([c(n),l("design:type",String)],g.prototype,"color",void 0),r([c(d),l("design:type",String)],g.prototype,"carouselVariant",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"navigation",void 0),r([h("number"),l("design:type",Number)],g.prototype,"index",void 0),r([u(),h("string"),l("design:type",String)],g.prototype,"name",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"selected",void 0),r([h("string"),l("design:type",String)],g.prototype,"src",void 0),g.style=":host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-surface-grey-light);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-surface-grey-dark)}}:host(.is-tile):active{background-color:var(--ds-alias-surface-grey-darker)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-surface-selected)}:host(.is-tile.is-purple){background-color:var(--ds-alias-surface-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-surface-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-surface-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-surface-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-surface-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-surface-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-surface-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-surface-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-surface-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-surface-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-surface-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-surface-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}";export{g as ds_carousel_item}
+import{D as e,J as i,F as s,G as o,I as a}from"./p-BZEWgXed.js";import{_ as r,L as t,a as l}from"./p-BZsCW9yV.js";import{b as n,a as d}from"./p-ikuhnKGu.js";import{O as c}from"./p-DE5aqD5-.js";import{T as h}from"./p-BaZBnuEF.js";import{R as u}from"./p-Dd1T3Uhf.js";import"./p-C0WbBTf4.js";const g=class{constructor(s){e(this,s),this.dsCarouselItemSelect=i(this,"dsCarouselItemSelect"),this.carouselVariant="slide",this.navigation=!1,this.index=0,this.selected=!1,this.src="",this.handleClick=()=>{"tile"===this.carouselVariant&&this.dsCarouselItemSelect.emit({name:this.name})}}createLogger(e){this.log=e}render(){const e="tile"===this.carouselVariant,i={"is-slide":!e,"is-tile":e,"is-selected":this.selected,"is-navigation":e&&this.navigation,[`is-${this.color}`]:!!this.color};return e?s(o,this.navigation?{class:i,role:"none"}:{class:i,role:"button",tabIndex:0,"aria-pressed":String(this.selected),onClick:this.handleClick},s("slot",null)):s(o,{class:i,"aria-label":`Slide ${this.index}`},this.src?s("img",{src:this.src,alt:"",draggable:!1}):s("slot",null))}get el(){return a(this)}};r([t("carousel-item"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([c(n),l("design:type",String)],g.prototype,"color",void 0),r([c(d),l("design:type",String)],g.prototype,"carouselVariant",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"navigation",void 0),r([h("number"),l("design:type",Number)],g.prototype,"index",void 0),r([u(),h("string"),l("design:type",String)],g.prototype,"name",void 0),r([h("boolean"),l("design:type",Boolean)],g.prototype,"selected",void 0),r([h("string"),l("design:type",String)],g.prototype,"src",void 0),g.style=":host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-surface-grey-light);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-surface-grey-dark)}}:host(.is-tile):active{background-color:var(--ds-alias-surface-grey-darker)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-surface-selected)}:host(.is-tile.is-purple){background-color:var(--ds-alias-surface-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-surface-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-surface-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-surface-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-surface-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-surface-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-surface-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-surface-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-surface-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-surface-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-surface-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-surface-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}";export{g as ds_carousel_item}

package/dist/design-system/{p-53a026d51f.entry.js → p-2984e0c419.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,F as a,G as s,I as t}from"./p-vF16SDFF.js";import{_ as r,L as c,a as n}from"./p-nVdGbZYj.js";const o=class{constructor(a){e(this,a)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return a(s,{key:"a18b40a44d1b4750e2b1e7a60260caa1122b7076",style:{display:"contents"}},a("slot",{key:"54539a2004deeaecc84fabbf0c1ecfc2cc529430"}))}get el(){return t(this)}};r([c("modal-header"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_modal_header}
+import{D as e,F as a,G as s,I as t}from"./p-BZEWgXed.js";import{_ as r,L as c,a as n}from"./p-BZsCW9yV.js";const o=class{constructor(a){e(this,a)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="header"}render(){return a(s,{key:"a18b40a44d1b4750e2b1e7a60260caa1122b7076",style:{display:"contents"}},a("slot",{key:"54539a2004deeaecc84fabbf0c1ecfc2cc529430"}))}get el(){return t(this)}};r([c("modal-header"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_modal_header}

package/dist/design-system/{p-868cdfa283.entry.js → p-387808b33b.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,F as s,G as t,I as a}from"./p-vF16SDFF.js";import{_ as r,L as n,a as o}from"./p-nVdGbZYj.js";const c=class{constructor(s){e(this,s)}createLogger(e){this.log=e}render(){return s(t,{key:"992cf9491ea35b3e96b27fb73e1770f9e3d6941f"},s("slot",{key:"9f94c95fe9013ba780756052c5257677839a896a"}))}get el(){return a(this)}};r([n("data-value"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null),c.style=":host{display:contents}";export{c as ds_data_value}
+import{D as e,F as s,G as t,I as a}from"./p-BZEWgXed.js";import{_ as r,L as n,a as o}from"./p-BZsCW9yV.js";const c=class{constructor(s){e(this,s)}createLogger(e){this.log=e}render(){return s(t,{key:"992cf9491ea35b3e96b27fb73e1770f9e3d6941f"},s("slot",{key:"9f94c95fe9013ba780756052c5257677839a896a"}))}get el(){return a(this)}};r([n("data-value"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null),c.style=":host{display:contents}";export{c as ds_data_value}

package/dist/design-system/{p-a5ddb670f6.entry.js → p-42bc0ecdea.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as i,x as o,F as n,G as s,I as r,E as e,a2 as t}from"./p-vF16SDFF.js";import{_ as a,L as l,a as c}from"./p-nVdGbZYj.js";import{u as d,c as h}from"./p-CvAtwmbq.js";import{h as f}from"./p-DWaM_oN0.js";import{f as v,s as p}from"./p-BNUaCToz.js";import{n as m}from"./p-B3VN_5Hp.js";import{T as g}from"./p-C2tiilHE.js";import{O as b}from"./p-Bo3ozMyW.js";import{L as u}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";const _=class{constructor(n){i(this,n),this._fetchedSrc="",this.icons=o.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const o=this.icons[`Icon${d(h(i))}`];if(o)return void(o!==this.svgContent&&(this.svgContent=o));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await v(this.src));if(this.svg){const i=p(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return n(s,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:f(this.color),[`is-${i}`]:f(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},n("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return r(this)}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),a([g("string"),c("design:type",String)],_.prototype,"name",void 0),a([g("string"),c("design:type",String)],_.prototype,"svg",void 0),a([g("string"),c("design:type",String)],_.prototype,"src",void 0),a([b(["sm","md","lg","xl"]),c("design:type",Object)],_.prototype,"size",void 0),a([b(["primary","info","grey","success","danger","info","warning"]),c("design:type",Object)],_.prototype,"color",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inline",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inverted",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"turn",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"shadow",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],_.prototype,"configChanged",null),_.style=':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}';const y={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},F=class{constructor(n){i(this,n),this.animated=o.animated,this.language=o.language,this.region=o.region,this.deactivated=!1,this.inverted=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=e((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,o)=>{if(this.animationFunction)return i();t((async()=>{import("./p-CqgSz7Zj.js").then((o=>{this.animationFunction=o.animate,i()})).catch(o)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,o){i!==o&&(this.deactivated?this.destroy():this.animate())}variationChanged(i,o){i!==o&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(i){this.animated=i.animated,this.language=i.language,this.region=i.region,!1===i.animated&&this.destroy()}getColor(){try{const i=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(i)return i}catch(i){}return this.inverted?"#ffffff":"#151f6d"}render(){return n(s,{key:"90c28cc69360fda009b5a33070dd8ab5bae16d11",role:"progressbar","aria-label":this.label||y[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===this.size,"is-inverted":this.inverted,"is-label-right":f(this.label)&&"right"===this.labelPosition,"is-label-bottom":f(this.label)&&"bottom"===this.labelPosition}},n("div",{key:"7a1f3282b6a15b657269939004bbabe98114e811"},n("div",{key:"a328595e464fb48bd0a93774fab94820a08e9d6c",id:"inner",part:"inner",ref:i=>this.innerEl=i})),f(this.label)&&n("span",{key:"d33ab1f1abde040a29255b7dcf24a3718331ef59",part:"label"},this.label))}get el(){return r(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],F.prototype,"createLogger",null),a([g("boolean"),c("design:type",Boolean)],F.prototype,"deactivated",void 0),a([g("boolean"),c("design:type",Boolean)],F.prototype,"inverted",void 0),a([b(["sm"]),c("design:type",String)],F.prototype,"size",void 0),a([g("string"),c("design:type",String)],F.prototype,"label",void 0),a([b(["right","bottom"]),c("design:type",String)],F.prototype,"labelPosition",void 0),a([b(["logo","circle"]),c("design:type",String)],F.prototype,"variation",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],F.prototype,"configChanged",null),F.style=":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-logo-size:var(--spinner-logo-size, var(--mod-spinner-logo-size, var(--ds-spinner-logo-size-md)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size-md)));--_spinner-circle-thickness:var(--spinner-circle-thickness, var(--mod-spinner-circle-thickness, var(--ds-spinner-circle-thickness-md)));--_spinner-circle-background-color:var(--spinner-circle-background-color, var(--mod-spinner-circle-background-color, var(--ds-spinner-circle-primary-background)));--_spinner-circle-progress-color:var(--spinner-circle-progress-color, var(--mod-spinner-circle-progress-color, var(--ds-spinner-circle-primary-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-logo-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-thickness);border-color:var(--_spinner-circle-background-color);border-top-color:var(--_spinner-circle-progress-color);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-logo-size:var(--ds-spinner-logo-size-sm);--mod-spinner-circle-size:var(--ds-spinner-circle-size-sm);--mod-spinner-circle-thickness:var(--ds-spinner-circle-thickness-sm)}:host(.is-inverted){--mod-spinner-circle-background-color:var(--ds-spinner-circle-inverted-background);--mod-spinner-circle-progress-color:var(--ds-spinner-circle-inverted-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{_ as ds_icon,F as ds_spinner}
+import{D as i,x as n,F as o,G as s,I as r,E as e,a2 as t}from"./p-BZEWgXed.js";import{_ as a,L as l,a as c}from"./p-BZsCW9yV.js";import{u as d,c as h}from"./p-DYqA7KF0.js";import{h as f}from"./p-BYD3IPs8.js";import{f as v,s as p}from"./p-BNUaCToz.js";import{n as m}from"./p-B3VN_5Hp.js";import{T as g}from"./p-BaZBnuEF.js";import{O as b}from"./p-DE5aqD5-.js";import{L as u}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const _=class{constructor(o){i(this,o),this._fetchedSrc="",this.icons=n.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const n=this.icons[`Icon${d(h(i))}`];if(n)return void(n!==this.svgContent&&(this.svgContent=n));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://helvetia-design.vercel.app/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await v(this.src));if(this.svg){const i=p(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}render(){const i=m(this.size)||"";return o(s,{key:"0bd20a2a49abc91eb75199879fedf2b24a5560ea","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${this.color}`]:f(this.color),[`is-${i}`]:f(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid}},o("div",{key:"66fcd0a7d17436dbc584a96038a6fe5476320d29",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return r(this)}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),a([g("string"),c("design:type",String)],_.prototype,"name",void 0),a([g("string"),c("design:type",String)],_.prototype,"svg",void 0),a([g("string"),c("design:type",String)],_.prototype,"src",void 0),a([b(["sm","md","lg","xl"]),c("design:type",Object)],_.prototype,"size",void 0),a([b(["primary","info","grey","success","danger","info","warning"]),c("design:type",Object)],_.prototype,"color",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inline",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"inverted",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"turn",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"shadow",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),a([g("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],_.prototype,"configChanged",null),_.style=':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_icon-inner-mt);padding:calc(.0625*var(--_icon-size));width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-sm){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-primary:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary)}:host(.is-primary-light:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-primary-light)}:host(.is-info:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-info)}:host(.is-success:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-success)}:host(.is-danger:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-warning:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-warning)}:host(.is-grey:not(.is-inverted,.is-invalid,.is-disabled)){--mod-icon-color:var(--ds-icon-color-grey)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-inverted)}:host(.is-invalid){--mod-icon-color:var(--ds-icon-color-danger)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}';const y={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},F=class{constructor(o){i(this,o),this.animated=n.animated,this.language=n.language,this.region=n.region,this.deactivated=!1,this.inverted=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=e((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl&&(this.innerEl.innerHTML="")},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,n)=>{if(this.animationFunction)return i();t((async()=>{import("./p-B6z5TnDK.js").then((n=>{this.animationFunction=n.animate,i()})).catch(n)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,n){i!==n&&(this.deactivated?this.destroy():this.animate())}variationChanged(i,n){i!==n&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(i){this.animated=i.animated,this.language=i.language,this.region=i.region,!1===i.animated&&this.destroy()}getColor(){try{const i=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(i)return i}catch(i){}return this.inverted?"#ffffff":"#151f6d"}render(){return o(s,{key:"227cdc02622cbd3eeb07b8cb7cd7a43d416f451a",role:"progressbar","aria-label":this.label||y[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===this.size,"is-inverted":this.inverted,"is-label-right":f(this.label)&&"right"===this.labelPosition,"is-label-bottom":f(this.label)&&"bottom"===this.labelPosition}},o("div",{key:"c353d6e09d91691585f1fcd1ed0a2501a8fa5e8a"},o("div",{key:"1752811bef9b36bd2a778c75ce3d5a1f7d87be0e",id:"inner",part:"inner",ref:i=>this.innerEl=i})),f(this.label)&&o("span",{key:"5cdc8753a2a1d5a7f005c1d62865e2dbd9f64266",part:"label"},this.label))}get el(){return r(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],F.prototype,"createLogger",null),a([g("boolean"),c("design:type",Boolean)],F.prototype,"deactivated",void 0),a([g("boolean"),c("design:type",Boolean)],F.prototype,"inverted",void 0),a([b(["sm"]),c("design:type",String)],F.prototype,"size",void 0),a([g("string"),c("design:type",String)],F.prototype,"label",void 0),a([b(["right","bottom"]),c("design:type",String)],F.prototype,"labelPosition",void 0),a([b(["logo","circle"]),c("design:type",String)],F.prototype,"variation",void 0),a([u(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],F.prototype,"configChanged",null),F.style=":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-logo-size:var(--spinner-logo-size, var(--mod-spinner-logo-size, var(--ds-spinner-logo-size-md)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size-md)));--_spinner-circle-thickness:var(--spinner-circle-thickness, var(--mod-spinner-circle-thickness, var(--ds-spinner-circle-thickness-md)));--_spinner-circle-background-color:var(--spinner-circle-background-color, var(--mod-spinner-circle-background-color, var(--ds-spinner-circle-primary-background)));--_spinner-circle-progress-color:var(--spinner-circle-progress-color, var(--mod-spinner-circle-progress-color, var(--ds-spinner-circle-primary-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-logo-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-thickness);border-color:var(--_spinner-circle-background-color);border-top-color:var(--_spinner-circle-progress-color);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-logo-size:var(--ds-spinner-logo-size-sm);--mod-spinner-circle-size:var(--ds-spinner-circle-size-sm);--mod-spinner-circle-thickness:var(--ds-spinner-circle-thickness-sm)}:host(.is-inverted){--mod-spinner-circle-background-color:var(--ds-spinner-circle-inverted-background);--mod-spinner-circle-progress-color:var(--ds-spinner-circle-inverted-progress)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{_ as ds_icon,F as ds_spinner}

package/dist/design-system/{p-fbea94a9f1.entry.js → p-4434546768.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{F as a,D as e,G as o,I as r}from"./p-vF16SDFF.js";import{_ as s,L as t,a as p}from"./p-nVdGbZYj.js";import{O as h}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const i=[a("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))],l=class{constructor(a){e(this,a),this.color="purple",this.rotation="0",this.variation="1"}createLogger(a){this.log=a}render(){return a(o,{key:"59c3631a38445bf7360429b6ee6060c669597e56","aria-hidden":"true"},a("svg",{key:"e32057f8c307c5b06d4343eeee0b0feb3575fd76",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},i[parseInt(this.variation)-1]))}get el(){return r(this)}};s([t("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],l.prototype,"createLogger",null),s([h(["green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"]),p("design:type",String)],l.prototype,"color",void 0),s([h(["0","90","180","270"]),p("design:type",String)],l.prototype,"rotation",void 0),s([h(["1","2","3"]),p("design:type",String)],l.prototype,"variation",void 0),l.style=':host{--_shape-position:var(--shape-position, var(--mod-shape-position, static));--_shape-top:var(--shape-top, var(--mod-shape-top));--_shape-right:var(--shape-right, var(--mod-shape-right));--_shape-bottom:var(--shape-bottom, var(--mod-shape-bottom));--_shape-left:var(--shape-left, var(--mod-shape-left));position:var(--_shape-position);top:var(--_shape-top);right:var(--_shape-right);bottom:var(--_shape-bottom);left:var(--_shape-left);--_shape-m:var(--shape-m, var(--mod-shape-m, 0));--_shape-my:var(--shape-my, var(--mod-shape-my));--_shape-mx:var(--shape-mx, var(--mod-shape-mx));--_shape-ml:var(--shape-ml, var(--mod-shape-ml));--_shape-mr:var(--shape-mr, var(--mod-shape-mr));--_shape-mt:var(--shape-mt, var(--mod-shape-mt));--_shape-mb:var(--shape-mb, var(--mod-shape-mb));margin:var(--_shape-m);margin-inline:var(--_shape-mx);margin-block:var(--_shape-my);margin-left:var(--_shape-ml);margin-right:var(--_shape-mr);margin-top:var(--_shape-mt);margin-bottom:var(--_shape-mb);--_shape-color:var(--shape-color, var(--mod-shape-color, var(--ds-alias-surface-green)));--_shape-size:var(--shape-size, var(--mod-shape-size, 66px));--_shape-rotation:var(--shape-rotation, var(--mod-shape-rotation, 0deg))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;overflow:hidden;-webkit-transform:rotate(var(--_shape-rotation));transform:rotate(var(--_shape-rotation));fill:var(--_shape-color);width:var(--_shape-size);height:var(--_shape-size)}@media screen and (min-width: 769px){:host{--mod-shape-size:120px}}@media screen and (min-width: 1024px){:host{--mod-shape-size:198px}}:host([rotation="0"]){--mod-shape-rotation:0deg}:host([rotation="90"]){--mod-shape-rotation:90deg}:host([rotation="180"]){--mod-shape-rotation:180deg}:host([rotation="270"]){--mod-shape-rotation:270deg}:host([color=red]){--mod-shape-color:var(--ds-global-color-red-6)}:host([color=green]){--mod-shape-color:var(--ds-global-color-green-6)}:host([color=yellow]){--mod-shape-color:var(--ds-global-color-yellow-6)}:host([color=purple]){--mod-shape-color:var(--ds-global-color-purple-6)}:host([color=red-light]){--mod-shape-color:var(--ds-global-color-red-3)}:host([color=green-light]){--mod-shape-color:var(--ds-global-color-green-3)}:host([color=yellow-light]){--mod-shape-color:var(--ds-global-color-yellow-3)}:host([color=purple-light]){--mod-shape-color:var(--ds-global-color-purple-3)}';export{l as ds_shape}
+import{F as a,D as e,G as o,I as r}from"./p-BZEWgXed.js";import{_ as s,L as t,a as p}from"./p-BZsCW9yV.js";import{O as h}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const i=[a("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))],l=class{constructor(a){e(this,a),this.color="purple",this.rotation="0",this.variation="1"}createLogger(a){this.log=a}render(){return a(o,{key:"59c3631a38445bf7360429b6ee6060c669597e56","aria-hidden":"true"},a("svg",{key:"e32057f8c307c5b06d4343eeee0b0feb3575fd76",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},i[parseInt(this.variation)-1]))}get el(){return r(this)}};s([t("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],l.prototype,"createLogger",null),s([h(["green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"]),p("design:type",String)],l.prototype,"color",void 0),s([h(["0","90","180","270"]),p("design:type",String)],l.prototype,"rotation",void 0),s([h(["1","2","3"]),p("design:type",String)],l.prototype,"variation",void 0),l.style=':host{--_shape-position:var(--shape-position, var(--mod-shape-position, static));--_shape-top:var(--shape-top, var(--mod-shape-top));--_shape-right:var(--shape-right, var(--mod-shape-right));--_shape-bottom:var(--shape-bottom, var(--mod-shape-bottom));--_shape-left:var(--shape-left, var(--mod-shape-left));position:var(--_shape-position);top:var(--_shape-top);right:var(--_shape-right);bottom:var(--_shape-bottom);left:var(--_shape-left);--_shape-m:var(--shape-m, var(--mod-shape-m, 0));--_shape-my:var(--shape-my, var(--mod-shape-my));--_shape-mx:var(--shape-mx, var(--mod-shape-mx));--_shape-ml:var(--shape-ml, var(--mod-shape-ml));--_shape-mr:var(--shape-mr, var(--mod-shape-mr));--_shape-mt:var(--shape-mt, var(--mod-shape-mt));--_shape-mb:var(--shape-mb, var(--mod-shape-mb));margin:var(--_shape-m);margin-inline:var(--_shape-mx);margin-block:var(--_shape-my);margin-left:var(--_shape-ml);margin-right:var(--_shape-mr);margin-top:var(--_shape-mt);margin-bottom:var(--_shape-mb);--_shape-color:var(--shape-color, var(--mod-shape-color, var(--ds-alias-surface-green)));--_shape-size:var(--shape-size, var(--mod-shape-size, 66px));--_shape-rotation:var(--shape-rotation, var(--mod-shape-rotation, 0deg))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;overflow:hidden;-webkit-transform:rotate(var(--_shape-rotation));transform:rotate(var(--_shape-rotation));fill:var(--_shape-color);width:var(--_shape-size);height:var(--_shape-size)}@media screen and (min-width: 769px){:host{--mod-shape-size:120px}}@media screen and (min-width: 1024px){:host{--mod-shape-size:198px}}:host([rotation="0"]){--mod-shape-rotation:0deg}:host([rotation="90"]){--mod-shape-rotation:90deg}:host([rotation="180"]){--mod-shape-rotation:180deg}:host([rotation="270"]){--mod-shape-rotation:270deg}:host([color=red]){--mod-shape-color:var(--ds-global-color-red-6)}:host([color=green]){--mod-shape-color:var(--ds-global-color-green-6)}:host([color=yellow]){--mod-shape-color:var(--ds-global-color-yellow-6)}:host([color=purple]){--mod-shape-color:var(--ds-global-color-purple-6)}:host([color=red-light]){--mod-shape-color:var(--ds-global-color-red-3)}:host([color=green-light]){--mod-shape-color:var(--ds-global-color-green-3)}:host([color=yellow-light]){--mod-shape-color:var(--ds-global-color-yellow-3)}:host([color=purple-light]){--mod-shape-color:var(--ds-global-color-purple-3)}';export{l as ds_shape}

package/dist/design-system/{p-068ccfad8e.entry.js → p-4560cd05e2.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,F as t,G as s,I as a}from"./p-vF16SDFF.js";import{_ as n,L as r,a as i}from"./p-nVdGbZYj.js";const o=class{constructor(t){e(this,t)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="title"}render(){return t(s,{key:"51e10abad99fe4652c91809388f116caa8128177",style:{display:"contents"}},t("slot",{key:"608b6bb7921defbba19d7e0ba164b8e2eb43f959"}))}get el(){return a(this)}};n([r("hint-title"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_hint_title}
+import{D as e,F as t,G as s,I as a}from"./p-BZEWgXed.js";import{_ as n,L as r,a as i}from"./p-BZsCW9yV.js";const o=class{constructor(t){e(this,t)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="title"}render(){return t(s,{key:"51e10abad99fe4652c91809388f116caa8128177",style:{display:"contents"}},t("slot",{key:"608b6bb7921defbba19d7e0ba164b8e2eb43f959"}))}get el(){return a(this)}};n([r("hint-title"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null);export{o as ds_hint_title}

package/dist/design-system/{p-aa818d939d.entry.js → p-46f29960b4.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,x as a,F as e,G as i,I as o}from"./p-vF16SDFF.js";import{_ as l,L as d,a as r}from"./p-nVdGbZYj.js";import{T as m}from"./p-C2tiilHE.js";import{L as s}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";const n={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},b=class{constructor(e){t(this,e),this.innerEditLabel="Edit",this.language=a.language,this.region=a.region,this.labelId=`data-item-label-${Math.random().toString(36).slice(2,9)}`,this.valueId=`data-item-value-${Math.random().toString(36).slice(2,9)}`,this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=n[t.language])||void 0===a?void 0:a.editLabel)||n.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return o(this)}};l([d("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],b.prototype,"createLogger",null),l([m("boolean"),r("design:type",Boolean)],b.prototype,"disabled",void 0),l([m("boolean"),r("design:type",Boolean)],b.prototype,"multiline",void 0),l([m("boolean"),r("design:type",Boolean)],b.prototype,"editable",void 0),l([m("string"),r("design:type",Object)],b.prototype,"editLabel",void 0),l([s(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],b.prototype,"configChanged",null),b.style=":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}";export{b as ds_data_item}
+import{D as t,x as a,F as e,G as i,I as o}from"./p-BZEWgXed.js";import{_ as l,L as d,a as r}from"./p-BZsCW9yV.js";import{T as m}from"./p-BaZBnuEF.js";import{L as s}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const n={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},c=class{constructor(e){t(this,e),this.innerEditLabel="Edit",this.language=a.language,this.region=a.region,this.labelId=`data-item-label-${Math.random().toString(36).slice(2,9)}`,this.valueId=`data-item-value-${Math.random().toString(36).slice(2,9)}`,this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=n[t.language])||void 0===a?void 0:a.editLabel)||n.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return o(this)}};l([d("data-item"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],c.prototype,"createLogger",null),l([m("boolean"),r("design:type",Boolean)],c.prototype,"disabled",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"multiline",void 0),l([m("boolean"),r("design:type",Boolean)],c.prototype,"editable",void 0),l([m("string"),r("design:type",Object)],c.prototype,"editLabel",void 0),l([s(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],c.prototype,"configChanged",null),c.style=":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}";export{c as ds_data_item}

package/dist/design-system/{p-5861eed0cd.entry.js → p-5448f94833.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,J as t,x as i,h as o,F as s,I as r}from"./p-vF16SDFF.js";import{_ as a,L as n,a as l}from"./p-nVdGbZYj.js";import{a as c,s as d}from"./p-BwDOnHtD.js";import{w as m}from"./p-CHZn7ODg.js";import{F as g}from"./p-bTeo6KbL.js";import{T as p}from"./p-C2tiilHE.js";import{L as h}from"./p-DqEwL34o.js";import{L as v}from"./p-BBgONt6X.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";import"./p-CZ_qlWWQ.js";const b=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+u++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),c(this.internals,this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),c(this.internals,null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,c(this.internals,this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&o(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return s(g,{key:"ed04c6b3515cf07d6af5a9ba2dc375b4b219ea45",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"a36203f0cbbf6342f96a67b8334ac835fc2577fa",id:"group"},s("div",{key:"a697da6b0bd4471af4930bb7516975cea90f57a2",id:"pill"}),this.items.map((t=>s("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?`- ${t.description}`:""}`,title:`${t.label}${t.description?`- ${t.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&s("ds-icon",{name:t.icon}),t.svg&&s("ds-icon",{svg:t.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"ds-label"},t.label),t.description&&s("span",{class:"description"},t.description)))))),s("div",{key:"3cd4feda5790e0b8bb43dcc3824e914b36f2b577"},s("slot",{key:"853188e5d75852aafca3852eaf8f52e36d37df32",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};a([n("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),a([p("boolean"),l("design:type",Boolean)],b.prototype,"allowEmptySelection",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),a([p("string"),l("design:type",String)],b.prototype,"description",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"disabled",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"iconOnly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"invalid",void 0),a([p("string"),l("design:type",String)],b.prototype,"invalidText",void 0),a([p("string"),l("design:type",String)],b.prototype,"label",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"loading",void 0),a([p("string"),l("design:type",String)],b.prototype,"name",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"readonly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"required",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"vertical",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"verticalOnMobile",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"wide",void 0),a([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],b.prototype,"configChanged",null),a([v(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],b.prototype,"listenToResize",null);let u=0;b.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{b as ds_segment}
+import{D as e,J as t,x as i,h as o,F as s,I as r}from"./p-BZEWgXed.js";import{_ as a,L as n,a as l}from"./p-BZsCW9yV.js";import{a as c,s as d}from"./p-D4hbhLgQ.js";import{w as m}from"./p-CHZn7ODg.js";import{F as g}from"./p-Bwb-pdM2.js";import{T as p}from"./p-BaZBnuEF.js";import{L as h}from"./p-reH0cIhP.js";import{L as v}from"./p-0Tzaj6-a.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";const b=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+u++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),c(this.internals,this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),c(this.internals,null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,c(this.internals,this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&o(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return s(g,{key:"ed04c6b3515cf07d6af5a9ba2dc375b4b219ea45",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"a36203f0cbbf6342f96a67b8334ac835fc2577fa",id:"group"},s("div",{key:"a697da6b0bd4471af4930bb7516975cea90f57a2",id:"pill"}),this.items.map((t=>s("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?`- ${t.description}`:""}`,title:`${t.label}${t.description?`- ${t.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&s("ds-icon",{name:t.icon}),t.svg&&s("ds-icon",{svg:t.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"ds-label"},t.label),t.description&&s("span",{class:"description"},t.description)))))),s("div",{key:"3cd4feda5790e0b8bb43dcc3824e914b36f2b577"},s("slot",{key:"853188e5d75852aafca3852eaf8f52e36d37df32",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};a([n("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),a([p("boolean"),l("design:type",Boolean)],b.prototype,"allowEmptySelection",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),a([p("string"),l("design:type",String)],b.prototype,"description",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"disabled",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"iconOnly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"invalid",void 0),a([p("string"),l("design:type",String)],b.prototype,"invalidText",void 0),a([p("string"),l("design:type",String)],b.prototype,"label",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"loading",void 0),a([p("string"),l("design:type",String)],b.prototype,"name",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"readonly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"required",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"vertical",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"verticalOnMobile",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"wide",void 0),a([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],b.prototype,"configChanged",null),a([v(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],b.prototype,"listenToResize",null);let u=0;b.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{b as ds_segment}

package/dist/design-system/{p-0aa4490aef.entry.js → p-590395ca65.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as a,F as r,G as e,I as d}from"./p-vF16SDFF.js";import{_ as t,L as o,a as s}from"./p-nVdGbZYj.js";import{e as i}from"./p-Cyz0da0t.js";import{R as m}from"./p-CYTkqxYD.js";import{O as h}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const c=class{constructor(r){a(this,r),this.direction="row"}createLogger(a){this.log=a}render(){return r(e,{key:"3e02d40402c5649a2dcdf278d15fa1efd7375c25",role:"banner"},r("slot",{key:"ce3daf494388829d751a62fea59efb0805203945"}))}get el(){return d(this)}};t([o("card-header"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],c.prototype,"createLogger",null),t([m(),h(i),s("design:type",String)],c.prototype,"direction",void 0),c.style=":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ds-brand-icon,:host ::slotted(ds-brand-icon),:host ::slotted(ds-icon){grid-area:icon}:host>.ds-tag,:host>.ds-tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .ds-title,:host .ds-heading,:host ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}:host>p,:host .ds-subtitle,:host ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}:host .ds-title,:host .ds-subtitle,:host .ds-heading{margin:0}";export{c as ds_card_header}
+import{D as a,F as r,G as e,I as d}from"./p-BZEWgXed.js";import{_ as t,L as o,a as s}from"./p-BZsCW9yV.js";import{e as i}from"./p-Cyz0da0t.js";import{R as m}from"./p-Dd1T3Uhf.js";import{O as h}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const c=class{constructor(r){a(this,r),this.direction="row"}createLogger(a){this.log=a}render(){return r(e,{key:"3e02d40402c5649a2dcdf278d15fa1efd7375c25",role:"banner"},r("slot",{key:"ce3daf494388829d751a62fea59efb0805203945"}))}get el(){return d(this)}};t([o("card-header"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],c.prototype,"createLogger",null),t([m(),h(i),s("design:type",String)],c.prototype,"direction",void 0),c.style=":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ds-brand-icon,:host ::slotted(ds-brand-icon),:host ::slotted(ds-icon){grid-area:icon}:host>.ds-tag,:host>.ds-tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .ds-title,:host .ds-heading,:host ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}:host>p,:host .ds-subtitle,:host ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}:host .ds-title,:host .ds-subtitle,:host .ds-heading{margin:0}";export{c as ds_card_header}

package/dist/design-system/{p-26dfe27017.entry.js → p-6317524d37.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as e,F as t,G as s,I as a}from"./p-vF16SDFF.js";import{_ as r,L as n,a as o}from"./p-nVdGbZYj.js";const c=class{constructor(t){e(this,t)}createLogger(e){this.log=e}render(){return t(s,{key:"bf1e0f62ef116c379b457f211ae033220a2f64a3",style:{display:"contents"}},t("slot",{key:"661556d3ce0faa0af973fd3bcc2ff6d5dca4056a"}))}get el(){return a(this)}};r([n("hint-text"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null);export{c as ds_hint_text}
+import{D as e,F as t,G as s,I as a}from"./p-BZEWgXed.js";import{_ as r,L as n,a as o}from"./p-BZsCW9yV.js";const c=class{constructor(t){e(this,t)}createLogger(e){this.log=e}render(){return t(s,{key:"bf1e0f62ef116c379b457f211ae033220a2f64a3",style:{display:"contents"}},t("slot",{key:"661556d3ce0faa0af973fd3bcc2ff6d5dca4056a"}))}get el(){return a(this)}};r([n("hint-text"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null);export{c as ds_hint_text}

package/dist/design-system/{p-7e0181bf02.entry.js → p-65913aa877.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-vF16SDFF.js";import{_ as i,L as c,a as e}from"./p-nVdGbZYj.js";import{s as b}from"./p-BwDOnHtD.js";import{h as d}from"./p-DWaM_oN0.js";import{s as k}from"./p-BNUaCToz.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-DtLg8ChN.js";import{O as l}from"./p-Bo3ozMyW.js";import{T as g}from"./p-C2tiilHE.js";import{L as v}from"./p-DljpDnEC.js";import"./p-CnMdxr0m.js";import"./p-CZ_qlWWQ.js";import"./p-DQwXy0j5.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}
+import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-BZEWgXed.js";import{_ as i,L as c,a as e}from"./p-BZsCW9yV.js";import{s as b}from"./p-D4hbhLgQ.js";import{h as d}from"./p-BYD3IPs8.js";import{s as k}from"./p-BNUaCToz.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-FibyOiqE.js";import{O as l}from"./p-DE5aqD5-.js";import{T as g}from"./p-BaZBnuEF.js";import{L as v}from"./p-CBGuu-I2.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}