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

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

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 (460) hide show

package/components/ds-toggle.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 o,f as l,h as a,e as t,t as r}from"./p-WO0X5Vmy.js";import{_ as c,L as i,a as s}from"./p-J0mxIuTt.js";import{i as d}from"./p-B62ocg4Q.js";import{T as g}from"./p-DAYd9ty0.js";import{O as n}from"./p-BhbWmCTu.js";const h=[1,2,3,4],b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=l(this,"dsBlur"),this.dsChange=l(this,"dsChange"),this.dsFocus=l(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-tg-"+v++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.color="",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.tile=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return a(t,{key:"1b7d121632acd52923b9fde51d6c960b13d0660b","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-dense":this.dense,"is-tile":this.tile,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,["has-cols-"+this.cols]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1}},a("label",{key:"02ab5607ab4e4df86bb693d4d17f6b92bcaaffe1",id:"label",part:"label"},a("input",Object.assign({key:"67cbba07cd0f24182220936effbcf4e226fe59a5",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),a("div",{key:"9d95926646c9f3f9fee266ddc2a6b2755ba720a8",id:"slot",part:"slot"},a("slot",{key:"398da82c7431036f155fd81cb3ce1bf80e49deeb"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-global-color-sky-5)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-global-color-primary-6)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-alias-border-width-base)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-alias-radius-rounded)));--_toggle-padding-y:var(--toggle-padding-y, var(--mod-toggle-padding-y, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-tile-radius:var(--toggle-tile-radius, var(--mod-toggle-tile-radius, var(--ds-alias-radius-base)));--_toggle-tile-padding:var(--toggle-tile-padding, var(--mod-toggle-tile-padding, 1rem));--_toggle-tile-border-width:var(--toggle-tile-border-width, var(--mod-toggle-tile-border-width, var(--ds-alias-border-width-base)));--_toggle-tile-base-background-color:var(--toggle-tile-base-background-color, var(--mod-toggle-tile-base-background-color, inherit));--_toggle-tile-base-border-color:var(--toggle-tile-base-border-color, var(--mod-toggle-tile-base-border-color, var(--ds-global-color-grey-3)));--_toggle-tile-hover-background-color:var(--toggle-tile-hover-background-color, var(--mod-toggle-tile-hover-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-hover-border-color:var(--toggle-tile-hover-border-color, var(--mod-toggle-tile-hover-border-color, var(--ds-global-color-sky-5)));--_toggle-tile-active-background-color:var(--toggle-tile-active-background-color, var(--mod-toggle-tile-active-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-active-border-color:var(--toggle-tile-active-border-color, var(--mod-toggle-tile-active-border-color, var(--ds-global-color-primary-6)));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-global-color-primary-5)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-global-color-sky-5)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-global-color-primary-6)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-global-color-success-4)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-global-color-white)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-global-color-white)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-global-color-success-5)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-global-color-white)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-global-color-success-6)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-global-color-white)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:var(--_toggle-padding-y);padding-bottom:var(--_toggle-padding-y);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_toggle-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-padding-y:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--ds-global-color-grey-5);--mod-toggle-label-hover-color:var(--ds-global-color-grey-5);--mod-toggle-label-active-color:var(--ds-global-color-grey-5);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-grey-3);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-background:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-tick:var(--ds-global-color-grey-3)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_toggle-tile-padding);border-style:solid;border-width:var(--_toggle-tile-border-width);border-radius:var(--_toggle-tile-radius);border-color:var(--_toggle-tile-base-border-color);background:var(--_toggle-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_toggle-tile-hover-border-color);background:var(--_toggle-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_toggle-tile-active-border-color);background:var(--_toggle-tile-active-background-color)}:host(.is-tile.is-checked){--mod-toggle-tile-base-border-color:var(--_toggle-checked-base-color-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-toggle-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-active-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-toggle-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}"}},[321,"ds-toggle",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],dense:[4],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],disabled:[516],invalid:[516],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],tile:[4],value:[8],focused:[32]},[[6,"reset","listenToReset"]]]);c([i("toggle"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),c([g("boolean"),s("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"checked",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"dense",void 0),c([n(["","purple","green","yellow","red"]),s("design:type",String)],b.prototype,"color",void 0),c([n(h),s("design:type",Number)],b.prototype,"cols",void 0),c([n(h),s("design:type",Number)],b.prototype,"colsMobile",void 0),c([n(h),s("design:type",Number)],b.prototype,"colsTablet",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"disabled",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"invalid",void 0),c([g("string"),s("design:type",String)],b.prototype,"label",void 0),c([n(["left","top","right"]),s("design:type",String)],b.prototype,"labelPosition",void 0),c([g("string"),s("design:type",String)],b.prototype,"name",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"readonly",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"required",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"tile",void 0);let v=0;const k=b,u=function(){"undefined"!=typeof customElements&&["ds-toggle"].forEach((e=>{"ds-toggle"===e&&(customElements.get(r(e))||customElements.define(r(e),b))}))};export{k as DsToggle,u as defineCustomElement}
+import{p as e,H as o,f as l,h as a,e as t,t as r}from"./p-WO0X5Vmy.js";import{_ as c,L as i,a as s}from"./p-J0mxIuTt.js";import{i as d}from"./p-B62ocg4Q.js";import{T as g}from"./p-DAYd9ty0.js";import{O as n}from"./p-BhbWmCTu.js";const h=[1,2,3,4],b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=l(this,"dsBlur"),this.dsChange=l(this,"dsChange"),this.dsFocus=l(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-tg-"+v++,this.inheritAttributes={},this.initialValue=!1,this.focused=!1,this.autoInvalidOff=!1,this.checked=!1,this.dense=!1,this.color="",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.disabled=!1,this.invalid=!1,this.label="",this.labelPosition="right",this.name=this.inputId,this.readonly=!1,this.required=!1,this.tile=!1,this.value="on",this.handleBlur=e=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(e))},this.handleChange=e=>{this.checked=e.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=e=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(e))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=d(this.el,["aria-label","tabindex","title"])}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}render(){return a(t,{key:"82e0075aa3e76cc231d0e507de6f6abbc6947fbd","aria-disabled":this.disabled?"true":null,"aria-checked":""+this.checked,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-dense":this.dense,"is-tile":this.tile,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,["has-cols-"+this.cols]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1}},a("label",{key:"0a6ec1155840f00f9cba605ed1436744d7ea5c44",id:"label",part:"label"},a("input",Object.assign({key:"fce712af56287d341b3e096b87338e75aa078e7e",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:e=>this.handleChange(e),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:e=>this.nativeInput=e},this.inheritAttributes)),a("div",{key:"ddabd79fa0110eb5d3bf25023814af1cd75c4c28",id:"slot",part:"slot"},a("slot",{key:"05f2ca777a6d522ecc30e5bff1fba852ef32b3a5"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_toggle-gap:var(--toggle-gap, var(--mod-toggle-gap, 0.5rem));--_toggle-label-base-color:var(--toggle-label-base-color, var(--mod-toggle-label-base-color, inherit));--_toggle-label-hover-color:var(--toggle-label-hover-color, var(--mod-toggle-label-hover-color, var(--ds-global-color-sky-5)));--_toggle-label-active-color:var(--toggle-label-active-color, var(--mod-toggle-label-active-color, var(--ds-global-color-primary-6)));--_toggle-height:var(--toggle-height, var(--mod-toggle-height, 1.5rem));--_toggle-width:var(--toggle-width, var(--mod-toggle-width, 2.5rem));--_toggle-border-width:var(--toggle-border-width, var(--mod-toggle-border-width, var(--ds-alias-border-width-base)));--_toggle-radius:var(--toggle-radius, var(--mod-toggle-radius, var(--ds-alias-radius-rounded)));--_toggle-padding-y:var(--toggle-padding-y, var(--mod-toggle-padding-y, 0.25rem));--_toggle-min-height:var(--toggle-min-height, var(--mod-toggle-min-height, 3rem));--_toggle-tile-radius:var(--toggle-tile-radius, var(--mod-toggle-tile-radius, var(--ds-alias-radius-base)));--_toggle-tile-padding:var(--toggle-tile-padding, var(--mod-toggle-tile-padding, 1rem));--_toggle-tile-border-width:var(--toggle-tile-border-width, var(--mod-toggle-tile-border-width, var(--ds-alias-border-width-base)));--_toggle-tile-base-background-color:var(--toggle-tile-base-background-color, var(--mod-toggle-tile-base-background-color, inherit));--_toggle-tile-base-border-color:var(--toggle-tile-base-border-color, var(--mod-toggle-tile-base-border-color, var(--ds-global-color-grey-3)));--_toggle-tile-hover-background-color:var(--toggle-tile-hover-background-color, var(--mod-toggle-tile-hover-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-hover-border-color:var(--toggle-tile-hover-border-color, var(--mod-toggle-tile-hover-border-color, var(--ds-global-color-sky-5)));--_toggle-tile-active-background-color:var(--toggle-tile-active-background-color, var(--mod-toggle-tile-active-background-color, var(--ds-global-color-grey-2)));--_toggle-tile-active-border-color:var(--toggle-tile-active-border-color, var(--mod-toggle-tile-active-border-color, var(--ds-global-color-primary-6)));--_toggle-unchecked-base-color-background:var(--toggle-unchecked-base-color-background, var(--mod-toggle-unchecked-base-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-base-color-tick:var(--toggle-unchecked-base-color-tick, var(--mod-toggle-unchecked-base-color-tick, var(--ds-global-color-primary-5)));--_toggle-unchecked-hover-color-background:var(--toggle-unchecked-hover-color-background, var(--mod-toggle-unchecked-hover-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-hover-color-tick:var(--toggle-unchecked-hover-color-tick, var(--mod-toggle-unchecked-hover-color-tick, var(--ds-global-color-sky-5)));--_toggle-unchecked-active-color-background:var(--toggle-unchecked-active-color-background, var(--mod-toggle-unchecked-active-color-background, var(--ds-global-color-grey-3)));--_toggle-unchecked-active-color-tick:var(--toggle-unchecked-active-color-tick, var(--mod-toggle-unchecked-active-color-tick, var(--ds-global-color-primary-6)));--_toggle-checked-base-color-background:var(--toggle-checked-base-color-background, var(--mod-toggle-checked-base-color-background, var(--ds-global-color-success-4)));--_toggle-checked-base-color-tick:var(--toggle-checked-base-color-tick, var(--mod-toggle-checked-base-color-tick, var(--ds-global-color-white)));--_toggle-checked-base-color-icon:var(--toggle-checked-base-color-icon, var(--mod-toggle-checked-base-color-icon, var(--ds-global-color-white)));--_toggle-checked-hover-color-background:var(--toggle-checked-hover-color-background, var(--mod-toggle-checked-hover-color-background, var(--ds-global-color-success-5)));--_toggle-checked-hover-color-tick:var(--toggle-checked-hover-color-tick, var(--mod-toggle-checked-hover-color-tick, var(--ds-global-color-white)));--_toggle-checked-active-color-background:var(--toggle-checked-active-color-background, var(--mod-toggle-checked-active-color-background, var(--ds-global-color-success-6)));--_toggle-checked-active-color-tick:var(--toggle-checked-active-color-tick, var(--mod-toggle-checked-active-color-tick, var(--ds-global-color-white)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-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;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_toggle-gap);cursor:pointer;user-select:none;color:var(--_toggle-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:var(--_toggle-padding-y);padding-bottom:var(--_toggle-padding-y);min-height:var(--_toggle-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_toggle-label-hover-color)}}label:active{color:var(--_toggle-label-active-color)}:host input[type=checkbox]{position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_toggle-width);height:var(--_toggle-height);background:var(--_toggle-unchecked-base-color-background);border:var(--_toggle-border-width) solid var(--_toggle-unchecked-base-color-border);border-radius:var(--_toggle-radius);vertical-align:top;cursor:pointer}:host input[type=checkbox]:disabled{cursor:default}:host input[type=checkbox]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_toggle-radius)}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-hover-color-background)}:host input[type=checkbox]:not(:disabled):hover::before,:host:hover input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-hover-color-tick)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_toggle-unchecked-active-color-background)}:host input[type=checkbox]:not(:disabled):active::before,:host:active input[type=checkbox]:not(:disabled):not(:checked)::before{background:var(--_toggle-unchecked-active-color-tick)}:host input[type=checkbox]:checked{background:var(--_toggle-checked-base-color-background)}:host input[type=checkbox]:checked::before{background:var(--_toggle-checked-base-color-tick)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-hover-color-background)}:host input[type=checkbox]:checked:not(:disabled):hover::before,:host:hover input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-hover-color-tick)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_toggle-checked-active-color-background)}:host input[type=checkbox]:checked:not(:disabled):active::before,:host:active input[type=checkbox]:checked:not(:disabled)::before{background:var(--_toggle-checked-active-color-tick)}:host input[type=checkbox]::before{display:block;content:\"\";width:1rem;height:1rem;background:var(--_toggle-unchecked-base-color-tick);border-radius:var(--_toggle-radius);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;z-index:1}:host input[type=checkbox]:checked::before{-webkit-transform:translateX(100%);transform:translateX(100%)}:host input[type=checkbox]::after{position:absolute;display:block;content:\"\";-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;left:5px;width:12px;height:12px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;z-index:0}:host input[type=checkbox]:checked::after{opacity:1;background-color:var(--_toggle-checked-base-color-icon);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-dense){--mod-toggle-min-height:2rem;--mod-toggle-padding-y:0}:host(.is-invalid:not(.is-disabled)){--mod-toggle-label-base-color:var(--ds-global-color-danger-4);--mod-toggle-label-hover-color:var(--ds-global-color-danger-5);--mod-toggle-label-active-color:var(--ds-global-color-danger-6);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-danger-4);--mod-toggle-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-hover-color-tick:var(--ds-global-color-danger-5);--mod-toggle-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-toggle-unchecked-active-color-tick:var(--ds-global-color-danger-6);--mod-toggle-checked-base-color-background:var(--ds-global-color-danger-4);--mod-toggle-checked-base-color-tick:var(--ds-global-color-white);--mod-toggle-checked-hover-color-background:var(--ds-global-color-danger-5);--mod-toggle-checked-hover-color-tick:var(--ds-global-color-white);--mod-toggle-checked-active-color-background:var(--ds-global-color-danger-6);--mod-toggle-checked-active-color-tick:var(--ds-global-color-white)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-toggle-label-base-color:var(--ds-global-color-grey-5);--mod-toggle-label-hover-color:var(--ds-global-color-grey-5);--mod-toggle-label-active-color:var(--ds-global-color-grey-5);--mod-toggle-unchecked-base-color-background:var(--ds-global-color-grey-3);--mod-toggle-unchecked-base-color-tick:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-background:var(--ds-global-color-grey-5);--mod-toggle-checked-base-color-tick:var(--ds-global-color-grey-3)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{width:100%;height:100%;padding:var(--_toggle-tile-padding);border-style:solid;border-width:var(--_toggle-tile-border-width);border-radius:var(--_toggle-tile-radius);border-color:var(--_toggle-tile-base-border-color);background:var(--_toggle-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_toggle-tile-hover-border-color);background:var(--_toggle-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_toggle-tile-active-border-color);background:var(--_toggle-tile-active-background-color)}:host(.is-tile.is-checked){--mod-toggle-tile-base-border-color:var(--_toggle-checked-base-color-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-toggle-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-active-background-color:var(--ds-global-color-danger-1);--mod-toggle-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-toggle-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2);flex:0 0 calc(50% - var(--ds-alias-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-alias-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4);flex:0 0 calc(25% - var(--ds-alias-space-base)*3/4)}}"}},[321,"ds-toggle",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],dense:[4],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],disabled:[516],invalid:[516],label:[1],labelPosition:[1,"label-position"],name:[513],readonly:[516],required:[516],tile:[4],value:[8],focused:[32]},[[6,"reset","listenToReset"]]]);c([i("toggle"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),c([g("boolean"),s("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"checked",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"dense",void 0),c([n(["","purple","green","yellow","red"]),s("design:type",String)],b.prototype,"color",void 0),c([n(h),s("design:type",Number)],b.prototype,"cols",void 0),c([n(h),s("design:type",Number)],b.prototype,"colsMobile",void 0),c([n(h),s("design:type",Number)],b.prototype,"colsTablet",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"disabled",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"invalid",void 0),c([g("string"),s("design:type",String)],b.prototype,"label",void 0),c([n(["left","top","right"]),s("design:type",String)],b.prototype,"labelPosition",void 0),c([g("string"),s("design:type",String)],b.prototype,"name",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"readonly",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"required",void 0),c([g("boolean"),s("design:type",Boolean)],b.prototype,"tile",void 0);let v=0;const k=b,u=function(){"undefined"!=typeof customElements&&["ds-toggle"].forEach((e=>{"ds-toggle"===e&&(customElements.get(r(e))||customElements.define(r(e),b))}))};export{k as DsToggle,u as defineCustomElement}

package/components/ds-tooltip.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 i,f as o,d as e,h as a,e as r,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as l,a as p}from"./p-J0mxIuTt.js";import{a as m,c as d,s as c,f as h,o as b}from"./p-BqY0KzJC.js";import{O as v}from"./p-BhbWmCTu.js";let f=0;const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillAnimate=o(this,"dsWillAnimate"),this.dsDidAnimate=o(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+f++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",t+"px")}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=m(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:i,y:o,placement:a}=await d(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[e.hasWindow&&!window.frameElement?c():void 0,h(),b(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:i+"px",top:o+"px"}),this.containerEl.dataset.placement=a.split("-")[0],!0}get triggerElement(){return e.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return a(r,{key:"4b6018fca5ddd89e53f8cefcc90af9ac530679dc",id:this.tooltipId,role:"tooltip","aria-hidden":""+!this.presented},a("div",{key:"abb02eb66ea7991879fdbd8275e4638e050b3ec6",part:"container",ref:t=>this.containerEl=t},a("div",{key:"4087e11edcd4728524d59b08c173668d69d0d146",part:"content","data-testid":"ds-tooltip-content"},a("slot",{key:"e50b739cabe6e2a2c892def29bbd860a38c60369"}))))}get el(){return this}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}static get style(){return":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-bg:var(--tooltip-bg, var(--mod-tooltip-bg, var(--ds-tooltip-bg)));--_tooltip-color:var(--tooltip-color, var(--mod-tooltip-color, var(--ds-tooltip-color)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-px)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-py)));--_tooltip-font-family:var(--tooltip-font-family, var(--mod-tooltip-font-family, var(--ds-tooltip-font-family)));--_tooltip-font-size:var(--tooltip-font-size, var(--mod-tooltip-font-size, var(--ds-tooltip-font-size)));--_tooltip-line-height:var(--tooltip-line-height, var(--mod-tooltip-line-height, var(--ds-tooltip-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-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;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-bg);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color);font-family:var(--_tooltip-font-family);font-size:var(--_tooltip-font-size);line-height:var(--_tooltip-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}"}},[257,"ds-tooltip",{reference:[1],placement:[1],offset:[2],contentWidth:[2,"content-width"],open:[4],presented:[32],present:[64],dismiss:[64],update:[64]},void 0,{contentWidth:[{contentWidthChanged:0}]}]);n([l("tooltip"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],u.prototype,"createLogger",null),n([v(["top","right","bottom","left"]),p("design:type",String)],u.prototype,"placement",void 0);const y=u,g=function(){"undefined"!=typeof customElements&&["ds-tooltip"].forEach((t=>{"ds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),u))}))};export{y as DsTooltip,g as defineCustomElement}
+import{p as t,H as i,f as o,d as e,h as a,e as r,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as l,a as p}from"./p-J0mxIuTt.js";import{a as m,c as d,s as c,f as h,o as b}from"./p-BqY0KzJC.js";import{O as v}from"./p-BhbWmCTu.js";let f=0;const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillAnimate=o(this,"dsWillAnimate"),this.dsDidAnimate=o(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+f++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",t+"px")}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=m(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:i,y:o,placement:a}=await d(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[e.hasWindow&&!window.frameElement?c():void 0,h(),b(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:i+"px",top:o+"px"}),this.containerEl.dataset.placement=a.split("-")[0],!0}get triggerElement(){return e.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return a(r,{key:"70f12c4635b8547887442ac1be6a3384f0754f01",id:this.tooltipId,role:"tooltip","aria-hidden":""+!this.presented},a("div",{key:"6934ecd48ac24eabd34e190c9d00f7c40346102e",part:"container",ref:t=>this.containerEl=t},a("div",{key:"c85391dbfa57c220d5176c6a65ccad6d88ecb135",part:"content","data-testid":"ds-tooltip-content"},a("slot",{key:"88af144938af076f3278e0a8579c75dccd71f36f"}))))}get el(){return this}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}static get style(){return":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-bg:var(--tooltip-bg, var(--mod-tooltip-bg, var(--ds-tooltip-bg)));--_tooltip-color:var(--tooltip-color, var(--mod-tooltip-color, var(--ds-tooltip-color)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-px)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-py)));--_tooltip-font-family:var(--tooltip-font-family, var(--mod-tooltip-font-family, var(--ds-tooltip-font-family)));--_tooltip-font-size:var(--tooltip-font-size, var(--mod-tooltip-font-size, var(--ds-tooltip-font-size)));--_tooltip-line-height:var(--tooltip-line-height, var(--mod-tooltip-line-height, var(--ds-tooltip-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-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;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-bg);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color);font-family:var(--_tooltip-font-family);font-size:var(--_tooltip-font-size);line-height:var(--_tooltip-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}"}},[257,"ds-tooltip",{reference:[1],placement:[1],offset:[2],contentWidth:[2,"content-width"],open:[4],presented:[32],present:[64],dismiss:[64],update:[64]},void 0,{contentWidth:[{contentWidthChanged:0}]}]);n([l("tooltip"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],u.prototype,"createLogger",null),n([v(["top","right","bottom","left"]),p("design:type",String)],u.prototype,"placement",void 0);const y=u,g=function(){"undefined"!=typeof customElements&&["ds-tooltip"].forEach((t=>{"ds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),u))}))};export{y as DsTooltip,g as defineCustomElement}

package/components/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{d as t,s as n}from"./p-WO0X5Vmy.js";export{g as getAssetPath,r as render,a as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-WO0X5Vmy.js";export{F as FOOTER_CONTAINERS,i as i18nDsFooter}from"./p-BrJFPhMA.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";import{g as l}from"./p-BgzU1loG.js";export{c as componentOnReady,d as deepReady,i as isDescendant,s as shallowReady,w as wait,a as waitAfterFramePaint,b as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,f as waitForComponent,h as waitForDesignSystem,j as waitOnLoadEventCallback}from"./p-BgzU1loG.js";import{d as u}from"./p-CvaNxQtw.js";export{a as defaultLocale}from"./p-CvaNxQtw.js";import{d as p}from"./p-UCeQ1JCs.js";export{D as DsDevice}from"./p-UCeQ1JCs.js";export{S as ScrollHandler}from"./p-3Mi9vpmB.js";import{W as m}from"./p-n3_2KEz0.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-n3_2KEz0.js";import{D as y,I as O,S as C}from"./p-C1jqbZdf.js";import{u as v}from"./p-Dr4MUfss.js";export{b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,g as updateDsAllowedLanguages,i as updateDsAnimated,h as updateDsIcons,e as updateDsLanguage,j as updateDsLogger,f as updateDsRegion}from"./p-Dr4MUfss.js";import{S as $}from"./p-DcSNuA8W.js";export{L as ListenToConfig}from"./p-DIK6Zkg6.js";const x=["ds-accordion","ds-alert-container","ds-app","ds-badge","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-date","ds-divider","ds-drawer","ds-file-upload","ds-footer","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-navbar","ds-notification","ds-number-input","ds-pagination","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"];class k{static setTwoDigitCutoffYear(t=10){C.twoDigitCutoffYear=(new Date).getFullYear()%100+t}static fromAnyFormat(t){const s=t.replace(/[0-9]/g,"").charAt(0),e=v(),a=(null==e?void 0:e.locale)||"de-CH",o=t.split(s),n=o.length;if(2===n){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}if(3===n){if(1===o[2].length)return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${2e3+parseInt(o[2],10)}`,`d${s}M${s}yy`,{locale:a}));if(""===o[2]){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}}return new k(y.fromFormat(t,`d${s}M${s}yy`,{locale:a}))}static fromISO(t){return new k(y.fromISO(t||""))}static infoMonths({format:t,locale:s}={}){const e=v();return O.months(t||"long",{locale:s||(null==e?void 0:e.locale)||"de-CH"})}static infoWeekdays({format:t,locale:s}={}){const e=v();return O.weekdays(t,{locale:s||(null==e?void 0:e.locale)||"de-CH"})}constructor(t){this.dt=t}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const t=v(),s=function(t="de-CH"){return new Intl.DateTimeFormat(function(t="de-CH"){const[,s]=t.split("-");return"CH"===s?"fr-CH":"BE"===s?"fr-BE":"LU"===s?"fr-LU":t}(t)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==t?void 0:t.locale)||"de-CH");return this.dt.toFormat(`dd${s}MM${s}yyyy`)}return""}isBefore(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<s}isBeforeOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<=s}isAfter(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>s}isAfterOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>=s}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}k.setTwoDigitCutoffYear();class A extends ${constructor(){super((t=>t.listenToOrientation(this.state))),this.listener=new m,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const t=p.orientation.toObject();this.isEqual(t)||(this.state=t,this.notify(void 0))}))}attach(t){super.attach(t),t.listenToOrientation(this.state)}isEqual(t){return t.landscape===this.state.landscape&&t.portrait===this.state.portrait}}const B=new A,N={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class E{constructor(){this._componentObservers=[],this._observers=[],this._config=u}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const M=new E,H=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},U=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const a={};for(const[t,s]of Object.entries(N)){const o=e.dataset[t];void 0!==o&&s(a,o)}return a}catch(t){return{}}},R=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},M.reset(Object.assign(Object.assign(Object.assign(Object.assign({},U(e)),H(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=M};class P{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),l(document).appendChild(this.container))}}const z=t=>new P(t),T=z("toast"),_=z("snackbar"),J=new class{async create(t={}){const s=document.createElement("ds-modal");return void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),l(document).appendChild(s),await s.present(),s}async dismiss(s){if(!t.hasDocument)return;const e=document.querySelector(s?"ds-modal#"+s:"ds-modal[open]");await(null==e?void 0:e.dismiss())}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},Q=(s={},e,a={})=>{0===Object.keys(a).length&&t.hasWindow&&(a=window),a.DesignSystem=a.DesignSystem||{},e&&n(e),R(Object.assign(Object.assign({},s),e),a),a.DesignSystem.toastController=T,a.DesignSystem.snackbarController=_,a.DesignSystem.modalController=J,a.DesignSystem.initialize=()=>R(a.DesignSystem.config,a),a.DesignSystem.version="20.0.0-next.6",s._generateHydrateForCustomElementsOutput&&V(x)},V=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,a=e.querySelector("meta[charset]"),o=s.document.createElement("style");t.length>0&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",o.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length&&(o.setAttribute("data-styles",""),e.insertBefore(o,a?a.nextSibling:e.firstChild)))};export{E as Config,k as DsDate,A as DsOrientationSubject,M as config,H as configFromLocalStorage,U as configFromMetaTag,u as defaultConfig,t as dsBrowser,p as dsDevice,J as dsModalController,B as dsOrientationSubject,_ as dsSnackbarController,T as dsToastController,l as getAppRoot,Q as initialize,Q as initializeDesignSystem,R as setupDsConfig,v as useDsConfig}
+import{d as t,s as n}from"./p-WO0X5Vmy.js";export{g as getAssetPath,r as render,a as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-WO0X5Vmy.js";export{F as FOOTER_CONTAINERS,i as i18nDsFooter}from"./p-BrJFPhMA.js";export{i as i18nDsClose}from"./p-Bbn3sYo5.js";export{I as I18nDsLabel}from"./p-C7I7OlaM.js";export{i as i18nControlLabel}from"./p-BR1SYpQO.js";import{g as l}from"./p-BgzU1loG.js";export{c as componentOnReady,d as deepReady,i as isDescendant,s as shallowReady,w as wait,a as waitAfterFramePaint,b as waitAfterIdleCallback,e as waitAfterLargestContentfulPaintCallback,f as waitForComponent,h as waitForDesignSystem,j as waitOnLoadEventCallback}from"./p-BgzU1loG.js";import{d as u}from"./p-CvaNxQtw.js";export{a as defaultLocale}from"./p-CvaNxQtw.js";import{d as p}from"./p-UCeQ1JCs.js";export{D as DsDevice}from"./p-UCeQ1JCs.js";export{S as ScrollHandler}from"./p-3Mi9vpmB.js";import{W as m}from"./p-n3_2KEz0.js";export{D as DsBreakpointSubject,b as DsBreakpointsUtil,a as dsBreakpointSubject,d as dsBreakpoints}from"./p-n3_2KEz0.js";import{D as y,I as O,S as C}from"./p-C1jqbZdf.js";import{u as v}from"./p-Dr4MUfss.js";export{b as attachComponentToConfig,a as attachToConfig,c as detachComponentFromConfig,d as detachFromConfig,o as onDsConfigChange,g as updateDsAllowedLanguages,i as updateDsAnimated,h as updateDsIcons,e as updateDsLanguage,j as updateDsLogger,f as updateDsRegion}from"./p-Dr4MUfss.js";import{S as $}from"./p-DcSNuA8W.js";export{L as ListenToConfig}from"./p-DIK6Zkg6.js";const x=["ds-accordion","ds-alert-container","ds-app","ds-badge","ds-button","ds-button-group","ds-card","ds-card-actions","ds-card-content","ds-card-header","ds-card-subtitle","ds-card-title","ds-carousel","ds-carousel-item","ds-checkbox","ds-checkbox-group","ds-close","ds-content","ds-data","ds-data-item","ds-data-label","ds-data-value","ds-date","ds-divider","ds-drawer","ds-file-upload","ds-footer","ds-heading","ds-hint","ds-hint-text","ds-hint-title","ds-icon","ds-input","ds-input-slider","ds-item","ds-label","ds-list","ds-logo","ds-modal","ds-modal-body","ds-modal-header","ds-navbar","ds-notification","ds-number-input","ds-pagination","ds-popup","ds-progress-bar","ds-radio","ds-radio-group","ds-segment","ds-segment-item","ds-select","ds-select-optgroup","ds-select-option","ds-shape","ds-snackbar","ds-spinner","ds-stack","ds-step","ds-step-panel","ds-steps","ds-tab","ds-tab-panel","ds-tabs","ds-tag","ds-tag-group","ds-text","ds-textarea","ds-toast","ds-toggle","ds-tooltip"];class k{static setTwoDigitCutoffYear(t=10){C.twoDigitCutoffYear=(new Date).getFullYear()%100+t}static fromAnyFormat(t){const s=t.replace(/[0-9]/g,"").charAt(0),e=v(),a=(null==e?void 0:e.locale)||"de-CH",o=t.split(s),i=o.length;if(2===i){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}if(3===i){if(1===o[2].length)return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${2e3+parseInt(o[2],10)}`,`d${s}M${s}yy`,{locale:a}));if(""===o[2]){const t=(new Date).getFullYear();return new k(y.fromFormat(`${o[0]}${s}${o[1]}${s}${t}`,`d${s}M${s}yy`,{locale:a}))}}return new k(y.fromFormat(t,`d${s}M${s}yy`,{locale:a}))}static fromISO(t){return new k(y.fromISO(t||""))}static infoMonths({format:t,locale:s}={}){const e=v();return O.months(t||"long",{locale:s||(null==e?void 0:e.locale)||"de-CH"})}static infoWeekdays({format:t,locale:s}={}){const e=v();return O.weekdays(t,{locale:s||(null==e?void 0:e.locale)||"de-CH"})}constructor(t){this.dt=t}get isValid(){return this.dt.isValid}toISO(){return this.isValid?this.dt.toISO():""}toISODate(){return this.isValid?this.dt.toISODate():""}toFormat(){if(this.isValid){const t=v(),s=function(t="de-CH"){return new Intl.DateTimeFormat(function(t="de-CH"){const[,s]=t.split("-");return"CH"===s?"fr-CH":"BE"===s?"fr-BE":"LU"===s?"fr-LU":t}(t)).format(new Date).replace(/\p{Number}/gu,"").charAt(0)}((null==t?void 0:t.locale)||"de-CH");return this.dt.toFormat(`dd${s}MM${s}yyyy`)}return""}isBefore(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<s}isBeforeOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt<=s}isAfter(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>s}isAfterOrEqual(t){const s=y.fromISO(t||"");return!!s.isValid&&this.dt>=s}get month(){if(this.isValid)return this.dt.month}get year(){if(this.isValid)return this.dt.year}}k.setTwoDigitCutoffYear();class A extends ${constructor(){super((t=>t.listenToOrientation(this.state))),this.listener=new m,this.state=p.orientation.toObject(),this.listener.connect(),this.listener.add((()=>{const t=p.orientation.toObject();this.isEqual(t)||(this.state=t,this.notify(void 0))}))}attach(t){super.attach(t),t.listenToOrientation(this.state)}isEqual(t){return t.landscape===this.state.landscape&&t.portrait===this.state.portrait}}const B=new A,N={brand:(t,s)=>t.brand=s,region:(t,s)=>t.region=s,language:(t,s)=>t.language=s,fallbackLanguage:(t,s)=>t.fallbackLanguage=s,allowedLanguages:(t,s)=>t.allowedLanguages=s.split(",").map((t=>t.trim())),animated:(t,s)=>t.animated="false"!==s};class E{constructor(){this._componentObservers=[],this._observers=[],this._config=u}get brand(){return this._config.brand}set brand(t){t!==this._config.brand&&(this._config.brand=t,this._notify())}get locale(){return`${this._config.language}-${this._config.region}`}get region(){return this._config.region}set region(t){t!==this._config.region&&(this._config.region=t,this._notify())}get language(){return this._config.language}set language(t){t!==this._config.language&&(this._config.language=this._config.allowedLanguages.includes(t)?t:this._config.fallbackLanguage,this._notify())}get allowedLanguages(){return this._config.allowedLanguages}set allowedLanguages(t){t!==this._config.allowedLanguages&&(this._config.allowedLanguages=t,this._notify())}get icons(){return this._config.icons}set icons(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t),this._notify()}get logger(){return this._config.logger}set logger(t){this._config.logger=Object.assign({},t),this._notify()}get animated(){return this._config.animated}set animated(t){this._config.animated=t,this._notify()}get httpFormSubmit(){return this._config.httpFormSubmit}set httpFormSubmit(t){this._config.httpFormSubmit=t,this._notify()}attach(t){if(this._observers.includes(t))return console.log("Subject: Observer has been attached already.");this._observers.push(t),t.configChanged(this._config)}detach(t){const s=this._observers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._observers.splice(s,1)}attachComponent(t){if(this._componentObservers.includes(t))return console.log("Subject: Observer has been attached already.");this._componentObservers.push(t),t.configChanged(this._config)}detachComponent(t){const s=this._componentObservers.indexOf(t);if(-1===s)return console.log("Subject: Nonexistent observer.");this._componentObservers.splice(s,1)}toString(){return JSON.stringify(this._config)}reset(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)}),this._notify(!1)}_notify(t=!0){for(const t of this._componentObservers)t.configChanged(this._config);if(t)for(const t of this._observers)t.configChanged(this._config)}}const M=new E,H=t=>{try{const s=JSON.parse(t.localStorage.getItem("ds-animated")||"true");return null!==s?{animated:s}:{}}catch(t){return{}}},U=t=>{try{const s=t.document;if(!s)return{};const e=s.querySelector('meta[name="design-system-config"]');if(!e)return{};const a={};for(const[t,s]of Object.entries(N)){const o=e.dataset[t];void 0!==o&&s(a,o)}return a}catch(t){return{}}},R=(s={},e={})=>{0===Object.keys(e).length&&t.hasWindow&&(e=window),e.DesignSystem=e.DesignSystem||{},M.reset(Object.assign(Object.assign(Object.assign(Object.assign({},U(e)),H(e)),s),{icons:Object.assign({},s.icons)})),e.DesignSystem.config=M};class P{constructor(t){this.type=t,this.container=null}async create(t){var s;return this.setupContainer(t),null===(s=this.container)||void 0===s?void 0:s.addAlert(t)}async remove(t){var s;await(null===(s=this.container)||void 0===s?void 0:s.removeAlert(t))}async removeAll(){var t;await(null===(t=this.container)||void 0===t?void 0:t.removeAll())}setupContainer(t){const s=`ds-${this.type}-container`;this.container=document.getElementById(s),this.container||this.container||(this.container=document.createElement("ds-alert-container"),this.container.id=s,this.container.setAttribute("type",this.type),l(document).appendChild(this.container))}}const z=t=>new P(t),T=z("toast"),_=z("snackbar"),J=new class{async create(t={}){const s=document.createElement("ds-modal");return void 0!==t.modalWidth&&(s.modalWidth=t.modalWidth),void 0!==t.closable&&(s.closable=t.closable),l(document).appendChild(s),await s.present(),s}async dismiss(s){if(!t.hasDocument)return;const e=document.querySelector(s?"ds-modal#"+s:"ds-modal[open]");await(null==e?void 0:e.dismiss())}async dismissAll(){if(!t.hasDocument)return;const s=Array.from(document.querySelectorAll("ds-modal[open]"));await Promise.all(s.map((t=>t.dismiss())))}},Q=(s={},e,a={})=>{0===Object.keys(a).length&&t.hasWindow&&(a=window),a.DesignSystem=a.DesignSystem||{},e&&n(e),R(Object.assign(Object.assign({},s),e),a),a.DesignSystem.toastController=T,a.DesignSystem.snackbarController=_,a.DesignSystem.modalController=J,a.DesignSystem.initialize=()=>R(a.DesignSystem.config,a),a.DesignSystem.version="20.0.0-next.7",s._generateHydrateForCustomElementsOutput&&V(x)},V=(t=[])=>{const s="undefined"!=typeof window?window:{};if(!s.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const e=s.document.head,a=e.querySelector("meta[charset]"),o=s.document.createElement("style");t.length>0&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}",o.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length&&(o.setAttribute("data-styles",""),e.insertBefore(o,a?a.nextSibling:e.firstChild)))};export{E as Config,k as DsDate,A as DsOrientationSubject,M as config,H as configFromLocalStorage,U as configFromMetaTag,u as defaultConfig,t as dsBrowser,p as dsDevice,J as dsModalController,B as dsOrientationSubject,_ as dsSnackbarController,T as dsToastController,l as getAppRoot,Q as initialize,Q as initializeDesignSystem,R as setupDsConfig,v as useDsConfig}

package/components/p--EKmxaBS.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as a,d as i,h,e as d,t as n}from"./p-WO0X5Vmy.js";import{_ as s,L as t,a as o}from"./p-J0mxIuTt.js";import{h as g}from"./p-BrIcCcce.js";import{c as r,b as l,d as v,H as m}from"./p-Ceu7FIWM.js";import{O as c}from"./p-BhbWmCTu.js";import{T as p}from"./p-DAYd9ty0.js";const b={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},f=["5xl","4xl","3xl","2xl","xl","lg","md","base"],u={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},w={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"},x=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.level="h1",this.visualLevel="",this.autoLevel="",this.noWrap=!1,this.subtitle=!1,this.space="",this.color="",this.inverted=!1,this.shadow=!1}createLogger(e){this.log=e}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}connectedCallback(){this.updateAutoFontSize()}componentDidRender(){if(g(this.autoLevel)&&this.autoFontSize&&this.rows>1&&u[this.autoLevel]!==this.autoFontSize){const e=f.indexOf(this.autoFontSize)+1;this.autoFontSize=f[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&i.hasWindow){const e=window.getComputedStyle(this.headingEl),a=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/a}return 1}get fontColor(){return this.inverted?"white":g(this.color)?w[this.color]:""}get fontSize(){return u[this.visualLevel?this.visualLevel:this.level]}get tag(){return b[this.level]}render(){const e=this.tag;return h(d,{key:"dd9df7b068c6a489c4a56437a19e6f7a27a1c1ea",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,[`is-${this.fontColor}`]:g(this.fontColor),"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,"has-shadow":this.shadow,[`has-space-${this.space}`]:g(this.space)}},h(e,{key:"e437b9f774f324b5628d002210b1af6763cc9dc8",id:"heading",part:"heading",ref:e=>this.headingEl=e},h("slot",{key:"61234ad53aa55043c4982b94e40155fb5b40b69b"})))}get el(){return this}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}static get style(){return":host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-color:var(--heading-color, var(--mod-heading-color, inherit));--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-line-height)));--_heading-font-size:var(--heading-font-size, var(--mod-heading-font-size, var(--ds-heading-1-size-device)));--_heading-space:var(--heading-space, var(--mod-heading-space, var(--ds-heading-1-space)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}:host{--_heading-color:var(--heading-color, var(--mod-heading-color, inherit));--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-line-height)));--_heading-font-size:var(--heading-font-size, var(--mod-heading-font-size, var(--_heading-font-size, var(--ds-heading-1-size-device))));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-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;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-font-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.text),#heading span:not(.text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-subtitle){--mod-heading-family:var(--ds-heading-subtitle-family);--mod-heading-weight:var(--ds-heading-subtitle-weight);--mod-heading-line-height:var(--ds-heading-subtitle-line-height)}:host(.is-primary){--mod-heading-color:var(--ds-heading-color-primary)}:host(.is-success){--mod-heading-color:var(--ds-heading-color-success)}:host(.is-warning){--mod-heading-color:var(--ds-heading-color-warning)}:host(.is-danger){--mod-heading-color:var(--ds-heading-color-danger)}:host(.is-white){--mod-heading-color:var(--ds-heading-color-white)}:host(.is-black){--mod-heading-color:var(--ds-heading-color-black)}:host(.is-3xl){--mod-heading-font-size:var(--ds-heading-1-size-device);--mod-heading-space:var(--ds-heading-1-space)}:host(.is-2xl){--mod-heading-font-size:var(--ds-heading-2-size-device);--mod-heading-space:var(--ds-heading-2-space)}:host(.is-xl){--mod-heading-font-size:var(--ds-heading-3-size-device);--mod-heading-space:var(--ds-heading-3-space)}:host(.is-lg){--mod-heading-font-size:var(--ds-heading-4-size-device);--mod-heading-space:var(--ds-heading-4-space)}:host(.is-base){--mod-heading-font-size:var(--ds-heading-5-size-device);--mod-heading-space:var(--ds-heading-5-space)}:host(.is-5xl){--mod-heading-font-size:var(--ds-heading-display1-size-device);--mod-heading-space:var(--ds-heading-display1-space)}:host(.is-4xl){--mod-heading-font-size:var(--ds-heading-display2-size-device);--mod-heading-space:var(--ds-heading-display2-space)}:host(.has-space-all){--heading-mt:var(--_heading-space);--heading-mb:var(--_heading-space)}:host(.has-space-top){--heading-mt:var(--_heading-space);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-space)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}"}},[257,"ds-heading",{level:[513],visualLevel:[513,"visual-level"],autoLevel:[513,"auto-level"],noWrap:[516,"no-wrap"],subtitle:[516],space:[513],color:[513],inverted:[516],shadow:[516],autoFontSize:[32]},void 0,{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-heading"].forEach((e=>{"ds-heading"===e&&(customElements.get(n(e))||customElements.define(n(e),x))}))}s([t("heading"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],x.prototype,"createLogger",null),s([c(r),o("design:type",String)],x.prototype,"level",void 0),s([c(l),o("design:type",String)],x.prototype,"visualLevel",void 0),s([c(l),o("design:type",String)],x.prototype,"autoLevel",void 0),s([p("boolean"),o("design:type",Boolean)],x.prototype,"noWrap",void 0),s([p("boolean"),o("design:type",Boolean)],x.prototype,"subtitle",void 0),s([c(v),o("design:type",String)],x.prototype,"space",void 0),s([c(m),o("design:type",String)],x.prototype,"color",void 0),s([p("boolean"),o("design:type",Boolean)],x.prototype,"inverted",void 0),s([p("boolean"),o("design:type",Boolean)],x.prototype,"shadow",void 0);export{x as H,y as d}

package/components/{p-BfXZJ1Fe.js → p-ABj0eATe.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as i,f as s,h as a,e,t as o,d as p}from"./p-WO0X5Vmy.js";import{_ as r,L as n,a as d}from"./p-J0mxIuTt.js";import{a as h,c,s as l,f as u,o as m,b}from"./p-BqY0KzJC.js";import{F as g}from"./p-DbM7ALm9.js";import{w as v}from"./p-BgzU1loG.js";import{i as f}from"./p-Uy_dVz21.js";import{d as y}from"./p-CjIxf5zy.js";import{d as w}from"./p-Ctnm_MBD.js";import{d as k}from"./p-Du7QOHtz.js";import{d as x}from"./p-CYWn3X22.js";import{T as _}from"./p-DAYd9ty0.js";import{O as z}from"./p-BhbWmCTu.js";import{L as j}from"./p-DIK6Zkg6.js";const C=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],D=new Map,B=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=s(this,"dsWillPresent"),this.dsDidPresent=s(this,"dsDidPresent"),this.dsWillDismiss=s(this,"dsWillDismiss"),this.dsDidDismiss=s(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new g,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(t){this.log=t}openChanged(t){t?this.runPresent():this.runDismiss()}triggerChanged(t,i){i&&(i.removeAttribute("aria-haspopup"),i.removeAttribute("aria-expanded")),t&&(t.setAttribute("aria-haspopup",this.role),t.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var t;null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(t){this.animated=t.animated}async listenToClick(t){var i;if(this.el.id){const i=t.target.closest(`[data-popup="${this.el.id}"]`);if(i)return this.currentTrigger=i,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const s=t.composedPath(),a=s.includes(this.panelEl),e=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger,o=!!e&&s.includes(e);a||o||await this.dismiss()}}listenToKeyDown(t){this.isOpen&&this.closable&&f(t)&&(t.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var t;if(this.isOpen)return;const i=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:i}),i&&(i.setAttribute("aria-expanded","true"),await this.updatePosition(i),this.startPositioner(i)),this.isOpen=!0,this.animated&&await v(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=i?i:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:i})}async doDismiss(){var t,i;if(!this.isOpen)return;const s=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await v(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(t){this.panelEl&&(this.cleanupPositioner=h(t,this.panelEl,(()=>this.updatePosition(t)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(t){if(!this.panelEl)return;const{x:i,y:s,placement:a,middlewareData:e}=await c(t,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[p.hasWindow&&!window.frameElement?l():void 0,u(),m(this.offset),this.arrow&&this.arrowEl?b({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${i}px`,top:`${s}px`}),this.panelEl.dataset.placement=a.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:t,y:i}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=t?`${t}px`:"",top:null!=i?`${i}px`:""})}}focusPanel(){if(!this.panelEl)return;const t=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));t.length>0?t[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(D.has(this.group)||D.set(this.group,new Set),D.get(this.group).add(this.el))}unregisterGroup(){var t;this.group&&(null===(t=D.get(this.group))||void 0===t||t.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const t=D.get(this.group);if(t)for(const i of t)i!==this.el&&await i.dismiss()}render(){return a(e,{key:"1acef99537a662beb11707ea44705635eb093f85",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&a("div",{key:"229be10bffd71308a8050f748990d277969c7555",part:"backdrop"}),a("div",{key:"ddc418c04afeca07d97763a576f3c76928977c55",part:"panel",ref:t=>this.panelEl=t,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&a("div",{key:"04bd45355d808e0246c3501056edfcb74a8dd941",part:"arrow",ref:t=>this.arrowEl=t}),this.closable&&a("ds-close",{key:"d324a0c8cff055c82f0b907159a8d17cc55d9898",part:"close",onClick:this.handleCloseClick}),a("slot",{key:"06ad646944b283c6337a32ad17267f947ab9be8f"})))}get el(){return this}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}static get style(){return":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}"}},[257,"ds-popup",{open:[1540],trigger:[16],placement:[1],offset:[2],role:[1],closable:[4],backdropDismiss:[4,"backdrop-dismiss"],backdrop:[4],group:[1],label:[1],arrow:[4],trapFocus:[4,"trap-focus"],animated:[32],isOpen:[32],present:[64],dismiss:[64],toggle:[64],configChanged:[64]},[[4,"click","listenToClick"],[4,"keydown","listenToKeyDown"]],{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["ds-popup","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-popup":customElements.get(o(t))||customElements.define(o(t),B);break;case"ds-button":customElements.get(o(t))||y();break;case"ds-close":customElements.get(o(t))||w();break;case"ds-icon":customElements.get(o(t))||k();break;case"ds-spinner":customElements.get(o(t))||x()}}))}r([n("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],B.prototype,"createLogger",null),r([_("boolean"),d("design:type",Boolean)],B.prototype,"open",void 0),r([z(C),d("design:type",String)],B.prototype,"placement",void 0),r([_("number"),d("design:type",Number)],B.prototype,"offset",void 0),r([z(["dialog","listbox","menu","tree","grid"]),d("design:type",String)],B.prototype,"role",void 0),r([_("boolean"),d("design:type",Boolean)],B.prototype,"closable",void 0),r([_("boolean"),d("design:type",Boolean)],B.prototype,"backdropDismiss",void 0),r([_("boolean"),d("design:type",Boolean)],B.prototype,"backdrop",void 0),r([_("string"),d("design:type",Object)],B.prototype,"group",void 0),r([_("string"),d("design:type",String)],B.prototype,"label",void 0),r([_("boolean"),d("design:type",Boolean)],B.prototype,"arrow",void 0),r([_("boolean"),d("design:type",Object)],B.prototype,"trapFocus",void 0),r([j(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],B.prototype,"configChanged",null);export{C as P,B as a,P as d}
+import{p as t,H as i,f as s,h as a,e,t as o,d as p}from"./p-WO0X5Vmy.js";import{_ as r,L as n,a as d}from"./p-J0mxIuTt.js";import{a as h,c,s as l,f as u,o as m,b}from"./p-BqY0KzJC.js";import{F as g}from"./p-DbM7ALm9.js";import{w as v}from"./p-BgzU1loG.js";import{i as f}from"./p-Uy_dVz21.js";import{d as y}from"./p-DSeYzuO7.js";import{d as w}from"./p-DY0y8uLL.js";import{d as k}from"./p-Du7QOHtz.js";import{d as x}from"./p-qaSW94OG.js";import{T as _}from"./p-DAYd9ty0.js";import{O as z}from"./p-BhbWmCTu.js";import{L as j}from"./p-DIK6Zkg6.js";const D=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],C=new Map,O=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=s(this,"dsWillPresent"),this.dsDidPresent=s(this,"dsDidPresent"),this.dsWillDismiss=s(this,"dsWillDismiss"),this.dsDidDismiss=s(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new g,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(t){this.log=t}openChanged(t){t?this.runPresent():this.runDismiss()}triggerChanged(t,i){i&&(i.removeAttribute("aria-haspopup"),i.removeAttribute("aria-expanded")),t&&(t.setAttribute("aria-haspopup",this.role),t.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var t;null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(t){this.animated=t.animated}async listenToClick(t){var i;if(this.el.id){const i=t.target.closest(`[data-popup="${this.el.id}"]`);if(i)return this.currentTrigger=i,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const s=t.composedPath(),a=s.includes(this.panelEl),e=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger,o=!!e&&s.includes(e);a||o||await this.dismiss()}}listenToKeyDown(t){this.isOpen&&this.closable&&f(t)&&(t.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var t;if(this.isOpen)return;const i=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:i}),i&&(i.setAttribute("aria-expanded","true"),await this.updatePosition(i),this.startPositioner(i)),this.isOpen=!0,this.animated&&await v(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=i?i:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:i})}async doDismiss(){var t,i;if(!this.isOpen)return;const s=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await v(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(t){this.panelEl&&(this.cleanupPositioner=h(t,this.panelEl,(()=>this.updatePosition(t)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(t){if(!this.panelEl)return;const{x:i,y:s,placement:a,middlewareData:e}=await c(t,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[p.hasWindow&&!window.frameElement?l():void 0,u(),m(this.offset),this.arrow&&this.arrowEl?b({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${i}px`,top:`${s}px`}),this.panelEl.dataset.placement=a.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:t,y:i}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=t?`${t}px`:"",top:null!=i?`${i}px`:""})}}focusPanel(){if(!this.panelEl)return;const t=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));t.length>0?t[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var t;this.group&&(null===(t=C.get(this.group))||void 0===t||t.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const t=C.get(this.group);if(t)for(const i of t)i!==this.el&&await i.dismiss()}render(){return a(e,{key:"63b4cf37af2e73b271f9c7fee523e7c68986081f",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&a("div",{key:"208a95330c83c4dd2328ce9e87a06b7aab7ab404",part:"backdrop"}),a("div",{key:"969fde6073490ce0803c0cadcaa9ec06a7704361",part:"panel",ref:t=>this.panelEl=t,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&a("div",{key:"228d1a47041090c57e395e240f2ebb5678f9c8e1",part:"arrow",ref:t=>this.arrowEl=t}),this.closable&&a("ds-close",{key:"d18c4ac4848e7ee31256384be4e7e8dd2b8b5a49",part:"close",onClick:this.handleCloseClick}),a("slot",{key:"ad9430d619bccde71bfeee2faffd1dde34dc43bd"})))}get el(){return this}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}static get style(){return":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}"}},[257,"ds-popup",{open:[1540],trigger:[16],placement:[1],offset:[2],role:[1],closable:[4],backdropDismiss:[4,"backdrop-dismiss"],backdrop:[4],group:[1],label:[1],arrow:[4],trapFocus:[4,"trap-focus"],animated:[32],isOpen:[32],present:[64],dismiss:[64],toggle:[64],configChanged:[64]},[[4,"click","listenToClick"],[4,"keydown","listenToKeyDown"]],{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}]);function S(){"undefined"!=typeof customElements&&["ds-popup","ds-button","ds-close","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-popup":customElements.get(o(t))||customElements.define(o(t),O);break;case"ds-button":customElements.get(o(t))||y();break;case"ds-close":customElements.get(o(t))||w();break;case"ds-icon":customElements.get(o(t))||k();break;case"ds-spinner":customElements.get(o(t))||x()}}))}r([n("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],O.prototype,"createLogger",null),r([_("boolean"),d("design:type",Boolean)],O.prototype,"open",void 0),r([z(D),d("design:type",String)],O.prototype,"placement",void 0),r([_("number"),d("design:type",Number)],O.prototype,"offset",void 0),r([z(["dialog","listbox","menu","tree","grid"]),d("design:type",String)],O.prototype,"role",void 0),r([_("boolean"),d("design:type",Boolean)],O.prototype,"closable",void 0),r([_("boolean"),d("design:type",Boolean)],O.prototype,"backdropDismiss",void 0),r([_("boolean"),d("design:type",Boolean)],O.prototype,"backdrop",void 0),r([_("string"),d("design:type",Object)],O.prototype,"group",void 0),r([_("string"),d("design:type",String)],O.prototype,"label",void 0),r([_("boolean"),d("design:type",Boolean)],O.prototype,"arrow",void 0),r([_("boolean"),d("design:type",Object)],O.prototype,"trapFocus",void 0),r([j(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],O.prototype,"configChanged",null);export{D as P,O as a,S as d}

package/components/{p-BU0dY8pq.js → p-BwwAKEvn.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as t,f as r,h as e,e as n,t as d}from"./p-WO0X5Vmy.js";import{_ as i,L as a,a as s}from"./p-J0mxIuTt.js";import{h as b}from"./p-BrIcCcce.js";import{i as c}from"./p-BR1SYpQO.js";import{d as u}from"./p-Du7QOHtz.js";import{d as l}from"./p-n3_2KEz0.js";import{L as v}from"./p-DbY6Pfeh.js";import{d as m}from"./p-CvaNxQtw.js";import{O as g}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";import{L as p}from"./p-DIK6Zkg6.js";const x=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsChangeEventEmitter=r(this,"dsChange"),this.isMobile=l.isMobile,this.language=m.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r=t?"is-tertiary":"is-text",d=t||b(this.size)||this.isMobile?"is-sm":"",i=t,a=this.label||c[this.language].label,s=this.textPrevious||c[this.language].left,u=this.textNext||c[this.language].right,l=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"ee53970824a2ed4ebb1fc4785d16ea161c7e405a",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"d327a7c0c1c0b1a24cbf599aaa5734815886be0e",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"71611638672eeb763968c788b70d0d56a0ddd124",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"e839a0b2bf96bad5c7e63d3b4c46df1acaab5e73",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"c4e9ecb77143d63456f9d0b9989b6268b04c363e",id:"next",part:"next","aria-label":u,title:u,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"6e3e65dcc2337fe6bc1adf434871eb204e1806d4",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),l?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"ad305888a9a44b97ab2c5c17ecb746bedfc29ea0",class:"dots"},e("strong",{key:"54248aa0c8f37ccd2015218a3d89730d947daa75"},this.value),e("span",{key:"c072e770c971fdd6265ecdb1f2c12e371d01b7fc"},"/"),e("span",{key:"fe2868321d3b21582e808846e98127166145a2aa"},this.totalPages))),null)))}get el(){return this}static get watchers(){return{top:[{topChanged:0}]}}static get style(){return".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}: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}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots){--_pagination-dots-background:var(--ds-alias-background-color-grey)}:host(.is-variant-dots) #previous.is-disabled,:host(.is-variant-dots) #next.is-disabled{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:.35}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}"}},[1,"ds-pagination",{align:[1],disabled:[516],label:[1],pageRange:[2,"page-range"],size:[1],sticky:[4],textNext:[1,"text-next"],textPrevious:[1,"text-previous"],top:[2],totalPages:[2,"total-pages"],value:[1538],variant:[1],isMobile:[32],language:[32],next:[64],previous:[64],configChanged:[64]},void 0,{top:[{topChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-pagination","ds-icon"].forEach((o=>{switch(o){case"ds-pagination":customElements.get(d(o))||customElements.define(d(o),x);break;case"ds-icon":customElements.get(d(o))||u()}}))}i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),i([g(["","end","start"]),s("design:type",String)],x.prototype,"align",void 0),i([h("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),i([h("string"),s("design:type",String)],x.prototype,"label",void 0),i([g(["","sm"]),s("design:type",String)],x.prototype,"size",void 0),i([h("boolean"),s("design:type",Boolean)],x.prototype,"sticky",void 0),i([h("string"),s("design:type",String)],x.prototype,"textNext",void 0),i([h("string"),s("design:type",String)],x.prototype,"textPrevious",void 0),i([g(["","dots"]),s("design:type",String)],x.prototype,"variant",void 0),i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);export{x as P,k as d}
+import{p as o,H as t,f as r,h as e,e as n,t as d}from"./p-WO0X5Vmy.js";import{_ as i,L as a,a as s}from"./p-J0mxIuTt.js";import{h as b}from"./p-BrIcCcce.js";import{i as c}from"./p-BR1SYpQO.js";import{d as u}from"./p-Du7QOHtz.js";import{d as l}from"./p-n3_2KEz0.js";import{L as v}from"./p-DbY6Pfeh.js";import{d as m}from"./p-CvaNxQtw.js";import{O as g}from"./p-BhbWmCTu.js";import{T as h}from"./p-DAYd9ty0.js";import{L as p}from"./p-DIK6Zkg6.js";const x=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsChangeEventEmitter=r(this,"dsChange"),this.isMobile=l.isMobile,this.language=m.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r=t?"is-tertiary":"is-text",d=t||b(this.size)||this.isMobile?"is-sm":"",i=t,a=this.label||c[this.language].label,s=this.textPrevious||c[this.language].left,u=this.textNext||c[this.language].right,l=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"e4fde2b2b21cdd1dd28df93f2e7a137c284760ef",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"15343917a6da89b56809ba627398044f25a8a055",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"0b779674998a104b80a81cc9729c53800472815f",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"297a1a9a9cd53f79a41fcac21d5a1e2abe4621c8",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"b6fc6ce84a9fa1ebc08a1ea1ad10566c369bba71",id:"next",part:"next","aria-label":u,title:u,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"6764ae6b035917963f07f20ae172e23894c1bd32",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),l?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"e5df59a6b0f2955c7ffe0a1b8ae05828d089a03a",class:"dots"},e("strong",{key:"8aec14c8f62c54ad23696b7baa6c5214ccc3d625"},this.value),e("span",{key:"a3ed5e5e68ea3706cc490f7a859a4d6ecbb38ff5"},"/"),e("span",{key:"a621e7f072a7214b7fef82b1672742df94d45ba9"},this.totalPages))),null)))}get el(){return this}static get watchers(){return{top:[{topChanged:0}]}}static get style(){return".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}: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}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots){--_pagination-dots-background:var(--ds-alias-background-color-grey)}:host(.is-variant-dots) #previous.is-disabled,:host(.is-variant-dots) #next.is-disabled{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:.35}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}"}},[1,"ds-pagination",{align:[1],disabled:[516],label:[1],pageRange:[2,"page-range"],size:[1],sticky:[4],textNext:[1,"text-next"],textPrevious:[1,"text-previous"],top:[2],totalPages:[2,"total-pages"],value:[1538],variant:[1],isMobile:[32],language:[32],next:[64],previous:[64],configChanged:[64]},void 0,{top:[{topChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-pagination","ds-icon"].forEach((o=>{switch(o){case"ds-pagination":customElements.get(d(o))||customElements.define(d(o),x);break;case"ds-icon":customElements.get(d(o))||u()}}))}i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),i([g(["","end","start"]),s("design:type",String)],x.prototype,"align",void 0),i([h("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),i([h("string"),s("design:type",String)],x.prototype,"label",void 0),i([g(["","sm"]),s("design:type",String)],x.prototype,"size",void 0),i([h("boolean"),s("design:type",Boolean)],x.prototype,"sticky",void 0),i([h("string"),s("design:type",String)],x.prototype,"textNext",void 0),i([h("string"),s("design:type",String)],x.prototype,"textPrevious",void 0),i([g(["","dots"]),s("design:type",String)],x.prototype,"variant",void 0),i([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);export{x as P,k as d}