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

package/components/ds-pagination.js

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

package/components/ds-popup.js

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

package/components/ds-progress-bar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{d as r,p as s,H as e,h as o,e as i,t}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as d}from"./p-J0mxIuTt.js";import{h as g}from"./p-BrIcCcce.js";import{r as p}from"./p-BgzU1loG.js";import{W as l,i as h}from"./p-n3_2KEz0.js";import{a as c}from"./p-DcSNuA8W.js";import{d as u}from"./p-CvaNxQtw.js";import{O as b}from"./p-BhbWmCTu.js";import{T as m}from"./p-DAYd9ty0.js";import{L as k}from"./p-DbY6Pfeh.js";import{L as v}from"./p-DIK6Zkg6.js";class y extends c{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new l}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new y;const f={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.language=u.language,this.animated=!0,this.isTouch=h.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&p((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return o(i,{key:"a62c9348298ce8a4d17ada8d666433060930c5dd",role:"progressbar","aria-label":`${f[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":g(this.background)&&"light"===this.background,"is-dark":!g(this.background)||"dark"===this.background,"is-primary":!g(this.color)||"primary"===this.color,"is-purple":g(this.color)&&"purple"===this.color,"is-yellow":g(this.color)&&"yellow"===this.color,"is-red":g(this.color)&&"red"===this.color,"is-green":g(this.color)&&"green"===this.color}},o("div",{key:"7bfac5f71dd4ff19597606a588477658d0cff944",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return this}static get style(){return":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height, 4px)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-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;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);a([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),a([b(["light","dark"]),d("design:type",String)],w.prototype,"background",void 0),a([b(["primary","purple","yellow","red","green"]),d("design:type",String)],w.prototype,"color",void 0),a([m("number"),d("design:type",Number)],w.prototype,"value",void 0),a([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),a([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new y,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),a([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const j=w,_=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(t(r))||customElements.define(t(r),w))}))};export{j as DsProgressBar,_ as defineCustomElement}
+import{d as r,p as s,H as e,h as o,e as i,t}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as d}from"./p-J0mxIuTt.js";import{h as g}from"./p-BrIcCcce.js";import{r as p}from"./p-BgzU1loG.js";import{W as l,i as h}from"./p-n3_2KEz0.js";import{a as c}from"./p-DcSNuA8W.js";import{d as u}from"./p-CvaNxQtw.js";import{O as b}from"./p-BhbWmCTu.js";import{T as m}from"./p-DAYd9ty0.js";import{L as k}from"./p-DbY6Pfeh.js";import{L as v}from"./p-DIK6Zkg6.js";class y extends c{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new l}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new y;const f={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.language=u.language,this.animated=!0,this.isTouch=h.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&p((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return o(i,{key:"f58b0f36bace8a5e6afa02993dd51b9f22c02ec8",role:"progressbar","aria-label":`${f[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":g(this.background)&&"light"===this.background,"is-dark":!g(this.background)||"dark"===this.background,"is-primary":!g(this.color)||"primary"===this.color,"is-purple":g(this.color)&&"purple"===this.color,"is-yellow":g(this.color)&&"yellow"===this.color,"is-red":g(this.color)&&"red"===this.color,"is-green":g(this.color)&&"green"===this.color}},o("div",{key:"512721ca39c4c559b40bdd0a4d7d51da7d5ef6f2",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return this}static get style(){return":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height, 4px)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-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;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);a([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),a([b(["light","dark"]),d("design:type",String)],w.prototype,"background",void 0),a([b(["primary","purple","yellow","red","green"]),d("design:type",String)],w.prototype,"color",void 0),a([m("number"),d("design:type",Number)],w.prototype,"value",void 0),a([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),a([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new y,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),a([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const j=w,_=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(t(r))||customElements.define(t(r),w))}))};export{j as DsProgressBar,_ as defineCustomElement}

package/components/ds-radio-group.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,f as e,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{s as l}from"./p-BwfAXfmz.js";import{i as d,n as h}from"./p-BgzU1loG.js";import{F as m}from"./p-FBQaJyH0.js";import{I as c}from"./p-DU7t9H9h.js";import{R as p,a as g,b as f}from"./p-BFeO6Gq4.js";import{d as b}from"./p-Du7QOHtz.js";import{d as v}from"./p-CYWn3X22.js";import{d as y}from"./p-CvaNxQtw.js";import{T as u}from"./p-DAYd9ty0.js";import{O as w}from"./p-BhbWmCTu.js";import{L as x}from"./p-DIK6Zkg6.js";const _=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.language=y.language,this.region=y.region,this.inputId="ds-rg-"+z++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsChange(i){d(this.el,i.target)&&l(i)}listenToDsFocus(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToDsBlur(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),e=i.target.closest("ds-radio");if(e&&o.includes(e)){const s=o.findIndex((i=>i===e)),t=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:t.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),e=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!e&&!s)return;const t=s||e;for(const i of o)i.setButtonTabindex(i===t?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return s(m,{key:"6b73d9b9050aea5ad17c934f5c57667aa36b65e4",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},s("slot",{key:"6c090a936fab5b14946544e52cf30890f719c2ff"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-label-color-disabled);--mod-radio-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[1544],vertical:[4],language:[32],region:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{value:[{valueChanged:0}]}]);r([a("radio-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),r([u("boolean"),n("design:type",Boolean)],_.prototype,"allowEmptySelection",void 0),r([w(c),n("design:type",String)],_.prototype,"color",void 0),r([w(p),n("design:type",Number)],_.prototype,"cols",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([u("string"),n("design:type",String)],_.prototype,"description",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([u("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([u("string"),n("design:type",String)],_.prototype,"label",void 0),r([w(g),n("design:type",String)],_.prototype,"labelPosition",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([u("string"),n("design:type",String)],_.prototype,"name",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([w(f),n("design:type",String)],_.prototype,"tileColor",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let z=0;const k=_,C=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||b();break;case"ds-spinner":customElements.get(t(i))||v()}}))};export{k as DsRadioGroup,C as defineCustomElement}
+import{p as i,H as o,f as e,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{s as l}from"./p-BwfAXfmz.js";import{i as d,n as h}from"./p-BgzU1loG.js";import{F as c}from"./p-FBQaJyH0.js";import{I as m}from"./p-DU7t9H9h.js";import{R as p,a as g,b as f}from"./p-BFeO6Gq4.js";import{d as b}from"./p-Du7QOHtz.js";import{d as v}from"./p-qaSW94OG.js";import{d as y}from"./p-CvaNxQtw.js";import{T as u}from"./p-DAYd9ty0.js";import{O as w}from"./p-BhbWmCTu.js";import{L as x}from"./p-DIK6Zkg6.js";const _=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.language=y.language,this.region=y.region,this.inputId="ds-rg-"+z++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsChange(i){d(this.el,i.target)&&l(i)}listenToDsFocus(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToDsBlur(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),e=i.target.closest("ds-radio");if(e&&o.includes(e)){const s=o.findIndex((i=>i===e)),t=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:t.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{var o;void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.hideTrigger=this.hideTrigger,i.tileColor=null!==(o=i.getAttribute("tile-color"))&&void 0!==o?o:this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),e=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!e&&!s)return;const t=s||e;for(const i of o)i.setButtonTabindex(i===t?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return s(c,{key:"e52d1c8b0aafdbf523cd91bae9dfc0d563eb5002",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},s("slot",{key:"d235eec63f1e13a9de4988b841ea124f05d9a2a3",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-label-color-disabled);--mod-radio-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],hideTrigger:[4,"hide-trigger"],tileColor:[1,"tile-color"],value:[1544],vertical:[4],language:[32],region:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{value:[{valueChanged:0}]}]);r([a("radio-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),r([u("boolean"),n("design:type",Boolean)],_.prototype,"allowEmptySelection",void 0),r([w(m),n("design:type",String)],_.prototype,"color",void 0),r([w(p),n("design:type",Number)],_.prototype,"cols",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([u("string"),n("design:type",String)],_.prototype,"description",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([u("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([u("string"),n("design:type",String)],_.prototype,"label",void 0),r([w(g),n("design:type",String)],_.prototype,"labelPosition",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([u("string"),n("design:type",String)],_.prototype,"name",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"hideTrigger",void 0),r([w(f),n("design:type",String)],_.prototype,"tileColor",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let z=0;const T=_,k=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||b();break;case"ds-spinner":customElements.get(t(i))||v()}}))};export{T as DsRadioGroup,k as defineCustomElement}

package/components/ds-radio.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as r,f as e,h as a,e as i,t as d}from"./p-WO0X5Vmy.js";import{_ as s,L as l,a as c}from"./p-J0mxIuTt.js";import{i as t}from"./p-B62ocg4Q.js";import{s as n}from"./p-BwfAXfmz.js";import{h}from"./p-BrIcCcce.js";import{i as b,b as v}from"./p-BgzU1loG.js";import{a as u}from"./p-Uy_dVz21.js";import{F as g}from"./p-BTyFgjT3.js";import{R as k,a as p,b as m}from"./p-BFeO6Gq4.js";import{T as f}from"./p-DAYd9ty0.js";import{O as y}from"./p-BhbWmCTu.js";const _=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-rb-"+x++,this.inheritedAttributes={},this.keyboardMode=!0,this.focused=!1,this.wasFocused=!1,this.initialValue=!1,this.autoInvalidOff=!1,this.checked=!1,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.tileColor="",this.handlePointerDown=()=>this.keyboardMode=!1,this.handleKeydown=o=>{u(o)||(this.wasFocused=!1),this.keyboardMode=g.includes(o.key)},this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=o=>{this.disabled||this.readonly||(this.keyboardMode&&(this.focused=!0,this.wasFocused=!0),this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))},this.handleClick=o=>{this.disabled||o.target.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(o))},this.setChecked=o=>{this.checked=o,this.dsChange.emit(this.checked)},this.toggleChecked=o=>{o.preventDefault(),this.setFocus(),this.checked=!0,this.setChecked(this.checked)}}createLogger(o){this.log=o}connectedCallback(){void 0===this.value&&(this.value=this.inputId),this.group&&(this.updateState(),this.group.addEventListener("dsChange",this.updateState)),this.el.addEventListener("keydown",this.handleKeydown),this.el.addEventListener("touchstart",this.handlePointerDown),this.el.addEventListener("mousedown",this.handlePointerDown)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritedAttributes=t(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){this.group&&this.group.removeEventListener("dsChange",this.updateState),this.el.removeEventListener("keydown",this.handleKeydown),this.el.removeEventListener("touchstart",this.handlePointerDown),this.el.removeEventListener("mousedown",this.handlePointerDown)}listenToClick(o){(this.disabled||this.readonly)&&o.target&&(o.target===this.el||b(this.el,o.target))&&n(o)}async setFocus(){var o;await v(),null===(o=this.nativeInput)||void 0===o||o.focus()}async setBlur(){var o;null===(o=this.nativeInput)||void 0===o||o.blur()}async setButtonTabindex(o){this.buttonTabindex=o}async updateState(){if(this.group){const o=this.group.value===this.value;o!==this.checked&&(this.checked=o)}}get group(){return this.el.closest("ds-radio-group")}render(){const o="boolean"==typeof this.value?JSON.stringify(this.value):this.value,r=this.inheritedAttributes;return void 0!==this.buttonTabindex&&(r.tabIndex=this.buttonTabindex),a(i,{key:"9b383a941268929daf06b1b489a999eea2155609","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-tile":this.tile,["has-tile-"+this.tileColor]:this.tile&&h(this.tileColor),"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},onClick:this.handleClick},a("label",{key:"7d482ce4dc292979056c742e570fb5c896dbf03a",id:"label",part:"label"},a("input",Object.assign({key:"69cce42bde7dff626f0ee9114b6843638c184555",type:"radio",part:"input",id:this.inputId,name:this.name,value:o,tabindex:this.buttonTabindex,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},r)),a("div",{key:"3fb5e32fe8b94aee3e88723e85a735e42b3d4238",id:"slot",part:"slot"},a("slot",{key:"9dbee7d427ddda925a7e0846cbb6d01eb7a4f9ed"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return':host{--_radio-gap:var(--radio-gap, var(--mod-radio-gap, 0.5rem));--_radio-label-base-color:var(--radio-label-base-color, var(--mod-radio-label-base-color, inherit));--_radio-label-hover-color:var(--radio-label-hover-color, var(--mod-radio-label-hover-color, var(--ds-global-color-sky-5)));--_radio-label-active-color:var(--radio-label-active-color, var(--mod-radio-label-active-color, var(--ds-global-color-primary-6)));--_radio-size:var(--radio-size, var(--mod-radio-size, 1.5rem));--_radio-border-width:var(--radio-border-width, var(--mod-radio-border-width, var(--ds-alias-border-width-base)));--_radio-radius:var(--radio-radius, var(--mod-radio-radius, var(--ds-alias-radius-rounded)));--_radio-tile-radius:var(--radio-tile-radius, var(--mod-radio-tile-radius, var(--ds-alias-radius-base)));--_radio-tile-padding:var(--radio-tile-padding, var(--mod-radio-tile-padding, 1rem));--_radio-tile-border-width:var(--radio-tile-border-width, var(--mod-radio-tile-border-width, var(--ds-alias-border-width-base)));--_radio-tile-base-background-color:var(--radio-tile-base-background-color, var(--mod-radio-tile-base-background-color, inherit));--_radio-tile-base-border-color:var(--radio-tile-base-border-color, var(--mod-radio-tile-base-border-color, var(--ds-global-color-grey-3)));--_radio-tile-hover-background-color:var(--radio-tile-hover-background-color, var(--mod-radio-tile-hover-background-color, var(--ds-global-color-grey-2)));--_radio-tile-hover-border-color:var(--radio-tile-hover-border-color, var(--mod-radio-tile-hover-border-color, var(--ds-global-color-sky-5)));--_radio-tile-active-background-color:var(--radio-tile-active-background-color, var(--mod-radio-tile-active-background-color, var(--ds-global-color-grey-2)));--_radio-tile-active-border-color:var(--radio-tile-active-border-color, var(--mod-radio-tile-active-border-color, var(--ds-global-color-primary-6)));--_radio-unchecked-base-color-background:var(--radio-unchecked-base-color-background, var(--mod-radio-unchecked-base-color-background, transparent));--_radio-unchecked-base-color-border:var(--radio-unchecked-base-color-border, var(--mod-radio-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_radio-unchecked-hover-color-background:var(--radio-unchecked-hover-color-background, var(--mod-radio-unchecked-hover-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-hover-color-border:var(--radio-unchecked-hover-color-border, var(--mod-radio-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-unchecked-active-color-background:var(--radio-unchecked-active-color-background, var(--mod-radio-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-active-color-border:var(--radio-unchecked-active-color-border, var(--mod-radio-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_radio-checked-base-color-background:var(--radio-checked-base-color-background, var(--mod-radio-checked-base-color-background, var(--ds-global-color-primary-5)));--_radio-checked-base-color-border:var(--radio-checked-base-color-border, var(--mod-radio-checked-base-color-border, var(--ds-global-color-primary-5)));--_radio-checked-base-color-icon:var(--radio-checked-base-color-icon, var(--mod-radio-checked-base-color-icon, var(--ds-global-color-white)));--_radio-checked-hover-color-background:var(--radio-checked-hover-color-background, var(--mod-radio-checked-hover-color-background, var(--ds-global-color-sky-5)));--_radio-checked-hover-color-border:var(--radio-checked-hover-color-border, var(--mod-radio-checked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-checked-active-color-background:var(--radio-checked-active-color-background, var(--mod-radio-checked-active-color-background, var(--ds-global-color-primary-6)));--_radio-checked-active-color-border:var(--radio-checked-active-color-border, var(--mod-radio-checked-active-color-border, var(--ds-global-color-primary-6)))}: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(--_radio-gap);cursor:pointer;user-select:none;color:var(--_radio-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_radio-label-hover-color)}}label:active{color:var(--_radio-label-active-color)}label #slot{-ms-flex:1;flex:1}:host input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_radio-size);height:var(--_radio-size);background:var(--_radio-unchecked-base-color-background);border:var(--_radio-border-width) solid var(--_radio-unchecked-base-color-border);border-radius:var(--_radio-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=radio]:disabled{cursor:default}:host input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_radio-radius)}:host input[type=radio]:not(:disabled):hover,:host:hover input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-hover-color-background);border-color:var(--_radio-unchecked-hover-color-border)}:host input[type=radio]:not(:disabled):active,:host:active input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-active-color-background);border-color:var(--_radio-unchecked-active-color-border)}:host input[type=radio]:checked{background:var(--_radio-checked-base-color-background);border-color:var(--_radio-checked-base-color-border)}:host input[type=radio]:checked:not(:disabled):hover,:host:hover input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-hover-color-background);border-color:var(--_radio-checked-hover-color-border)}:host input[type=radio]:checked:not(:disabled):active,:host:active input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-active-color-background);border-color:var(--_radio-checked-active-color-border)}:host input[type=radio]::after{content:"";display:block;border-radius:var(--_radio-radius);height:0;width:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;background:rgba(0,0,0,0);-webkit-transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}:host input[type=radio]:checked::after{background-color:var(--_radio-checked-base-color-icon);height:.5rem;width:.5rem;opacity:1}:host(.is-invalid:not(.is-disabled)){--mod-radio-label-base-color:var(--ds-global-color-danger-4);--mod-radio-label-hover-color:var(--ds-global-color-danger-5);--mod-radio-label-active-color:var(--ds-global-color-danger-6);--mod-radio-unchecked-base-color-background:transparent;--mod-radio-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-radio-checked-base-color-background:var(--ds-divider-color-danger);--mod-radio-checked-base-color-border:var(--ds-divider-color-danger);--mod-radio-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-radio-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-radio-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--ds-global-color-grey-5);--mod-radio-label-hover-color:var(--ds-global-color-grey-5);--mod-radio-label-active-color:var(--ds-global-color-grey-5);--mod-radio-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-radio-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-disabled)}: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(--_radio-tile-padding);border-style:solid;border-width:var(--_radio-tile-border-width);border-radius:var(--_radio-tile-radius);border-color:var(--_radio-tile-base-border-color);background:var(--_radio-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_radio-tile-hover-border-color);background:var(--_radio-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_radio-tile-active-border-color);background:var(--_radio-tile-active-background-color)}:host(.is-tile.is-checked){--mod-radio-tile-base-border-color:var(--_radio-checked-base-color-background)}:host(.is-tile.has-tile-green.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-radio-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-active-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-radio-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-radio",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],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],tileColor:[1,"tile-color"],value:[1544],focused:[32],wasFocused:[32],buttonTabindex:[32],setFocus:[64],setBlur:[64],setButtonTabindex:[64],updateState:[64]},[[6,"click","listenToClick"]]]);s([l("radio"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),s([f("boolean"),c("design:type",Boolean)],_.prototype,"autoInvalidOff",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"checked",void 0),s([y(k),c("design:type",Number)],_.prototype,"cols",void 0),s([y(k),c("design:type",Number)],_.prototype,"colsMobile",void 0),s([y(k),c("design:type",Number)],_.prototype,"colsTablet",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),s([f("string"),c("design:type",String)],_.prototype,"label",void 0),s([y(p),c("design:type",String)],_.prototype,"labelPosition",void 0),s([f("string"),c("design:type",String)],_.prototype,"name",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"readonly",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"required",void 0),s([f("boolean"),c("design:type",Boolean)],_.prototype,"tile",void 0),s([y(m),c("design:type",String)],_.prototype,"tileColor",void 0);let x=0;const w=_,B=function(){"undefined"!=typeof customElements&&["ds-radio"].forEach((o=>{"ds-radio"===o&&(customElements.get(d(o))||customElements.define(d(o),_))}))};export{w as DsRadio,B as defineCustomElement}
+import{p as o,H as r,f as a,h as e,e as i,t as d}from"./p-WO0X5Vmy.js";import{_ as l,L as s,a as c}from"./p-J0mxIuTt.js";import{i as t}from"./p-B62ocg4Q.js";import{s as n}from"./p-BwfAXfmz.js";import{h}from"./p-BrIcCcce.js";import{i as b,b as v}from"./p-BgzU1loG.js";import{a as g}from"./p-Uy_dVz21.js";import{F as u}from"./p-BTyFgjT3.js";import{R as k,a as p,b as m}from"./p-BFeO6Gq4.js";import{T as y}from"./p-DAYd9ty0.js";import{O as f}from"./p-BhbWmCTu.js";const _=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsBlur=a(this,"dsBlur"),this.dsChange=a(this,"dsChange"),this.dsFocus=a(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-rb-"+x++,this.inheritedAttributes={},this.keyboardMode=!0,this.focused=!1,this.wasFocused=!1,this.initialValue=!1,this.autoInvalidOff=!1,this.checked=!1,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.hideTrigger=!1,this.tileColor="",this.handlePointerDown=()=>this.keyboardMode=!1,this.handleKeydown=o=>{g(o)||(this.wasFocused=!1),this.keyboardMode=u.includes(o.key)},this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleFocus=o=>{this.disabled||this.readonly||(this.keyboardMode&&(this.focused=!0,this.wasFocused=!0),this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))},this.handleClick=o=>{this.disabled||o.target.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(o))},this.setChecked=o=>{this.checked=o,this.dsChange.emit(this.checked)},this.toggleChecked=o=>{o.preventDefault(),this.setFocus(),this.checked=!0,this.setChecked(this.checked)}}createLogger(o){this.log=o}connectedCallback(){void 0===this.value&&(this.value=this.inputId),this.group&&(this.updateState(),this.group.addEventListener("dsChange",this.updateState)),this.el.addEventListener("keydown",this.handleKeydown),this.el.addEventListener("touchstart",this.handlePointerDown),this.el.addEventListener("mousedown",this.handlePointerDown)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritedAttributes=t(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){this.group&&this.group.removeEventListener("dsChange",this.updateState),this.el.removeEventListener("keydown",this.handleKeydown),this.el.removeEventListener("touchstart",this.handlePointerDown),this.el.removeEventListener("mousedown",this.handlePointerDown)}listenToClick(o){(this.disabled||this.readonly)&&o.target&&(o.target===this.el||b(this.el,o.target))&&n(o)}async setFocus(){var o;await v(),null===(o=this.nativeInput)||void 0===o||o.focus()}async setBlur(){var o;null===(o=this.nativeInput)||void 0===o||o.blur()}async setButtonTabindex(o){this.buttonTabindex=o}async updateState(){if(this.group){const o=this.group.value===this.value;o!==this.checked&&(this.checked=o)}}get group(){return this.el.closest("ds-radio-group")}render(){const o="boolean"==typeof this.value?JSON.stringify(this.value):this.value,r=this.inheritedAttributes;return void 0!==this.buttonTabindex&&(r.tabIndex=this.buttonTabindex),e(i,{key:"ade39da842204a93c8631bd36abc9ac3db2bccd0","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-tile":this.tile,["has-tile-"+this.tileColor]:this.tile&&h(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"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},onClick:this.handleClick},e("label",{key:"d2663ed469a577718444a0d9292733ee7a8623e3",id:"label",part:"label"},e("input",Object.assign({key:"10f6dff613d46d36d8bbd70392bd93c20e5065cd",type:"radio",part:"input",id:this.inputId,name:this.name,value:o,tabindex:this.buttonTabindex,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},r)),e("div",{key:"80fd2934e4cd19a31e039ed4085f8aaea2bc28d5",id:"slot",part:"slot"},e("slot",{key:"688909562bc975627fd39ed70d6f74249815f95c"}))))}static get formAssociated(){return!0}get el(){return this}static get style(){return':host{--_radio-gap:var(--radio-gap, var(--mod-radio-gap, 0.5rem));--_radio-label-base-color:var(--radio-label-base-color, var(--mod-radio-label-base-color, inherit));--_radio-label-hover-color:var(--radio-label-hover-color, var(--mod-radio-label-hover-color, var(--ds-global-color-sky-5)));--_radio-label-active-color:var(--radio-label-active-color, var(--mod-radio-label-active-color, var(--ds-global-color-primary-6)));--_radio-size:var(--radio-size, var(--mod-radio-size, 1.5rem));--_radio-border-width:var(--radio-border-width, var(--mod-radio-border-width, var(--ds-alias-border-width-base)));--_radio-radius:var(--radio-radius, var(--mod-radio-radius, var(--ds-alias-radius-rounded)));--_radio-tile-radius:var(--radio-tile-radius, var(--mod-radio-tile-radius, var(--ds-alias-radius-base)));--_radio-tile-padding:var(--radio-tile-padding, var(--mod-radio-tile-padding, 1rem));--_radio-tile-border-width:var(--radio-tile-border-width, var(--mod-radio-tile-border-width, var(--ds-alias-border-width-base)));--_radio-tile-base-background-color:var(--radio-tile-base-background-color, var(--mod-radio-tile-base-background-color, inherit));--_radio-tile-base-border-color:var(--radio-tile-base-border-color, var(--mod-radio-tile-base-border-color, var(--ds-global-color-grey-3)));--_radio-tile-hover-background-color:var(--radio-tile-hover-background-color, var(--mod-radio-tile-hover-background-color, var(--ds-global-color-grey-0)));--_radio-tile-hover-border-color:var(--radio-tile-hover-border-color, var(--mod-radio-tile-hover-border-color, var(--ds-global-color-sky-5)));--_radio-tile-active-background-color:var(--radio-tile-active-background-color, var(--mod-radio-tile-active-background-color, var(--ds-global-color-grey-0)));--_radio-tile-active-border-color:var(--radio-tile-active-border-color, var(--mod-radio-tile-active-border-color, var(--ds-global-color-primary-6)));--_radio-unchecked-base-color-background:var(--radio-unchecked-base-color-background, var(--mod-radio-unchecked-base-color-background, transparent));--_radio-unchecked-base-color-border:var(--radio-unchecked-base-color-border, var(--mod-radio-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_radio-unchecked-hover-color-background:var(--radio-unchecked-hover-color-background, var(--mod-radio-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_radio-unchecked-hover-color-border:var(--radio-unchecked-hover-color-border, var(--mod-radio-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-unchecked-active-color-background:var(--radio-unchecked-active-color-background, var(--mod-radio-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_radio-unchecked-active-color-border:var(--radio-unchecked-active-color-border, var(--mod-radio-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_radio-checked-base-color-background:var(--radio-checked-base-color-background, var(--mod-radio-checked-base-color-background, var(--ds-global-color-primary-5)));--_radio-checked-base-color-border:var(--radio-checked-base-color-border, var(--mod-radio-checked-base-color-border, var(--ds-global-color-primary-5)));--_radio-checked-base-color-icon:var(--radio-checked-base-color-icon, var(--mod-radio-checked-base-color-icon, var(--ds-global-color-white)));--_radio-checked-hover-color-background:var(--radio-checked-hover-color-background, var(--mod-radio-checked-hover-color-background, var(--ds-global-color-sky-5)));--_radio-checked-hover-color-border:var(--radio-checked-hover-color-border, var(--mod-radio-checked-hover-color-border, var(--ds-global-color-sky-5)));--_radio-checked-active-color-background:var(--radio-checked-active-color-background, var(--mod-radio-checked-active-color-background, var(--ds-global-color-primary-6)));--_radio-checked-active-color-border:var(--radio-checked-active-color-border, var(--mod-radio-checked-active-color-border, var(--ds-global-color-primary-6)))}: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(--_radio-gap);cursor:pointer;user-select:none;color:var(--_radio-label-base-color);font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base);padding-top:.25rem;padding-bottom:.25rem;min-height:3rem}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_radio-label-hover-color)}}label:active{color:var(--_radio-label-active-color)}label #slot{-ms-flex:1;flex:1}:host input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_radio-size);height:var(--_radio-size);background:var(--_radio-unchecked-base-color-background);border:var(--_radio-border-width) solid var(--_radio-unchecked-base-color-border);border-radius:var(--_radio-radius);vertical-align:top;cursor:pointer;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=radio]:disabled{cursor:default}:host input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--ds-alias-interaction-focus-color-base);outline-offset:2px;border-radius:var(--_radio-radius)}:host input[type=radio]:not(:disabled):hover,:host:hover input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-hover-color-background);border-color:var(--_radio-unchecked-hover-color-border)}:host input[type=radio]:not(:disabled):active,:host:active input[type=radio]:not(:disabled):not(:checked){background:var(--_radio-unchecked-active-color-background);border-color:var(--_radio-unchecked-active-color-border)}:host input[type=radio]:checked{background:var(--_radio-checked-base-color-background);border-color:var(--_radio-checked-base-color-border)}:host input[type=radio]:checked:not(:disabled):hover,:host:hover input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-hover-color-background);border-color:var(--_radio-checked-hover-color-border)}:host input[type=radio]:checked:not(:disabled):active,:host:active input[type=radio]:checked:not(:disabled){background:var(--_radio-checked-active-color-background);border-color:var(--_radio-checked-active-color-border)}:host input[type=radio]::after{content:"";display:block;border-radius:var(--_radio-radius);height:0;width:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;background:rgba(0,0,0,0);-webkit-transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}:host input[type=radio]:checked::after{background-color:var(--_radio-checked-base-color-icon);height:.5rem;width:.5rem;opacity:1}:host(.is-invalid:not(.is-disabled)){--mod-radio-label-base-color:var(--ds-global-color-danger-4);--mod-radio-label-hover-color:var(--ds-global-color-danger-5);--mod-radio-label-active-color:var(--ds-global-color-danger-6);--mod-radio-unchecked-base-color-background:transparent;--mod-radio-unchecked-base-color-border:var(--ds-divider-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-divider-color-danger-darker);--mod-radio-checked-base-color-background:var(--ds-divider-color-danger);--mod-radio-checked-base-color-border:var(--ds-divider-color-danger);--mod-radio-checked-hover-color-background:var(--ds-divider-color-danger-dark);--mod-radio-checked-hover-color-border:var(--ds-divider-color-danger-dark);--mod-radio-checked-active-color-background:var(--ds-divider-color-danger-darker);--mod-radio-checked-active-color-border:var(--ds-divider-color-danger-darker)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--ds-global-color-grey-5);--mod-radio-label-hover-color:var(--ds-global-color-grey-5);--mod-radio-label-active-color:var(--ds-global-color-grey-5);--mod-radio-unchecked-base-color-background:var(--ds-global-color-grey-2);--mod-radio-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-disabled)}: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(--_radio-tile-padding);border-style:solid;border-width:var(--_radio-tile-border-width);border-radius:var(--_radio-tile-radius);border-color:var(--_radio-tile-base-border-color);background:var(--_radio-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_radio-tile-hover-border-color);background:var(--_radio-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_radio-tile-active-border-color);background:var(--_radio-tile-active-background-color)}:host(.is-tile.is-checked){--mod-radio-tile-base-border-color:var(--_radio-checked-base-color-background)}:host(.is-tile.hide-trigger) label{position:relative}:host(.is-tile.hide-trigger) input[type=radio]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host(.is-tile.hide-trigger.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-primary-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-radio-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-green-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-green-1);--mod-radio-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-red-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-red-1);--mod-radio-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-radio-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-radio-tile-base-background-color:var(--ds-global-color-purple-1);--mod-radio-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-radio-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-radio-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-active-background-color:var(--ds-global-color-danger-1);--mod-radio-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-radio-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-radio",{autoInvalidOff:[4,"auto-invalid-off"],checked:[1540],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],hideTrigger:[4,"hide-trigger"],tileColor:[1,"tile-color"],value:[1544],focused:[32],wasFocused:[32],buttonTabindex:[32],setFocus:[64],setBlur:[64],setButtonTabindex:[64],updateState:[64]},[[6,"click","listenToClick"]]]);l([s("radio"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_.prototype,"createLogger",null),l([y("boolean"),c("design:type",Boolean)],_.prototype,"autoInvalidOff",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"checked",void 0),l([f(k),c("design:type",Number)],_.prototype,"cols",void 0),l([f(k),c("design:type",Number)],_.prototype,"colsMobile",void 0),l([f(k),c("design:type",Number)],_.prototype,"colsTablet",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"disabled",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"invalid",void 0),l([y("string"),c("design:type",String)],_.prototype,"label",void 0),l([f(p),c("design:type",String)],_.prototype,"labelPosition",void 0),l([y("string"),c("design:type",String)],_.prototype,"name",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"readonly",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"required",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"tile",void 0),l([y("boolean"),c("design:type",Boolean)],_.prototype,"hideTrigger",void 0),l([f(m),c("design:type",String)],_.prototype,"tileColor",void 0);let x=0;const w=_,B=function(){"undefined"!=typeof customElements&&["ds-radio"].forEach((o=>{"ds-radio"===o&&(customElements.get(d(o))||customElements.define(d(o),_))}))};export{w as DsRadio,B as defineCustomElement}

package/components/ds-segment-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as e,f as i,h as s,t as n,e as o}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as d}from"./p-J0mxIuTt.js";import{k as p}from"./p-BgzU1loG.js";import{T as g}from"./p-DAYd9ty0.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillUpdate=i(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=p((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(o,{key:"87db62287d1b2a329ed1175ef71a3528bb7b1ce8","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[65,"ds-segment-item",{description:[1],icon:[1],label:[1],svg:[1],value:[520]}]);r([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],c.prototype,"createLogger",null),r([g("string"),d("design:type",String)],c.prototype,"description",void 0),r([g("string"),d("design:type",String)],c.prototype,"icon",void 0),r([g("string"),d("design:type",String)],c.prototype,"label",void 0),r([g("string"),d("design:type",String)],c.prototype,"svg",void 0);const m=c,l=function(){"undefined"!=typeof customElements&&["ds-segment-item"].forEach((t=>{"ds-segment-item"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{m as DsSegmentItem,l as defineCustomElement}
+import{p as t,H as e,f as i,h as s,t as n,e as o}from"./p-WO0X5Vmy.js";import{_ as r,L as d,a}from"./p-J0mxIuTt.js";import{k as p}from"./p-BgzU1loG.js";import{T as g}from"./p-DAYd9ty0.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsWillUpdate=i(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=p((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(o,{key:"c703db008c250d8801d76bfdaddfb32e5985935e","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[65,"ds-segment-item",{description:[1],icon:[1],label:[1],svg:[1],value:[520]}]);r([d("segment-item"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],c.prototype,"createLogger",null),r([g("string"),a("design:type",String)],c.prototype,"description",void 0),r([g("string"),a("design:type",String)],c.prototype,"icon",void 0),r([g("string"),a("design:type",String)],c.prototype,"label",void 0),r([g("string"),a("design:type",String)],c.prototype,"svg",void 0);const m=c,l=function(){"undefined"!=typeof customElements&&["ds-segment-item"].forEach((t=>{"ds-segment-item"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{m as DsSegmentItem,l as defineCustomElement}

package/components/ds-segment.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,f as i,h as o,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as r,a}from"./p-J0mxIuTt.js";import{s as l}from"./p-BwfAXfmz.js";import{i as d}from"./p-BgzU1loG.js";import{F as c}from"./p-FBQaJyH0.js";import{d as m}from"./p-Du7QOHtz.js";import{d as g}from"./p-CYWn3X22.js";import{d as p}from"./p-CvaNxQtw.js";import{T as h}from"./p-DAYd9ty0.js";import{L as v}from"./p-DIK6Zkg6.js";import{L as b}from"./p-ByX1_7SF.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=i(this,"dsBlur"),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-sg-"+f++,this.language=p.language,this.region=p.region,this.items=[],this.autoVertical=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=s.offsetLeft+"px",o.style.top=s.offsetTop+"px",o.style.width=s.offsetWidth+"px",o.style.height=s.offsetHeight+"px"):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){d(this.el,e.target)&&(l(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){return o(c,{key:"a4f2025c7f78370997279575c269fd409313de06",role:"fieldset",disabled:this.disabled,color:"primary",invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},o("div",{key:"6ded6c5d9bed850d9ef9ce837a23cb1574500b96",id:"group"},o("div",{key:"dedd3744249014528be86560483e503c46fc3a67",id:"pill"}),this.items.map((e=>o("label",Object.assign({key:e.value,class:{"is-selected":e.value===this.value},"aria-invalid":this.invalid?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${e.label}${e.description?"- "+e.description:""}`,title:`${e.label}${e.description?"- "+e.description:""}`}:{}),o("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:e.value,checked:e.value===this.value,onClick:t=>this.handleInputClick(t,e.value),onChange:()=>this.handleInputChange(e.value),"aria-invalid":this.invalid?"true":null}),e.icon&&o("ds-icon",{name:e.icon}),e.svg&&o("ds-icon",{svg:e.svg}),!this.iconOnly&&o("span",{id:"content"},o("span",{class:"label"},e.label),e.description&&o("span",{class:"description"},e.description)))))),o("div",{key:"65f5cb809b559c4c861b00220753ff0650e11adf"},o("slot",{key:"ce8d46ed4441753b1d7732ebead2024e7b11168c",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-padding:var(--segment-padding, var(--mod-segment-padding, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-padding-inline:var(--segment-item-padding-inline, var(--mod-segment-item-padding-inline, var(--ds-segment-item-padding-inline)));--_segment-item-padding-block:var(--segment-item-padding-block, var(--mod-segment-item-padding-block, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-focus-color:var(--segment-focus-color, var(--mod-segment-focus-color, var(--ds-segment-focus-color)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-padding);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-padding-block));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-padding-inline);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer}#group label input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--_segment-focus-color);outline-offset:2px;border-radius:inherit}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}"}},[321,"ds-segment",{allowEmptySelection:[4,"allow-empty-selection"],description:[1],disabled:[516],iconOnly:[4,"icon-only"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],loading:[516],name:[513],readonly:[516],required:[516],value:[1544],vertical:[4],verticalOnMobile:[4,"vertical-on-mobile"],wide:[4],language:[32],region:[32],items:[32],autoVertical:[32],setValue:[64],configChanged:[64],listenToResize:[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"]]]);n([r("segment"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],u.prototype,"createLogger",null),n([h("boolean"),a("design:type",Boolean)],u.prototype,"allowEmptySelection",void 0),n([h("string"),a("design:type",String)],u.prototype,"description",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"disabled",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"iconOnly",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"invalid",void 0),n([h("string"),a("design:type",String)],u.prototype,"invalidText",void 0),n([h("string"),a("design:type",String)],u.prototype,"label",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"loading",void 0),n([h("string"),a("design:type",String)],u.prototype,"name",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"readonly",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"required",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"vertical",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"verticalOnMobile",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"wide",void 0),n([v(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],u.prototype,"configChanged",null),n([b(),a("design:type",Function),a("design:paramtypes",[]),a("design:returntype",Promise)],u.prototype,"listenToResize",null);let f=0;const w=u,y=function(){"undefined"!=typeof customElements&&["ds-segment","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-segment":customElements.get(s(e))||customElements.define(s(e),u);break;case"ds-icon":customElements.get(s(e))||m();break;case"ds-spinner":customElements.get(s(e))||g()}}))};export{w as DsSegment,y as defineCustomElement}
+import{p as e,H as t,f as i,h as o,t as s}from"./p-WO0X5Vmy.js";import{_ as n,L as r,a}from"./p-J0mxIuTt.js";import{s as l}from"./p-BwfAXfmz.js";import{i as d}from"./p-BgzU1loG.js";import{F as c}from"./p-FBQaJyH0.js";import{d as m}from"./p-Du7QOHtz.js";import{d as g}from"./p-qaSW94OG.js";import{d as p}from"./p-CvaNxQtw.js";import{T as h}from"./p-DAYd9ty0.js";import{L as v}from"./p-DIK6Zkg6.js";import{L as b}from"./p-ByX1_7SF.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsBlur=i(this,"dsBlur"),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.internals=this.attachInternals(),this.inputId="ds-sg-"+f++,this.language=p.language,this.region=p.region,this.items=[],this.autoVertical=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=s.offsetLeft+"px",o.style.top=s.offsetTop+"px",o.style.width=s.offsetWidth+"px",o.style.height=s.offsetHeight+"px"):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){d(this.el,e.target)&&(l(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){return o(c,{key:"3623376042c1133c3c27368913914b7e3626761c",role:"fieldset",disabled:this.disabled,color:"primary",invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},o("div",{key:"b175ee856735bd12278ab68610792d8f35db0d50",id:"group"},o("div",{key:"37ecfcd8b782e67b612fa9d0a799fafe98bf54ae",id:"pill"}),this.items.map((e=>o("label",Object.assign({key:e.value,class:{"is-selected":e.value===this.value},"aria-invalid":this.invalid?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${e.label}${e.description?"- "+e.description:""}`,title:`${e.label}${e.description?"- "+e.description:""}`}:{}),o("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:e.value,checked:e.value===this.value,onClick:t=>this.handleInputClick(t,e.value),onChange:()=>this.handleInputChange(e.value),"aria-invalid":this.invalid?"true":null}),e.icon&&o("ds-icon",{name:e.icon}),e.svg&&o("ds-icon",{svg:e.svg}),!this.iconOnly&&o("span",{id:"content"},o("span",{class:"label"},e.label),e.description&&o("span",{class:"description"},e.description)))))),o("div",{key:"f0815ad652c00b772f97d335c9c03d6518116bbc"},o("slot",{key:"1bab00d80378d7ab2c5d3a8e50df85195287fb34",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-padding:var(--segment-padding, var(--mod-segment-padding, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-padding-inline:var(--segment-item-padding-inline, var(--mod-segment-item-padding-inline, var(--ds-segment-item-padding-inline)));--_segment-item-padding-block:var(--segment-item-padding-block, var(--mod-segment-item-padding-block, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-focus-color:var(--segment-focus-color, var(--mod-segment-focus-color, var(--ds-segment-focus-color)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-padding);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-padding-block));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-padding-inline);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer}#group label input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--_segment-focus-color);outline-offset:2px;border-radius:inherit}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}"}},[321,"ds-segment",{allowEmptySelection:[4,"allow-empty-selection"],description:[1],disabled:[516],iconOnly:[4,"icon-only"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],loading:[516],name:[513],readonly:[516],required:[516],value:[1544],vertical:[4],verticalOnMobile:[4,"vertical-on-mobile"],wide:[4],language:[32],region:[32],items:[32],autoVertical:[32],setValue:[64],configChanged:[64],listenToResize:[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"]]]);n([r("segment"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],u.prototype,"createLogger",null),n([h("boolean"),a("design:type",Boolean)],u.prototype,"allowEmptySelection",void 0),n([h("string"),a("design:type",String)],u.prototype,"description",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"disabled",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"iconOnly",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"invalid",void 0),n([h("string"),a("design:type",String)],u.prototype,"invalidText",void 0),n([h("string"),a("design:type",String)],u.prototype,"label",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"loading",void 0),n([h("string"),a("design:type",String)],u.prototype,"name",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"readonly",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"required",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"vertical",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"verticalOnMobile",void 0),n([h("boolean"),a("design:type",Boolean)],u.prototype,"wide",void 0),n([v(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],u.prototype,"configChanged",null),n([b(),a("design:type",Function),a("design:paramtypes",[]),a("design:returntype",Promise)],u.prototype,"listenToResize",null);let f=0;const w=u,y=function(){"undefined"!=typeof customElements&&["ds-segment","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-segment":customElements.get(s(e))||customElements.define(s(e),u);break;case"ds-icon":customElements.get(s(e))||m();break;case"ds-spinner":customElements.get(s(e))||g()}}))};export{w as DsSegment,y as defineCustomElement}

package/components/ds-select-optgroup.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as n,L as i,a}from"./p-J0mxIuTt.js";import{T as p}from"./p-DAYd9ty0.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label=""}createLogger(e){this.log=e}render(){return s(o,{key:"7392bfdc8ec2afaedea8e1c686b7263878609e77","aria-hidden":"true"},s("slot",{key:"88a3d0e1109799d29fe48ce2d130d50fda9250ca"}))}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[257,"ds-select-optgroup",{label:[1]}]);n([i("select-optgroup"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],d.prototype,"createLogger",null),n([p("string"),a("design:type",String)],d.prototype,"label",void 0);const c=d,l=function(){"undefined"!=typeof customElements&&["ds-select-optgroup"].forEach((e=>{"ds-select-optgroup"===e&&(customElements.get(r(e))||customElements.define(r(e),d))}))};export{c as DsSelectOptgroup,l as defineCustomElement}
+import{p as e,H as t,h as s,e as o,t as r}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as i}from"./p-J0mxIuTt.js";import{T as p}from"./p-DAYd9ty0.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label=""}createLogger(e){this.log=e}render(){return s(o,{key:"4df6aaf4a621c79257e59d642d2a07c2a79cfa1c","aria-hidden":"true"},s("slot",{key:"7f9206b4c33676e1f431f2cd3cf9644441a473f8"}))}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[257,"ds-select-optgroup",{label:[1]}]);n([a("select-optgroup"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],c.prototype,"createLogger",null),n([p("string"),i("design:type",String)],c.prototype,"label",void 0);const d=c,l=function(){"undefined"!=typeof customElements&&["ds-select-optgroup"].forEach((e=>{"ds-select-optgroup"===e&&(customElements.get(r(e))||customElements.define(r(e),c))}))};export{d as DsSelectOptgroup,l as defineCustomElement}

package/components/ds-select-option.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as e,H as t,h as o,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as i,L as a,a as r}from"./p-J0mxIuTt.js";import{T as d}from"./p-DAYd9ty0.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.value="",this.disabled=!1}createLogger(e){this.log=e}render(){return o(s,{key:"46b36772c0a490e08f00c63ca986ff26a7c10914","aria-hidden":"true"},o("slot",{key:"fd52b10a34183d98649253781e3b9c96a4315aee"}))}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[257,"ds-select-option",{value:[1],disabled:[4]}]);i([a("select-option"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),i([d("string"),r("design:type",String)],p.prototype,"value",void 0),i([d("boolean"),r("design:type",Boolean)],p.prototype,"disabled",void 0);const c=p,l=function(){"undefined"!=typeof customElements&&["ds-select-option"].forEach((e=>{"ds-select-option"===e&&(customElements.get(n(e))||customElements.define(n(e),p))}))};export{c as DsSelectOption,l as defineCustomElement}
+import{p as e,H as t,h as o,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as i,L as r,a}from"./p-J0mxIuTt.js";import{T as d}from"./p-DAYd9ty0.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.value="",this.disabled=!1}createLogger(e){this.log=e}render(){return o(s,{key:"ce770b34b31796d648f076575f4c1cf57b65c5af","aria-hidden":"true"},o("slot",{key:"4648de055b31a22a216b21f518b868a4e7791b0d"}))}get el(){return this}static get style(){return":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}"}},[257,"ds-select-option",{value:[1],disabled:[4]}]);i([r("select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],p.prototype,"createLogger",null),i([d("string"),a("design:type",String)],p.prototype,"value",void 0),i([d("boolean"),a("design:type",Boolean)],p.prototype,"disabled",void 0);const c=p,l=function(){"undefined"!=typeof customElements&&["ds-select-option"].forEach((e=>{"ds-select-option"===e&&(customElements.get(n(e))||customElements.define(n(e),p))}))};export{c as DsSelectOption,l as defineCustomElement}