@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

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,c as i,t as a}from"./p-D_rQ-1tV.js";import{_ as t,L as n,a as d}from"./p-DnNWN90x.js";import{h as p}from"./p-BabptNq4.js";import{r as g}from"./p-CvX_Qt_3.js";import{W as l,l as h}from"./p-DqfqP6db.js";import{a as u}from"./p-COmxeVnf.js";import{d as b}from"./p-BRVmctrW.js";import{O as c}from"./p-BchWICdx.js";import{T as m}from"./p-CdB59TNI.js";import{L as k}from"./p-4MGWudvh.js";import{L as v}from"./p-D2--7hMh.js";class y extends u{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=b.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&&g((()=>{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:"fe94b2e345de7499a1e99f3762d7e8f5336f48b7",role:"progressbar","aria-label":`${f[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":p(this.background)&&"light"===this.background,"is-dark":!p(this.background)||"dark"===this.background,"is-primary":!p(this.color)||"primary"===this.color,"is-purple":p(this.color)&&"purple"===this.color,"is-yellow":p(this.color)&&"yellow"===this.color,"is-red":p(this.color)&&"red"===this.color,"is-green":p(this.color)&&"green"===this.color}},o("div",{key:"50e1f1902f3d5fb50390ef79d7674e1e8ad7ec4e",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)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-primary-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-primary-line)))}: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-primary-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-primary-line)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-primary-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-purple-line)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-purple-background-dark)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-yellow-line)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-yellow-background-dark)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-red-line)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-red-background-dark)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-green-line)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-green-background-dark)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);t([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),t([c(["light","dark"]),d("design:type",String)],w.prototype,"background",void 0),t([c(["primary","purple","yellow","red","green"]),d("design:type",String)],w.prototype,"color",void 0),t([m("number"),d("design:type",Number)],w.prototype,"value",void 0),t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),t([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),t([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const _=w,j=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(a(r))||customElements.define(a(r),w))}))};export{_ as DsProgressBar,j as defineCustomElement}
+import{d as r,p as s,H as e,h as o,c as i,t as a}from"./p-D_rQ-1tV.js";import{_ as t,L as n,a as d}from"./p-DnNWN90x.js";import{h as p}from"./p-BabptNq4.js";import{r as g}from"./p-CvX_Qt_3.js";import{W as l,l as h}from"./p-DqfqP6db.js";import{a as u}from"./p-COmxeVnf.js";import{d as b}from"./p-yDxcfq5h.js";import{O as c}from"./p-BchWICdx.js";import{T as m}from"./p-CdB59TNI.js";import{L as k}from"./p-4MGWudvh.js";import{L as v}from"./p-D2--7hMh.js";class y extends u{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=b.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&&g((()=>{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:"42eb92479f4240052aa9e1b0211921df93bfb5ce",role:"progressbar","aria-label":`${f[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":p(this.background)&&"light"===this.background,"is-dark":!p(this.background)||"dark"===this.background,"is-primary":!p(this.color)||"primary"===this.color,"is-purple":p(this.color)&&"purple"===this.color,"is-yellow":p(this.color)&&"yellow"===this.color,"is-red":p(this.color)&&"red"===this.color,"is-green":p(this.color)&&"green"===this.color}},o("div",{key:"c1a7765ffba5b4509ac66321ff0392a267945c72",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)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-primary-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-primary-line)))}: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-primary-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-primary-line)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-primary-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-purple-line)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-purple-background-dark)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-yellow-line)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-yellow-background-dark)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-red-line)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-red-background-dark)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-green-line)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-green-background-dark)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);t([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),t([c(["light","dark"]),d("design:type",String)],w.prototype,"background",void 0),t([c(["primary","purple","yellow","red","green"]),d("design:type",String)],w.prototype,"color",void 0),t([m("number"),d("design:type",Number)],w.prototype,"value",void 0),t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),t([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),t([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const _=w,j=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(a(r))||customElements.define(a(r),w))}))};export{_ as DsProgressBar,j 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,e as t,h as e,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{s as l}from"./p-CBu_QEKB.js";import{i as d,l as h}from"./p-CvX_Qt_3.js";import{w as c}from"./p-Dcf7YMP0.js";import{F as p}from"./p-DVX9w2ld.js";import{I as m}from"./p-B28K7zBb.js";import{R as f,a as g,b as v}from"./p-BOs0zxHi.js";import{d as b}from"./p-B5CqWYLV.js";import{d as u}from"./p-C971cVzE.js";import{d as y}from"./p-BRVmctrW.js";import{T as w}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.js";import{L as _}from"./p-D2--7hMh.js";const C=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.language=y.language,this.region=y.region,this.hasInvalidTextSlotContent=!1,this.inputId="ds-rg-"+B++,this.allowEmptySelection=!1,this.autoInvalidOff=!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.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.disconnectInvalidTextSlotWatcher=c(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes()}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}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)}listenToFocusOut(i){const o=i.relatedTarget;o&&d(this.el,o)||this.dsBlur.emit(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)),t=i.target.closest("ds-radio");if(t&&o.includes(t)){const e=o.findIndex((i=>i===t)),s=o[e];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=e===o.length-1?o[0]:o[e+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===e?o[o.length-1]:o[e-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:s.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(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getRadios().forEach((o=>{var t;void 0!==this.disabled&&(o.disabled=this.disabled),void 0!==this.readonly&&(o.readonly=this.readonly),o.invalid=i,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),t=o.find((i=>!i.disabled)),e=o.find((o=>o.value===i&&!o.disabled));if(!t&&!e)return;const s=e||t;for(const i of o)i.setButtonTabindex(i===s?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return e(p,{key:"5c4e5f67189e5e28504d8d5c58033eb854f4de92",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,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},e("slot",{key:"34c623e20e4709d8206c72fcbaccddd99b9a1f35",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-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{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-danger-description-color)}: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-disabled-label-color);--mod-radio-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],autoInvalidOff:[516,"auto-invalid-off"],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],hasInvalidTextSlotContent:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[0,"focusout","listenToFocusOut"],[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)],C.prototype,"createLogger",null),r([w("boolean"),n("design:type",Boolean)],C.prototype,"allowEmptySelection",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"autoInvalidOff",void 0),r([x(m),n("design:type",String)],C.prototype,"color",void 0),r([x(f),n("design:type",Number)],C.prototype,"cols",void 0),r([x(f),n("design:type",Number)],C.prototype,"colsMobile",void 0),r([x(f),n("design:type",Number)],C.prototype,"colsTablet",void 0),r([w("string"),n("design:type",String)],C.prototype,"description",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"disabled",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"invalid",void 0),r([w("string"),n("design:type",String)],C.prototype,"invalidText",void 0),r([w("string"),n("design:type",String)],C.prototype,"label",void 0),r([x(g),n("design:type",String)],C.prototype,"labelPosition",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"loading",void 0),r([w("string"),n("design:type",String)],C.prototype,"name",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"readonly",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"required",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"tile",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"hideTrigger",void 0),r([x(v),n("design:type",String)],C.prototype,"tileColor",void 0),r([w("boolean"),n("design:type",Boolean)],C.prototype,"vertical",void 0),r([_(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],C.prototype,"configChanged",null);let B=0;const T=C,z=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(s(i))||customElements.define(s(i),C);break;case"ds-icon":customElements.get(s(i))||b();break;case"ds-spinner":customElements.get(s(i))||u()}}))};export{T as DsRadioGroup,z as defineCustomElement}
+import{p as i,H as o,e as t,h as e,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{a as l,s as d}from"./p-CcE-lfae.js";import{i as h,l as c}from"./p-CvX_Qt_3.js";import{w as p}from"./p-BvNfYE1d.js";import{F as m}from"./p-DVX9w2ld.js";import{I as f}from"./p-B28K7zBb.js";import{R as g,a as v,b}from"./p-BOs0zxHi.js";import{d as u}from"./p-mahwWXn2.js";import{d as y}from"./p-oyOklwcz.js";import{d as w}from"./p-yDxcfq5h.js";import{T as x}from"./p-CdB59TNI.js";import{O as _}from"./p-BchWICdx.js";import{L as T}from"./p-D2--7hMh.js";const C=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),this.internals=this.attachInternals(),this.language=w.language,this.region=w.region,this.hasInvalidTextSlotContent=!1,this.inputId="ds-rg-"+z++,this.allowEmptySelection=!1,this.autoInvalidOff=!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.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),l(this.internals,this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,l(this.internals,this.value),this.disconnectInvalidTextSlotWatcher=p(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes()}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsChange(i){h(this.el,i.target)&&d(i)}listenToDsFocus(i){const{target:o}=i;o&&h(this.el,o)&&c(o,"ds-radio")&&d(i)}listenToDsBlur(i){const{target:o}=i;o&&h(this.el,o)&&c(o,"ds-radio")&&d(i)}listenToFocusOut(i){const o=i.relatedTarget;o&&h(this.el,o)||this.dsBlur.emit(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)),t=i.target.closest("ds-radio");if(t&&o.includes(t)){const e=o.findIndex((i=>i===t)),s=o[e];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=e===o.length-1?o[0]:o[e+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===e?o[o.length-1]:o[e-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),l(this.internals,this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:s.value,this.dsChange.emit(this.value),l(this.internals,this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getRadios().forEach((o=>{var t;void 0!==this.disabled&&(o.disabled=this.disabled),void 0!==this.readonly&&(o.readonly=this.readonly),o.invalid=i,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),t=o.find((i=>!i.disabled)),e=o.find((o=>o.value===i&&!o.disabled));if(!t&&!e)return;const s=e||t;for(const i of o)i.setButtonTabindex(i===s?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return e(m,{key:"616a7ea2bbf1e25e64bd9952d80e2863c093175a",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,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},e("slot",{key:"72a97e481089b45a943b3309268e20c88ccc49c3",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-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{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-danger-description-color)}: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-disabled-label-color);--mod-radio-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],autoInvalidOff:[516,"auto-invalid-off"],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],hasInvalidTextSlotContent:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[0,"focusout","listenToFocusOut"],[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)],C.prototype,"createLogger",null),r([x("boolean"),n("design:type",Boolean)],C.prototype,"allowEmptySelection",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"autoInvalidOff",void 0),r([_(f),n("design:type",String)],C.prototype,"color",void 0),r([_(g),n("design:type",Number)],C.prototype,"cols",void 0),r([_(g),n("design:type",Number)],C.prototype,"colsMobile",void 0),r([_(g),n("design:type",Number)],C.prototype,"colsTablet",void 0),r([x("string"),n("design:type",String)],C.prototype,"description",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"disabled",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"invalid",void 0),r([x("string"),n("design:type",String)],C.prototype,"invalidText",void 0),r([x("string"),n("design:type",String)],C.prototype,"label",void 0),r([_(v),n("design:type",String)],C.prototype,"labelPosition",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"loading",void 0),r([x("string"),n("design:type",String)],C.prototype,"name",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"readonly",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"required",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"tile",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"hideTrigger",void 0),r([_(b),n("design:type",String)],C.prototype,"tileColor",void 0),r([x("boolean"),n("design:type",Boolean)],C.prototype,"vertical",void 0),r([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],C.prototype,"configChanged",null);let z=0;const k=C,B=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(s(i))||customElements.define(s(i),C);break;case"ds-icon":customElements.get(s(i))||u();break;case"ds-spinner":customElements.get(s(i))||y()}}))};export{k as DsRadioGroup,B 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,e,h as a,c as i,t as d}from"./p-D_rQ-1tV.js";import{_ as l,L as c,a as s}from"./p-DnNWN90x.js";import{i as t}from"./p-B62ocg4Q.js";import{s as n}from"./p-CBu_QEKB.js";import{h as b}from"./p-BabptNq4.js";import{i as h,e as v}from"./p-CvX_Qt_3.js";import{b as u}from"./p-BeR87vGa.js";import{F as g}from"./p-BTyFgjT3.js";import{R as p,a as k,b as m}from"./p-BOs0zxHi.js";import{T as f}from"./p-CdB59TNI.js";import{O as y}from"./p-BchWICdx.js";const x=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-"+_++,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.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=>{var r,e;this.disabled||o.target.href||((null===(e=(r=o.target).closest)||void 0===e?void 0:e.call(r,'[slot="hint"]'))?o.preventDefault():(this.wasFocused&&(this.focused=!0),o.composedPath()[0]!==this.nativeInput&&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||h(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")}hasHint(){return null!==this.el.querySelector('[slot="hint"]')}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:"c792fcccc5aa36f49dd65680bc5b95c08fe1779d","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&&b(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},a("label",{key:"846f52610b96fa9734d49cc5ee16676251bd0676",id:"label",part:"label"},a("input",Object.assign({key:"66c7e5dd43f178a2a0b9ebef844eb49a2ea31e2d",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:"7ec4eff2128f67a7aa1f2d5825bb04d848d40fc1",id:"slot",part:"slot"},a("slot",{key:"9216ea2a4906f00bd9e39d302598eaac8bb46f73"})),this.hasHint()&&a("div",{key:"5dd7fb4c2953c59624e2551d4284626a6df3db12",id:"hint",part:"hint"},a("slot",{key:"8677c01ad63458bb08011e38a0d11a6c59ef188c",name:"hint"}))))}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-label-disabled-color:var(--radio-label-disabled-color, var(--mod-radio-label-disabled-color, var(--ds-radio-label-color-disabled)));--_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-p:var(--radio-tile-p, var(--mod-radio-tile-p, 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-unchecked-disabled-color-background:var(--radio-unchecked-disabled-color-background, var(--mod-radio-unchecked-disabled-color-background, var(--ds-radio-unchecked-color-disabled-background)));--_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-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);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;outline:none;-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}@media (hover: hover)and (pointer: fine){:host input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}: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-alias-border-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-radio-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-radio-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--_radio-label-disabled-color);--mod-radio-label-hover-color:var(--_radio-label-disabled-color);--mod-radio-label-active-color:var(--_radio-label-disabled-color);--mod-radio-unchecked-base-color-background:var(--_radio-unchecked-disabled-color-background);--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{position:relative;width:100%;height:100%;padding:var(--_radio-tile-p);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) 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}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=radio]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_radio-tile-p);right:var(--_radio-tile-p)}: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.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}: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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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([c("radio"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),l([f("boolean"),s("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"checked",void 0),l([y(p),s("design:type",Number)],x.prototype,"cols",void 0),l([y(p),s("design:type",Number)],x.prototype,"colsMobile",void 0),l([y(p),s("design:type",Number)],x.prototype,"colsTablet",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"invalid",void 0),l([f("string"),s("design:type",String)],x.prototype,"label",void 0),l([y(k),s("design:type",String)],x.prototype,"labelPosition",void 0),l([f("string"),s("design:type",String)],x.prototype,"name",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"readonly",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"required",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"tile",void 0),l([f("boolean"),s("design:type",Boolean)],x.prototype,"hideTrigger",void 0),l([y(m),s("design:type",String)],x.prototype,"tileColor",void 0);let _=0;const w=x,B=function(){"undefined"!=typeof customElements&&["ds-radio"].forEach((o=>{"ds-radio"===o&&(customElements.get(d(o))||customElements.define(d(o),x))}))};export{w as DsRadio,B as defineCustomElement}
+import{p as o,H as r,e,h as a,c as i,t as d}from"./p-D_rQ-1tV.js";import{_ as l,L as c,a as s}from"./p-DnNWN90x.js";import{i as t}from"./p-B62ocg4Q.js";import{a as n,s as b}from"./p-CcE-lfae.js";import{h}from"./p-BabptNq4.js";import{i as v,e as u}from"./p-CvX_Qt_3.js";import{b as g}from"./p-BeR87vGa.js";import{F as p}from"./p-BTyFgjT3.js";import{R as k,a as m,b as f}from"./p-BOs0zxHi.js";import{T as y}from"./p-CdB59TNI.js";import{O as x}from"./p-BchWICdx.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-"+w++,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.handlePointerDown=()=>this.keyboardMode=!1,this.handleKeydown=o=>{g(o)||(this.wasFocused=!1),this.keyboardMode=p.includes(o.key)},this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),n(this.internals,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=>{var r,e;this.disabled||o.target.href||((null===(e=(r=o.target).closest)||void 0===e?void 0:e.call(r,'[slot="hint"]'))?o.preventDefault():(this.wasFocused&&(this.focused=!0),o.composedPath()[0]!==this.nativeInput&&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(){n(this.internals,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||v(this.el,o.target))&&b(o)}async setFocus(){var o;await u(),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")}hasHint(){return null!==this.el.querySelector('[slot="hint"]')}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:"0489e47c67c33a90861b93efe8a6ad72766bdcc7","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},a("label",{key:"9d986d24a48c3d4d7b5377db6f07c0d298d3f4b1",id:"label",part:"label"},a("input",Object.assign({key:"cb15de376cb040a9c17767add9c8db3a1a22b830",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:"9a09ae425ff814d5fd80f9127dcd0009bf3268b8",id:"slot",part:"slot"},a("slot",{key:"c4312d5c1746e2ebcb94c8e4a08351aa4254e073"})),this.hasHint()&&a("div",{key:"484394d840d5c236ad69ceb1c2a20ae9b17f2210",id:"hint",part:"hint"},a("slot",{key:"724e496a138a54342a5e769c662feebc78205dec",name:"hint"}))))}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-label-disabled-color:var(--radio-label-disabled-color, var(--mod-radio-label-disabled-color, var(--ds-radio-label-color-disabled)));--_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-p:var(--radio-tile-p, var(--mod-radio-tile-p, 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-unchecked-disabled-color-background:var(--radio-unchecked-disabled-color-background, var(--mod-radio-unchecked-disabled-color-background, var(--ds-radio-unchecked-color-disabled-background)));--_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-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);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;outline:none;-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}@media (hover: hover)and (pointer: fine){:host input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}: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-alias-border-color-danger);--mod-radio-unchecked-hover-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-unchecked-active-color-background:var(--ds-global-color-danger-1);--mod-radio-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-radio-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-radio-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-radio-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-radio-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-radio-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-radio-label-base-color:var(--_radio-label-disabled-color);--mod-radio-label-hover-color:var(--_radio-label-disabled-color);--mod-radio-label-active-color:var(--_radio-label-disabled-color);--mod-radio-unchecked-base-color-background:var(--_radio-unchecked-disabled-color-background);--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{position:relative;width:100%;height:100%;padding:var(--_radio-tile-p);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) 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}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=radio]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_radio-tile-p);right:var(--_radio-tile-p)}: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.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}: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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-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([c("radio"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],_.prototype,"createLogger",null),l([y("boolean"),s("design:type",Boolean)],_.prototype,"autoInvalidOff",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"checked",void 0),l([x(k),s("design:type",Number)],_.prototype,"cols",void 0),l([x(k),s("design:type",Number)],_.prototype,"colsMobile",void 0),l([x(k),s("design:type",Number)],_.prototype,"colsTablet",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"disabled",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"invalid",void 0),l([y("string"),s("design:type",String)],_.prototype,"label",void 0),l([x(m),s("design:type",String)],_.prototype,"labelPosition",void 0),l([y("string"),s("design:type",String)],_.prototype,"name",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"readonly",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"required",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"tile",void 0),l([y("boolean"),s("design:type",Boolean)],_.prototype,"hideTrigger",void 0),l([x(f),s("design:type",String)],_.prototype,"tileColor",void 0);let w=0;const B=_,C=function(){"undefined"!=typeof customElements&&["ds-radio"].forEach((o=>{"ds-radio"===o&&(customElements.get(d(o))||customElements.define(d(o),_))}))};export{B as DsRadio,C as defineCustomElement}

package/components/ds-root.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as s,H as a,e as i,d as e,h as t,c as n,t as g}from"./p-D_rQ-1tV.js";import{_ as o,L as h,a as d}from"./p-DnNWN90x.js";import{i as l}from"./p-BEtJcWdI.js";import{a as r}from"./p-BpGTOihR.js";import{d as c}from"./p-Cd5L9Mke.js";import{o as p,m as u,t as C}from"./p-CvX_Qt_3.js";import{i as L}from"./p-R7F7VS9F.js";import{s as m}from"./p-BTyFgjT3.js";import{e as f,h as y,g as b,i as k,f as w,j as v,m as j,n as T,p as x,k as F,l as B,L as S}from"./p-D2--7hMh.js";import{T as E}from"./p-CdB59TNI.js";import{O as D}from"./p-BchWICdx.js";const I=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsAppReady=i(this,"dsAppReady"),this.dsAnimatedChange=i(this,"dsAnimatedChange"),this.dsBrandChange=i(this,"dsBrandChange"),this.dsRegionChange=i(this,"dsRegionChange"),this.dsLanguageChange=i(this,"dsLanguageChange"),this.dsAllowedLanguagesChange=i(this,"dsAllowedLanguagesChange"),this.dsFallbackLanguageChange=i(this,"dsFallbackLanguageChange"),this.dsIconsChange=i(this,"dsIconsChange"),this.dsLegalLinksChange=i(this,"dsLegalLinksChange"),this.dsLegalTextChange=i(this,"dsLegalTextChange"),this.dsSocialLinksChange=i(this,"dsSocialLinksChange"),this.debouncedNotify=p((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{if(e.hasDocument&&e.hasWindow){const s=document.documentElement,a=window.innerHeight+"px";s.style.setProperty("--ds-root-height",a),s.style.setProperty("--ds-app-height",a)}}}createLogger(s){this.log=s}brandChanged(){this.brand&&f(this.brand)}regionChanged(){this.region&&y(this.region)}fallbackLanguageChanged(){this.fallbackLanguage&&b(this.fallbackLanguage)}allowedLanguagesChanged(){this.allowedLanguages&&k(this.allowedLanguages.split(",").map((s=>s.trim())))}languageChanged(){this.language&&w(this.language)}iconsChanged(){this.icons&&v(this.icons)}legalLinksChanged(){this.legalLinks&&j(this.legalLinks)}legalTextChanged(){this.legalText&&T(this.legalText)}socialLinksChanged(){this.socialLinks&&x(this.socialLinks)}connectedCallback(){var s;e.hasWindow&&!(null===(s=window.DesignSystem)||void 0===s?void 0:s.config)&&L(),!1===this.animated&&F(this.animated),this.logger&&B(this.logger.split(",").map((s=>s.trim()))),e.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentWillLoad(){this.brandChanged(),this.regionChanged(),this.fallbackLanguageChanged(),this.allowedLanguagesChanged(),this.languageChanged(),this.iconsChanged(),this.legalLinksChanged(),this.legalTextChanged(),this.socialLinksChanged()}componentDidLoad(){u((()=>{this.ready=!0,m()})),C((()=>{e.hasDocument&&e.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){e.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}async configChanged(s){const a=this.lastConfigState;this.lastConfigState=Object.assign({},s),a&&(a.animated!==s.animated&&this.dsAnimatedChange.emit(s.animated),a.brand!==s.brand&&this.dsBrandChange.emit(s.brand),a.region!==s.region&&this.dsRegionChange.emit(s.region),a.language!==s.language&&this.dsLanguageChange.emit(s.language),r(a.allowedLanguages,s.allowedLanguages)||this.dsAllowedLanguagesChange.emit(s.allowedLanguages),a.fallbackLanguage!==s.fallbackLanguage&&this.dsFallbackLanguageChange.emit(s.fallbackLanguage),l(a.icons,s.icons)||this.dsIconsChange.emit(s.icons),l(a.legalLinks,s.legalLinks)||this.dsLegalLinksChange.emit(s.legalLinks),l(a.legalText,s.legalText)||this.dsLegalTextChange.emit(s.legalText),l(a.socialLinks,s.socialLinks)||this.dsSocialLinksChange.emit(s.socialLinks))}render(){return t(n,{key:"fb911ca8ba08a23729657e0c385450e4e2fcb43a",class:{"ds-root":!0,"ds-app":!0,"ds-root--safari":e.isSafari,"ds-app--safari":e.isSafari,"ds-root--touch":c.hasTouchScreen,"ds-app--touch":c.hasTouchScreen}},t("slot",{key:"b7bdcb3976d1623e613f50c156bf207c7f58873e"}))}get el(){return this}static get watchers(){return{brand:[{brandChanged:0}],region:[{regionChanged:0}],fallbackLanguage:[{fallbackLanguageChanged:0}],allowedLanguages:[{allowedLanguagesChanged:0}],language:[{languageChanged:0}],icons:[{iconsChanged:0}],legalLinks:[{legalLinksChanged:0}],legalText:[{legalTextChanged:0}],socialLinks:[{socialLinksChanged:0}]}}static get style(){return":root{--ds-root-height:100%;--ds-app-height:var(--ds-root-height)}.ds-root,.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}"}},[260,"ds-root",{animated:[516],brand:[513],region:[513],language:[513],allowedLanguages:[513,"allowed-languages"],fallbackLanguage:[513,"fallback-language"],icons:[16],legalLinks:[16],legalText:[16],socialLinks:[16],ready:[1540],logger:[513],setFocus:[64],configChanged:[64]},void 0,{brand:[{brandChanged:0}],region:[{regionChanged:0}],fallbackLanguage:[{fallbackLanguageChanged:0}],allowedLanguages:[{allowedLanguagesChanged:0}],language:[{languageChanged:0}],icons:[{iconsChanged:0}],legalLinks:[{legalLinksChanged:0}],legalText:[{legalTextChanged:0}],socialLinks:[{socialLinksChanged:0}]}]);o([h("root"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],I.prototype,"createLogger",null),o([E("boolean"),d("design:type",Boolean)],I.prototype,"animated",void 0),o([D(["baloise","helvetia"]),d("design:type",String)],I.prototype,"brand",void 0),o([D(["CH","DE","BE","LU","AT","ES","IT","NL","FR"]),d("design:type",String)],I.prototype,"region",void 0),o([E("string"),d("design:type",String)],I.prototype,"language",void 0),o([E("string"),d("design:type",String)],I.prototype,"allowedLanguages",void 0),o([E("string"),d("design:type",String)],I.prototype,"fallbackLanguage",void 0),o([E("boolean"),d("design:type",Boolean)],I.prototype,"ready",void 0),o([E("string"),d("design:type",String)],I.prototype,"logger",void 0),o([S(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],I.prototype,"configChanged",null);const R=I,A=function(){"undefined"!=typeof customElements&&["ds-root"].forEach((s=>{"ds-root"===s&&(customElements.get(g(s))||customElements.define(g(s),I))}))};export{R as DsRoot,A as defineCustomElement}
+import{p as s,H as a,e as i,d as e,h as t,c as n,t as g}from"./p-D_rQ-1tV.js";import{_ as o,L as h,a as d}from"./p-DnNWN90x.js";import{i as l}from"./p-BEtJcWdI.js";import{a as r}from"./p-BpGTOihR.js";import{d as c}from"./p-Cd5L9Mke.js";import{o as p,m as u,t as C}from"./p-CvX_Qt_3.js";import{i as L}from"./p-B8ePrJmu.js";import{s as m}from"./p-BTyFgjT3.js";import{e as f,h as b,g as y,i as k,f as w,j as v,m as j,n as T,p as x,k as B,l as F,L as S}from"./p-D2--7hMh.js";import{T as E}from"./p-CdB59TNI.js";import{O as D}from"./p-BchWICdx.js";const I=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsAppReady=i(this,"dsAppReady"),this.dsAnimatedChange=i(this,"dsAnimatedChange"),this.dsBrandChange=i(this,"dsBrandChange"),this.dsRegionChange=i(this,"dsRegionChange"),this.dsLanguageChange=i(this,"dsLanguageChange"),this.dsAllowedLanguagesChange=i(this,"dsAllowedLanguagesChange"),this.dsFallbackLanguageChange=i(this,"dsFallbackLanguageChange"),this.dsIconsChange=i(this,"dsIconsChange"),this.dsLegalLinksChange=i(this,"dsLegalLinksChange"),this.dsLegalTextChange=i(this,"dsLegalTextChange"),this.dsSocialLinksChange=i(this,"dsSocialLinksChange"),this.debouncedNotify=p((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.logger="",this.notifyResize=async()=>{if(e.hasDocument&&e.hasWindow){const s=document.documentElement,a=window.innerHeight+"px";s.style.setProperty("--ds-root-height",a),s.style.setProperty("--ds-app-height",a)}}}createLogger(s){this.log=s}brandChanged(){this.brand&&f(this.brand)}regionChanged(){this.region&&b(this.region)}fallbackLanguageChanged(){this.fallbackLanguage&&y(this.fallbackLanguage)}allowedLanguagesChanged(){this.allowedLanguages&&k(this.allowedLanguages.split(",").map((s=>s.trim())))}languageChanged(){this.language&&w(this.language)}iconsChanged(){this.icons&&v(this.icons)}legalLinksChanged(){this.legalLinks&&j(this.legalLinks)}legalTextChanged(){this.legalText&&T(this.legalText)}socialLinksChanged(){this.socialLinks&&x(this.socialLinks)}connectedCallback(){var s;e.hasWindow&&!(null===(s=window.DesignSystem)||void 0===s?void 0:s.config)&&L(),!1===this.animated&&B(this.animated),this.logger&&F(this.logger.split(",").map((s=>s.trim()))),e.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentWillLoad(){this.brandChanged(),this.regionChanged(),this.fallbackLanguageChanged(),this.allowedLanguagesChanged(),this.languageChanged(),this.iconsChanged(),this.legalLinksChanged(),this.legalTextChanged(),this.socialLinksChanged()}componentDidLoad(){u((()=>{this.ready=!0,m()})),C((()=>{e.hasDocument&&e.hasWindow&&(document.documentElement.classList.add("lcp-ready"),this.dsAppReady.emit())}))}disconnectedCallback(){e.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(s){this.focusVisible&&this.focusVisible.setFocus(s)}async configChanged(s){const a=this.lastConfigState;this.lastConfigState=Object.assign({},s),a&&(a.animated!==s.animated&&this.dsAnimatedChange.emit(s.animated),a.brand!==s.brand&&this.dsBrandChange.emit(s.brand),a.region!==s.region&&this.dsRegionChange.emit(s.region),a.language!==s.language&&this.dsLanguageChange.emit(s.language),r(a.allowedLanguages,s.allowedLanguages)||this.dsAllowedLanguagesChange.emit(s.allowedLanguages),a.fallbackLanguage!==s.fallbackLanguage&&this.dsFallbackLanguageChange.emit(s.fallbackLanguage),l(a.icons,s.icons)||this.dsIconsChange.emit(s.icons),l(a.legalLinks,s.legalLinks)||this.dsLegalLinksChange.emit(s.legalLinks),l(a.legalText,s.legalText)||this.dsLegalTextChange.emit(s.legalText),l(a.socialLinks,s.socialLinks)||this.dsSocialLinksChange.emit(s.socialLinks))}render(){return t(n,{key:"5f0d71555b30b85fc24f44ab76a29259f1761b96",class:{"ds-root":!0,"ds-app":!0,"ds-root--safari":e.isSafari,"ds-app--safari":e.isSafari,"ds-root--touch":c.hasTouchScreen,"ds-app--touch":c.hasTouchScreen}},t("slot",{key:"154b3d5e5e7f9bb02ab55339eed271d464d799cf"}))}get el(){return this}static get watchers(){return{brand:[{brandChanged:0}],region:[{regionChanged:0}],fallbackLanguage:[{fallbackLanguageChanged:0}],allowedLanguages:[{allowedLanguagesChanged:0}],language:[{languageChanged:0}],icons:[{iconsChanged:0}],legalLinks:[{legalLinksChanged:0}],legalText:[{legalTextChanged:0}],socialLinks:[{socialLinksChanged:0}]}}static get style(){return":root{--ds-root-height:100%;--ds-app-height:var(--ds-root-height)}.ds-root,.ds-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}"}},[260,"ds-root",{animated:[516],brand:[513],region:[513],language:[513],allowedLanguages:[513,"allowed-languages"],fallbackLanguage:[513,"fallback-language"],icons:[16],legalLinks:[16],legalText:[16],socialLinks:[16],ready:[1540],logger:[513],setFocus:[64],configChanged:[64]},void 0,{brand:[{brandChanged:0}],region:[{regionChanged:0}],fallbackLanguage:[{fallbackLanguageChanged:0}],allowedLanguages:[{allowedLanguagesChanged:0}],language:[{languageChanged:0}],icons:[{iconsChanged:0}],legalLinks:[{legalLinksChanged:0}],legalText:[{legalTextChanged:0}],socialLinks:[{socialLinksChanged:0}]}]);o([h("root"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],I.prototype,"createLogger",null),o([E("boolean"),d("design:type",Boolean)],I.prototype,"animated",void 0),o([D(["baloise","helvetia"]),d("design:type",String)],I.prototype,"brand",void 0),o([D(["CH","DE","BE","LU","AT","ES","IT","NL","FR"]),d("design:type",String)],I.prototype,"region",void 0),o([E("string"),d("design:type",String)],I.prototype,"language",void 0),o([E("string"),d("design:type",String)],I.prototype,"allowedLanguages",void 0),o([E("string"),d("design:type",String)],I.prototype,"fallbackLanguage",void 0),o([E("boolean"),d("design:type",Boolean)],I.prototype,"ready",void 0),o([E("string"),d("design:type",String)],I.prototype,"logger",void 0),o([S(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],I.prototype,"configChanged",null);const A=I,N=function(){"undefined"!=typeof customElements&&["ds-root"].forEach((s=>{"ds-root"===s&&(customElements.get(g(s))||customElements.define(g(s),I))}))};export{A as DsRoot,N 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,e as i,h as s,t as n,c as o}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as d}from"./p-DnNWN90x.js";import{o as p}from"./p-CvX_Qt_3.js";import{T as c}from"./p-CdB59TNI.js";const g=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:"e13e161213b4c77d723637209d35110f2cbb1728","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)],g.prototype,"createLogger",null),r([c("string"),d("design:type",String)],g.prototype,"description",void 0),r([c("string"),d("design:type",String)],g.prototype,"icon",void 0),r([c("string"),d("design:type",String)],g.prototype,"label",void 0),r([c("string"),d("design:type",String)],g.prototype,"svg",void 0);const m=g,l=function(){"undefined"!=typeof customElements&&["ds-segment-item"].forEach((t=>{"ds-segment-item"===t&&(customElements.get(n(t))||customElements.define(n(t),g))}))};export{m as DsSegmentItem,l as defineCustomElement}
+import{p as t,H as e,e as i,h as s,t as n,c as o}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as d}from"./p-DnNWN90x.js";import{o as c}from"./p-CvX_Qt_3.js";import{T as p}from"./p-CdB59TNI.js";const g=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=c((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(o,{key:"5c0c7220c0c73a1c97910e68ba4f4dfd7f42afcb","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)],g.prototype,"createLogger",null),r([p("string"),d("design:type",String)],g.prototype,"description",void 0),r([p("string"),d("design:type",String)],g.prototype,"icon",void 0),r([p("string"),d("design:type",String)],g.prototype,"label",void 0),r([p("string"),d("design:type",String)],g.prototype,"svg",void 0);const m=g,l=function(){"undefined"!=typeof customElements&&["ds-segment-item"].forEach((t=>{"ds-segment-item"===t&&(customElements.get(n(t))||customElements.define(n(t),g))}))};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,e as i,h as o,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{s as l}from"./p-CBu_QEKB.js";import{i as c}from"./p-CvX_Qt_3.js";import{w as d}from"./p-Dcf7YMP0.js";import{F as m}from"./p-DVX9w2ld.js";import{d as g}from"./p-B5CqWYLV.js";import{d as p}from"./p-C971cVzE.js";import{d as h}from"./p-BRVmctrW.js";import{T as v}from"./p-CdB59TNI.js";import{L as b}from"./p-D2--7hMh.js";import{L as u}from"./p-DIgWKDM9.js";const f=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-"+w++,this.language=h.language,this.region=h.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),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),this.disconnectInvalidTextSlotWatcher=d(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){c(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)}listenToFocusOut(e){const t=e.relatedTarget;t&&c(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return o(m,{key:"86a64019410a0a48977b409e526c7bcaca98d265",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},o("div",{key:"a8db3ae88def0a55df52bd062a743ddc4d98e765",id:"group"},o("div",{key:"62b7240c886ce9625bcecbf11eef10199a420d09",id:"pill"}),this.items.map((t=>o("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?"- "+t.description:""}`,title:`${t.label}${t.description?"- "+t.description:""}`}:{}),o("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&o("ds-icon",{name:t.icon}),t.svg&&o("ds-icon",{svg:t.svg}),!this.iconOnly&&o("span",{id:"content"},o("span",{class:"ds-label"},t.label),t.description&&o("span",{class:"description"},t.description)))))),o("div",{key:"f44ea91d825626803cbc3d5ebc8317b1630dc265"},o("slot",{key:"2af6f8c273aa156a7036013d17ae87cc70209e38",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-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}"}},[321,"ds-segment",{allowEmptySelection:[4,"allow-empty-selection"],autoInvalidOff:[516,"auto-invalid-off"],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],hasInvalidTextSlotContent:[32],setValue:[64],configChanged:[64],listenToResize:[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"],[0,"focusout","listenToFocusOut"]]]);r([a("segment"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),r([v("boolean"),n("design:type",Boolean)],f.prototype,"allowEmptySelection",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"autoInvalidOff",void 0),r([v("string"),n("design:type",String)],f.prototype,"description",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"disabled",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"iconOnly",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"invalid",void 0),r([v("string"),n("design:type",String)],f.prototype,"invalidText",void 0),r([v("string"),n("design:type",String)],f.prototype,"label",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"loading",void 0),r([v("string"),n("design:type",String)],f.prototype,"name",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"readonly",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"required",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"vertical",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"verticalOnMobile",void 0),r([v("boolean"),n("design:type",Boolean)],f.prototype,"wide",void 0),r([b(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],f.prototype,"configChanged",null),r([u(),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",Promise)],f.prototype,"listenToResize",null);let w=0;const y=f,_=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),f);break;case"ds-icon":customElements.get(s(e))||g();break;case"ds-spinner":customElements.get(s(e))||p()}}))};export{y as DsSegment,_ as defineCustomElement}
+import{p as e,H as t,e as i,h as o,t as s}from"./p-D_rQ-1tV.js";import{_ as r,L as a,a as n}from"./p-DnNWN90x.js";import{a as l,s as c}from"./p-CcE-lfae.js";import{i as d}from"./p-CvX_Qt_3.js";import{w as m}from"./p-BvNfYE1d.js";import{F as g}from"./p-DVX9w2ld.js";import{d as p}from"./p-mahwWXn2.js";import{d as h}from"./p-oyOklwcz.js";import{d as v}from"./p-yDxcfq5h.js";import{T as b}from"./p-CdB59TNI.js";import{L as u}from"./p-D2--7hMh.js";import{L as f}from"./p-DIgWKDM9.js";const w=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-"+y++,this.language=v.language,this.region=v.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),l(this.internals,this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),l(this.internals,null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=s.offsetLeft+"px",o.style.top=s.offsetTop+"px",o.style.width=s.offsetWidth+"px",o.style.height=s.offsetHeight+"px"):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,l(this.internals,this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){d(this.el,e.target)&&(c(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&d(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return o(g,{key:"eb0a08508cca754fec14cd30d9eaafc184a8a475",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},o("div",{key:"e7a34c1160754fdb2180fd0b6ef1571d37a32a26",id:"group"},o("div",{key:"868b98cea04bc372a30ee9b956e6ded84f83bb98",id:"pill"}),this.items.map((t=>o("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?"- "+t.description:""}`,title:`${t.label}${t.description?"- "+t.description:""}`}:{}),o("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&o("ds-icon",{name:t.icon}),t.svg&&o("ds-icon",{svg:t.svg}),!this.iconOnly&&o("span",{id:"content"},o("span",{class:"ds-label"},t.label),t.description&&o("span",{class:"description"},t.description)))))),o("div",{key:"7d8e8620566bb989b1e1b06cdb19c1eef82a8b53"},o("slot",{key:"977414e55770f6c4feca0ea9f5874ea12a3a9c5f",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-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}"}},[321,"ds-segment",{allowEmptySelection:[4,"allow-empty-selection"],autoInvalidOff:[516,"auto-invalid-off"],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],hasInvalidTextSlotContent:[32],setValue:[64],configChanged:[64],listenToResize:[64]},[[6,"dsWillUpdate","listenToDsWillUpdate"],[6,"reset","listenToReset"],[0,"focusout","listenToFocusOut"]]]);r([a("segment"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null),r([b("boolean"),n("design:type",Boolean)],w.prototype,"allowEmptySelection",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"autoInvalidOff",void 0),r([b("string"),n("design:type",String)],w.prototype,"description",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"disabled",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"iconOnly",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"invalid",void 0),r([b("string"),n("design:type",String)],w.prototype,"invalidText",void 0),r([b("string"),n("design:type",String)],w.prototype,"label",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"loading",void 0),r([b("string"),n("design:type",String)],w.prototype,"name",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"readonly",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"required",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"vertical",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"verticalOnMobile",void 0),r([b("boolean"),n("design:type",Boolean)],w.prototype,"wide",void 0),r([u(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],w.prototype,"configChanged",null),r([f(),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",Promise)],w.prototype,"listenToResize",null);let y=0;const _=w,x=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),w);break;case"ds-icon":customElements.get(s(e))||p();break;case"ds-spinner":customElements.get(s(e))||h()}}))};export{_ as DsSegment,x 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,c as o,t as r}from"./p-D_rQ-1tV.js";import{_ as n,L as i,a}from"./p-DnNWN90x.js";import{T as p}from"./p-CdB59TNI.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:"bb377d257c7c838917b829997f88eca03f19b95f","aria-hidden":"true"},s("slot",{key:"19afabf3195a7d5820faa98016b4c5d7be42028d"}))}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)],c.prototype,"createLogger",null),n([p("string"),a("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}
+import{p as e,H as t,h as s,c as o,t as r}from"./p-D_rQ-1tV.js";import{_ as n,L as a,a as i}from"./p-DnNWN90x.js";import{T as p}from"./p-CdB59TNI.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:"dd7a798dcee6eea81be0bfa1d09f5696207eaa9f","aria-hidden":"true"},s("slot",{key:"f0753980fc7a60db7d2ac1eaebd75bf7a6ae3447"}))}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)],d.prototype,"createLogger",null),n([p("string"),i("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}

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,c as s,t as n}from"./p-D_rQ-1tV.js";import{_ as i,L as r,a}from"./p-DnNWN90x.js";import{T as d}from"./p-CdB59TNI.js";const c=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:"8086c1528301b9908ba32e484186c4189f9b9376","aria-hidden":"true"},o("slot",{key:"eb36c457c20362c1567402b1d59b76fb9453d4d5"}))}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)],c.prototype,"createLogger",null),i([d("string"),a("design:type",String)],c.prototype,"value",void 0),i([d("boolean"),a("design:type",Boolean)],c.prototype,"disabled",void 0);const p=c,l=function(){"undefined"!=typeof customElements&&["ds-select-option"].forEach((e=>{"ds-select-option"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{p as DsSelectOption,l as defineCustomElement}
+import{p as e,H as t,h as o,c as s,t as n}from"./p-D_rQ-1tV.js";import{_ as i,L as r,a as d}from"./p-DnNWN90x.js";import{T as a}from"./p-CdB59TNI.js";const c=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:"06fdb51690d38090c29ec20f00f692d7f211d490","aria-hidden":"true"},o("slot",{key:"d374c10bf302821fc443db0f9a6668132c1b86f8"}))}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"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],c.prototype,"createLogger",null),i([a("string"),d("design:type",String)],c.prototype,"value",void 0),i([a("boolean"),d("design:type",Boolean)],c.prototype,"disabled",void 0);const p=c,l=function(){"undefined"!=typeof customElements&&["ds-select-option"].forEach((e=>{"ds-select-option"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{p as DsSelectOption,l as defineCustomElement}