@cupra/ui-kit 2.0.0-canary.217 → 2.0.0-canary.219

package/dist/cjs/components/ds-slider/ds-slider.cjs

@@ -1,17 +1,17 @@
-require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/ViewportMixin.cjs"),d=require("../../utils/objectConverter.cjs"),f=require("../../utils/formatNumber/formatNumber.cjs");require("../ds-text-input/ds-text-input.cjs");const p=require("./utils/getStepValue/getStepValue.cjs"),m=require("./utils/roundToDecimals/roundToDecimals.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.cjs");const g=require("./styles/common.styles.cjs");var _,v,y=(_=class extends u.ViewportMixin(a.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this._initialValuesApplied=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);typeof this._valueMax!=`number`||t<=this._valueMin?this.activeThumb=`min`:t>=this._valueMax?this.activeThumb=`max`:t-this._valueMin<this._valueMax-t?this.activeThumb=`min`:this.activeThumb=`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{var t,n,r,i;this.disabled||(e==null||(t=e.preventDefault)==null||t.call(e),this.setActiveThumb(e),this.handleMouseMove(e),(n=window)==null||n.addEventListener(`mousemove`,this.handleMouseMove),(r=window)==null||r.addEventListener(`touchmove`,this.handleMouseMove),(i=window)==null||i.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{var e,t,n;(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r}),a=m.roundToDecimals({value:i,fractionDigits:this.maximumFractionDigits});this.handleChange({value:a,role:r}),this.isControlled(r)||(n.value=String(a))},this.onInputBlur=e=>{var t;this.editingField=void 0;let n=e.currentTarget;n==null||(t=n.classList)==null||t.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}get sliderSizeToTextInputSize(){var e;return(typeof this.size==`string`?this.size:(e=this.size)==null?void 0:e[this.viewport])===`large`?`large`:`medium`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return p.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax),this._initialValuesApplied||(this._initialValuesApplied=!0,this.applyInitialValues())}disconnectedCallback(){var e,t,n,r,i,a;super.disconnectedCallback(),(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp),(r=window)==null||r.removeEventListener(`keydown`,this.handleKeydown),(i=window)==null||i.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),(a=window)==null||a.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){var t,n,r;super.firstUpdated(e),(t=window)==null||t.addEventListener(`keydown`,this.handleKeydown),(n=window)==null||n.addEventListener(`mousedown`,this.handlePointerOrMouseDown),(r=window)==null||r.addEventListener(`pointerdown`,this.handlePointerOrMouseDown)}applyInitialValues(){[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=e===`min`?`initialValueMin`:`initialValueMax`,n=this[t];if(typeof n!=`number`)return;let{stepValue:r}=this.computeStep({proposedValue:n,role:e}),i=e===`min`?`_valueMin`:`_valueMax`;this[i]!==r&&this.handleChange({value:r,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){var e;let t=(e=this.renderRoot)==null?void 0:e.querySelector(`.thumb`);return t?t.offsetWidth/2:0}trackPosition(e){let t=v.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${v.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=m.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){return f.formatNumber({value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping})}get rangeValuesTemplates(){let{formattedNumber:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r??(i?`right`:void 0),{formattedNumber:o}=this.formatNumber(this.max);return e.x`
+require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/ViewportMixin.cjs"),d=require("../../utils/objectConverter.cjs"),f=require("../../utils/formatNumber/formatNumber.cjs");require("../ds-text-input/ds-text-input.cjs");const p=require("./utils/getStepValue/getStepValue.cjs"),m=require("./utils/roundToDecimals/roundToDecimals.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/live.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/live.cjs");const g=require("./styles/common.styles.cjs");var _=class extends u.ViewportMixin(a.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this._initialValuesApplied=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);this.activeThumb=typeof this._valueMax!=`number`||t<=this._valueMin?`min`:t>=this._valueMax?`max`:t-this._valueMin<this._valueMax-t?`min`:`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{var t,n,r,i;this.disabled||(e==null||(t=e.preventDefault)==null||t.call(e),this.setActiveThumb(e),this.handleMouseMove(e),(n=window)==null||n.addEventListener(`mousemove`,this.handleMouseMove),(r=window)==null||r.addEventListener(`touchmove`,this.handleMouseMove),(i=window)==null||i.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{var e,t,n;(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r}),a=m.roundToDecimals({value:i,fractionDigits:this.maximumFractionDigits});this.handleChange({value:a,role:r}),this.isControlled(r)||(n.value=String(a))},this.onInputBlur=e=>{var t;this.editingField=void 0;let n=e.currentTarget;n==null||(t=n.classList)==null||t.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}get sliderSizeToTextInputSize(){var e;return(typeof this.size==`string`?this.size:(e=this.size)==null?void 0:e[this.viewport])===`large`?`large`:`medium`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return p.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax),this._initialValuesApplied||(this._initialValuesApplied=!0,this.applyInitialValues())}disconnectedCallback(){var e,t,n,r,i,a;super.disconnectedCallback(),(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp),(r=window)==null||r.removeEventListener(`keydown`,this.handleKeydown),(i=window)==null||i.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),(a=window)==null||a.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){var t,n,r;super.firstUpdated(e),(t=window)==null||t.addEventListener(`keydown`,this.handleKeydown),(n=window)==null||n.addEventListener(`mousedown`,this.handlePointerOrMouseDown),(r=window)==null||r.addEventListener(`pointerdown`,this.handlePointerOrMouseDown)}applyInitialValues(){[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=e===`min`?`initialValueMin`:`initialValueMax`,n=this[t];if(typeof n!=`number`)return;let{stepValue:r}=this.computeStep({proposedValue:n,role:e}),i=e===`min`?`_valueMin`:`_valueMax`;this[i]!==r&&this.handleChange({value:r,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){var e;let t=(e=this.renderRoot)==null?void 0:e.querySelector(`.thumb`);return t?t.offsetWidth/2:0}trackPosition(e){let t=v.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${v.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=m.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){let t={value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping};return f.formatNumber(t)}get rangeValuesTemplates(){let{formattedNumber:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r??(i?`right`:void 0),{formattedNumber:o}=this.formatNumber(this.max);return e.html`
             <div class="range-value-text">
-                ${this.minLabel?e.x`<span class="range-value-label">${this.minLabel}</span>`:e.E}
-                ${a===`left`?e.x`<span>${i}</span>`:e.E}
+                ${this.minLabel?e.html`<span class="range-value-label">${this.minLabel}</span>`:e.nothing}
+                ${a===`left`?e.html`<span>${i}</span>`:e.nothing}
                 <span>${t}</span>
-                ${a===`right`?e.x`<span>${i}</span>`:e.E}
+                ${a===`right`?e.html`<span>${i}</span>`:e.nothing}
             </div>
             <div class="range-value-text">
-                ${this.maxLabel?e.x` <span class="range-value-label">${this.maxLabel}</span>`:e.E}
-                ${a===`left`?e.x`<span>${i}</span>`:e.E}
+                ${this.maxLabel?e.html` <span class="range-value-label">${this.maxLabel}</span>`:e.nothing}
+                ${a===`left`?e.html`<span>${i}</span>`:e.nothing}
                 <span>${o}</span>
-                ${a===`right`?e.x`<span>${i}</span>`:e.E}
+                ${a===`right`?e.html`<span>${i}</span>`:e.nothing}
             </div>
-        `}getThumbTemplate(t){let n=this.getRoleById(t),r=n===`min`?this._valueMin:this._valueMax,{minLimit:i,maxLimit:a}=this.computeStep({proposedValue:r,role:n}),o=this.getTrackPct(r);return e.x`
+        `}getThumbTemplate(t){let n=this.getRoleById(t),r=n===`min`?this._valueMin:this._valueMax,{minLimit:i,maxLimit:a}=this.computeStep({proposedValue:r,role:n}),o=this.getTrackPct(r);return e.html`
             <style>
                 .thumb${t} {
                     left: ${this.trackPosition(o)};
@@ -38,14 +38,14 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                     <circle cx="17" cy="17" r="16" class="thumb-circle" />
                 </svg>
             </div>
-        `}get thumbTemplates(){return e.x`
+        `}get thumbTemplates(){return e.html`
             ${this.getThumbTemplate(1)}
-            ${this.isRange?this.getThumbTemplate(2):e.E}
-        `}get trackRangeTemplate(){let t=this.getTrackPct(this._valueMin);return e.x`
+            ${this.isRange?this.getThumbTemplate(2):e.nothing}
+        `}get trackRangeTemplate(){let t=this.getTrackPct(this._valueMin),n=this.isRange?this.trackPosition(t):`0px`,r=this.isRange?this.trackWidth(this.getTrackPct(this._valueMax)-t):this.trackPosition(t);return e.html`
             <style>
                 .track-range {
-                    left: ${this.isRange?this.trackPosition(t):`0px`};
-                    width: ${this.isRange?this.trackWidth(this.getTrackPct(this._valueMax)-t):this.trackPosition(t)};
+                    left: ${n};
+                    width: ${r};
                 }
             </style>
             <div class="track-range" role="presentation"></div>
@@ -55,7 +55,7 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                     <input
                         class="input-value input-value-${e}"
                         type=${d}
-                        .value=${h.l(f)}
+                        .value=${h.live(f)}
                         step=${String(this.step??1)}
                         ?disabled=${this.disabled}
                         tabindex=${this.disabled?-1:0}
@@ -70,10 +70,10 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                     />
                 </ds-text-input>
             </div>
-        `}get inputsTemplate(){return e.x`
+        `}get inputsTemplate(){return e.html`
             <div class="inputs-container">
                 ${this.getInputTemplate(1)}
-                ${this.isRange?this.getInputTemplate(2):e.E}
+                ${this.isRange?this.getInputTemplate(2):e.nothing}
             </div>
         `}getSecondaryInputTemplate(t){let n=this.getRoleById(t)===`min`?this._valueMin:this._valueMax,{unitSymbol:r}=this.formatNumber(n),i=this.unitSymbol??r,a=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,o=this.isRange?t===1?`Start value`:`End value`:`Value`,s=a??o;return c.uiKitHtml`
             <div class="secondary-input-group">
@@ -82,7 +82,7 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                         <input
                             class="secondary-input-value secondary-input-value-${t}"
                             type="number"
-                            .value=${h.l(String(n??``))}
+                            .value=${h.live(String(n??``))}
                             step=${String(this.step??1)}
                             ?disabled=${this.disabled}
                             tabindex=${this.disabled?-1:0}
@@ -95,28 +95,28 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                         />
                     </ds-text-input>
                 </div>
-                ${i?e.x`<span class="secondary-unit-text">${i}</span>`:e.E}
+                ${i?e.html`<span class="secondary-unit-text">${i}</span>`:e.nothing}
             </div>
-        `}get secondaryInputsTemplate(){return e.x`
+        `}get secondaryInputsTemplate(){return e.html`
             <div class="secondary-inputs-container">
                 ${this.getSecondaryInputTemplate(1)}
-                ${this.isRange?e.x`<span class="secondary-inputs-separator">-</span>${this.getSecondaryInputTemplate(2)}`:e.E}
+                ${this.isRange?e.html`<span class="secondary-inputs-separator">-</span>${this.getSecondaryInputTemplate(2)}`:e.nothing}
             </div>
-        `}get containerClasses(){var e;let t=typeof this.size==`string`?this.size:(e=this.size)==null?void 0:e[this.viewport];return{container:!0,[this.mode]:!!this.mode,[t]:!!t,disabled:!!this.disabled,[`variant-${this.variant}`]:!!this.variant}}get styleTokens(){return e.x`
+        `}get containerClasses(){var e;let t=typeof this.size==`string`?this.size:(e=this.size)==null?void 0:e[this.viewport];return{container:!0,[this.mode]:!!this.mode,[t]:!!t,disabled:!!this.disabled,[`variant-${this.variant}`]:!!this.variant}}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){let t=this.variant===`secondary`;return e.x`
+        `}render(){let t=this.variant===`secondary`;return e.html`
             ${this.styleTokens}
-            <div class=${l.e(this.containerClasses)}>
-                ${t?this.secondaryInputsTemplate:e.E}
+            <div class=${l.classMap(this.containerClasses)}>
+                ${t?this.secondaryInputsTemplate:e.nothing}
                 <div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track" role="presentation">
                     ${this.thumbTemplates}
                     ${this.trackRangeTemplate}
                 </div>
                 <div class="range-value-container">${this.rangeValuesTemplates}</div>
-                ${t?e.E:this.inputsTemplate}
+                ${t?e.nothing:this.inputsTemplate}
             </div>
-        `}},v=_,_.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles,g.inputResetStyles],_.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-private-slider-thumb-radius, 0px)`,_);i.__decorate([t.n({type:String})],y.prototype,`variant`,void 0),i.__decorate([t.n({type:Number})],y.prototype,`min`,void 0),i.__decorate([t.n({type:Number})],y.prototype,`max`,void 0),i.__decorate([t.n({type:String,attribute:`min-label`})],y.prototype,`minLabel`,void 0),i.__decorate([t.n({type:String,attribute:`max-label`})],y.prototype,`maxLabel`,void 0),i.__decorate([t.n({type:Number})],y.prototype,`step`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-min`})],y.prototype,`initialValueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-max`})],y.prototype,`initialValueMax`,void 0),i.__decorate([t.n({type:Number,attribute:`value-min`})],y.prototype,`valueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`value-max`})],y.prototype,`valueMax`,void 0),i.__decorate([t.n({type:String,reflect:!0})],y.prototype,`mode`,void 0),i.__decorate([t.n({type:String,attribute:`locale`})],y.prototype,`locale`,void 0),i.__decorate([t.n({type:String,attribute:`locale-matcher`})],y.prototype,`localeMatcher`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol`})],y.prototype,`unitSymbol`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol-position`})],y.prototype,`unitSymbolPosition`,void 0),i.__decorate([t.n({type:String,attribute:`unit-style`})],y.prototype,`unitStyle`,void 0),i.__decorate([t.n({type:String,attribute:`currency`})],y.prototype,`currency`,void 0),i.__decorate([t.n({type:String,attribute:`unit`})],y.prototype,`unit`,void 0),i.__decorate([t.n({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``?!0:e!==`false`})],y.prototype,`useGrouping`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-integer-digits`})],y.prototype,`minimumIntegerDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],y.prototype,`minimumFractionDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],y.prototype,`maximumFractionDigits`,void 0),i.__decorate([t.n({type:String,attribute:`thousand-separator`})],y.prototype,`thousandSeparator`,void 0),i.__decorate([t.n({type:String,attribute:`fraction-separator`})],y.prototype,`fractionSeparator`,void 0),i.__decorate([t.n({type:String,converter:d.objectConverter})],y.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],y.prototype,`disabled`,void 0),i.__decorate([t.n({type:String,attribute:`input-min-aria-label`})],y.prototype,`inputMinAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`input-max-aria-label`})],y.prototype,`inputMaxAriaLabel`,void 0),i.__decorate([r.e(`.track`)],y.prototype,`track`,void 0),i.__decorate([n.r()],y.prototype,`_valueMin`,void 0),i.__decorate([n.r()],y.prototype,`_valueMax`,void 0),i.__decorate([n.r()],y.prototype,`editingField`,void 0),y=v=i.__decorate([o.customUiKitElement(`ds-slider`)],y);
+        `}},v=_,y=(_.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles,g.inputResetStyles],_.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-private-slider-thumb-radius, 0px)`,_);i.default([t.property({type:String})],y.prototype,`variant`,void 0),i.default([t.property({type:Number})],y.prototype,`min`,void 0),i.default([t.property({type:Number})],y.prototype,`max`,void 0),i.default([t.property({type:String,attribute:`min-label`})],y.prototype,`minLabel`,void 0),i.default([t.property({type:String,attribute:`max-label`})],y.prototype,`maxLabel`,void 0),i.default([t.property({type:Number})],y.prototype,`step`,void 0),i.default([t.property({type:Number,attribute:`initial-value-min`})],y.prototype,`initialValueMin`,void 0),i.default([t.property({type:Number,attribute:`initial-value-max`})],y.prototype,`initialValueMax`,void 0),i.default([t.property({type:Number,attribute:`value-min`})],y.prototype,`valueMin`,void 0),i.default([t.property({type:Number,attribute:`value-max`})],y.prototype,`valueMax`,void 0),i.default([t.property({type:String,reflect:!0})],y.prototype,`mode`,void 0),i.default([t.property({type:String,attribute:`locale`})],y.prototype,`locale`,void 0),i.default([t.property({type:String,attribute:`locale-matcher`})],y.prototype,`localeMatcher`,void 0),i.default([t.property({type:String,attribute:`unit-symbol`})],y.prototype,`unitSymbol`,void 0),i.default([t.property({type:String,attribute:`unit-symbol-position`})],y.prototype,`unitSymbolPosition`,void 0),i.default([t.property({type:String,attribute:`unit-style`})],y.prototype,`unitStyle`,void 0),i.default([t.property({type:String,attribute:`currency`})],y.prototype,`currency`,void 0),i.default([t.property({type:String,attribute:`unit`})],y.prototype,`unit`,void 0),i.default([t.property({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``||e!==`false`})],y.prototype,`useGrouping`,void 0),i.default([t.property({type:Number,attribute:`minimum-integer-digits`})],y.prototype,`minimumIntegerDigits`,void 0),i.default([t.property({type:Number,attribute:`minimum-fraction-digits`})],y.prototype,`minimumFractionDigits`,void 0),i.default([t.property({type:Number,attribute:`maximum-fraction-digits`})],y.prototype,`maximumFractionDigits`,void 0),i.default([t.property({type:String,attribute:`thousand-separator`})],y.prototype,`thousandSeparator`,void 0),i.default([t.property({type:String,attribute:`fraction-separator`})],y.prototype,`fractionSeparator`,void 0),i.default([t.property({type:String,converter:d.objectConverter})],y.prototype,`size`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],y.prototype,`disabled`,void 0),i.default([t.property({type:String,attribute:`input-min-aria-label`})],y.prototype,`inputMinAriaLabel`,void 0),i.default([t.property({type:String,attribute:`input-max-aria-label`})],y.prototype,`inputMaxAriaLabel`,void 0),i.default([r.query(`.track`)],y.prototype,`track`,void 0),i.default([n.state()],y.prototype,`_valueMin`,void 0),i.default([n.state()],y.prototype,`_valueMax`,void 0),i.default([n.state()],y.prototype,`editingField`,void 0),y=v=i.default([o.customUiKitElement(`ds-slider`)],y),Object.defineProperty(exports,"DsSlider",{enumerable:!0,get:function(){return y}});

package/dist/cjs/components/ds-slider/styles/common.styles.cjs

@@ -1,8 +1,8 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
     }
-`,n=e.i`
+`,n=e.css`
     .current-value-container {
         position: relative;
     }
@@ -11,7 +11,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         display: inline-flex;
         position: absolute;
     }
-`,r=e.i`
+`,r=e.css`
     .range-value-container {
         display: flex;
         justify-content: space-between;
@@ -24,7 +24,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     .range-value-label:after {
         content: ':';
     }
-`,i=e.i`
+`,i=e.css`
     .track {
         position: relative;
         cursor: pointer;
@@ -42,12 +42,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     .track-range {
         background-clip: content-box;
     }
-`,a=e.i`
+`,a=e.css`
     .thumb {
         z-index: 2;
         position: absolute;
     }
-`,o=e.i`
+`,o=e.css`
     .input-value::-webkit-inner-spin-button,
     .input-value::-webkit-outer-spin-button,
     .secondary-input-value::-webkit-inner-spin-button,

package/dist/cjs/components/ds-static-box/ds-static-box.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../utils/observeScroll/observeScroll.cjs"),f=require("./styles/common.styles.cjs");var p,m=(p=class extends l.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.showTopShadow=!1,this.showBottomShadow=!1}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get mainWrapperClasses(){return{"main-wrapper":!0,"shadow-top":this.showTopShadow,"shadow-bottom":this.showBottomShadow}}get styleTokens(){var t,n;return e.x`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../utils/observeScroll/observeScroll.cjs"),f=require("./styles/common.styles.cjs");var p=class extends l.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.showTopShadow=!1,this.showBottomShadow=!1}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get mainWrapperClasses(){return{"main-wrapper":!0,"shadow-top":this.showTopShadow,"shadow-bottom":this.showBottomShadow}}get styleTokens(){var t,n;return e.html`
             <style>
                 .header {
                     display: ${((t=this.headerItems)==null?void 0:t.length)>0?`block`:`none`};
@@ -8,14 +8,14 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     display: ${((n=this.footerItems)==null?void 0:n.length)>0?`block`:`none`};
                 }
             </style>
-        `}onSlotChange(){this.cleanupScrollObserver&&this.cleanupScrollObserver(),this.cleanupScrollObserver=d.observeScroll(this.mainElement,({top:e,bottom:t})=>{this.showTopShadow=e,this.showBottomShadow=t})}firstUpdated(){this.onSlotChange()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.cleanupScrollObserver)==null||e.call(this)}render(){return e.x`
+        `}onSlotChange(){this.cleanupScrollObserver&&this.cleanupScrollObserver(),this.cleanupScrollObserver=d.observeScroll(this.mainElement,({top:e,bottom:t})=>{this.showTopShadow=e,this.showBottomShadow=t})}firstUpdated(){this.onSlotChange()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.cleanupScrollObserver)==null||e.call(this)}render(){return e.html`
             ${this.styleTokens}
-            <div part="container" data-testid="ds-static-box-container" class=${c.e(this.classes)}>
+            <div part="container" data-testid="ds-static-box-container" class=${c.classMap(this.classes)}>
                 <div class="body">
                     <div part="header" class="header">
                         <slot name="header"></slot>
                     </div>
-                    <div class=${c.e(this.mainWrapperClasses)}>
+                    <div class=${c.classMap(this.mainWrapperClasses)}>
                         <div part="main" class="main ds-scroll" tabindex="0">
                             <slot name="main" @slotchange=${this.onSlotChange}></slot>
                         </div>
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}},p.styles=[f.commonStyles],p);a.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),a.__decorate([i.n({slot:`header`,flatten:!0})],m.prototype,`headerItems`,void 0),a.__decorate([i.n({slot:`footer`,flatten:!0})],m.prototype,`footerItems`,void 0),a.__decorate([r.e(`.main`)],m.prototype,`mainElement`,void 0),a.__decorate([n.r()],m.prototype,`showTopShadow`,void 0),a.__decorate([n.r()],m.prototype,`showBottomShadow`,void 0),m=a.__decorate([s.customUiKitElement(`ds-static-box`)],m);
+        `}},m=(p.styles=[f.commonStyles],p);a.default([t.property({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),a.default([i.queryAssignedNodes({slot:`header`,flatten:!0})],m.prototype,`headerItems`,void 0),a.default([i.queryAssignedNodes({slot:`footer`,flatten:!0})],m.prototype,`footerItems`,void 0),a.default([r.query(`.main`)],m.prototype,`mainElement`,void 0),a.default([n.state()],m.prototype,`showTopShadow`,void 0),a.default([n.state()],m.prototype,`showBottomShadow`,void 0),m=a.default([s.customUiKitElement(`ds-static-box`)],m),Object.defineProperty(exports,"DsStaticBox",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-static-box/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }

package/dist/cjs/components/ds-stepper/ds-stepper.cjs

@@ -1,23 +1,23 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const o=require("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.steps=0,this.currentStep=-1,this.sectionName=``}get classes(){return{container:!0}}get clampedCurrentStep(){return Math.max(-1,Math.min(this.currentStep,this.steps))}get sectionNumberText(){return`${Math.min(this.clampedCurrentStep+1,this.steps)}/${this.steps}`}get headerTemplate(){return e.x`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("./styles/common.styles.cjs");var s=class extends r.UiKitElement{constructor(...e){super(...e),this.steps=0,this.currentStep=-1,this.sectionName=``}get classes(){return{container:!0}}get clampedCurrentStep(){return Math.max(-1,Math.min(this.currentStep,this.steps))}get sectionNumberText(){return`${Math.min(this.clampedCurrentStep+1,this.steps)}/${this.steps}`}get headerTemplate(){return e.html`
             <div class="header" data-testid="ds-stepper-header">
                 <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
                 <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
             </div>
-        `}get stepsRowTemplate(){return e.x`
+        `}get stepsRowTemplate(){return e.html`
             <div
                 data-testid="ds-stepper-steps-row"
                 class="steps-row"
                 role="list"
                 aria-label="Steps"
             >
-                ${Array.from({length:this.steps},(t,n)=>{let r=n<=this.clampedCurrentStep,i=n===this.clampedCurrentStep;return e.x`<span class=${a.e({step:!0,active:r,current:i})} role="listitem" aria-posinset=${n+1} aria-setsize=${this.steps} aria-current=${i?`step`:`false`}></span>`})}
+                ${Array.from({length:this.steps},(t,n)=>{let r=n<=this.clampedCurrentStep,i=n===this.clampedCurrentStep;return e.html`<span class=${a.classMap({step:!0,active:r,current:i})} role="listitem" aria-posinset=${n+1} aria-setsize=${this.steps} aria-current=${i?`step`:`false`}></span>`})}
             </div>
-        `}render(){return this.steps?e.x`
+        `}render(){return this.steps?e.html`
             <div
                 data-testid="ds-stepper-container"
-                class=${a.e(this.classes)}
+                class=${a.classMap(this.classes)}
             >
                 ${this.headerTemplate}
                 ${this.stepsRowTemplate}
             </div>
-        `:e.E}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:Number,attribute:`steps`,reflect:!0})],c.prototype,`steps`,void 0),n.__decorate([t.n({type:Number,attribute:`current-step`,reflect:!0})],c.prototype,`currentStep`,void 0),n.__decorate([t.n({type:String,attribute:`section-name`,reflect:!0})],c.prototype,`sectionName`,void 0),c=n.__decorate([i.customUiKitElement(`ds-stepper`)],c);
+        `:e.nothing}},c=(s.styles=[o.commonStyles],s);n.default([t.property({type:Number,attribute:`steps`,reflect:!0})],c.prototype,`steps`,void 0),n.default([t.property({type:Number,attribute:`current-step`,reflect:!0})],c.prototype,`currentStep`,void 0),n.default([t.property({type:String,attribute:`section-name`,reflect:!0})],c.prototype,`sectionName`,void 0),c=n.default([i.customUiKitElement(`ds-stepper`)],c),Object.defineProperty(exports,"DsStepper",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-stepper/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }

package/dist/cjs/components/ds-table/ds-table.cjs

@@ -1,13 +1,13 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs");const s=require("./styles/common.styles.cjs");var c,l=(c=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}handleHeaderSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0}handleBodySlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0}get columnCount(){let e=this.querySelector(`[data-column-count]`);return e?Number(e.getAttribute(`data-column-count`)):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){return this.columnCount===0?e.E:e.x`
-            <div class="table-wrapper" role="table" style=${o.o({"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`})}>
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}handleHeaderSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0}handleBodySlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0}get columnCount(){let e=this.querySelector(`[data-column-count]`);return e?Number(e.getAttribute(`data-column-count`)):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){if(this.columnCount===0)return e.nothing;let t={"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`};return e.html`
+            <div class="table-wrapper" role="table" style=${o.styleMap(t)}>
                 <div class="header" role="rowgroup">
                     <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
                 </div>
                 <div class="body" role="rowgroup">
                     <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
                 </div>
-                ${this.showEmptyState?e.x`<div class="empty-state" role="row">
+                ${this.showEmptyState?e.html`<div class="empty-state" role="row">
                           <span role="cell">${this.emptyMessage}</span>
-                      </div>`:e.E}
+                      </div>`:e.nothing}
             </div>
-        `}},c.styles=[s.commonStyles],c);r.__decorate([t.n({type:String,reflect:!0,attribute:`empty-message`})],l.prototype,`emptyMessage`,void 0),r.__decorate([n.r()],l.prototype,`hasHeaderContent`,void 0),r.__decorate([n.r()],l.prototype,`hasBodyContent`,void 0),l=r.__decorate([a.customUiKitElement(`ds-table`)],l);
+        `}},l=(c.styles=[s.commonStyles],c);r.default([t.property({type:String,reflect:!0,attribute:`empty-message`})],l.prototype,`emptyMessage`,void 0),r.default([n.state()],l.prototype,`hasHeaderContent`,void 0),r.default([n.state()],l.prototype,`hasBodyContent`,void 0),l=r.default([a.customUiKitElement(`ds-table`)],l),Object.defineProperty(exports,"DsTable",{enumerable:!0,get:function(){return l}});

package/dist/cjs/components/ds-table/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }

package/dist/cjs/components/ds-table-cell/ds-table-cell.cjs

@@ -1,5 +1,5 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o,s=(o=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}render(){return e.x`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}render(){return e.html`
             <div class="cell" role="cell">
                 <slot></slot>
             </div>
-        `}},o.styles=[a.commonStyles],o);n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`variant`,void 0),s=n.__decorate([i.customUiKitElement(`ds-table-cell`)],s);
+        `}},s=(o.styles=[a.commonStyles],o);n.default([t.property({type:String,reflect:!0})],s.prototype,`variant`,void 0),s=n.default([i.customUiKitElement(`ds-table-cell`)],s),Object.defineProperty(exports,"DsTableCell",{enumerable:!0,get:function(){return s}});

package/dist/cjs/components/ds-table-cell/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: table-cell;
         box-sizing: border-box;

package/dist/cjs/components/ds-table-row/ds-table-row.cjs

@@ -1,5 +1,5 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o,s=(o=class extends r.UiKitElement{constructor(...e){super(...e),this.columnCount=0}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.columnCount=t.length}render(){return e.x`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o=class extends r.UiKitElement{constructor(...e){super(...e),this.columnCount=0}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.columnCount=t.length}render(){return e.html`
             <div class="row" role="row">
                 <slot @slotchange=${this.handleSlotChange}></slot>
             </div>
-        `}},o.styles=[a.commonStyles],o);n.__decorate([t.n({type:Number,reflect:!0,attribute:`data-column-count`})],s.prototype,`columnCount`,void 0),s=n.__decorate([i.customUiKitElement(`ds-table-row`)],s);
+        `}},s=(o.styles=[a.commonStyles],o);n.default([t.property({type:Number,reflect:!0,attribute:`data-column-count`})],s.prototype,`columnCount`,void 0),s=n.default([i.customUiKitElement(`ds-table-row`)],s),Object.defineProperty(exports,"DsTableRow",{enumerable:!0,get:function(){return s}});

package/dist/cjs/components/ds-table-row/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: table-row;
     }

package/dist/cjs/components/ds-tabs/ds-tabs.cjs

@@ -1,14 +1,14 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const d=require("./styles/common.styles.cjs"),f=require("./theme-config.cjs");var p,m=(p=class extends a.UiKitElement{constructor(...e){super(...e),this._selectedTab=void 0,this._selectedTabState=0,this.mode=`light`,this.variant=`primary`,this.size=`large`,this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{if(!(this.focusedTabIndex<0))switch(e.key){case`ArrowRight`:case`Right`:var t;if(e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)){var n;this.focusedTabIndex+=1,(n=this.tabs[this.focusedTabIndex])==null||n.focus()}break;case`ArrowLeft`:case`Left`:if(e.preventDefault(),this.focusedTabIndex-1>=0){var r;--this.focusedTabIndex,(r=this.tabs[this.focusedTabIndex])==null||r.focus()}break;case`Enter`:case` `:var i;e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((i=this.tabs)==null?void 0:i.length)&&this.handleChangeSelectedTab(this.focusedTabIndex);break;default:break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.nav)==null?void 0:e.scrollLeft)+((t=this.nav)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.nav)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{var t;let n=e.target,r=((t=this.tabs)==null?void 0:t.findIndex(e=>e===n))??-1;if(r<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=r},this.handleBlur=()=>{this.focusedTabIndex=-1}}get selectedTab(){return this._selectedTab??this._selectedTabState}set selectedTab(e){this._selectedTab=e}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll(`[slot=tab]`)),this.panels=Array.from(this.querySelectorAll(`[slot=panel]`))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav)}getScrollButtonTemplate(t,n){var r;if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let i=`arrow-${t}`,a=(r=f.themeConfig[this.theme])==null?void 0:r[`icon-button-variant`];return c.uiKitHtml`<ds-icon-button
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const d=require("./styles/common.styles.cjs"),f=require("./theme-config.cjs");var p=class extends a.UiKitElement{constructor(...e){super(...e),this._selectedTab=void 0,this._selectedTabState=0,this.mode=`light`,this.variant=`primary`,this.size=`large`,this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{if(!(this.focusedTabIndex<0))switch(e.key){case`ArrowRight`:case`Right`:var t;if(e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)){var n;this.focusedTabIndex+=1,(n=this.tabs[this.focusedTabIndex])==null||n.focus()}break;case`ArrowLeft`:case`Left`:if(e.preventDefault(),this.focusedTabIndex-1>=0){var r;--this.focusedTabIndex,(r=this.tabs[this.focusedTabIndex])==null||r.focus()}break;case`Enter`:case` `:var i;e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((i=this.tabs)==null?void 0:i.length)&&this.handleChangeSelectedTab(this.focusedTabIndex)}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.nav)==null?void 0:e.scrollLeft)+((t=this.nav)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.nav)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{var t;let n=e.target,r=((t=this.tabs)==null?void 0:t.findIndex(e=>e===n))??-1;if(r<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=r},this.handleBlur=()=>{this.focusedTabIndex=-1}}get selectedTab(){return this._selectedTab??this._selectedTabState}set selectedTab(e){this._selectedTab=e}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll(`[slot=tab]`)),this.panels=Array.from(this.querySelectorAll(`[slot=panel]`))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav)}getScrollButtonTemplate(t,n){var r;if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.nothing;let i=`arrow-${t}`,a=(r=f.themeConfig[this.theme])==null?void 0:r[`icon-button-variant`];return c.uiKitHtml`<ds-icon-button
             class=${`nav-arrow ${t}`}
             data-aria-label=${`nav-arrow-${t}`}
             @click=${n}
             size=${this.size===`medium`?`medium`:`large`}
             icon-name=${i}
-            mode=${u.o(this.mode)}
-            variant=${u.o(a)}
-        ></ds-icon-button>`}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.nav.addEventListener(`scroll`,this.handleScrollNav),this.setTabsFocusable()}updated(e){if(super.updated(e),(e.has(`_selectedTab`)||e.has(`_selectedTabState`))&&this.selectTab(this.selectedTab),e.has(`variant`)){let e=this.variant===`secondary`||this.variant===`primary`?this.variant:`primary`;this.variant!==e&&(this.variant=e)}this.setupTabAccessibility()}handleTabsSlotchange(e){this.tabs=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(e){this.panels=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var e;(e=this.tabs)==null||e.forEach(e=>{e.setAttribute(`tabindex`,`0`)})}selectTab(e){var t,n,r,i,a;(t=this.tabs)==null||t.forEach((t,n)=>{t.removeAttribute(`selected`),t.setAttribute(`aria-selected`,n===e?`true`:`false`)}),(n=this.tabs[e])==null||n.setAttribute(`selected`,``),this.panels.forEach(e=>e.removeAttribute(`selected`)),(r=this.panels[e])==null||r.setAttribute(`selected`,``);let o=(i=this.tabs)==null?void 0:i[this.selectedTab];this.nav.scrollLeft=(o==null?void 0:o.offsetLeft)-((a=this.nav)==null?void 0:a.offsetWidth)/2}setupTabAccessibility(){var e;(e=this.tabs)==null||e.forEach((e,t)=>{e.setAttribute(`role`,`tab`),e.setAttribute(`tabindex`,t===this.selectedTab&&!this.disabled?`0`:`-1`),e.addEventListener(`focus`,this.handleFocus),e.addEventListener(`blur`,this.handleBlur)})}handleChangeSelectedTab(e){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{selectedTab:e}})),this._selectedTabState=e,this._selectedTab=void 0}handleSelect(e){let t;this.tabs.forEach((n,r)=>{(n===e.target||n.contains(e.target))&&(t=r)}),!(typeof t!=`number`||t===this.selectedTab)&&this.handleChangeSelectedTab(t)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return e.x`
-            <div part="container" class=${l.e(this.classes)}>
-                <div class=${l.e(this.navContainerClasses)}>
+            mode=${u.ifDefined(this.mode)}
+            variant=${u.ifDefined(a)}
+        ></ds-icon-button>`}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.nav.addEventListener(`scroll`,this.handleScrollNav),this.setTabsFocusable()}updated(e){if(super.updated(e),(e.has(`_selectedTab`)||e.has(`_selectedTabState`))&&this.selectTab(this.selectedTab),e.has(`variant`)){let e=this.variant===`secondary`||this.variant===`primary`?this.variant:`primary`;this.variant!==e&&(this.variant=e)}this.setupTabAccessibility()}handleTabsSlotchange(e){this.tabs=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(e){this.panels=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var e;(e=this.tabs)==null||e.forEach(e=>{e.setAttribute(`tabindex`,`0`)})}selectTab(e){var t,n,r,i,a;(t=this.tabs)==null||t.forEach((t,n)=>{t.removeAttribute(`selected`),t.setAttribute(`aria-selected`,n===e?`true`:`false`)}),(n=this.tabs[e])==null||n.setAttribute(`selected`,``),this.panels.forEach(e=>e.removeAttribute(`selected`)),(r=this.panels[e])==null||r.setAttribute(`selected`,``);let o=(i=this.tabs)==null?void 0:i[this.selectedTab];this.nav.scrollLeft=(o==null?void 0:o.offsetLeft)-((a=this.nav)==null?void 0:a.offsetWidth)/2}setupTabAccessibility(){var e;(e=this.tabs)==null||e.forEach((e,t)=>{e.setAttribute(`role`,`tab`),e.setAttribute(`tabindex`,t===this.selectedTab&&!this.disabled?`0`:`-1`),e.addEventListener(`focus`,this.handleFocus),e.addEventListener(`blur`,this.handleBlur)})}handleChangeSelectedTab(e){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{selectedTab:e}})),this._selectedTabState=e,this._selectedTab=void 0}handleSelect(e){let t;this.tabs.forEach((n,r)=>{(n===e.target||n.contains(e.target))&&(t=r)}),typeof t==`number`&&t!==this.selectedTab&&this.handleChangeSelectedTab(t)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return e.html`
+            <div part="container" class=${l.classMap(this.classes)}>
+                <div class=${l.classMap(this.navContainerClasses)}>
                     ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
                     <nav tabindex="0" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
                         <slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
@@ -18,4 +18,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </div>
                 <slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
             </div>
-        `}},p.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles],p);i.__decorate([t.n({type:Number,attribute:`selected-tab`,reflect:!0})],m.prototype,`_selectedTab`,void 0),i.__decorate([n.r()],m.prototype,`_selectedTabState`,void 0),i.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.__decorate([t.n({type:String,reflect:!0})],m.prototype,`variant`,void 0),i.__decorate([t.n({type:String})],m.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.__decorate([n.r()],m.prototype,`focusedTabIndex`,void 0),i.__decorate([r.e(`nav`)],m.prototype,`nav`,void 0),i.__decorate([n.r()],m.prototype,`tabs`,void 0),i.__decorate([n.r()],m.prototype,`panels`,void 0),i.__decorate([n.r()],m.prototype,`hasScrollLeft`,void 0),i.__decorate([n.r()],m.prototype,`hasScrollRight`,void 0),m=i.__decorate([o.customUiKitElement(`ds-tabs`)],m);
+        `}},m=(p.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles],p);i.default([t.property({type:Number,attribute:`selected-tab`,reflect:!0})],m.prototype,`_selectedTab`,void 0),i.default([n.state()],m.prototype,`_selectedTabState`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`variant`,void 0),i.default([t.property({type:String})],m.prototype,`size`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.default([n.state()],m.prototype,`focusedTabIndex`,void 0),i.default([r.query(`nav`)],m.prototype,`nav`,void 0),i.default([n.state()],m.prototype,`tabs`,void 0),i.default([n.state()],m.prototype,`panels`,void 0),i.default([n.state()],m.prototype,`hasScrollLeft`,void 0),i.default([n.state()],m.prototype,`hasScrollRight`,void 0),m=i.default([o.customUiKitElement(`ds-tabs`)],m),Object.defineProperty(exports,"DsTabs",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-tabs/styles/common.styles.cjs

@@ -1,9 +1,9 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
         width: 100%;
     }
-`,n=e.i`
+`,n=e.css`
     nav {
         display: flex;
         justify-content: flex-start;
@@ -54,7 +54,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     .nav-container:hover .nav-arrow {
         visibility: visible;
     }
-`,r=e.i`
+`,r=e.css`
     ::slotted([slot='tab']) {
         white-space: nowrap;
         -webkit-user-select: none;
@@ -72,7 +72,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     ::slotted([slot='tab'][selected]) {
         cursor: auto;
     }
-`,i=e.i`
+`,i=e.css`
     ::slotted([slot='panel']) {
         display: none;
     }

package/dist/cjs/components/ds-tag/ds-tag.cjs

@@ -1,7 +1,7 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.e(this.iconClasses)} icon-name=${l.o(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.E}render(){return this.show?e.x`
-                <div class=${c.e(this.classes)}>
-                    ${u.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.classMap(this.iconClasses)} icon-name=${l.ifDefined(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.nothing}render(){return this.show?e.html`
+                <div class=${c.classMap(this.classes)}>
+                    ${u.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                     <slot></slot>
-                    ${u.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                    ${u.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
                 </div>
-            `:e.E}},f.styles=[d.commonStyles,d.iconStyles],f);r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],p.prototype,`show`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],p.prototype,`clickableIcon`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),r.__decorate([t.n({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),r.__decorate([t.n({type:String,attribute:`color`})],p.prototype,`color`,void 0),r.__decorate([t.n({type:String,attribute:`variant`})],p.prototype,`variant`,void 0),r.__decorate([n.r()],p.prototype,`onClickHandler`,void 0),p=r.__decorate([a.customUiKitElement(`ds-tag`)],p);
+            `:e.nothing}},p=(f.styles=[d.commonStyles,d.iconStyles],f);r.default([t.property({type:Boolean,converter:o.booleanConverter})],p.prototype,`show`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],p.prototype,`clickableIcon`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),r.default([t.property({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),r.default([t.property({type:String,attribute:`color`})],p.prototype,`color`,void 0),r.default([t.property({type:String,attribute:`variant`})],p.prototype,`variant`,void 0),r.default([n.state()],p.prototype,`onClickHandler`,void 0),p=r.default([a.customUiKitElement(`ds-tag`)],p),Object.defineProperty(exports,"DsTag",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-tag/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: inline-block;
     }
@@ -8,7 +8,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         justify-content: center;
         align-items: center;
     }
-`,n=e.i`
+`,n=e.css`
     .icon.clicable {
         cursor: pointer;
     }

package/dist/cjs/components/ds-text/ds-text.cjs

@@ -1,11 +1,11 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs");const f=require("./styles/common.styles.cjs");var p,m=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),h=(p=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=u.s(m.has(t)?t:`span`);return u.u`
-            <${n} 
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const f=require("./styles/common.styles.cjs");var p,m=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),h=(p=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=m.has(t)?t:`span`,r=u.unsafeStatic(n);return u.html`
+            <${r} 
                 part="container" 
                 data-testid="ds-text-container" 
-                class=${s.e(this.classes)}
-                style=${d.o({color:this.color||`var(--ui-kit-private-text-color)`})}
+                class=${s.classMap(this.classes)}
+                style=${d.styleMap({color:this.color||`var(--ui-kit-private-text-color)`})}
             >
-                ${this.value?this.value:e.E}
+                ${this.value?this.value:e.nothing}
                 <slot></slot>
-            </${n}>
-        `}},p.styles=[f.commonStyles],p);r.__decorate([t.n({type:String,converter:l.objectConverter})],h.prototype,`size`,void 0),r.__decorate([t.n({type:String})],h.prototype,`emphasis`,void 0),r.__decorate([t.n({type:String})],h.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],h.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],h.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],h.prototype,`slotedNodes`,void 0),h=r.__decorate([a.customUiKitElement(`ds-text`)],h);
+            </${r}>
+        `}},p.styles=[f.commonStyles],p);r.default([t.property({type:String,converter:l.objectConverter})],h.prototype,`size`,void 0),r.default([t.property({type:String})],h.prototype,`emphasis`,void 0),r.default([t.property({type:String})],h.prototype,`variant`,void 0),r.default([t.property({type:String,attribute:`html-tag-name`})],h.prototype,`htmlTagName`,void 0),r.default([t.property({type:String})],h.prototype,`value`,void 0),r.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),r.default([t.property({type:String,reflect:!0})],h.prototype,`color`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`uppercase`,void 0),r.default([n.queryAssignedNodes({slot:``,flatten:!0})],h.prototype,`slotedNodes`,void 0),h=r.default([a.customUiKitElement(`ds-text`)],h),Object.defineProperty(exports,"DsText",{enumerable:!0,get:function(){return h}});

package/dist/cjs/components/ds-text/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host,
     .display-contents {
         display: contents;