npm - @baloise/ds-core - Versions diffs - 20.0.0-next.6 → 20.0.0-next.8 - Mend

@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (568) hide show

package/components/ds-shape.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{h as e,p as a,H as o,e as r,t as s}from"./p-WO0X5Vmy.js";import{_ as t,L as h,a as p}from"./p-J0mxIuTt.js";import{O as i}from"./p-BhbWmCTu.js";const d=[e("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},e("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},e("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"}))),e("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},e("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},e("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"}))),e("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},e("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},e("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=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="green",this.rotation="0",this.variation="1"}createLogger(e){this.log=e}render(){return e(r,{key:"e38fc0e4417b0c820f4f48b3bd6276e3ca745f74","aria-hidden":"true"},e("svg",{key:"64feadb80b8a95f7b7d230e9a601a9ad4aabd83f",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},d[parseInt(this.variation)-1]))}get el(){return this}static get style(){return':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-background-color-green-base)));--_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)}'}},[1,"ds-shape",{color:[1],rotation:[1],variation:[1]}]);t([h("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],l.prototype,"createLogger",null),t([i(["green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"]),p("design:type",String)],l.prototype,"color",void 0),t([i(["0","90","180","270"]),p("design:type",String)],l.prototype,"rotation",void 0),t([i(["1","2","3"]),p("design:type",String)],l.prototype,"variation",void 0);const n=l,m=function(){"undefined"!=typeof customElements&&["ds-shape"].forEach((e=>{"ds-shape"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))};export{n as DsShape,m as defineCustomElement}
+import{h as a,p as e,H as o,e as r,t as s}from"./p-WO0X5Vmy.js";import{_ as t,L as h,a as p}from"./p-J0mxIuTt.js";import{O as i}from"./p-BhbWmCTu.js";const d=[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=e(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.color="green",this.rotation="0",this.variation="1"}createLogger(a){this.log=a}render(){return a(r,{key:"7992728e9058b4aa1df34a66625315314a53b854","aria-hidden":"true"},a("svg",{key:"4a1384043bf0c8cb44971a726dd760f1046dde00",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},d[parseInt(this.variation)-1]))}get el(){return this}static get style(){return':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-background-color-green-base)));--_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)}'}},[1,"ds-shape",{color:[1],rotation:[1],variation:[1]}]);t([h("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],l.prototype,"createLogger",null),t([i(["green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"]),p("design:type",String)],l.prototype,"color",void 0),t([i(["0","90","180","270"]),p("design:type",String)],l.prototype,"rotation",void 0),t([i(["1","2","3"]),p("design:type",String)],l.prototype,"variation",void 0);const n=l,m=function(){"undefined"!=typeof customElements&&["ds-shape"].forEach((a=>{"ds-shape"===a&&(customElements.get(s(a))||customElements.define(s(a),l))}))};export{n as DsShape,m as defineCustomElement}

package/components/ds-snackbar.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as r,f as s,h as n,e as o,t}from"./p-WO0X5Vmy.js";import{_ as e,L as i,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{r as m}from"./p-BgzU1loG.js";import{s as k,d as g}from"./p-Du7QOHtz.js";import{c as l}from"./p-DQBzmbR6.js";import{d as h}from"./p-CjIxf5zy.js";import{d as p}from"./p-DenZRIeA.js";import{d as f}from"./p-Ctnm_MBD.js";import{d as v}from"./p-CYWn3X22.js";import{d as u}from"./p-n3_2KEz0.js";import{O as _}from"./p-BhbWmCTu.js";import{T as y}from"./p-DAYd9ty0.js";import{L as w}from"./p-DbY6Pfeh.js";const x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=s(this,"dsCloseClick"),this.dsActionClick=s(this,"dsActionClick"),this.dsDidLoad=s(this,"dsDidLoad"),this.isMobile=u.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",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(){m((()=>{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(),r=this.generateSvgContent();return n(o,{key:"66c571295c3931b071bb104e339febfac87db6df",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&&n("ds-button",{key:"9f9cedbf2fed42189e302a0aebc9852a2771136e",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"a4c826d95d2041345bf4cee0540cb172f5336c79",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"cdb9be5a9499d7ffad58c8c2e5a9096963b67f69",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"52810e3cb684318ce4fd8ec8be8529f63a8e8e8b",part:"content",id:"content"},this.heading&&n("h2",{key:"8ae2906a4ffabbc970c9c995c5d9efb0cc94fbc8",part:"heading"},this.heading),n("span",{key:"affd6a8d4ce4c19274a8c760f00f0a051bbae56e",part:"message"},this.message,n("slot",{key:"75fd4ab26f8f6f8d1d89d2c1e0428b53bb3d75c5"}))),n("ds-button-group",{key:"0c644ee957e3a615e2c7fa030d537bea002e72ca",part:"action",id:"action"},n("slot",{key:"840fb7d2be9fcf41ffa5b4eeff53d4a1b26d209a",name:"action"}),this.action&&n("ds-button",{key:"18d900d559bd085b5732ec37484622ee9da199ff",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&&n("ds-close",{key:"d8c8c528cff2edbfac7a23488271c2071d5a84df",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':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-default-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_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-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}: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);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)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline: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);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .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(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);e([i("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),e([_(["base","info","success","warning","danger"]),c("design:type",String)],x.prototype,"color",void 0),e([y("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),e([y("string"),c("design:type",String)],x.prototype,"heading",void 0),e([y("string"),c("design:type",String)],x.prototype,"message",void 0),e([y("string"),c("design:type",String)],x.prototype,"icon",void 0),e([y("string"),c("design:type",String)],x.prototype,"svg",void 0),e([y("string"),c("design:type",String)],x.prototype,"action",void 0),e([y("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),e([_(l),c("design:type",String)],x.prototype,"actionTarget",void 0),e([y("string"),c("design:type",String)],x.prototype,"actionHref",void 0),e([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,j=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||h();break;case"ds-button-group":customElements.get(t(a))||p();break;case"ds-close":customElements.get(t(a))||f();break;case"ds-icon":customElements.get(t(a))||g();break;case"ds-spinner":customElements.get(t(a))||v()}}))};export{z as DsSnackbar,j as defineCustomElement}
+import{p as a,H as r,f as s,h as n,e as o,t}from"./p-WO0X5Vmy.js";import{_ as i,L as e,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{r as m}from"./p-BgzU1loG.js";import{s as k,d as l}from"./p-Dbqy6lZU.js";import{c as g}from"./p-wud2RGEy.js";import{d as h}from"./p-BmKEBYP4.js";import{d as p}from"./p-BXJT6RzI.js";import{d as v}from"./p-std0LSH2.js";import{d as f}from"./p-o0H7eIVX.js";import{d as u}from"./p-n3_2KEz0.js";import{O as y}from"./p-BhbWmCTu.js";import{T as _}from"./p-DAYd9ty0.js";import{L as w}from"./p-DbY6Pfeh.js";const x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=s(this,"dsCloseClick"),this.dsActionClick=s(this,"dsActionClick"),this.dsDidLoad=s(this,"dsDidLoad"),this.isMobile=u.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",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(){m((()=>{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(),r=this.generateSvgContent();return n(o,{key:"66c571295c3931b071bb104e339febfac87db6df",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&&n("ds-button",{key:"9f9cedbf2fed42189e302a0aebc9852a2771136e",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"a4c826d95d2041345bf4cee0540cb172f5336c79",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"cdb9be5a9499d7ffad58c8c2e5a9096963b67f69",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"52810e3cb684318ce4fd8ec8be8529f63a8e8e8b",part:"content",id:"content"},this.heading&&n("h2",{key:"8ae2906a4ffabbc970c9c995c5d9efb0cc94fbc8",part:"heading"},this.heading),n("span",{key:"affd6a8d4ce4c19274a8c760f00f0a051bbae56e",part:"message"},this.message,n("slot",{key:"75fd4ab26f8f6f8d1d89d2c1e0428b53bb3d75c5"}))),n("ds-button-group",{key:"0c644ee957e3a615e2c7fa030d537bea002e72ca",part:"action",id:"action"},n("slot",{key:"840fb7d2be9fcf41ffa5b4eeff53d4a1b26d209a",name:"action"}),this.action&&n("ds-button",{key:"18d900d559bd085b5732ec37484622ee9da199ff",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&&n("ds-close",{key:"d8c8c528cff2edbfac7a23488271c2071d5a84df",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':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-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-primary-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-primary-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-primary-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_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-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}: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);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)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline: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);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .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(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);i([e("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),i([y(["base","info","success","warning","danger"]),c("design:type",String)],x.prototype,"color",void 0),i([_("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),i([_("string"),c("design:type",String)],x.prototype,"heading",void 0),i([_("string"),c("design:type",String)],x.prototype,"message",void 0),i([_("string"),c("design:type",String)],x.prototype,"icon",void 0),i([_("string"),c("design:type",String)],x.prototype,"svg",void 0),i([_("string"),c("design:type",String)],x.prototype,"action",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),i([y(g),c("design:type",String)],x.prototype,"actionTarget",void 0),i([_("string"),c("design:type",String)],x.prototype,"actionHref",void 0),i([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,j=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||h();break;case"ds-button-group":customElements.get(t(a))||p();break;case"ds-close":customElements.get(t(a))||v();break;case"ds-icon":customElements.get(t(a))||l();break;case"ds-spinner":customElements.get(t(a))||f()}}))};export{z as DsSnackbar,j as defineCustomElement}

package/components/ds-spinner.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{S as o,d as s}from"./p-CYWn3X22.js";const p=o,r=s;export{p as DsSpinner,r as defineCustomElement}
+import{S as o,d as s}from"./p-o0H7eIVX.js";const p=o,r=s;export{p as DsSpinner,r as defineCustomElement}

package/components/ds-stack.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{S as o,d as r}from"./p-B1gnrQ9b.js";const s=o,p=r;export{s as DsStack,p as defineCustomElement}
+import{S as o,d as p}from"./p-D8gpyiFZ.js";const s=o,r=p;export{s as DsStack,r as defineCustomElement}

package/components/ds-step-panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as s,h as t,e as n,t as a}from"./p-WO0X5Vmy.js";import{_ as d,L as p,a as i}from"./p-J0mxIuTt.js";import{R as o}from"./p-DYlqkAWn.js";import{T as r}from"./p-DAYd9ty0.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return t(n,{key:"9100c4970632362a24e7556dad16a9ae78c26c99",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},t("slot",{key:"0e5d9adbdb99773a528ee99c4f74830ace3bd6e4"}))}get el(){return this}static get style(){return":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}"}},[257,"ds-step-panel",{for:[513],selected:[1540]}]);d([p("step-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],l.prototype,"createLogger",null),d([o(),r("string"),i("design:type",String)],l.prototype,"for",void 0),d([r("boolean"),i("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,g=function(){"undefined"!=typeof customElements&&["ds-step-panel"].forEach((e=>{"ds-step-panel"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))};export{c as DsStepPanel,g as defineCustomElement}
+import{p as e,H as s,h as t,e as n,t as a}from"./p-WO0X5Vmy.js";import{_ as p,L as d,a as i}from"./p-J0mxIuTt.js";import{R as o}from"./p-DYlqkAWn.js";import{T as r}from"./p-DAYd9ty0.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return t(n,{key:"069c37c16fab0a456e81b3994a5f130f555a1943",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},t("slot",{key:"d5e51ed65c86e3b1f50f7978918ca48a760594bf"}))}get el(){return this}static get style(){return":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}"}},[257,"ds-step-panel",{for:[513],selected:[1540]}]);p([d("step-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],l.prototype,"createLogger",null),p([o(),r("string"),i("design:type",String)],l.prototype,"for",void 0),p([r("boolean"),i("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,g=function(){"undefined"!=typeof customElements&&["ds-step-panel"].forEach((e=>{"ds-step-panel"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))};export{c as DsStepPanel,g as defineCustomElement}

package/components/ds-step.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as s,f as t,h as i,e as o,t as n}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as l}from"./p-J0mxIuTt.js";import{d as c}from"./p-Du7QOHtz.js";import{T as d}from"./p-DAYd9ty0.js";import{R as p}from"./p-DYlqkAWn.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsStepSelect=t(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?i("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?i("span",{class:"step-invalid","aria-hidden":"true"},"!"):i("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?i(o,{role:"listitem",class:e},i("span",{class:"circle","aria-hidden":"true"},s),i("slot",null),i("span",{class:"connector","aria-hidden":"true"})):i(o,{role:"tab",class:e,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{class:"circle"},s),this.label&&i("span",{class:"step-label"},this.label),i("span",{class:"connector","aria-hidden":"true"}))}get el(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}"}},[257,"ds-step",{activeIndex:[1026,"active-index"],disabled:[516],done:[516],hidden:[516],index:[1026],invalid:[516],label:[1],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);r([a("step"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("number"),l("design:type",Number)],h.prototype,"activeIndex",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"done",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"hidden",void 0),r([d("number"),l("design:type",Number)],h.prototype,"index",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),l("design:type",String)],h.prototype,"label",void 0),r([p(),d("string"),l("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"navigation",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"selected",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0);const m=h,v=function(){"undefined"!=typeof customElements&&["ds-step","ds-icon"].forEach((e=>{switch(e){case"ds-step":customElements.get(n(e))||customElements.define(n(e),h);break;case"ds-icon":customElements.get(n(e))||c()}}))};export{m as DsStep,v as defineCustomElement}
+import{p as e,H as s,f as t,h as i,e as o,t as n}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as l}from"./p-J0mxIuTt.js";import{d as c}from"./p-Dbqy6lZU.js";import{T as d}from"./p-DAYd9ty0.js";import{R as p}from"./p-DYlqkAWn.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsStepSelect=t(this,"dsStepSelect"),this.activeIndex=0,this.disabled=!1,this.done=!1,this.hidden=!1,this.index=0,this.invalid=!1,this.label="",this.navigation=!1,this.selected=!1,this.vertical=!1,this.handleClick=e=>{this.disabled||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.dsStepSelect.emit({name:this.name}))}}createLogger(e){this.log=e}render(){const e={"is-selected":this.selected,"is-done":this.done,"is-invalid":this.invalid,"is-disabled":this.disabled,"is-hidden":this.hidden,"is-navigation":this.navigation,"is-vertical":this.vertical,"is-filled":this.index>0&&this.index<this.activeIndex},s=this.done?i("ds-icon",{name:"check",color:"white","aria-hidden":"true"}):this.invalid?i("span",{class:"step-invalid","aria-hidden":"true"},"!"):i("span",{class:"step-number","aria-hidden":"true"},this.index);return this.navigation?i(o,{role:"listitem",class:e},i("span",{class:"circle","aria-hidden":"true"},s),i("slot",null),i("span",{class:"connector","aria-hidden":"true"})):i(o,{role:"tab",class:e,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:this.selected?0:-1,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{class:"circle"},s),this.label&&i("span",{class:"step-label"},this.label),i("span",{class:"connector","aria-hidden":"true"}))}get el(){return this}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0;position:relative;outline:none}:host(.is-hidden){display:none}.circle{-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;position:relative;z-index:1;-ms-flex-negative:0;flex-shrink:0;width:var(--_steps-circle-size);height:var(--_steps-circle-size);border-radius:9999px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--_steps-circle-color-bg);color:var(--_steps-circle-color-text);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:background-color 180ms ease,color 180ms ease;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}:host(.is-disabled) .circle{cursor:not-allowed}.step-invalid{color:var(--_steps-circle-color-text-invalid);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);line-height:1}:host(.is-selected) .circle{background-color:var(--_steps-circle-color-bg-selected);color:var(--_steps-circle-color-text-selected)}:host(.is-done) .circle{background-color:var(--_steps-circle-color-bg-done);color:var(--_steps-circle-color-text-done)}:host(.is-invalid) .circle{background-color:var(--_steps-circle-color-bg-invalid);color:var(--_steps-circle-color-text-invalid)}:host(.is-disabled) .circle{background-color:var(--_steps-circle-color-bg-disabled);color:var(--_steps-circle-color-text-disabled);opacity:.5}.step-label{-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;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease}:host(.is-selected) .step-label{color:var(--_steps-step-color-selected)}:host(.is-disabled) .step-label{opacity:.4}.connector{position:absolute;top:calc(var(--_steps-circle-size)/2);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + var(--_steps-circle-size)/2 + 4px);right:calc(-50% + var(--_steps-circle-size)/2 + 4px);height:var(--_steps-connector-height);border-radius:9999px;background-color:var(--_steps-connector-color);z-index:0;-webkit-transition:background-color 180ms ease;transition:background-color 180ms ease}:host(.is-filled) .connector{background-color:var(--_steps-connector-color-filled)}:host(:last-of-type) .connector{display:none}@media screen and (max-width: 768px){.circle{width:var(--_steps-circle-size-sm);height:var(--_steps-circle-size-sm);font-size:var(--_steps-step-font-size-sm);--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}.step-label{display:none}.connector{top:calc(var(--_steps-circle-size-sm)/2);left:calc(50% + var(--_steps-circle-size-sm)/2 + 4px);right:calc(-50% + var(--_steps-circle-size-sm)/2 + 4px)}}@media (hover: hover)and (pointer: fine){:host(:focus-visible:not(:active)) .circle{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-vertical){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex:unset;flex:unset;width:100%;padding:.5rem 0}:host(.is-vertical) .circle{-ms-flex-negative:0;flex-shrink:0}:host(.is-vertical) .step-label{display:block;margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}:host(.is-vertical) .connector{display:none}:host(.is-navigation){cursor:default}:host(.is-navigation) ::slotted(a){-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;margin-top:.5rem;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--_steps-step-color);font-family:var(--_steps-step-font-family);font-size:var(--_steps-step-font-size);font-weight:var(--_steps-step-font-weight);-webkit-transition:color 180ms ease;transition:color 180ms ease;outline:none}:host(.is-navigation.is-selected) ::slotted(a),:host(.is-navigation) ::slotted([aria-current]){color:var(--_steps-step-color-selected)}:host(.is-navigation) ::slotted(a:focus-visible){border-radius:var(--ds-alias-radius-base)}@media (hover: hover)and (pointer: fine){:host(.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_steps-step-color-focus) 0 0 0 5px !important}}:host(.is-navigation.is-vertical) ::slotted(a){margin-top:0;margin-left:.75rem;text-align:left;white-space:normal}@media screen and (max-width: 768px){:host(.is-navigation) ::slotted(a){font-size:var(--_steps-step-font-size-sm)}}"}},[257,"ds-step",{activeIndex:[1026,"active-index"],disabled:[516],done:[516],hidden:[516],index:[1026],invalid:[516],label:[1],name:[513],navigation:[1028],selected:[1540],vertical:[1028]}]);r([a("step"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),r([d("number"),l("design:type",Number)],h.prototype,"activeIndex",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"done",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"hidden",void 0),r([d("number"),l("design:type",Number)],h.prototype,"index",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),r([d("string"),l("design:type",String)],h.prototype,"label",void 0),r([p(),d("string"),l("design:type",String)],h.prototype,"name",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"navigation",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"selected",void 0),r([d("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0);const m=h,v=function(){"undefined"!=typeof customElements&&["ds-step","ds-icon"].forEach((e=>{switch(e){case"ds-step":customElements.get(n(e))||customElements.define(n(e),h);break;case"ds-icon":customElements.get(n(e))||c()}}))};export{m as DsStep,v as defineCustomElement}

package/components/ds-tab-panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as a,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as d,L as i,a as o}from"./p-J0mxIuTt.js";import{R as r}from"./p-DYlqkAWn.js";import{T as p}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return a(s,{key:"ea4a246545d0c21beaae274d7b5cbb16d8ddb85d",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},a("slot",{key:"05489a1a0f725057ca6abf569222a242a60e16cf"}))}get el(){return this}static get style(){return":host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}"}},[257,"ds-tab-panel",{for:[513],selected:[1540]}]);d([i("tab-panel"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],l.prototype,"createLogger",null),d([r(),p("string"),o("design:type",String)],l.prototype,"for",void 0),d([p("boolean"),o("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,b=function(){"undefined"!=typeof customElements&&["ds-tab-panel"].forEach((e=>{"ds-tab-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{c as DsTabPanel,b as defineCustomElement}
+import{p as e,H as t,h as s,e as a,t as n}from"./p-WO0X5Vmy.js";import{_ as d,L as i,a as o}from"./p-J0mxIuTt.js";import{R as r}from"./p-DYlqkAWn.js";import{T as p}from"./p-DAYd9ty0.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return s(a,{key:"86e6f7c744c989963959401612dcee1e962bdb02",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},s("slot",{key:"9ddf8ff34a1293622f32abbcd7c40a6607aa59e3"}))}get el(){return this}static get style(){return":host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}"}},[257,"ds-tab-panel",{for:[513],selected:[1540]}]);d([i("tab-panel"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],l.prototype,"createLogger",null),d([r(),p("string"),o("design:type",String)],l.prototype,"for",void 0),d([p("boolean"),o("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,g=function(){"undefined"!=typeof customElements&&["ds-tab-panel"].forEach((e=>{"ds-tab-panel"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{c as DsTabPanel,g as defineCustomElement}

package/components/ds-tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as a,f as o,h as r,e as s,t as e}from"./p-WO0X5Vmy.js";import{_ as l,L as i,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{r as n}from"./p-BgzU1loG.js";import{d}from"./p-Du7QOHtz.js";import{d as h}from"./p-CvaNxQtw.js";import{O as v}from"./p-BhbWmCTu.js";import{T as g}from"./p-DAYd9ty0.js";import{L as m}from"./p-DIK6Zkg6.js";const f={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=o(this,"dsChange"),this.language=h.language,this.region=h.region,this.color="",this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var a,o,r,s;if(this.isNavigation())return;const e=this.getTabs(),l=e.findIndex((t=>t.name===this.value)),i=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(a=e[0])||void 0===a?void 0:a.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(o=e[e.length-1])||void 0===o?void 0:o.name)):i?(t.preventDefault(),this.activateTab(null===(r=e[(l+1)%e.length])||void 0===r?void 0:r.name)):c&&(t.preventDefault(),this.activateTab(null===(s=e[(l-1+e.length)%e.length])||void 0===s?void 0:s.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),n((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,a;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(a=this.tablistEl)||void 0===a||a.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){b(t),this.activateTab(t.detail.name)}getTabs(){return Array.from(this.el.querySelectorAll(":scope > ds-tab"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-tab-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),a=this.getPanels(),o=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=o,!o&&t.name){t.id||(t.id="ds-tab-"+u++);const o=a.find((a=>a.for===t.name));o&&(o.id||(o.id="ds-tab-panel-"+u++),t.setAttribute("aria-controls",o.id),o.setAttribute("aria-labelledby",t.id))}})),!o&&!this.value){const a=t[0];a&&(this.value=a.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((a=>{a.navigation=t,a.fullwidth=this.fullwidth,a.inverted=this.inverted,a.selected=t?!!a.querySelector("[aria-current]"):a.name===this.value,a.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const a=this.indicatorEl,o=this.tablistEl;if(!a||!o||this.isNavigation())return;const r=this.getTabs().find((t=>t.name===this.value));if(!r)return void(a.style[this.vertical?"height":"width"]="0px");const s=o.getBoundingClientRect(),e=r.getBoundingClientRect();if(t||(a.style.transition="none"),this.vertical){const t=e.top-s.top+o.scrollTop;a.style.height=e.height+"px",a.style.transform=`translateY(${t}px)`}else{const t=e.left-s.left+o.scrollLeft;a.style.width=e.width+"px",a.style.transform=`translateX(${t}px)`}t||(a.style.transition="")}render(){const t=this.isNavigation(),a=r("div",{key:"245fdce72c8ec78a305aba63b4aad162baf56660",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},r("slot",{key:"0216104ce661ec5341ced772c623903b1a0d7b69",name:"tab",onSlotchange:this.handleSlotChange}),r("div",{key:"e155a48e10ecc834a37c0831b683146851f20eae",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),o=f[this.language],e=this.vertical?a:r("div",{class:"tablist-outer"},r("button",{class:"scroll-btn scroll-btn--prev","aria-label":o.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},r("ds-icon",{name:"caret-left",size:"sm"})),a,r("button",{class:"scroll-btn scroll-btn--next","aria-label":o.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},r("ds-icon",{name:"caret-right",size:"sm"})));return r(s,{key:"9d12012542b086c78eb96c57582cc7a633f498bd",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,["is-col-"+this.verticalColSize]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?r("nav",{"aria-label":this.label||void 0},e):e,r("slot",{key:"482832affe4d974a55db8e2b07d79316c0176701",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_tabs-border-color:var(--tabs-border-color, var(--mod-tabs-border-color, var(--ds-tabs-border-color)));--_tabs-indicator-height:var(--tabs-indicator-height, var(--mod-tabs-indicator-height, var(--ds-tabs-indicator-height)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-padding:var(--tabs-panel-padding, var(--mod-tabs-panel-padding, var(--ds-tabs-panel-padding)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-padding:var(--tabs-tab-padding, var(--mod-tabs-tab-padding, var(--ds-tabs-tab-padding)));--_tabs-tab-font-family:var(--tabs-tab-font-family, var(--mod-tabs-tab-font-family, var(--ds-tabs-tab-font-family)));--_tabs-tab-font-size:var(--tabs-tab-font-size, var(--mod-tabs-tab-font-size, var(--ds-tabs-tab-font-size)));--_tabs-tab-font-weight:var(--tabs-tab-font-weight, var(--mod-tabs-tab-font-weight, var(--ds-tabs-tab-font-weight)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-tabs-tab-color-focus)));--_tabs-tab-color:var(--tabs-tab-color, var(--mod-tabs-tab-color, var(--ds-tabs-tab-color-base)));--_tabs-tab-color-hover:var(--tabs-tab-color-hover, var(--mod-tabs-tab-color-hover, var(--ds-tabs-tab-color-hover)));--_tabs-tab-color-active:var(--tabs-tab-color-active, var(--mod-tabs-tab-color-active, var(--ds-tabs-tab-color-active)));--_tabs-tab-color-selected:var(--tabs-tab-color-selected, var(--mod-tabs-tab-color-selected, var(--ds-tabs-tab-color-selected)));--_tabs-tab-border-color-selected:var(--tabs-tab-border-color-selected, var(--mod-tabs-tab-border-color-selected, var(--ds-tabs-tab-border-color-selected)));--_tabs-tab-font-weight-selected:var(--tabs-tab-font-weight-selected, var(--mod-tabs-tab-font-weight-selected, var(--ds-tabs-tab-font-weight-selected)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-radius-base)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-indicator-color-idle:var(--tabs-tab-indicator-color-idle, var(--mod-tabs-tab-indicator-color-idle, var(--ds-global-color-grey-4)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));--_tabs-color-purple:var(--tabs-color-purple, var(--mod-tabs-color-purple, var(--ds-tabs-color-purple)));--_tabs-color-purple-hover:var(--tabs-color-purple-hover, var(--mod-tabs-color-purple-hover, var(--ds-tabs-color-purple-hover)));--_tabs-color-green:var(--tabs-color-green, var(--mod-tabs-color-green, var(--ds-tabs-color-green)));--_tabs-color-green-hover:var(--tabs-color-green-hover, var(--mod-tabs-color-green-hover, var(--ds-tabs-color-green-hover)));--_tabs-color-red:var(--tabs-color-red, var(--mod-tabs-color-red, var(--ds-tabs-color-red)));--_tabs-color-red-hover:var(--tabs-color-red-hover, var(--mod-tabs-color-red-hover, var(--ds-tabs-color-red-hover)));--_tabs-color-yellow:var(--tabs-color-yellow, var(--mod-tabs-color-yellow, var(--ds-tabs-color-yellow)));--_tabs-color-yellow-hover:var(--tabs-color-yellow-hover, var(--mod-tabs-color-yellow-hover, var(--ds-tabs-color-yellow-hover)));display:block}:host(.is-purple){--_tabs-border-color:var(--_tabs-color-purple);--_tabs-tab-indicator-color-idle:var(--_tabs-color-purple-hover)}:host(.is-green){--_tabs-border-color:var(--_tabs-color-green);--_tabs-tab-indicator-color-idle:var(--_tabs-color-green-hover)}:host(.is-red){--_tabs-border-color:var(--_tabs-color-red);--_tabs-tab-indicator-color-idle:var(--_tabs-color-red-hover)}:host(.is-yellow){--_tabs-border-color:var(--_tabs-color-yellow);--_tabs-tab-indicator-color-idle:var(--_tabs-color-yellow-hover)}:host(.is-inverted){--_tabs-tab-color:var(--ds-alias-text-color-white);--_tabs-tab-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-color-active:var(--ds-alias-text-color-white);--_tabs-tab-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-border-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-font-family:var(--ds-alias-text-family-body);--_tabs-tab-font-weight:var(--ds-alias-text-weight-regular);--_tabs-border-color:rgba(255, 255, 255, 0.3);--_tabs-tab-indicator-color-idle:rgba(255, 255, 255, 0.5);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-background-color-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--_tabs-indicator-height);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;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:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--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(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host #tablist{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--_tabs-indicator-height);background:-webkit-gradient(linear, left top, left bottom, from(var(--_tabs-border-color)), to(var(--_tabs-border-color))) bottom/100% var(--_tabs-indicator-height) no-repeat;background:linear-gradient(var(--_tabs-border-color), var(--_tabs-border-color)) bottom/100% var(--_tabs-indicator-height) no-repeat;overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;bottom:0;left:0;height:var(--_tabs-indicator-height);width:0;border-radius:9999px;background-color:var(--_tabs-tab-border-color-selected);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--_tabs-indicator-height));width:var(--_tabs-indicator-height);height:0;-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;background:none;border-left:var(--_tabs-indicator-height) solid var(--_tabs-border-color);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-padding:var(--_tabs-panel-padding)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-padding:0.5rem 0 0}:host(.is-navigation) nav{display:contents}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);l([i("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),l([v(["","purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),l([g("string"),c("design:type",String)],p.prototype,"label",void 0),l([g("string"),c("design:type",Object)],p.prototype,"value",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),l([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),l([m(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let u=0;const w=p,_=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(e(t))||customElements.define(e(t),p);break;case"ds-icon":customElements.get(e(t))||d()}}))};export{w as DsTabs,_ as defineCustomElement}
+import{p as t,H as a,f as o,h as r,e as s,t as e}from"./p-WO0X5Vmy.js";import{_ as l,L as i,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{r as n}from"./p-BgzU1loG.js";import{d}from"./p-Dbqy6lZU.js";import{d as h}from"./p-CvaNxQtw.js";import{O as v}from"./p-BhbWmCTu.js";import{T as g}from"./p-DAYd9ty0.js";import{L as m}from"./p-DIK6Zkg6.js";const f={de:{scrollLeft:"Tabs nach links scrollen",scrollRight:"Tabs nach rechts scrollen"},en:{scrollLeft:"Scroll tabs left",scrollRight:"Scroll tabs right"},fr:{scrollLeft:"Faire défiler les onglets vers la gauche",scrollRight:"Faire défiler les onglets vers la droite"},it:{scrollLeft:"Scorri le schede a sinistra",scrollRight:"Scorri le schede a destra"},nl:{scrollLeft:"Tabbladen naar links scrollen",scrollRight:"Tabbladen naar rechts scrollen"},es:{scrollLeft:"Desplazar pestañas a la izquierda",scrollRight:"Desplazar pestañas a la derecha"},pl:{scrollLeft:"Przewiń karty w lewo",scrollRight:"Przewiń karty w prawo"},pt:{scrollLeft:"Rolar abas para a esquerda",scrollRight:"Rolar abas para a direita"},sv:{scrollLeft:"Scrolla flikar åt vänster",scrollRight:"Scrolla flikar åt höger"},fi:{scrollLeft:"Vieritä välilehtiä vasemmalle",scrollRight:"Vieritä välilehtiä oikealle"}},p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=o(this,"dsChange"),this.language=h.language,this.region=h.region,this.color="",this.fullwidth=!1,this.inverted=!1,this.label="",this.vertical=!1,this.verticalColSize="one-third",this.canScrollLeft=!1,this.canScrollRight=!1,this.checkOverflow=()=>{const t=this.tablistEl;t&&(this.canScrollLeft=t.scrollLeft>0,this.canScrollRight=t.scrollLeft+t.clientWidth<t.scrollWidth-1)},this.scrollPrev=()=>{const t=this.tablistEl;t&&t.scrollBy({left:-t.clientWidth/2,behavior:"smooth"})},this.scrollNext=()=>{const t=this.tablistEl;t&&t.scrollBy({left:t.clientWidth/2,behavior:"smooth"})},this.handleKeyDown=t=>{var a,o,r,s;if(this.isNavigation())return;const e=this.getTabs(),l=e.findIndex((t=>t.name===this.value)),i=this.vertical?"ArrowDown"===t.key:"ArrowRight"===t.key,c=this.vertical?"ArrowUp"===t.key:"ArrowLeft"===t.key;"Home"===t.key?(t.preventDefault(),this.activateTab(null===(a=e[0])||void 0===a?void 0:a.name)):"End"===t.key?(t.preventDefault(),this.activateTab(null===(o=e[e.length-1])||void 0===o?void 0:o.name)):i?(t.preventDefault(),this.activateTab(null===(r=e[(l+1)%e.length])||void 0===r?void 0:r.name)):c&&(t.preventDefault(),this.activateTab(null===(s=e[(l-1+e.length)%e.length])||void 0===s?void 0:s.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(t){this.log=t}async configChanged(t){this.language=t.language,this.region=t.region}componentDidLoad(){this.setup(),this.initCarousel(),n((()=>this.moveIndicator(!1)))}componentDidUpdate(){this.updateChildren(),this.checkOverflow(),this.moveIndicator(!0)}disconnectedCallback(){var t,a;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),null===(a=this.tablistEl)||void 0===a||a.removeEventListener("scroll",this.checkOverflow)}listenToDsTabSelect(t){b(t),this.activateTab(t.detail.name)}getTabs(){return Array.from(this.el.querySelectorAll(":scope > ds-tab"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-tab-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const t=this.getTabs(),a=this.getPanels(),o=this.isNavigation();if(t.forEach((t=>{if(t.slot="tab",t.navigation=o,!o&&t.name){t.id||(t.id="ds-tab-"+u++);const o=a.find((a=>a.for===t.name));o&&(o.id||(o.id="ds-tab-panel-"+u++),t.setAttribute("aria-controls",o.id),o.setAttribute("aria-labelledby",t.id))}})),!o&&!this.value){const a=t[0];a&&(this.value=a.name)}this.updateChildren()}updateChildren(){const t=this.isNavigation();this.getTabs().forEach((a=>{a.navigation=t,a.fullwidth=this.fullwidth,a.inverted=this.inverted,a.selected=t?!!a.querySelector("[aria-current]"):a.name===this.value,a.vertical=this.vertical})),this.getPanels().forEach((t=>{t.selected=t.for===this.value}))}activateTab(t){t!==this.value&&(this.value=t,this.dsChange.emit({value:t}),this.focusSelectedTab())}focusSelectedTab(){const t=this.getTabs().find((t=>t.name===this.value));t&&(t.focus(),t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}initCarousel(){!this.vertical&&this.tablistEl&&(this.tablistEl.addEventListener("scroll",this.checkOverflow,{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkOverflow),this.resizeObserver.observe(this.tablistEl),this.checkOverflow())}moveIndicator(t){const a=this.indicatorEl,o=this.tablistEl;if(!a||!o||this.isNavigation())return;const r=this.getTabs().find((t=>t.name===this.value));if(!r)return void(a.style[this.vertical?"height":"width"]="0px");const s=o.getBoundingClientRect(),e=r.getBoundingClientRect();if(t||(a.style.transition="none"),this.vertical){const t=e.top-s.top+o.scrollTop;a.style.height=e.height+"px",a.style.transform=`translateY(${t}px)`}else{const t=e.left-s.left+o.scrollLeft;a.style.width=e.width+"px",a.style.transform=`translateX(${t}px)`}t||(a.style.transition="")}render(){const t=this.isNavigation(),a=r("div",{key:"b3b8934a8997c4ee17e2738c000b9df17e2db0c2",id:"tablist",part:"tablist",role:t?void 0:"tablist","aria-orientation":!t&&this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:t=>{this.tablistEl=t}},r("slot",{key:"dd98a77986591a17f0b627019dd5f2076dfcc4c6",name:"tab",onSlotchange:this.handleSlotChange}),r("div",{key:"34697c2c75688748ea5b2c2ea3ad83a4ee40efcf",class:"indicator","aria-hidden":"true",ref:t=>{this.indicatorEl=t}})),o=f[this.language],e=this.vertical?a:r("div",{class:"tablist-outer"},r("button",{class:"scroll-btn scroll-btn--prev","aria-label":o.scrollLeft,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollPrev},r("ds-icon",{name:"caret-left",size:"sm"})),a,r("button",{class:"scroll-btn scroll-btn--next","aria-label":o.scrollRight,"aria-hidden":"true",tabIndex:-1,onClick:this.scrollNext},r("ds-icon",{name:"caret-right",size:"sm"})));return r(s,{key:"a4509a1ab21b938602815e4d928a9c5925250472",class:{"is-fullwidth":this.fullwidth,"is-inverted":this.inverted,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color,"is-vertical":this.vertical,["is-col-"+this.verticalColSize]:this.vertical,"is-navigation":t,"has-overflow":this.canScrollLeft||this.canScrollRight,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},t?r("nav",{"aria-label":this.label||void 0},e):e,r("slot",{key:"1d7f1a3897cd57c4f1fdc72aa581373f24c80637",onSlotchange:this.handleSlotChange}))}get el(){return this}static get style(){return':host{--_tabs-border-color:var(--tabs-border-color, var(--mod-tabs-border-color, var(--ds-tabs-border-color)));--_tabs-indicator-height:var(--tabs-indicator-height, var(--mod-tabs-indicator-height, var(--ds-tabs-indicator-height)));--_tabs-gap:var(--tabs-gap, var(--mod-tabs-gap, var(--ds-tabs-gap)));--_tabs-panel-padding:var(--tabs-panel-padding, var(--mod-tabs-panel-padding, var(--ds-tabs-panel-padding)));--_tabs-vertical-gap:var(--tabs-vertical-gap, var(--mod-tabs-vertical-gap, var(--ds-tabs-vertical-gap)));--_tabs-tab-padding:var(--tabs-tab-padding, var(--mod-tabs-tab-padding, var(--ds-tabs-tab-padding)));--_tabs-tab-font-family:var(--tabs-tab-font-family, var(--mod-tabs-tab-font-family, var(--ds-tabs-tab-font-family)));--_tabs-tab-font-size:var(--tabs-tab-font-size, var(--mod-tabs-tab-font-size, var(--ds-tabs-tab-font-size)));--_tabs-tab-font-weight:var(--tabs-tab-font-weight, var(--mod-tabs-tab-font-weight, var(--ds-tabs-tab-font-weight)));--_tabs-tab-color-focus:var(--tabs-tab-color-focus, var(--mod-tabs-tab-color-focus, var(--ds-tabs-tab-color-focus)));--_tabs-tab-color:var(--tabs-tab-color, var(--mod-tabs-tab-color, var(--ds-tabs-tab-color-base)));--_tabs-tab-color-hover:var(--tabs-tab-color-hover, var(--mod-tabs-tab-color-hover, var(--ds-tabs-tab-color-hover)));--_tabs-tab-color-active:var(--tabs-tab-color-active, var(--mod-tabs-tab-color-active, var(--ds-tabs-tab-color-active)));--_tabs-tab-color-selected:var(--tabs-tab-color-selected, var(--mod-tabs-tab-color-selected, var(--ds-tabs-tab-color-selected)));--_tabs-tab-border-color-selected:var(--tabs-tab-border-color-selected, var(--mod-tabs-tab-border-color-selected, var(--ds-tabs-tab-border-color-selected)));--_tabs-tab-font-weight-selected:var(--tabs-tab-font-weight-selected, var(--mod-tabs-tab-font-weight-selected, var(--ds-tabs-tab-font-weight-selected)));--_tabs-scroll-fade-bg:var(--tabs-scroll-fade-bg, var(--mod-tabs-scroll-fade-bg, var(--ds-tabs-scroll-fade-background)));--_tabs-scroll-btn-radius:var(--tabs-scroll-btn-radius, var(--mod-tabs-scroll-btn-radius, var(--ds-button-radius-base)));--_tabs-scroll-btn-color-text:var(--tabs-scroll-btn-color-text, var(--mod-tabs-scroll-btn-color-text, var(--ds-button-color-tertiary-base-text)));--_tabs-scroll-btn-color-hover-background:var(--tabs-scroll-btn-color-hover-background, var(--mod-tabs-scroll-btn-color-hover-background, var(--ds-button-color-tertiary-hover-background)));--_tabs-scroll-btn-color-hover-text:var(--tabs-scroll-btn-color-hover-text, var(--mod-tabs-scroll-btn-color-hover-text, var(--ds-button-color-tertiary-hover-text)));--_tabs-scroll-btn-color-active-background:var(--tabs-scroll-btn-color-active-background, var(--mod-tabs-scroll-btn-color-active-background, var(--ds-button-color-tertiary-active-background)));--_tabs-scroll-btn-color-active-text:var(--tabs-scroll-btn-color-active-text, var(--mod-tabs-scroll-btn-color-active-text, var(--ds-button-color-tertiary-active-text)));--_tabs-tab-indicator-color-idle:var(--tabs-tab-indicator-color-idle, var(--mod-tabs-tab-indicator-color-idle, var(--ds-global-color-grey-4)));--_tabs-tab-radius:var(--tabs-tab-radius, var(--mod-tabs-tab-radius, var(--ds-alias-radius-base)));--_tabs-tab-badge-size:var(--tabs-tab-badge-size, var(--mod-tabs-tab-badge-size, var(--ds-badge-size-sm)));--_tabs-color-purple:var(--tabs-color-purple, var(--mod-tabs-color-purple, var(--ds-tabs-color-purple)));--_tabs-color-purple-hover:var(--tabs-color-purple-hover, var(--mod-tabs-color-purple-hover, var(--ds-tabs-color-purple-hover)));--_tabs-color-green:var(--tabs-color-green, var(--mod-tabs-color-green, var(--ds-tabs-color-green)));--_tabs-color-green-hover:var(--tabs-color-green-hover, var(--mod-tabs-color-green-hover, var(--ds-tabs-color-green-hover)));--_tabs-color-red:var(--tabs-color-red, var(--mod-tabs-color-red, var(--ds-tabs-color-red)));--_tabs-color-red-hover:var(--tabs-color-red-hover, var(--mod-tabs-color-red-hover, var(--ds-tabs-color-red-hover)));--_tabs-color-yellow:var(--tabs-color-yellow, var(--mod-tabs-color-yellow, var(--ds-tabs-color-yellow)));--_tabs-color-yellow-hover:var(--tabs-color-yellow-hover, var(--mod-tabs-color-yellow-hover, var(--ds-tabs-color-yellow-hover)));display:block}:host(.is-purple){--_tabs-border-color:var(--_tabs-color-purple);--_tabs-tab-indicator-color-idle:var(--_tabs-color-purple-hover)}:host(.is-green){--_tabs-border-color:var(--_tabs-color-green);--_tabs-tab-indicator-color-idle:var(--_tabs-color-green-hover)}:host(.is-red){--_tabs-border-color:var(--_tabs-color-red);--_tabs-tab-indicator-color-idle:var(--_tabs-color-red-hover)}:host(.is-yellow){--_tabs-border-color:var(--_tabs-color-yellow);--_tabs-tab-indicator-color-idle:var(--_tabs-color-yellow-hover)}:host(.is-inverted){--_tabs-tab-color:var(--ds-alias-text-color-white);--_tabs-tab-color-hover:var(--ds-alias-text-color-white);--_tabs-tab-color-active:var(--ds-alias-text-color-white);--_tabs-tab-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-border-color-selected:var(--ds-alias-text-color-white);--_tabs-tab-font-family:var(--ds-alias-text-family-body);--_tabs-tab-font-weight:var(--ds-alias-text-weight-regular);--_tabs-border-color:rgba(255, 255, 255, 0.3);--_tabs-tab-indicator-color-idle:rgba(255, 255, 255, 0.5);--_tabs-tab-color-focus:var(--ds-alias-interaction-focus-color-inverted);--_tabs-scroll-fade-bg:var(--ds-alias-background-color-primary);--_tabs-scroll-btn-color-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-hover-background:rgba(255, 255, 255, 0.12);--_tabs-scroll-btn-color-hover-text:var(--ds-alias-text-color-white);--_tabs-scroll-btn-color-active-background:rgba(255, 255, 255, 0.24);--_tabs-scroll-btn-color-active-text:var(--ds-alias-text-color-white)}:host .tablist-outer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host(.has-overflow) .tablist-outer::before,:host(.has-overflow) .tablist-outer::after{content:"";position:absolute;top:0;bottom:var(--_tabs-indicator-height);width:2.5rem;pointer-events:none;z-index:1;opacity:0;-webkit-transition:opacity 120ms ease;transition:opacity 120ms ease}:host(.has-overflow) .tablist-outer::before{left:2.75rem;background:-webkit-gradient(linear, left top, right top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to right, var(--_tabs-scroll-fade-bg), transparent)}:host(.has-overflow) .tablist-outer::after{right:2.75rem;background:-webkit-gradient(linear, right top, left top, from(var(--_tabs-scroll-fade-bg)), to(transparent));background:linear-gradient(to left, var(--_tabs-scroll-fade-bg), transparent)}:host(.can-scroll-left) .tablist-outer::before{opacity:1}:host(.can-scroll-right) .tablist-outer::after{opacity:1}:host .scroll-btn{-ms-flex-negative:0;flex-shrink:0;width:0;min-width:0;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:var(--_tabs-scroll-btn-radius);background-color:rgba(0,0,0,0);color:var(--_tabs-scroll-btn-color-text);--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(.has-overflow) .scroll-btn{width:2.5rem;min-width:2.5rem;opacity:.3}:host(.has-overflow) .scroll-btn--prev{margin-right:.25rem}:host(.has-overflow) .scroll-btn--next{margin-left:.25rem}:host(.can-scroll-left) .scroll-btn--prev,:host(.can-scroll-right) .scroll-btn--next{opacity:1;pointer-events:auto;cursor:pointer}@media (hover: hover)and (pointer: fine){:host(.can-scroll-left) .scroll-btn--prev:hover,:host(.can-scroll-right) .scroll-btn--next:hover{background-color:var(--_tabs-scroll-btn-color-hover-background);color:var(--_tabs-scroll-btn-color-hover-text)}}:host(.can-scroll-left) .scroll-btn--prev:active,:host(.can-scroll-right) .scroll-btn--next:active{background-color:var(--_tabs-scroll-btn-color-active-background);color:var(--_tabs-scroll-btn-color-active-text)}:host #tablist{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;gap:var(--_tabs-gap);position:relative;padding-bottom:var(--_tabs-indicator-height);background:-webkit-gradient(linear, left top, left bottom, from(var(--_tabs-border-color)), to(var(--_tabs-border-color))) bottom/100% var(--_tabs-indicator-height) no-repeat;background:linear-gradient(var(--_tabs-border-color), var(--_tabs-border-color)) bottom/100% var(--_tabs-indicator-height) no-repeat;overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:none}:host #tablist::-webkit-scrollbar{display:none}:host #tablist .indicator{position:absolute;bottom:0;left:0;height:var(--_tabs-indicator-height);width:0;border-radius:9999px;background-color:var(--_tabs-tab-border-color-selected);pointer-events:none;-webkit-transition:width 250ms ease,-webkit-transform 250ms ease;transition:width 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,width 250ms ease;transition:transform 250ms ease,width 250ms ease,-webkit-transform 250ms ease}:host(.is-vertical) #tablist .indicator{top:0;bottom:auto;left:calc(-1*var(--_tabs-indicator-height));width:var(--_tabs-indicator-height);height:0;-webkit-transition:height 250ms ease,-webkit-transform 250ms ease;transition:height 250ms ease,-webkit-transform 250ms ease;transition:transform 250ms ease,height 250ms ease;transition:transform 250ms ease,height 250ms ease,-webkit-transform 250ms ease}:host(.is-fullwidth) #tablist{width:100%}:host(.is-fullwidth) #tablist ::slotted(ds-tab){-ms-flex:1;flex:1}:host(.is-vertical){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;gap:var(--_tabs-vertical-gap)}@media screen and (max-width: 768px){:host(.is-vertical){gap:1rem}}:host(.is-vertical) #tablist{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding-bottom:0;background:none;border-left:var(--_tabs-indicator-height) solid var(--_tabs-border-color);overflow:visible;scroll-behavior:auto}:host(.is-vertical.is-col-full){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}:host(.is-vertical.is-col-full) #tablist{width:100%}:host(.is-vertical.is-col-half) #tablist{width:50%}:host(.is-vertical.is-col-two-thirds) #tablist{width:66.6667%}:host(.is-vertical.is-col-three-quarters) #tablist{width:75%}:host(.is-vertical.is-col-one-third) #tablist{width:33.3333%}:host(.is-vertical.is-col-one-quarter) #tablist{width:25%}:host(.is-vertical) ::slotted(ds-tab-panel){-ms-flex:1;flex:1;min-width:0;min-height:2.5rem}:host ::slotted(ds-tab-panel){--tab-panel-padding:var(--_tabs-panel-padding)}:host(.is-vertical) ::slotted(ds-tab-panel){--tab-panel-padding:0.5rem 0 0}:host(.is-navigation) nav{display:contents}'}},[257,"ds-tabs",{color:[1],fullwidth:[4],inverted:[4],label:[1],value:[1537],vertical:[4],verticalColSize:[1,"vertical-col-size"],language:[32],region:[32],canScrollLeft:[32],canScrollRight:[32],configChanged:[64]},[[0,"dsTabSelect","listenToDsTabSelect"]]]);l([i("tabs"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],p.prototype,"createLogger",null),l([v(["","purple","green","red","yellow"]),c("design:type",String)],p.prototype,"color",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"fullwidth",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"inverted",void 0),l([g("string"),c("design:type",String)],p.prototype,"label",void 0),l([g("string"),c("design:type",Object)],p.prototype,"value",void 0),l([g("boolean"),c("design:type",Boolean)],p.prototype,"vertical",void 0),l([v(["full","half","one-quarter","one-third","three-quarters","two-thirds"]),c("design:type",String)],p.prototype,"verticalColSize",void 0),l([m(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],p.prototype,"configChanged",null);let u=0;const w=p,_=function(){"undefined"!=typeof customElements&&["ds-tabs","ds-icon"].forEach((t=>{switch(t){case"ds-tabs":customElements.get(e(t))||customElements.define(e(t),p);break;case"ds-icon":customElements.get(e(t))||d()}}))};export{w as DsTabs,_ as defineCustomElement}

package/components/ds-tag-group.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as t,h as s,e as r,t as g}from"./p-WO0X5Vmy.js";import{_ as m,L as e,a as o}from"./p-J0mxIuTt.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"bfd564c13597394e0c6d534b0f47fd0df4d2d1cd"},s("slot",{key:"06a2320d225785d7aafe5b4a3f79c698dfcc39ff"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],d.prototype,"createLogger",null);const n=d,i=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),d))}))};export{n as DsTagGroup,i as defineCustomElement}
+import{p as a,H as t,h as s,e as r,t as g}from"./p-WO0X5Vmy.js";import{_ as m,L as e,a as o}from"./p-J0mxIuTt.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}createLogger(a){this.log=a}render(){return s(r,{key:"a96c877fa4249aacb365574331462b5269347506"},s("slot",{key:"7d0a574edd2fc4b6d2e7e64b309ccbfe6b3bc86f"}))}get el(){return this}static get style(){return":host{--_tags-m:var(--tags-m, var(--mod-tags-m, 0));--_tags-my:var(--tags-my, var(--mod-tags-my));--_tags-mx:var(--tags-mx, var(--mod-tags-mx));--_tags-ml:var(--tags-ml, var(--mod-tags-ml));--_tags-mr:var(--tags-mr, var(--mod-tags-mr));--_tags-mt:var(--tags-mt, var(--mod-tags-mt));--_tags-mb:var(--tags-mb, var(--mod-tags-mb));margin:var(--_tags-m);margin-inline:var(--_tags-mx);margin-block:var(--_tags-my);margin-left:var(--_tags-ml);margin-right:var(--_tags-mr);margin-top:var(--_tags-mt);margin-bottom:var(--_tags-mb);--_tags-gap:var(--tags-gap, var(--mod-tags-gap, 0.25rem));--_tags-display:var(--tags-display, var(--mod-tags-display, inline-flex));display:var(--_tags-display);gap:var(--_tags-gap);vertical-align:middle}"}},[257,"ds-tag-group"]);m([e("tag-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],n.prototype,"createLogger",null);const i=n,d=function(){"undefined"!=typeof customElements&&["ds-tag-group"].forEach((a=>{"ds-tag-group"===a&&(customElements.get(g(a))||customElements.define(g(a),n))}))};export{i as DsTagGroup,d as defineCustomElement}

package/components/ds-tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as a,f as t,h as r,e,t as s}from"./p-WO0X5Vmy.js";import{_ as c,L as g,a as i}from"./p-J0mxIuTt.js";import{i as l}from"./p-B62ocg4Q.js";import{h as d}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{d as v}from"./p-CjIxf5zy.js";import{d as m}from"./p-Ctnm_MBD.js";import{d as b}from"./p-Du7QOHtz.js";import{d as h}from"./p-CYWn3X22.js";import{T as p}from"./p-DAYd9ty0.js";import{O as u}from"./p-BhbWmCTu.js";const f=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"f725d01419ff0d95f1539115a9c294bc0530891d",class:{["is-"+this.color]:d(this.color),["is-"+o]:d(this.size),["is-shape-"+this.shape]:d(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"27a70b6402bce1bed3ada2b36a378a444f6dde59",part:"label"},r("slot",{key:"77021c9a9ab7e596d3cc0917165b916f5e3d8621"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}: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;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],shape:[1],size:[1]}]);c([g("tag"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],f.prototype,"createLogger",null),c([p("boolean"),i("design:type",Boolean)],f.prototype,"closable",void 0),c([u(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),i("design:type",String)],f.prototype,"color",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"disabled",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"invalid",void 0),c([u(["left","center","right",""]),i("design:type",String)],f.prototype,"position",void 0),c([u(["square","pill",""]),i("design:type",String)],f.prototype,"shape",void 0),c([u(["sm","md","lg","small","medium","large",""]),i("design:type",String)],f.prototype,"size",void 0);const k=f,x=function(){"undefined"!=typeof customElements&&["ds-tag","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),f);break;case"ds-button":customElements.get(s(o))||v();break;case"ds-close":customElements.get(s(o))||m();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{k as DsTag,x as defineCustomElement}
+import{p as o,H as a,f as t,h as r,e,t as s}from"./p-WO0X5Vmy.js";import{_ as c,L as g,a as i}from"./p-J0mxIuTt.js";import{i as l}from"./p-B62ocg4Q.js";import{h as d}from"./p-BrIcCcce.js";import{n}from"./p-DR5LIaCn.js";import{d as v}from"./p-BmKEBYP4.js";import{d as m}from"./p-std0LSH2.js";import{d as b}from"./p-Dbqy6lZU.js";import{d as h}from"./p-o0H7eIVX.js";import{T as p}from"./p-DAYd9ty0.js";import{O as u}from"./p-BhbWmCTu.js";const f=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){const o=n(this.size)||"";return r(e,{key:"b5661eb0f112158f6322cb7f68e8b2bc70b5539d",class:{["is-"+this.color]:d(this.color),["is-"+o]:d(this.size),["is-shape-"+this.shape]:d(this.shape),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"79a20487f389ed804a44e1a85596e7499a755282",part:"label"},r("slot",{key:"012168b23c6da831bdaca31a514156da9d618b8d"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return this}static get style(){return":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-base-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-base-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}: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;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-inverted-icon-color-base);--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}"}},[257,"ds-tag",{closable:[4],color:[1],disabled:[516],invalid:[516],position:[1],shape:[1],size:[1]}]);c([g("tag"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],f.prototype,"createLogger",null),c([p("boolean"),i("design:type",Boolean)],f.prototype,"closable",void 0),c([u(["primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""]),i("design:type",String)],f.prototype,"color",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"disabled",void 0),c([p("boolean"),i("design:type",Boolean)],f.prototype,"invalid",void 0),c([u(["left","center","right",""]),i("design:type",String)],f.prototype,"position",void 0),c([u(["square","pill",""]),i("design:type",String)],f.prototype,"shape",void 0),c([u(["sm","md","lg","small","medium","large",""]),i("design:type",String)],f.prototype,"size",void 0);const k=f,y=function(){"undefined"!=typeof customElements&&["ds-tag","ds-button","ds-close","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-tag":customElements.get(s(o))||customElements.define(s(o),f);break;case"ds-button":customElements.get(s(o))||v();break;case"ds-close":customElements.get(s(o))||m();break;case"ds-icon":customElements.get(s(o))||b();break;case"ds-spinner":customElements.get(s(o))||h()}}))};export{k as DsTag,y as defineCustomElement}

package/components/ds-text.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,h as o,e as s,t as i}from"./p-WO0X5Vmy.js";import{_ as a,L as r,a as d}from"./p-J0mxIuTt.js";import{h as x}from"./p-BrIcCcce.js";import{O as l}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.align="",this.bold=!1,this.color="",this.disabled=!1,this.heading=!1,this.hovered=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.pressed=!1,this.shadow=!1,this.space="",this.subtitle=!1}createLogger(t){this.log=t}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const t=this.inline?"span":"p",e=this.parseColor();return o(s,{key:"101acafa36573cc60a9fd5a325f0c2385dd97e16",class:{["is-"+e]:x(e),"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:x(this.space),["is-"+this.size]:x(this.size)}},o(t,{key:"deccf1ef96652a71578d30e31b3f638c75cabda8",id:"text",part:"text",class:{["is-"+this.align]:x(this.align)}},o("slot",{key:"1779627b8463bf67bf4b99e1050c9e3bad6567b9"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-bold);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-light);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],hovered:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],pressed:[4],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);a([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],n.prototype,"createLogger",null),a([l(["","left","right","center","justify"]),d("design:type",String)],n.prototype,"align",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"bold",void 0),a([l(["light-blue","blue-dark","blue-light","primary-light","white","black","grey","primary","blue","info","success","warning","danger",""]),d("design:type",String)],n.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"heading",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"hovered",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inline",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"inverted",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"noWrap",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"pressed",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"shadow",void 0),a([l(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block",""]),d("design:type",String)],n.prototype,"size",void 0),a([l(["none","bottom","top","all",""]),d("design:type",String)],n.prototype,"space",void 0),a([h("boolean"),d("design:type",Boolean)],n.prototype,"subtitle",void 0);const m=n,v=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{m as DsText,v as defineCustomElement}
+import{p as t,H as e,h as s,e as i,t as a}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as d}from"./p-J0mxIuTt.js";import{h as l}from"./p-BrIcCcce.js";import{O as x}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.align="",this.bold=!1,this.color="",this.disabled=!1,this.heading=!1,this.hovered=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.pressed=!1,this.shadow=!1,this.space="",this.subtitle=!1}createLogger(t){this.log=t}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const t=this.inline?"span":"p",e=this.parseColor();return s(i,{key:"aeb2a4c195c26472a6b220e9bf6b467fbb3c08b7",class:{["is-"+e]:l(e),"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,["has-space-"+this.space]:l(this.space),["is-"+this.size]:l(this.size)}},s(t,{key:"89cd8bb57e660ea18a684bb5e39722db7c488083",id:"text",part:"text",class:{["is-"+this.align]:l(this.align)}},s("slot",{key:"27869591db1ec7e90acfcca7630f2bc3955f32be"})))}get el(){return this}static get style(){return":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-alias-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-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;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-alias-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-alias-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-alias-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-alias-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-alias-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-alias-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-alias-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-alias-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-alias-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-alias-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-alias-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-alias-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-alias-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-alias-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-alias-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-alias-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-alias-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-alias-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-alias-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-alias-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-alias-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-alias-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-alias-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-alias-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-alias-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-alias-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-alias-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-alias-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-alias-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-alias-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-alias-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-alias-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-alias-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-alias-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-alias-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-alias-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-bold);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-alias-text-family-heading);--mod-text-weight:var(--ds-alias-text-weight-light);--mod-text-line-height:var(--ds-alias-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}"}},[257,"ds-text",{align:[1],bold:[4],color:[1],disabled:[516],heading:[4],hovered:[4],inline:[4],invalid:[516],inverted:[4],noWrap:[4,"no-wrap"],pressed:[4],shadow:[4],size:[1025],space:[1],subtitle:[4]}]);o([r("text"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],n.prototype,"createLogger",null),o([x(["","left","right","center","justify"]),d("design:type",String)],n.prototype,"align",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"bold",void 0),o([x(["light-blue","blue-dark","blue-light","primary-light","white","black","grey","primary","blue","info","success","warning","danger",""]),d("design:type",String)],n.prototype,"color",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"disabled",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"heading",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"hovered",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"inline",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"invalid",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"inverted",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"noWrap",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"pressed",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"shadow",void 0),o([x(["xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block",""]),d("design:type",String)],n.prototype,"size",void 0),o([x(["none","bottom","top","all",""]),d("design:type",String)],n.prototype,"space",void 0),o([h("boolean"),d("design:type",Boolean)],n.prototype,"subtitle",void 0);const m=n,v=function(){"undefined"!=typeof customElements&&["ds-text"].forEach((t=>{"ds-text"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))};export{m as DsText,v as defineCustomElement}

package/components/ds-textarea.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as r,H as o,f as e,h as t,t as a}from"./p-WO0X5Vmy.js";import{_ as i,L as n,a as s}from"./p-J0mxIuTt.js";import{i as d}from"./p-B62ocg4Q.js";import{F as c}from"./p-BwfAXfmz.js";import{o as l}from"./p-BgzU1loG.js";import{F as m}from"./p-FBQaJyH0.js";import{I as h,d as f}from"./p-DU7t9H9h.js";import{d as v}from"./p-Du7QOHtz.js";import{d as b}from"./p-CYWn3X22.js";import{d as p}from"./p-CvaNxQtw.js";import{T as g}from"./p-DAYd9ty0.js";import{O as u}from"./p-BhbWmCTu.js";import{L as x}from"./p-DIK6Zkg6.js";const y=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsClick=e(this,"dsClick"),this.dsFocus=e(this,"dsFocus"),this.dsInput=e(this,"dsInput"),this.dsKeyPress=e(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+w++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.language=p.language,this.region=p.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=r=>{this.control.onClick(r)},this.handleFocus=r=>{this.control.onFocus(r)},this.handleBlur=r=>{this.control.onBlur(r)},this.handleInput=r=>{this.control.onInput(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=l(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){this.control.listenOnReset(r)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(r){this.language=r.language,this.region=r.region}render(){return t(m,{key:"eed94ad65298572829562a0d13d3decd677c2fbb",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"e8030aee2620ae0384945396cc794981a017287a",id:"textarea",part:"textarea",name:this.name,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:r=>this.handleClick(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onInput:r=>this.handleInput(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-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)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[513],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);i([n("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],y.prototype,"createLogger",null),i([g("string"),s("design:type",String)],y.prototype,"autocapitalize",void 0),i([g("string"),s("design:type",String)],y.prototype,"autocomplete",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"autofocus",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"autoInvalidOff",void 0),i([u(h),s("design:type",String)],y.prototype,"color",void 0),i([g("number"),s("design:type",Number)],y.prototype,"cols",void 0),i([g("number"),s("design:type",Number)],y.prototype,"debounce",void 0),i([g("string"),s("design:type",String)],y.prototype,"description",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"disabled",void 0),i([u(f),s("design:type",String)],y.prototype,"inputmode",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"invalid",void 0),i([g("string"),s("design:type",String)],y.prototype,"invalidText",void 0),i([g("string"),s("design:type",String)],y.prototype,"label",void 0),i([g("number"),s("design:type",Number)],y.prototype,"maxLength",void 0),i([g("number"),s("design:type",Number)],y.prototype,"minLength",void 0),i([g("string"),s("design:type",String)],y.prototype,"name",void 0),i([g("string"),s("design:type",String)],y.prototype,"placeholder",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"readonly",void 0),i([g("boolean"),s("design:type",Boolean)],y.prototype,"required",void 0),i([g("number"),s("design:type",Number)],y.prototype,"rows",void 0),i([u(["","hard","soft","off"]),s("design:type",String)],y.prototype,"wrap",void 0),i([x(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],y.prototype,"configChanged",null);let w=0;const _=y,k=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-textarea":customElements.get(a(r))||customElements.define(a(r),y);break;case"ds-icon":customElements.get(a(r))||v();break;case"ds-spinner":customElements.get(a(r))||b()}}))};export{_ as DsTextarea,k as defineCustomElement}
+import{p as o,H as r,f as e,h as t,t as a}from"./p-WO0X5Vmy.js";import{_ as i,L as n,a as s}from"./p-J0mxIuTt.js";import{i as d}from"./p-B62ocg4Q.js";import{F as c}from"./p-BwfAXfmz.js";import{o as l}from"./p-BgzU1loG.js";import{w as m,F as h}from"./p-CmBtAxar.js";import{I as f,d as v}from"./p-DU7t9H9h.js";import{d as b}from"./p-Dbqy6lZU.js";import{d as p}from"./p-o0H7eIVX.js";import{d as g}from"./p-CvaNxQtw.js";import{T as u}from"./p-DAYd9ty0.js";import{O as x}from"./p-BhbWmCTu.js";import{L as y}from"./p-DIK6Zkg6.js";const w=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsClick=e(this,"dsClick"),this.dsFocus=e(this,"dsFocus"),this.dsInput=e(this,"dsInput"),this.dsKeyPress=e(this,"dsKeyPress"),this.internals=this.attachInternals(),this.inputId="ds-textarea-"+_++,this.inheritedAttributes={},this.control=new c(this),this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=g.language,this.region=g.region,this.autocapitalize="off",this.autocomplete="off",this.autofocus=!1,this.autoInvalidOff=!1,this.color="primary",this.debounce=0,this.description="",this.disabled=!1,this.inputmode="",this.invalid=!1,this.invalidText="",this.label="",this.name=this.inputId,this.placeholder="",this.readonly=!1,this.required=!0,this.value=null,this.wrap="",this.handleClick=o=>{this.control.onClick(o)},this.handleFocus=o=>{this.control.onFocus(o)},this.handleBlur=o=>{this.control.onBlur(o)},this.handleInput=o=>{this.control.onInput(o)}}createLogger(o){this.log=o}debounceChanged(){this.dsChange=l(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=m(this.el,(o=>{this.hasInvalidTextSlotContent=o}))}disconnectedCallback(){var o;null===(o=this.disconnectInvalidTextSlotWatcher)||void 0===o||o.call(this)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title","data-hj-allow"])}componentDidLoad(){this.control.componentDidLoad()}listenToClick(o){this.control.listenOnClick(o)}listenToReset(o){this.control.listenOnReset(o)}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.control.nativeEl}async configChanged(o){this.language=o.language,this.region=o.region}render(){const o=this.invalid||this.hasInvalidTextSlotContent;return t(h,{key:"49d0b6396fe85413e395b50d5e09efca92db51f8",inputId:"textarea",disabled:this.disabled,color:this.color,invalid:o,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("textarea",Object.assign({key:"0a963e803a8e9341869b3b25336c092d8f25b65e",id:"textarea",part:"textarea",name:this.name,ref:o=>this.control.nativeEl=o,"aria-describedby":"description","aria-invalid":o?"true":"false",disabled:this.disabled,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,inputMode:this.inputmode,cols:this.cols,rows:this.rows,wrap:this.wrap?this.wrap:void 0,onClick:o=>this.handleClick(o),onFocus:o=>this.handleFocus(o),onBlur:o=>this.handleBlur(o),onInput:o=>this.handleInput(o),onKeyPress:o=>this.dsKeyPress.emit(o)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-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)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-textarea",{autocapitalize:[1],autocomplete:[1],autofocus:[4],autoInvalidOff:[4,"auto-invalid-off"],color:[1],cols:[2],debounce:[2],description:[1],disabled:[516],inputmode:[1],invalid:[516],invalidText:[1,"invalid-text"],label:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[513],placeholder:[1],readonly:[516],required:[516],rows:[2],value:[1537],wrap:[1],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],setFocus:[64],setBlur:[64],getInputElement:[64],configChanged:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}]}]);i([n("textarea"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null),i([u("string"),s("design:type",String)],w.prototype,"autocapitalize",void 0),i([u("string"),s("design:type",String)],w.prototype,"autocomplete",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"autofocus",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"autoInvalidOff",void 0),i([x(f),s("design:type",String)],w.prototype,"color",void 0),i([u("number"),s("design:type",Number)],w.prototype,"cols",void 0),i([u("number"),s("design:type",Number)],w.prototype,"debounce",void 0),i([u("string"),s("design:type",String)],w.prototype,"description",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"disabled",void 0),i([x(v),s("design:type",String)],w.prototype,"inputmode",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"invalid",void 0),i([u("string"),s("design:type",String)],w.prototype,"invalidText",void 0),i([u("string"),s("design:type",String)],w.prototype,"label",void 0),i([u("number"),s("design:type",Number)],w.prototype,"maxLength",void 0),i([u("number"),s("design:type",Number)],w.prototype,"minLength",void 0),i([u("string"),s("design:type",String)],w.prototype,"name",void 0),i([u("string"),s("design:type",String)],w.prototype,"placeholder",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"readonly",void 0),i([u("boolean"),s("design:type",Boolean)],w.prototype,"required",void 0),i([u("number"),s("design:type",Number)],w.prototype,"rows",void 0),i([x(["","hard","soft","off"]),s("design:type",String)],w.prototype,"wrap",void 0),i([y(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],w.prototype,"configChanged",null);let _=0;const k=w,z=function(){"undefined"!=typeof customElements&&["ds-textarea","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-textarea":customElements.get(a(o))||customElements.define(a(o),w);break;case"ds-icon":customElements.get(a(o))||b();break;case"ds-spinner":customElements.get(a(o))||p()}}))};export{k as DsTextarea,z as defineCustomElement}