@helvetia-design/core 0.0.6 → 0.1.0

package/components/ds-checkbox-group.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as i,H as o,e,h as t,t as s}from"./p-DOP4fM2o.js";import{_ as r,L as a,a as n}from"./p-C8OqQuJ7.js";import{F as l}from"./p-vUPe8Qmy.js";import{a as d}from"./p-Dk9mwWN5.js";import{a as h,s as c}from"./p-El2snbN5.js";import{h as m}from"./p-CEPnyz7c.js";import{s as p,i as f,l as g}from"./p-Dbt7_-_D.js";import{w as b}from"./p-CHZn7ODg.js";import{I as v}from"./p-DaVRO74A.js";import{b as u,C as y,a as w}from"./p-C8EHMokx.js";import{d as x}from"./p-BWrjPWjt.js";import{d as k}from"./p-D8RaAucx.js";import{d as _}from"./p-CKMUtsmn.js";import{T as C}from"./p-DEnVBHne.js";import{O as j}from"./p-DaqLtBr3.js";import{L as z}from"./p-B9OReveE.js";const B=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.inputId="ds-cg-"+T++,this.language=_.language,this.region=_.region,this.internalValue=[],this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!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.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let o=0;o<this.internalValue.length;o++){const e=this.internalValue[o];if(void 0!==e&&""+e==""+i.value)return!0}return!1},o=this.getCheckboxes();await Promise.all(o.map((i=>p(i)))),o.forEach((o=>{o.checked=i(o)}))}},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.disconnectInvalidTextSlotWatcher=b(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes(),h(this.internals,this.internalValue.join(","))}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.valueChanged()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsBlur(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&(c(i),this.dsBlur.emit(i.detail))}listenToDsChange(i){this.control&&f(this.el,i.target)&&(c(i),this.updateValues())}listenToDsFocus(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&c(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getCheckboxes().forEach((o=>{var e;this.control&&(m(this.disabled)&&(o.disabled=this.disabled),m(this.readonly)&&(o.readonly=this.readonly),o.invalid=i),o.name=this.name,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}))}updateValues(){const i=[];this.getCheckboxes().forEach((o=>{o.checked&&i.push(o.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),h(this.internals,this.internalValue.join(",")))}render(){return t(l,{key:"c86f1af1d00003737ddce5a01a0abe42f7ea3838",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}},t("slot",{key:"0bb8db38f92953b48219491e0f0ae37efc4e0e53",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-disabled-label-color);--mod-checkbox-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],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:[16],vertical:[4],language:[32],region:[32],internalValue:[32],hasInvalidTextSlotContent:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],B.prototype,"createLogger",null),r([C("boolean"),n("design:type",Boolean)],B.prototype,"autoInvalidOff",void 0),r([j(v),n("design:type",String)],B.prototype,"color",void 0),r([j(u),n("design:type",Number)],B.prototype,"cols",void 0),r([j(u),n("design:type",Number)],B.prototype,"colsMobile",void 0),r([j(u),n("design:type",Number)],B.prototype,"colsTablet",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"control",void 0),r([C("string"),n("design:type",String)],B.prototype,"description",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"disabled",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"invalid",void 0),r([C("string"),n("design:type",String)],B.prototype,"invalidText",void 0),r([C("string"),n("design:type",String)],B.prototype,"label",void 0),r([j(y),n("design:type",String)],B.prototype,"labelPosition",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"loading",void 0),r([C("string"),n("design:type",String)],B.prototype,"name",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"readonly",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"required",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"tile",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"hideTrigger",void 0),r([j(w),n("design:type",String)],B.prototype,"tileColor",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"vertical",void 0),r([z(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],B.prototype,"configChanged",null);let T=0;const D=B,E=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(s(i))||customElements.define(s(i),B);break;case"ds-icon":customElements.get(s(i))||x();break;case"ds-spinner":customElements.get(s(i))||k()}}))};export{D as DsCheckboxGroup,E as defineCustomElement}
+import{p as i,H as o,e,h as t,t as s}from"./p-DOP4fM2o.js";import{_ as r,L as a,a as n}from"./p-C8OqQuJ7.js";import{F as l}from"./p-vUPe8Qmy.js";import{a as d}from"./p-Dk9mwWN5.js";import{a as h,s as c}from"./p-El2snbN5.js";import{h as m}from"./p-CEPnyz7c.js";import{s as p,i as f,l as g}from"./p-Dbt7_-_D.js";import{w as b}from"./p-CHZn7ODg.js";import{I as v}from"./p-DaVRO74A.js";import{b as u,C as y,a as w}from"./p-C8EHMokx.js";import{d as x}from"./p-B0Z95Hj1.js";import{d as k}from"./p-D8RaAucx.js";import{d as _}from"./p-CKMUtsmn.js";import{T as C}from"./p-DEnVBHne.js";import{O as z}from"./p-DaqLtBr3.js";import{L as j}from"./p-B9OReveE.js";const B=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.inputId="ds-cg-"+T++,this.language=_.language,this.region=_.region,this.internalValue=[],this.hasInvalidTextSlotContent=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!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.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let o=0;o<this.internalValue.length;o++){const e=this.internalValue[o];if(void 0!==e&&""+e==""+i.value)return!0}return!1},o=this.getCheckboxes();await Promise.all(o.map((i=>p(i)))),o.forEach((o=>{o.checked=i(o)}))}},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);d(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.disconnectInvalidTextSlotWatcher=b(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes(),h(this.internals,this.internalValue.join(","))}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.valueChanged()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsBlur(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&(c(i),this.dsBlur.emit(i.detail))}listenToDsChange(i){this.control&&f(this.el,i.target)&&(c(i),this.updateValues())}listenToDsFocus(i){const{target:o}=i;o&&f(this.el,o)&&g(o,"ds-checkbox")&&c(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getCheckboxes().forEach((o=>{var e;this.control&&(m(this.disabled)&&(o.disabled=this.disabled),m(this.readonly)&&(o.readonly=this.readonly),o.invalid=i),o.name=this.name,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}))}updateValues(){const i=[];this.getCheckboxes().forEach((o=>{o.checked&&i.push(o.value)})),d(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),h(this.internals,this.internalValue.join(",")))}render(){return t(l,{key:"c86f1af1d00003737ddce5a01a0abe42f7ea3838",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}},t("slot",{key:"0bb8db38f92953b48219491e0f0ae37efc4e0e53",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-disabled-label-color);--mod-checkbox-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-checkbox-group",{autoInvalidOff:[516,"auto-invalid-off"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],control:[4],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:[16],vertical:[4],language:[32],region:[32],internalValue:[32],hasInvalidTextSlotContent:[32],configChanged:[64]},[[6,"dsBlur","listenToDsBlur"],[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}]}]);r([a("checkbox-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],B.prototype,"createLogger",null),r([C("boolean"),n("design:type",Boolean)],B.prototype,"autoInvalidOff",void 0),r([z(v),n("design:type",String)],B.prototype,"color",void 0),r([z(u),n("design:type",Number)],B.prototype,"cols",void 0),r([z(u),n("design:type",Number)],B.prototype,"colsMobile",void 0),r([z(u),n("design:type",Number)],B.prototype,"colsTablet",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"control",void 0),r([C("string"),n("design:type",String)],B.prototype,"description",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"disabled",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"invalid",void 0),r([C("string"),n("design:type",String)],B.prototype,"invalidText",void 0),r([C("string"),n("design:type",String)],B.prototype,"label",void 0),r([z(y),n("design:type",String)],B.prototype,"labelPosition",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"loading",void 0),r([C("string"),n("design:type",String)],B.prototype,"name",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"readonly",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"required",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"tile",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"hideTrigger",void 0),r([z(w),n("design:type",String)],B.prototype,"tileColor",void 0),r([C("boolean"),n("design:type",Boolean)],B.prototype,"vertical",void 0),r([j(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],B.prototype,"configChanged",null);let T=0;const D=B,E=function(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-checkbox-group":customElements.get(s(i))||customElements.define(s(i),B);break;case"ds-icon":customElements.get(s(i))||x();break;case"ds-spinner":customElements.get(s(i))||k()}}))};export{D as DsCheckboxGroup,E as defineCustomElement}

package/components/ds-close.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{C as o,d as s}from"./p-BJK2OSM1.js";const p=o,r=s;export{p as DsClose,r as defineCustomElement}
+import{C as o,d as p}from"./p-hhVbp_AN.js";const s=o,r=p;export{s as DsClose,r as defineCustomElement}

package/components/ds-content.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{C as o,d as s}from"./p-B1celIGd.js";const p=o,r=s;export{p as DsContent,r as defineCustomElement}
+import{C as o,d as s}from"./p-C0OHfTQ0.js";const p=o,r=s;export{p as DsContent,r as defineCustomElement}

package/components/ds-counter.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as e,H as r,e as i,h as t,t as o}from"./p-DOP4fM2o.js";import{_ as n,L as a,a as s}from"./p-C8OqQuJ7.js";import{i as d}from"./p-ChyhE5ro.js";import{a as c}from"./p-El2snbN5.js";import{m as l,n as u}from"./p-Dbt7_-_D.js";import{i as f}from"./p-CkQK5z17.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-vUPe8Qmy.js";import{I as v}from"./p-DaVRO74A.js";import{d as p}from"./p-Bd5NhwlZ.js";import{d as b}from"./p-VnJFXLI2.js";import{d as g}from"./p-BWrjPWjt.js";import{d as w}from"./p-D8RaAucx.js";import{d as y}from"./p-CKMUtsmn.js";import{T as k}from"./p-DEnVBHne.js";import{O as _}from"./p-DaqLtBr3.js";import{L as x}from"./p-B9OReveE.js";const z={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var E=1e6,C="[big.js] ",j=C+"Invalid ",D=j+"decimal places",Y=j+"rounding mode",T=C+"Division by zero",B={},F=void 0,I=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function L(e,r,i,t){var o=e.c;if(i===F&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(Y);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==F))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==F||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function N(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}B.abs=function(){var e=new this.constructor(this);return e.s=1,e},B.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},B.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>E)throw Error(D);if(!o[0])throw Error(T);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,c,l,u,f=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),p=v.length,b=e,g=b.c=[],w=0,y=a+(b.e=r.e-e.e)+1;for(b.s=n,n=y<0?0:y,f.unshift(0);p++<s;)v.push(0);do{for(c=0;c<10;c++){if(s!=(p=v.length))l=s>p?1:-1;else for(u=-1,l=0;++u<s;)if(o[u]!=v[u]){l=o[u]>v[u]?1:-1;break}if(!(l<0))break;for(d=p==s?o:f;p;){if(v[--p]<d[p]){for(u=p;u&&!v[--u];)v[u]=9;--v[u],v[p]+=10}v[p]-=d[p]}for(;!v[0];)v.shift()}g[w++]=l?c:++c,v[0]&&l?v[p]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==F)&&n--);return g[0]||1==w||(g.shift(),b.e--,y--),w>y&&L(b,y,i.RM,v[0]!==F),b},B.eq=function(e){return 0===this.cmp(e)},B.gt=function(e){return this.cmp(e)>0},B.gte=function(e){return this.cmp(e)>-1},B.lt=function(e){return this.cmp(e)<0},B.lte=function(e){return this.cmp(e)<1},B.minus=B.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var c=n.c.slice(),l=n.e,u=e.c,f=e.e;if(!c[0]||!u[0])return u[0]?e.s=-d:c[0]?e=new a(n):e.s=1,e;if(s=l-f){for((o=s<0)?(s=-s,t=c):(f=l,t=u),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=c.length<u.length)?c:u).length,s=d=0;d<i;d++)if(c[d]!=u[d]){o=c[d]<u[d];break}if(o&&(t=c,c=u,u=t,e.s=-e.s),(d=(i=u.length)-(r=c.length))>0)for(;d--;)c[r++]=0;for(d=r;i>s;){if(c[--i]<u[i]){for(r=i;r&&!c[--r];)c[r]=9;--c[r],c[i]+=10}c[i]-=u[i]}for(;0===c[--d];)c.pop();for(;0===c[0];)c.shift(),--f;return c[0]||(e.s=1,c=[f=0]),e.c=c,e.e=f,e},B.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(T);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},B.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},B.plus=B.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,c=e.c;if(!s[0]||!c[0])return c[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=c):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-c.length<0&&(t=c,c=s,s=t),r=c.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+c[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},B.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(j+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},B.prec=function(e,r){if(e!==~~e||e<1||e>E)throw Error(j+"precision");return L(new this.constructor(this),e,r)},B.round=function(e,r){if(e===F)e=0;else if(e!==~~e||e<-E||e>E)throw Error(D);return L(new this.constructor(this),e+this.e+1,r)},B.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(C+"No square root");0===(n=Math.sqrt(+N(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return L(e,(o.DP-=4)+e.e+1,o.RM)},B.times=B.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},B.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>E)throw Error(D);for(i=L(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return N(i,!0,!!t)},B.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>E)throw Error(D);for(e=e+(i=L(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return N(i,!1,!!t)},B.toJSON=B.toString=function(){var e=this,r=e.constructor;return N(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(B[Symbol.for("nodejs.util.inspect.custom")]=B.toJSON),B.toNumber=function(){var e=+N(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(""+e))throw Error(C+"Imprecise conversion");return e},B.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==F){if(e!==~~e||e<1||e>E)throw Error(j+"precision");for(i=L(new t(i),e,r);i.c.length<e;)i.c.push(0)}return N(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},B.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(C+"valueOf disallowed");return N(e,e.e<=r.NE||e.e>=r.PE,!0)};var O=function e(){function r(i){var t=this;if(!(t instanceof r))return i===F&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(j+"value");i=0===i&&1/i<0?"-0":i+""}!function(e,r){var i,t,o;if(!I.test(r))throw Error(j+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=B,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function q(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const S=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsIncrease=i(this,"dsIncrease"),this.dsDecrease=i(this,"dsDecrease"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+A++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=y.language,this.region=y.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new O(e).plus(r).toNumber()}(this.value,this.effectiveStep());e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new O(e).minus(r).toNumber()}(this.value,this.effectiveStep());e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=q(this.min,this.min,this.max));const e=q(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=u(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=q(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=q(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){c(this.internals,e+"")}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=z[this.language].decrease,r=z[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,o=this.disabled||this.readonly||this.value>=this.max;return t(m,{key:"635a8c44149e5f08cc6682d2196698d8fd4b3dba",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("div",Object.assign({key:"7e0eb54dc1a2825c44892046b507e71008f2d0ad",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),t("ds-button",{key:"b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),t("span",{key:"4faef5385c53c5abadd242fd837583af3221434f",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&t("span",{key:"prev-"+this.previousValue,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),t("span",{key:"current-"+this.value,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),t("ds-button",{key:"ca7098858e2df051efbaea9fffeff61886098cd0",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:o,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_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-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}: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);border-radius:var(--_form-container-radius)}: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{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}"}},[65,"ds-counter",{value:[1538],name:[513],label:[1],description:[1],color:[1],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[2],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],previousValue:[32],valueDirection:[32],configChanged:[64],setFocus:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}]);n([a("counter"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null),n([k("number"),s("design:type",Number)],S.prototype,"value",void 0),n([k("string"),s("design:type",String)],S.prototype,"name",void 0),n([k("string"),s("design:type",String)],S.prototype,"label",void 0),n([k("string"),s("design:type",String)],S.prototype,"description",void 0),n([_(v),s("design:type",String)],S.prototype,"color",void 0),n([k("boolean"),s("design:type",Boolean)],S.prototype,"invalid",void 0),n([k("string"),s("design:type",String)],S.prototype,"invalidText",void 0),n([k("number"),s("design:type",Number)],S.prototype,"min",void 0),n([k("number"),s("design:type",Number)],S.prototype,"max",void 0),n([k("number"),s("design:type",Number)],S.prototype,"step",void 0),n([k("number"),s("design:type",Number)],S.prototype,"debounce",void 0),n([k("boolean"),s("design:type",Boolean)],S.prototype,"disabled",void 0),n([k("boolean"),s("design:type",Boolean)],S.prototype,"readonly",void 0),n([k("boolean"),s("design:type",Boolean)],S.prototype,"required",void 0),n([k("boolean"),s("design:type",Boolean)],S.prototype,"autoInvalidOff",void 0),n([x(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],S.prototype,"configChanged",null);let A=0;const R=S,V=function(){"undefined"!=typeof customElements&&["ds-counter","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-counter":customElements.get(o(e))||customElements.define(o(e),S);break;case"ds-brand-icon":customElements.get(o(e))||p();break;case"ds-button":customElements.get(o(e))||b();break;case"ds-icon":customElements.get(o(e))||g();break;case"ds-spinner":customElements.get(o(e))||w()}}))};export{R as DsCounter,V as defineCustomElement}
+import{p as e,H as r,e as i,h as t,t as o}from"./p-DOP4fM2o.js";import{_ as n,L as a,a as s}from"./p-C8OqQuJ7.js";import{i as d}from"./p-ChyhE5ro.js";import{a as c}from"./p-El2snbN5.js";import{m as l,n as u}from"./p-Dbt7_-_D.js";import{i as f}from"./p-CkQK5z17.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-vUPe8Qmy.js";import{I as v}from"./p-DaVRO74A.js";import{d as p}from"./p-DyfdPmyS.js";import{d as b}from"./p-BB4SRrRj.js";import{d as g}from"./p-B0Z95Hj1.js";import{d as w}from"./p-D8RaAucx.js";import{d as y}from"./p-CKMUtsmn.js";import{T as k}from"./p-DEnVBHne.js";import{O as _}from"./p-DaqLtBr3.js";import{L as x}from"./p-B9OReveE.js";const z={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var E=1e6,C="[big.js] ",j=C+"Invalid ",D=j+"decimal places",Y=j+"rounding mode",B=C+"Division by zero",T={},F=void 0,O=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function S(e,r,i,t){var o=e.c;if(i===F&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(Y);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==F))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==F||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function I(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}T.abs=function(){var e=new this.constructor(this);return e.s=1,e},T.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},T.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>E)throw Error(D);if(!o[0])throw Error(B);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,c,l,u,f=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),p=v.length,b=e,g=b.c=[],w=0,y=a+(b.e=r.e-e.e)+1;for(b.s=n,n=y<0?0:y,f.unshift(0);p++<s;)v.push(0);do{for(c=0;c<10;c++){if(s!=(p=v.length))l=s>p?1:-1;else for(u=-1,l=0;++u<s;)if(o[u]!=v[u]){l=o[u]>v[u]?1:-1;break}if(!(l<0))break;for(d=p==s?o:f;p;){if(v[--p]<d[p]){for(u=p;u&&!v[--u];)v[u]=9;--v[u],v[p]+=10}v[p]-=d[p]}for(;!v[0];)v.shift()}g[w++]=l?c:++c,v[0]&&l?v[p]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==F)&&n--);return g[0]||1==w||(g.shift(),b.e--,y--),w>y&&S(b,y,i.RM,v[0]!==F),b},T.eq=function(e){return 0===this.cmp(e)},T.gt=function(e){return this.cmp(e)>0},T.gte=function(e){return this.cmp(e)>-1},T.lt=function(e){return this.cmp(e)<0},T.lte=function(e){return this.cmp(e)<1},T.minus=T.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var c=n.c.slice(),l=n.e,u=e.c,f=e.e;if(!c[0]||!u[0])return u[0]?e.s=-d:c[0]?e=new a(n):e.s=1,e;if(s=l-f){for((o=s<0)?(s=-s,t=c):(f=l,t=u),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=c.length<u.length)?c:u).length,s=d=0;d<i;d++)if(c[d]!=u[d]){o=c[d]<u[d];break}if(o&&(t=c,c=u,u=t,e.s=-e.s),(d=(i=u.length)-(r=c.length))>0)for(;d--;)c[r++]=0;for(d=r;i>s;){if(c[--i]<u[i]){for(r=i;r&&!c[--r];)c[r]=9;--c[r],c[i]+=10}c[i]-=u[i]}for(;0===c[--d];)c.pop();for(;0===c[0];)c.shift(),--f;return c[0]||(e.s=1,c=[f=0]),e.c=c,e.e=f,e},T.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(B);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},T.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},T.plus=T.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,c=e.c;if(!s[0]||!c[0])return c[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=c):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-c.length<0&&(t=c,c=s,s=t),r=c.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+c[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},T.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(j+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},T.prec=function(e,r){if(e!==~~e||e<1||e>E)throw Error(j+"precision");return S(new this.constructor(this),e,r)},T.round=function(e,r){if(e===F)e=0;else if(e!==~~e||e<-E||e>E)throw Error(D);return S(new this.constructor(this),e+this.e+1,r)},T.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(C+"No square root");0===(n=Math.sqrt(+I(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return S(e,(o.DP-=4)+e.e+1,o.RM)},T.times=T.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},T.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>E)throw Error(D);for(i=S(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return I(i,!0,!!t)},T.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==F){if(e!==~~e||e<0||e>E)throw Error(D);for(e=e+(i=S(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return I(i,!1,!!t)},T.toJSON=T.toString=function(){var e=this,r=e.constructor;return I(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(T[Symbol.for("nodejs.util.inspect.custom")]=T.toJSON),T.toNumber=function(){var e=+I(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(""+e))throw Error(C+"Imprecise conversion");return e},T.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==F){if(e!==~~e||e<1||e>E)throw Error(j+"precision");for(i=S(new t(i),e,r);i.c.length<e;)i.c.push(0)}return I(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},T.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(C+"valueOf disallowed");return I(e,e.e<=r.NE||e.e>=r.PE,!0)};var L=function e(){function r(i){var t=this;if(!(t instanceof r))return i===F&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(j+"value");i=0===i&&1/i<0?"-0":i+""}!function(e,r){var i,t,o;if(!O.test(r))throw Error(j+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=T,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function N(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const q=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsIncrease=i(this,"dsIncrease"),this.dsDecrease=i(this,"dsDecrease"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+R++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=y.language,this.region=y.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new L(e).plus(r).toNumber()}(this.value,this.effectiveStep());e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=function(e,r){return new L(e).minus(r).toNumber()}(this.value,this.effectiveStep());e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,l((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=N(this.min,this.min,this.max));const e=N(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=u(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=N(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=N(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){c(this.internals,e+"")}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=z[this.language].decrease,r=z[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,o=this.disabled||this.readonly||this.value>=this.max;return t(m,{key:"282082964e12c3d53c20035b617ebbd7e173a424",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},t("div",Object.assign({key:"4eafc01fe942902d72a9db63e73b345785b1f15a",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),t("ds-button",{key:"165a93be231c9054fc6cf19f82c0a52fdcee6afc",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),t("span",{key:"df30901c4494a28a78a8738f8ad863b6255d4b92",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&t("span",{key:"prev-"+this.previousValue,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),t("span",{key:"current-"+this.value,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),t("ds-button",{key:"c6273e0b8351d7b9e63a37430ac2f4456acda82f",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:o,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_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-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);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%;min-width:0;-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);border-radius:var(--_form-container-radius)}: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{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}"}},[65,"ds-counter",{value:[1538],name:[513],label:[1],description:[1],color:[1],invalid:[516],invalidText:[1,"invalid-text"],min:[2],max:[2],step:[2],debounce:[2],disabled:[4],readonly:[4],required:[4],autoInvalidOff:[516,"auto-invalid-off"],language:[32],region:[32],previousValue:[32],valueDirection:[32],configChanged:[64],setFocus:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}]);n([a("counter"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],q.prototype,"createLogger",null),n([k("number"),s("design:type",Number)],q.prototype,"value",void 0),n([k("string"),s("design:type",String)],q.prototype,"name",void 0),n([k("string"),s("design:type",String)],q.prototype,"label",void 0),n([k("string"),s("design:type",String)],q.prototype,"description",void 0),n([_(v),s("design:type",String)],q.prototype,"color",void 0),n([k("boolean"),s("design:type",Boolean)],q.prototype,"invalid",void 0),n([k("string"),s("design:type",String)],q.prototype,"invalidText",void 0),n([k("number"),s("design:type",Number)],q.prototype,"min",void 0),n([k("number"),s("design:type",Number)],q.prototype,"max",void 0),n([k("number"),s("design:type",Number)],q.prototype,"step",void 0),n([k("number"),s("design:type",Number)],q.prototype,"debounce",void 0),n([k("boolean"),s("design:type",Boolean)],q.prototype,"disabled",void 0),n([k("boolean"),s("design:type",Boolean)],q.prototype,"readonly",void 0),n([k("boolean"),s("design:type",Boolean)],q.prototype,"required",void 0),n([k("boolean"),s("design:type",Boolean)],q.prototype,"autoInvalidOff",void 0),n([x(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],q.prototype,"configChanged",null);let R=0;const A=q,V=function(){"undefined"!=typeof customElements&&["ds-counter","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((e=>{switch(e){case"ds-counter":customElements.get(o(e))||customElements.define(o(e),q);break;case"ds-brand-icon":customElements.get(o(e))||p();break;case"ds-button":customElements.get(o(e))||b();break;case"ds-icon":customElements.get(o(e))||g();break;case"ds-spinner":customElements.get(o(e))||w()}}))};export{A as DsCounter,V as defineCustomElement}

package/components/ds-data-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{p as t,H as a,h as e,c as i,t as o}from"./p-DOP4fM2o.js";import{_ as d,L as l,a as s}from"./p-C8OqQuJ7.js";import{d as r}from"./p-Bd5NhwlZ.js";import{d as m}from"./p-VnJFXLI2.js";import{d as n}from"./p-BWrjPWjt.js";import{d as c}from"./p-D8RaAucx.js";import{d as b}from"./p-CKMUtsmn.js";import{T as v}from"./p-DEnVBHne.js";import{L as f}from"./p-B9OReveE.js";const p={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=b.language,this.region=b.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=p[t.language])||void 0===a?void 0:a.editLabel)||p.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([v("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"multiline",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"editable",void 0),d([v("string"),s("design:type",Object)],x.prototype,"editLabel",void 0),d([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);const g=x,h=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),x);break;case"ds-brand-icon":customElements.get(o(t))||r();break;case"ds-button":customElements.get(o(t))||m();break;case"ds-icon":customElements.get(o(t))||n();break;case"ds-spinner":customElements.get(o(t))||c()}}))};export{g as DsDataItem,h as defineCustomElement}
+import{p as t,H as a,h as e,c as i,t as o}from"./p-DOP4fM2o.js";import{_ as d,L as l,a as s}from"./p-C8OqQuJ7.js";import{d as r}from"./p-DyfdPmyS.js";import{d as m}from"./p-BB4SRrRj.js";import{d as n}from"./p-B0Z95Hj1.js";import{d as c}from"./p-D8RaAucx.js";import{d as b}from"./p-CKMUtsmn.js";import{T as v}from"./p-DEnVBHne.js";import{L as f}from"./p-B9OReveE.js";const p={de:{editLabel:"Bearbeiten"},en:{editLabel:"Edit"},fr:{editLabel:"Modifier"},it:{editLabel:"Modifica"},nl:{editLabel:"Bewerken"},es:{editLabel:"Editar"},pl:{editLabel:"Edytuj"},pt:{editLabel:"Editar"},sv:{editLabel:"Redigera"},fi:{editLabel:"Muokkaa"}},x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.innerEditLabel="Edit",this.language=b.language,this.region=b.region,this.labelId="data-item-label-"+Math.random().toString(36).slice(2,9),this.valueId="data-item-value-"+Math.random().toString(36).slice(2,9),this.hasCustomLabel=!1,this.disabled=!1,this.multiline=!1,this.editable=!1,this.editLabel=void 0}createLogger(t){this.log=t}connectedCallback(){this.assignSlotsToComponents()}async configChanged(t){var a;if(this.language=t.language,this.region=t.region,!this.editLabel){const e=(null===(a=p[t.language])||void 0===a?void 0:a.editLabel)||p.en.editLabel;this.innerEditLabel=e}}assignSlotsToComponents(){const t=this.el.querySelector("ds-data-label"),a=this.el.querySelector("ds-data-value");t&&!t.getAttribute("slot")&&(t.slot="label"),a&&!a.getAttribute("slot")&&(a.slot=""),this.detectCustomLabel()}detectCustomLabel(){const t=this.el.querySelector('[slot="label"]');this.hasCustomLabel="LABEL"===(null==t?void 0:t.tagName)}render(){return e(i,{key:"65df3b195f52c26e136be800ba83543982e96726",class:{"is-disabled":this.disabled,"is-multiline":this.multiline,"is-editable":this.editable}},e("div",{key:"94549cce34bbd4c696beb50d6b4eae2cb5a06437",class:"item-container"},this.hasCustomLabel?e("div",{class:"label-container"},e("slot",{name:"label"})):e("label",{id:this.labelId,class:"label-container"},e("slot",{name:"label"})),e("div",{key:"17c3d94b5dc271ca1199c55122b534e7377077d2",id:this.valueId,class:"value-container","aria-labelledby":this.hasCustomLabel?void 0:this.labelId},e("slot",{key:"4084af358296358b4ccd8b9efd8c276582d15f89"}),this.editable&&e("ds-button",{key:"51a96d59fcb00cabd90c98bc3330ad3da44a3cfa",class:"edit-button",color:"tertiary",size:"sm",icon:"edit",square:!0,a11yLabel:this.editLabel||this.innerEditLabel,a11yTitle:this.editLabel||this.innerEditLabel}))))}get el(){return this}static get style(){return":host{--_data-item-position:var(--data-item-position, var(--mod-data-item-position, static));--_data-item-top:var(--data-item-top, var(--mod-data-item-top));--_data-item-right:var(--data-item-right, var(--mod-data-item-right));--_data-item-bottom:var(--data-item-bottom, var(--mod-data-item-bottom));--_data-item-left:var(--data-item-left, var(--mod-data-item-left));position:var(--_data-item-position);top:var(--_data-item-top);right:var(--_data-item-right);bottom:var(--_data-item-bottom);left:var(--_data-item-left);--_data-item-m:var(--data-item-m, var(--mod-data-item-m, 0));--_data-item-my:var(--data-item-my, var(--mod-data-item-my));--_data-item-mx:var(--data-item-mx, var(--mod-data-item-mx));--_data-item-ml:var(--data-item-ml, var(--mod-data-item-ml));--_data-item-mr:var(--data-item-mr, var(--mod-data-item-mr));--_data-item-mt:var(--data-item-mt, var(--mod-data-item-mt));--_data-item-mb:var(--data-item-mb, var(--mod-data-item-mb));margin:var(--_data-item-m);margin-inline:var(--_data-item-mx);margin-block:var(--_data-item-my);margin-left:var(--_data-item-ml);margin-right:var(--_data-item-mr);margin-top:var(--_data-item-mt);margin-bottom:var(--_data-item-mb);--_data-item-font-weight-label:var(--data-item-font-weight-label, var(--mod-data-item-font-weight-label, var(--ds-data-item-label-font-weight)));--_data-item-color-text:var(--data-item-color-text, var(--mod-data-item-color-text, var(--ds-data-item-value-color)));--_data-item-color-text-label:var(--data-item-color-text-label, var(--mod-data-item-color-text-label, var(--ds-data-item-label-color)));--_data-item-color-text-required:var(--data-item-color-text-required, var(--mod-data-item-color-text-required, var(--ds-data-item-color-required)));--_data-item-color-text-disabled:var(--data-item-color-text-disabled, var(--mod-data-item-color-text-disabled, var(--ds-data-item-color-disabled)));--_data-item-border-bottom:var(--data-item-border-bottom, var(--mod-data-item-border-bottom, var(--ds-data-item-border-bottom)));border-bottom:var(--_data-item-border-bottom)}:host(:last-child){border-bottom:none}:host(.is-disabled){opacity:.6;color:var(--_data-item-color-text-disabled)}:host{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;-ms-flex-align:start;align-items:start;padding:.5rem 0;min-height:auto}.item-container{display:contents}.label-container{display:-ms-flexbox;display:flex;gap:.25rem;font-weight:var(--_data-item-font-weight-label);color:var(--_data-item-color-text-label);margin:0;padding:0;-ms-flex-item-align:center;align-self:center}.label-container>span{color:var(--_data-item-color-text-required)}.value-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:var(--_data-item-color-text);-ms-flex:1;flex:1;min-width:0;word-break:break-word}.value-container>:not(.edit-button){min-width:0;-ms-flex:1;flex:1}.value-container textarea,.value-container select,.value-container input{width:100%}.value-container .edit-button{-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host(.is-disabled) .value-container{color:var(--_data-item-color-text-disabled)}:host(.is-multiline) .value-container{-ms-flex-align:start;align-items:flex-start}:host(.is-multiline) .value-container>:not(.edit-button){-ms-flex-item-align:start;align-self:flex-start}:host-context(ds-data[horizontal]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;border:none;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1;min-height:48px}:host-context(ds-data[horizontal]) .label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}:host-context(ds-data[horizontal]) .value-container{display:-ms-flexbox;display:flex}@media (max-width: 767px){:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.5rem;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.label-container{display:-ms-flexbox;display:flex;-ms-flex-item-align:auto;align-self:auto}.value-container{display:-ms-flexbox;display:flex}}"}},[257,"ds-data-item",{disabled:[516],multiline:[516],editable:[516],editLabel:[1,"edit-label"],innerEditLabel:[32],language:[32],region:[32],configChanged:[64]}]);d([l("data-item"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),d([v("boolean"),s("design:type",Boolean)],x.prototype,"disabled",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"multiline",void 0),d([v("boolean"),s("design:type",Boolean)],x.prototype,"editable",void 0),d([v("string"),s("design:type",Object)],x.prototype,"editLabel",void 0),d([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);const g=x,h=function(){"undefined"!=typeof customElements&&["ds-data-item","ds-brand-icon","ds-button","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-data-item":customElements.get(o(t))||customElements.define(o(t),x);break;case"ds-brand-icon":customElements.get(o(t))||r();break;case"ds-button":customElements.get(o(t))||m();break;case"ds-icon":customElements.get(o(t))||n();break;case"ds-spinner":customElements.get(o(t))||c()}}))};export{g as DsDataItem,h as defineCustomElement}