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

package/components/ds-number-input.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as r,H as o,f as i,h as e,t}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as s}from"./p-J0mxIuTt.js";import{g as d}from"./p-Duhf3ymL.js";import{e as c,g as l,b as h,f as m,c as f,d as u,h as p}from"./p-D9YYP2SG.js";import{b as v,d as b}from"./p-Du7QOHtz.js";import{i as g}from"./p-gz0Nxl39.js";import{i as y}from"./p-CYHzHtnv.js";import{i as _}from"./p-B62ocg4Q.js";import{F as w,s as k}from"./p-BwfAXfmz.js";import{h as x}from"./p-BrIcCcce.js";import{o as z}from"./p-BgzU1loG.js";import{a as j,d as C}from"./p-CvaNxQtw.js";import{u as I}from"./p-Dr4MUfss.js";import{N as B,A as F}from"./p-D86WpWIE.js";import{F as S}from"./p-FBQaJyH0.js";import{I as D}from"./p-DU7t9H9h.js";import{d as T}from"./p-qaSW94OG.js";import{O as N}from"./p-BhbWmCTu.js";import{T as E}from"./p-DAYd9ty0.js";import{L as P}from"./p-DIK6Zkg6.js";const K=()=>{const r=I();return r&&r.locale&&"fr-CH"===r.locale?"de-CH":r&&r.locale||j};function O(){return Intl.NumberFormat(K()).format(1.1).replace(/\p{Number}/gu,"")}function H(){return Intl.NumberFormat(K()).format(11111).replace(/\p{Number}/gu,"")}var L,W,q=d(function(){if(W)return L;W=1;var r=c(),o=l(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return L=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}());function V(r){return"string"==typeof r&&"."!==H()}function A(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function G(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&"-"!==i&&i!==O()&&A(i))return V(i)&&(i=i.split(H()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(O(),".")),0===o?parseInt(i,10):parseFloat(i)}function Q(r){return r.replace(".",O())}function Y(r,o=0,i=""){if(y(r))return"";r.charAt(0)===O()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return g(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(K(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const $=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+M++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.language=C.language,this.region=C.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o;if(this.nativeInput&&function(r){return!A(r)&&""!==r&&"-"!==r&&r!==O()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=G(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=Q(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";V(i)&&(i=i.split(H()).join("").split("`").join("").split("'").join("")),i.charAt(0)===O()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(O(),"."));return g(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=Y(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=G(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===O()){if(0===a)return!1;if((r=>(r.split(O())||[]).length-1||0)(n)>1)return!1}if(![...B,...F,O(),"-"].includes(r))return!1;if(0!==a&&n.includes(O())&&[...B].includes(r)){const r=n.split(O());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=z(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?Q(o):Y(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?Q(this.lastValue):Y(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||q(this.lastValue))?"0":this.lastValue}createPattern(){if(x(this.pattern))return this.pattern;let r=this.suffix||"";x(r)&&(r=" "+r);const o=H();let i=O();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){return e(S,{key:"a7ccea6d0b98bd447e9fac8af180019eddbaff7b",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"76078e54d6f2dbfa6ad348e09b9987b741b8bdc1",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],$.prototype,"createLogger",null),n([N(D),s("design:type",String)],$.prototype,"color",void 0),n([E("number"),s("design:type",Number)],$.prototype,"debounce",void 0),n([E("number"),s("design:type",Number)],$.prototype,"decimal",void 0),n([E("string"),s("design:type",String)],$.prototype,"description",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"disabled",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"exactNumber",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"invalid",void 0),n([E("string"),s("design:type",String)],$.prototype,"invalidText",void 0),n([E("string"),s("design:type",String)],$.prototype,"label",void 0),n([E("string"),s("design:type",String)],$.prototype,"max",void 0),n([E("string"),s("design:type",String)],$.prototype,"min",void 0),n([E("string"),s("design:type",String)],$.prototype,"name",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"onlyPositive",void 0),n([E("string"),s("design:type",String)],$.prototype,"pattern",void 0),n([E("string"),s("design:type",String)],$.prototype,"placeholder",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"readonly",void 0),n([E("boolean"),s("design:type",Boolean)],$.prototype,"required",void 0),n([E("string"),s("design:type",String)],$.prototype,"suffix",void 0),n([P(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],$.prototype,"configChanged",null);let M=0;const U=$,J=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),$);break;case"ds-icon":customElements.get(t(r))||b();break;case"ds-spinner":customElements.get(t(r))||T()}}))};export{U as DsNumberInput,J as defineCustomElement}
+import{p as r,H as o,f as i,h as e,t}from"./p-WO0X5Vmy.js";import{_ as n,L as s,a}from"./p-J0mxIuTt.js";import{g as d}from"./p-Duhf3ymL.js";import{e as c,g as l,b as h,f as m,c as f,d as u,h as p}from"./p-fS80bKHo.js";import{b as v,d as b}from"./p-Dbqy6lZU.js";import{i as g}from"./p-DbUsvqrz.js";import{i as y}from"./p-CYHzHtnv.js";import{i as _}from"./p-B62ocg4Q.js";import{F as w,s as k}from"./p-BwfAXfmz.js";import{h as x}from"./p-BrIcCcce.js";import{o as z}from"./p-BgzU1loG.js";import{w as j,F as C}from"./p-CmBtAxar.js";import{a as I,d as B}from"./p-CvaNxQtw.js";import{u as F}from"./p-Dr4MUfss.js";import{N as S,A as T}from"./p-D86WpWIE.js";import{I as D}from"./p-DU7t9H9h.js";import{d as E}from"./p-o0H7eIVX.js";import{O as N}from"./p-BhbWmCTu.js";import{T as K}from"./p-DAYd9ty0.js";import{L as P}from"./p-DIK6Zkg6.js";const H=()=>{const r=F();return r&&r.locale&&"fr-CH"===r.locale?"de-CH":r&&r.locale||I};function L(){return Intl.NumberFormat(H()).format(1.1).replace(/\p{Number}/gu,"")}function q(){return Intl.NumberFormat(H()).format(11111).replace(/\p{Number}/gu,"")}var O,V,A=d(function(){if(V)return O;V=1;var r=c(),o=l(),i=h(),e=v(),t=m(),n=f(),s=p(),a=u(),d=Object.prototype.hasOwnProperty;return O=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||a(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(s(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}());function U(r){return"string"==typeof r&&"."!==q()}function W(r){const o=parseFloat(r);return"number"==typeof o&&!g(o)}function $(r,o=0){let i=r;if(""!==i&&null!=i&&!g(i)&&"-"!==i&&i!==L()&&W(i))return U(i)&&(i=i.split(q()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(L(),".")),0===o?parseInt(i,10):parseFloat(i)}function M(r){return r.replace(".",L())}function X(r,o=0,i=""){if(y(r))return"";r.charAt(0)===L()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return g(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(H(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const G=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+Q++,this.inheritedAttributes={},this.control=new w(this),this.lastValue="",this.focused=!1,this.hasInvalidTextSlotContent=!1,this.language=B.language,this.region=B.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o;if(this.nativeInput&&function(r){return!W(r)&&""!==r&&"-"!==r&&r!==L()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=$(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=M(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(y(i))return"";U(i)&&(i=i.split(q()).join("").split("`").join("").split("'").join("")),i.charAt(0)===L()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(L(),"."));return g(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=X(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=$(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:s,onlyPositive:a}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(a)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===L()){if(0===s)return!1;if((r=>(r.split(L())||[]).length-1||0)(n)>1)return!1}if(![...S,...T,L(),"-"].includes(r))return!1;if(0!==s&&n.includes(L())&&[...S].includes(r)){const r=n.split(L());if(r[r.length-1].length>s)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:k(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=z(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||g(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?M(o):X(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback(),this.disconnectInvalidTextSlotWatcher=j(this.el,(r=>{this.hasInvalidTextSlotContent=r}))}disconnectedCallback(){var r;null===(r=this.disconnectInvalidTextSlotWatcher)||void 0===r||r.call(this)}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?M(this.lastValue):X(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(y(this.lastValue)||A(this.lastValue))?"0":this.lastValue}createPattern(){if(x(this.pattern))return this.pattern;let r=this.suffix||"";x(r)&&(r=" "+r);const o=q();let i=L();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){const r=this.invalid||this.hasInvalidTextSlotContent;return e(C,{key:"a185df149be41135c6b939ad1c3ad5ba57a38e94",disabled:this.disabled,color:this.color,invalid:r,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"a7461115068e7a365ba4b0e25501d96be6de099d",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":r?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],hasInvalidTextSlotContent:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([s("number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],G.prototype,"createLogger",null),n([N(D),a("design:type",String)],G.prototype,"color",void 0),n([K("number"),a("design:type",Number)],G.prototype,"debounce",void 0),n([K("number"),a("design:type",Number)],G.prototype,"decimal",void 0),n([K("string"),a("design:type",String)],G.prototype,"description",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"disabled",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"exactNumber",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"invalid",void 0),n([K("string"),a("design:type",String)],G.prototype,"invalidText",void 0),n([K("string"),a("design:type",String)],G.prototype,"label",void 0),n([K("string"),a("design:type",String)],G.prototype,"max",void 0),n([K("string"),a("design:type",String)],G.prototype,"min",void 0),n([K("string"),a("design:type",String)],G.prototype,"name",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"onlyPositive",void 0),n([K("string"),a("design:type",String)],G.prototype,"pattern",void 0),n([K("string"),a("design:type",String)],G.prototype,"placeholder",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"readonly",void 0),n([K("boolean"),a("design:type",Boolean)],G.prototype,"required",void 0),n([K("string"),a("design:type",String)],G.prototype,"suffix",void 0),n([P(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],G.prototype,"configChanged",null);let Q=0;const R=G,Y=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),G);break;case"ds-icon":customElements.get(t(r))||b();break;case"ds-spinner":customElements.get(t(r))||E()}}))};export{R as DsNumberInput,Y as defineCustomElement}

package/components/ds-pagination.js

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

package/components/ds-popup.js

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

package/components/ds-radio-group.js

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

package/components/ds-segment.js

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