@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist/cjs/components/ds-checkbox-group/ds-checkbox-group.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),s=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),c=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),u=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),G=require("./styles/common.styles.cjs");var g=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(p,i,x,n)=>{for(var e=n>1?void 0:n?D(i,x):i,l=p.length-1,h;l>=0;l--)(h=p[l])&&(e=(n?h(i,x,e):h(e))||e);return n&&e&&g(i,x,e),e};const a=s.createContext(Symbol("ds-checkbox-group:disabled")),b=s.createContext(Symbol("ds-checkbox-group:error")),d=s.createContext(Symbol("ds-checkbox-group:error-text")),C=s.createContext(Symbol("ds-checkbox-group:helper-text")),y=s.createContext(Symbol("ds-checkbox-group:size"));exports.DsCheckboxGroup=class extends v.UiKitElement{constructor(){super(...arguments),this.error=!1,this.errorText="",this.helperText="",this.disabled=!1,this.size="medium",this.orientation="vertical"}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return o.html`
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs`),t=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs`),n=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 r=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 i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.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(`./styles/common.styles.cjs`);var u=e.n(Symbol(`ds-checkbox-group:disabled`)),d=e.n(Symbol(`ds-checkbox-group:error`)),f=e.n(Symbol(`ds-checkbox-group:error-text`)),p=e.n(Symbol(`ds-checkbox-group:helper-text`)),m=e.n(Symbol(`ds-checkbox-group:size`)),h=class extends a.UiKitElement{constructor(...e){super(...e),this.error=!1,this.errorText=``,this.helperText=``,this.disabled=!1,this.size=`medium`,this.orientation=`vertical`}static{this.styles=[l.commonStyles]}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return n.x`
             <div
                 data-testid="ds-checkbox-group-container"
-                class=${k.classMap(this.classes)}
+                class=${c.e(this.classes)}
                 .aria-invalid=${this.error}
             >
                 <slot name="title"></slot>
@@ -9,7 +9,7 @@
                 <div class="checkboxes-container">
                     <slot></slot>
                 </div>
-                ${!this.error&&this.helperText?o.html`<div class="helper-text">${this.helperText}</div>`:o.nothing}
-                ${this.error&&this.errorText?o.html`<div class="error-text">${this.errorText}</div>`:o.nothing}
+                ${!this.error&&this.helperText?n.x`<div class="helper-text">${this.helperText}</div>`:n.E}
+                ${this.error&&this.errorText?n.x`<div class="error-text">${this.errorText}</div>`:n.E}
             </div>
-        `}};exports.DsCheckboxGroup.styles=[G.commonStyles];t([c.provide({context:b}),r.property({type:Boolean,converter:u.booleanConverter})],exports.DsCheckboxGroup.prototype,"error",2);t([c.provide({context:d}),r.property({type:String,attribute:"error-text"})],exports.DsCheckboxGroup.prototype,"errorText",2);t([c.provide({context:C}),r.property({type:String,attribute:"helper-text"})],exports.DsCheckboxGroup.prototype,"helperText",2);t([c.provide({context:a}),r.property({type:Boolean,converter:u.booleanConverter})],exports.DsCheckboxGroup.prototype,"disabled",2);t([c.provide({context:y}),r.property({type:String})],exports.DsCheckboxGroup.prototype,"size",2);t([r.property({type:String,reflect:!0})],exports.DsCheckboxGroup.prototype,"orientation",2);exports.DsCheckboxGroup=t([m.customUiKitElement("ds-checkbox-group")],exports.DsCheckboxGroup);exports.checkboxGroupDisabledContext=a;exports.checkboxGroupErrorContext=b;exports.checkboxGroupErrorTextContext=d;exports.checkboxGroupHelperTextContext=C;exports.checkboxGroupSizeContext=y;
+        `}};i.__decorate([t.e({context:d}),r.n({type:Boolean,converter:s.booleanConverter})],h.prototype,`error`,void 0),i.__decorate([t.e({context:f}),r.n({type:String,attribute:`error-text`})],h.prototype,`errorText`,void 0),i.__decorate([t.e({context:p}),r.n({type:String,attribute:`helper-text`})],h.prototype,`helperText`,void 0),i.__decorate([t.e({context:u}),r.n({type:Boolean,converter:s.booleanConverter})],h.prototype,`disabled`,void 0),i.__decorate([t.e({context:m}),r.n({type:String})],h.prototype,`size`,void 0),i.__decorate([r.n({type:String,reflect:!0})],h.prototype,`orientation`,void 0),h=i.__decorate([o.customUiKitElement(`ds-checkbox-group`)],h),exports.checkboxGroupDisabledContext=u,exports.checkboxGroupErrorContext=d,exports.checkboxGroupSizeContext=m;

package/dist/cjs/components/ds-checkbox-group/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+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`
     :host {
         display: contents;
     }
@@ -15,4 +15,4 @@
         display: inline-flex;
         vertical-align: top;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),u=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(n,e,r,o)=>{for(var t=o>1?void 0:o?f(e,r):e,l=n.length-1,c;l>=0;l--)(c=n[l])&&(t=(o?c(e,r,t):c(t))||t);return o&&t&&C(e,r,t),t};exports.DsChip=class extends p.UiKitElement{constructor(){super(...arguments),this.mode="light",this.size="large",this.selected=!1,this.deselectable=!1,this.slottedText=""}firstUpdated(e){super.firstUpdated(e);const o=this.shadowRoot.querySelector("slot").assignedNodes({flatten:!0});this.slottedText=o.filter(t=>t.nodeType===Node.TEXT_NODE).map(t=>t.textContent.trim()).join(" ")}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return u.htmlWithTokens`
+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.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/htmlWithTokens.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(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``}static{this.styles=[l.commonStyles]}firstUpdated(e){super.firstUpdated(e),this.slottedText=this.shadowRoot.querySelector(`slot`).assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `)}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return s.htmlWithTokens`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
-                        pointer-events: ${this.selected?"none":"visible"};
+                        pointer-events: ${this.selected?`none`:`visible`};
                     }
                 </style>
-        `}handleClick(){this.selected||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent("deselect",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClickIcon(e))}get leadingIconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):a.nothing}get iconTemplate(){if(!this.selected||!this.deselectable)return a.nothing;const e=this.mode==="light"?"dark":"light";return this.componentFactory.createIcon({class:"icon","icon-name":"cross","data-testid":"ds-chip-icon","@click":this.handleClickIcon,"@keydown":this.handleKeyDownIcon,role:"button","aria-label":`deselect ${this.slottedText}`,tabindex:"0",mode:e})}render(){return a.html`
+        `}handleClick(){this.selected||this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent(`deselect`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClickIcon(e))}get leadingIconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}get iconTemplate(){if(!this.selected||!this.deselectable)return e.E;let t=this.mode===`light`?`dark`:`light`;return this.componentFactory.createIcon({class:`icon`,"icon-name":`cross`,"data-testid":`ds-chip-icon`,"@click":this.handleClickIcon,"@keydown":this.handleKeyDownIcon,role:`button`,"aria-label":`deselect ${this.slottedText}`,tabindex:`0`,mode:t})}render(){return e.x`
             ${this.styleTokens}
             <div
                 role="button"
                 aria-label=${`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
-                class=${y.classMap(this.classes)}
+                class=${c.e(this.classes)}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
@@ -20,4 +20,4 @@
                 <slot></slot>
                 ${this.iconTemplate}
             </div>
-        `}};exports.DsChip.styles=[b.commonStyles];s([i.property({type:String})],exports.DsChip.prototype,"value",2);s([i.property({type:String,reflect:!0})],exports.DsChip.prototype,"mode",2);s([i.property({type:String,reflect:!0})],exports.DsChip.prototype,"size",2);s([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsChip.prototype,"selected",2);s([i.property({type:Boolean,converter:h.booleanConverter})],exports.DsChip.prototype,"deselectable",2);s([i.property({type:String,attribute:"icon-name"})],exports.DsChip.prototype,"iconName",2);s([m.state()],exports.DsChip.prototype,"slottedText",2);exports.DsChip=s([d.customUiKitElement("ds-chip")],exports.DsChip);
+        `}};r.__decorate([t.n({type:String})],u.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],u.prototype,`deselectable`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),r.__decorate([n.r()],u.prototype,`slottedText`,void 0),u=r.__decorate([a.customUiKitElement(`ds-chip`)],u);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+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`
     :host {
         display: inline-block;
     }
@@ -15,4 +15,4 @@
         cursor: pointer;
         pointer-events: visible;
     }
-`;exports.commonStyles=n;
+`;exports.commonStyles=t;

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/arrayConverter.cjs"),C=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const h=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"),v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),S=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(o,e,t,s)=>{for(var i=s>1?void 0:s?f(e,t):e,r=o.length-1,c;r>=0;r--)(c=o[r])&&(i=(s?c(e,t,i):c(i))||i);return s&&i&&b(e,t,i),i};exports.DsChips=class extends p.UiKitElement{constructor(){super(...arguments),this.multiChoice=null,this.size="medium",this.mode="light",this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,i,r;const e=((t=this.chipsContainer)==null?void 0:t.scrollLeft)+((s=this.chipsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((i=this.chipsContainer)==null?void 0:i.scrollLeft)>0,this.hasScrollRight=e<((r=this.chipsContainer)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:"smooth"})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener("resize",this.handleScrollNav),this.chipsContainer.addEventListener("scroll",this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav),this.chipsContainer.removeEventListener("scroll",this.handleScrollNav)}getScrollButtonTemplate(e,t){if(e==="left"&&!this.hasScrollLeft||e==="right"&&!this.hasScrollRight)return a.nothing;const s=`arrow-${e}`;return this.componentFactory.createIconButton({class:`scroll-button ${e}`,"data-testid":`scroll-button-${e}`,"data-aria-label":`scroll-button-${e}`,"@click":t,size:this.size||"large","icon-name":s,variant:"rounded",mode:this.mode})}updated(e){super.updated(e),(e.has("selectedChips")||e.has("multiChoice")||e.has("size")||e.has("mode"))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(t=>{var s,i;t.size=this.size,t.selected=(i=(s=this.selectedChips)==null?void 0:s.includes)==null?void 0:i.call(s,t.value),t.deselectable=!!this.multiChoice,t.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var s,i;let t;this.multiChoice&&!((i=(s=this.selectedChips)==null?void 0:s.includes)!=null&&i.call(s,e.detail.value))?t=[...this.selectedChips||[],e.detail.value]:t=[e.detail.value],this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}handleDeselect(e){const t=[...(this.selectedChips||[]).filter(s=>s!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return a.html`
+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-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.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(`../../utils/arrayConverter.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends o.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{let e=this.chipsContainer?.scrollLeft+this.chipsContainer?.clientWidth;this.hasScrollLeft=this.chipsContainer?.scrollLeft>0,this.hasScrollRight=e<this.chipsContainer?.scrollWidth},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:`smooth`})}}static{this.styles=[d.commonStyles]}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav)}getScrollButtonTemplate(t,n){if(t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let r=`arrow-${t}`;return this.componentFactory.createIconButton({class:`scroll-button ${t}`,"data-testid":`scroll-button-${t}`,"data-aria-label":`scroll-button-${t}`,"@click":n,size:this.size||`large`,"icon-name":r,variant:`rounded`,mode:this.mode})}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){this.chips?.forEach(e=>{e.size=this.size,e.selected=this.selectedChips?.includes?.(e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){let t;t=this.multiChoice&&!this.selectedChips?.includes?.(e.detail.value)?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return e.x`
             <div
                 class="container"
                 data-testid="ds-chips-container"
                 @select=${this.handleSelect}
                 @deselect=${this.handleDeselect}
             >
-                ${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
-                <nav tabindex="0" class=${S.classMap(this.chipsContainerClasses)}>
+                ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
+                <nav tabindex="0" class=${l.e(this.chipsContainerClasses)}>
                     <slot @slotchange=${this.updateChildChips}></slot>
                 </nav>
-                ${this.getScrollButtonTemplate("right",this.handleScrollRight)}
+                ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
             </div>
-        `}};exports.DsChips.styles=[y.commonStyles];l([h.property({type:Array,attribute:"selected-chips",converter:u.arrayConverter,reflect:!0})],exports.DsChips.prototype,"selectedChips",2);l([h.property({type:Boolean,attribute:"multi-choice",converter:C.booleanConverter})],exports.DsChips.prototype,"multiChoice",2);l([h.property({type:String})],exports.DsChips.prototype,"size",2);l([h.property({type:String,reflect:!0})],exports.DsChips.prototype,"mode",2);l([n.state()],exports.DsChips.prototype,"hasScrollLeft",2);l([n.state()],exports.DsChips.prototype,"hasScrollRight",2);l([m.queryAssignedElements({slot:""})],exports.DsChips.prototype,"chips",2);l([v.query(".chips-container")],exports.DsChips.prototype,"chipsContainer",2);exports.DsChips=l([d.customUiKitElement("ds-chips")],exports.DsChips);
+        `}};a.__decorate([t.n({type:Array,attribute:`selected-chips`,converter:u.arrayConverter,reflect:!0})],f.prototype,`selectedChips`,void 0),a.__decorate([t.n({type:Boolean,attribute:`multi-choice`,converter:c.booleanConverter})],f.prototype,`multiChoice`,void 0),a.__decorate([t.n({type:String})],f.prototype,`size`,void 0),a.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),a.__decorate([n.r()],f.prototype,`hasScrollLeft`,void 0),a.__decorate([n.r()],f.prototype,`hasScrollRight`,void 0),a.__decorate([i.o({slot:``})],f.prototype,`chips`,void 0),a.__decorate([r.e(`.chips-container`)],f.prototype,`chipsContainer`,void 0),f=a.__decorate([s.customUiKitElement(`ds-chips`)],f);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=t.css`
+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`
     .container {
         display: inline-flex;
         position: relative;
@@ -51,4 +51,4 @@
     .scroll-button.right {
         right: 0;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/formatNumber/formatNumber.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),l=require("./styles/common.styles.cjs");var g=Object.defineProperty,d=Object.getOwnPropertyDescriptor,t=(c,r,s,o)=>{for(var n=o>1?void 0:o?d(r,s):r,p=c.length-1,u;p>=0;p--)(u=c[p])&&(n=(o?u(r,s,n):u(n))||n);return o&&n&&g(r,s,n),n};exports.DsCurrency=class extends m.UiKitElement{constructor(){super(...arguments),this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize="medium",this.amountWeight="medium",this.currencySize="medium",this.currencyWeight="medium",this.periodSize="medium",this.periodWeight="medium",this.noteSize="medium",this.noteWeight="medium"}get valueTemplate(){const{formattedValue:r,unitSymbol:s,unitSymbolPosition:o}=h.formatNumber({value:this.amountNumber??0,locale:this.locale,style:"currency",currency:this.currencyCode,localeMatcher:"lookup",minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits}),n=this.amountText||r,p={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0},u={currency:!0,left:o==="left",right:o==="right",text:!0,[`size-${this.currencySize}`]:!0,[`weight-${this.currencyWeight}`]:!0};return i.html`
-            ${o==="left"?i.html`<span class=${a.classMap(u)}>${s}</span>`:i.nothing}
-            <span class=${a.classMap(p)}>${n}</span>
-            ${o==="right"?i.html`<span class=${a.classMap(u)}>${s}</span>`:i.nothing}
-        `}get periodTemplate(){if(!this.period)return i.nothing;const r=new Intl.DisplayNames(this.locale,{type:"dateTimeField"}),s={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return i.html`
-            <span class=${a.classMap(s)}"period">/${r.of(this.period)}</span>
-        `}get noteTemplate(){if(!this.note)return i.nothing;const r={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return i.html` <span class=${a.classMap(r)}>${this.note}</span> `}render(){return i.html`
+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.122.0/helpers/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(`../../utils/formatNumber/formatNumber.cjs`),s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.currencySize=`medium`,this.currencyWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`}static{this.styles=[s.commonStyles]}get valueTemplate(){let{formattedValue:t,unitSymbol:n,unitSymbolPosition:r}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits}),i=this.amountText||t,s={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0},c={currency:!0,left:r===`left`,right:r===`right`,text:!0,[`size-${this.currencySize}`]:!0,[`weight-${this.currencyWeight}`]:!0};return e.x`
+            ${r===`left`?e.x`<span class=${a.e(c)}>${n}</span>`:e.E}
+            <span class=${a.e(s)}>${i}</span>
+            ${r===`right`?e.x`<span class=${a.e(c)}>${n}</span>`:e.E}
+        `}get periodTemplate(){if(!this.period)return e.E;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`});return e.x`
+            <span class=${a.e({period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0})}"period">/${t.of(this.period)}</span>
+        `}get noteTemplate(){return this.note?e.x` <span class=${a.e({note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0})}>${this.note}</span> `:e.E}render(){return e.x`
             <div class="container">
                 ${this.valueTemplate}
                 ${this.noteTemplate}
                 ${this.periodTemplate}
             </div>
-        `}};exports.DsCurrency.styles=[l.commonStyles];t([e.property({type:String})],exports.DsCurrency.prototype,"locale",2);t([e.property({type:String,attribute:"currency-code"})],exports.DsCurrency.prototype,"currencyCode",2);t([e.property({type:String,attribute:"amount-text"})],exports.DsCurrency.prototype,"amountText",2);t([e.property({type:Number,attribute:"amount-number"})],exports.DsCurrency.prototype,"amountNumber",2);t([e.property({type:Number,attribute:"minimum-fraction-digits"})],exports.DsCurrency.prototype,"minimumFractionDigits",2);t([e.property({type:Number,attribute:"maximum-fraction-digits"})],exports.DsCurrency.prototype,"maximumFractionDigits",2);t([e.property({type:String})],exports.DsCurrency.prototype,"period",2);t([e.property({type:String})],exports.DsCurrency.prototype,"note",2);t([e.property({type:String,attribute:"thousand-separator"})],exports.DsCurrency.prototype,"thousandSeparator",2);t([e.property({type:String,attribute:"fraction-separator"})],exports.DsCurrency.prototype,"fractionSeparator",2);t([e.property({type:String,attribute:"amount-size"})],exports.DsCurrency.prototype,"amountSize",2);t([e.property({type:String,attribute:"amount-weight"})],exports.DsCurrency.prototype,"amountWeight",2);t([e.property({type:String,attribute:"currency-size"})],exports.DsCurrency.prototype,"currencySize",2);t([e.property({type:String,attribute:"currency-weight"})],exports.DsCurrency.prototype,"currencyWeight",2);t([e.property({type:String,attribute:"period-size"})],exports.DsCurrency.prototype,"periodSize",2);t([e.property({type:String,attribute:"period-weight"})],exports.DsCurrency.prototype,"periodWeight",2);t([e.property({type:String,attribute:"note-size"})],exports.DsCurrency.prototype,"noteSize",2);t([e.property({type:String,attribute:"note-weight"})],exports.DsCurrency.prototype,"noteWeight",2);exports.DsCurrency=t([y.customUiKitElement("ds-currency")],exports.DsCurrency);
+        `}};n.__decorate([t.n({type:String})],c.prototype,`locale`,void 0),n.__decorate([t.n({type:String,attribute:`currency-code`})],c.prototype,`currencyCode`,void 0),n.__decorate([t.n({type:String,attribute:`amount-text`})],c.prototype,`amountText`,void 0),n.__decorate([t.n({type:Number,attribute:`amount-number`})],c.prototype,`amountNumber`,void 0),n.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],c.prototype,`minimumFractionDigits`,void 0),n.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],c.prototype,`maximumFractionDigits`,void 0),n.__decorate([t.n({type:String})],c.prototype,`period`,void 0),n.__decorate([t.n({type:String})],c.prototype,`note`,void 0),n.__decorate([t.n({type:String,attribute:`thousand-separator`})],c.prototype,`thousandSeparator`,void 0),n.__decorate([t.n({type:String,attribute:`fraction-separator`})],c.prototype,`fractionSeparator`,void 0),n.__decorate([t.n({type:String,attribute:`amount-size`})],c.prototype,`amountSize`,void 0),n.__decorate([t.n({type:String,attribute:`amount-weight`})],c.prototype,`amountWeight`,void 0),n.__decorate([t.n({type:String,attribute:`currency-size`})],c.prototype,`currencySize`,void 0),n.__decorate([t.n({type:String,attribute:`currency-weight`})],c.prototype,`currencyWeight`,void 0),n.__decorate([t.n({type:String,attribute:`period-size`})],c.prototype,`periodSize`,void 0),n.__decorate([t.n({type:String,attribute:`period-weight`})],c.prototype,`periodWeight`,void 0),n.__decorate([t.n({type:String,attribute:`note-size`})],c.prototype,`noteSize`,void 0),n.__decorate([t.n({type:String,attribute:`note-weight`})],c.prototype,`noteWeight`,void 0),c=n.__decorate([i.customUiKitElement(`ds-currency`)],c);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=e.css`
+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`
     :host {
         display: inline;
     }
@@ -7,4 +7,4 @@
         display: inline-flex;
         align-items: flex-end;
     }
-`;exports.commonStyles=i;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-date-picker/ds-date-picker.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),u=require("../../mixins/inputStatesMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var m=Object.defineProperty,D=Object.getOwnPropertyDescriptor,r=(l,t,n,s)=>{for(var i=s>1?void 0:s?D(t,n):t,d=l.length-1,o;d>=0;d--)(o=l[d])&&(i=(s?o(t,n,i):o(i))||i);return s&&i&&m(t,n,i),i};exports.DsDatePicker=class extends u.inputStatesMixin(p.UiKitElement){constructor(){super(...arguments),this.size="large",this.helperText="",this.forcedError="",this.invalidError="",this.readonlyText="",this.dataAriaLabelCalendarButton="",this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=t=>{t.stopPropagation();const n=t.detail.value;this.nativeInput&&(this.nativeInput.value=n,this.nativeInput.dispatchEvent(new Event("input",{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=t=>{this.isExpanded&&!this.contains(t.target)&&(this.isExpanded=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleDocumentClick),this.addEventListener("ds-calendar-change",this.handleCalendarChange),exports.DsDatePicker.injectNativeInputStyles()}static injectNativeInputStyles(){if(exports.DsDatePicker.nativeStylesInjected)return;exports.DsDatePicker.nativeStylesInjected=!0;const t=document.createElement("style");t.setAttribute("data-ds-date-picker",""),t.textContent=['ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }','ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }','ds-date-picker-react input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }','ds-date-picker-react input[type="date"]::-webkit-inner-spin-button { display: none !important; }'].join(`
-`),document.head.appendChild(t)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick),this.removeEventListener("ds-calendar-change",this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.html`
-            <div class=${y.classMap(this.classes)}>
+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.122.0/helpers/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/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`../../mixins/inputStatesMixin.cjs`),c=require(`./styles/common.styles.cjs`);var l,u=class extends s.inputStatesMixin(i.UiKitElement){static{l=this}constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}static{this.styles=[c.commonStyles]}static{this.nativeStylesInjected=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),l.injectNativeInputStyles()}static injectNativeInputStyles(){if(l.nativeStylesInjected)return;l.nativeStylesInjected=!0;let e=document.createElement(`style`);e.setAttribute(`data-ds-date-picker`,``),e.textContent=[`ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`,`ds-date-picker-react input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`ds-date-picker-react input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
+`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.x`
+            <div class=${o.e(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
                     ${this.calendarButtonTemplate}
@@ -13,8 +13,8 @@
                     ${this.invalidErrorTemplate}
                 </div>
             </div>
-        `}get calendarDropdownTemplate(){return e.html`
+        `}get calendarDropdownTemplate(){return e.x`
             <div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
                 <slot name="calendar"></slot>
             </div>
-        `}get calendarButtonTemplate(){var t;return this.componentFactory.createIconButton({class:"calendar-button","icon-name":"calendar",size:this.size,disabled:!!((t=this.nativeInput)!=null&&t.disabled),variant:"naked","@click":this.handleCalendarButtonClick,"data-aria-label":this.dataAriaLabelCalendarButton||"open calendar"})}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};exports.DsDatePicker.styles=[v.commonStyles];exports.DsDatePicker.nativeStylesInjected=!1;r([a.property({type:String})],exports.DsDatePicker.prototype,"size",2);r([a.property({type:String,attribute:"helper-text"})],exports.DsDatePicker.prototype,"helperText",2);r([a.property({type:String,attribute:"forced-error"})],exports.DsDatePicker.prototype,"forcedError",2);r([a.property({type:String,attribute:"invalid-error"})],exports.DsDatePicker.prototype,"invalidError",2);r([a.property({type:String,attribute:"readonly-text"})],exports.DsDatePicker.prototype,"readonlyText",2);r([a.property({type:String,attribute:"data-aria-label-calendar-button"})],exports.DsDatePicker.prototype,"dataAriaLabelCalendarButton",2);r([h.state()],exports.DsDatePicker.prototype,"isExpanded",2);exports.DsDatePicker=r([c.customUiKitElement("ds-date-picker")],exports.DsDatePicker);
+        `}get calendarButtonTemplate(){return this.componentFactory.createIconButton({class:`calendar-button`,"icon-name":`calendar`,size:this.size,disabled:!!this.nativeInput?.disabled,variant:`naked`,"@click":this.handleCalendarButtonClick,"data-aria-label":this.dataAriaLabelCalendarButton||`open calendar`})}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.E:e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.E:e.x`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:String,attribute:`helper-text`})],u.prototype,`helperText`,void 0),r.__decorate([t.n({type:String,attribute:`forced-error`})],u.prototype,`forcedError`,void 0),r.__decorate([t.n({type:String,attribute:`invalid-error`})],u.prototype,`invalidError`,void 0),r.__decorate([t.n({type:String,attribute:`readonly-text`})],u.prototype,`readonlyText`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label-calendar-button`})],u.prototype,`dataAriaLabelCalendarButton`,void 0),r.__decorate([n.r()],u.prototype,`isExpanded`,void 0),u=l=r.__decorate([a.customUiKitElement(`ds-date-picker`)],u);

package/dist/cjs/components/ds-date-picker/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+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`
     :host {
         display: contents;
     }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),v=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),g=require("../../utils/debounce.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),D=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var C=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(n,e,t,a)=>{for(var i=a>1?void 0:a?y(e,t):e,r=n.length-1,c;r>=0;r--)(c=n[r])&&(i=(a?c(e,t,i):c(i))||i);return a&&i&&C(e,t,i),i};exports.DsDialog=class extends u.UiKitElement{constructor(){super(...arguments),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.size="medium",this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=g.debounce({func:()=>this.checkScroll()}),this.handleCloseButtonClick=()=>{this.handleClose("button")},this.handleDialogClick=e=>{e.target===this.nativeDialog&&this.handleClose("backdrop")},this.handleCancel=e=>{e.preventDefault(),this.lockClose||this.handleClose("escape")},this.handleHostClick=e=>{e.stopPropagation()}}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has("open")&&this.open&&(this.hasBeenOpened=!0),e.has("open")&&(this.handleResizeObserver(),this.syncNativeDialogState()),e.has("open")&&this.open&&(await this.updateComplete,this.requestUpdate())}syncNativeDialogState(){this.nativeDialog&&(this.open?this.openNativeDialog():this.closeNativeDialog())}openNativeDialog(){var e,t;this.nativeDialog.open||(t=(e=this.nativeDialog).showModal)==null||t.call(e)}closeNativeDialog(){var e,t;this.nativeDialog.open&&((t=(e=this.nativeDialog).close)==null||t.call(e))}async handleResizeObserver(){var e;(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get panelClasses(){return{panel:!0,"with-scroll":this.open&&this.hasScroll,[this.size]:!!this.size}}dispatchCloseEvents(e){const t=`ds-dialog:close-${e}`;this.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("ds-dialog:close",{bubbles:!0,composed:!0}))}handleClose(e){this.lockClose||(this.open=!1,this.dispatchCloseEvents(e))}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver(),this.addEventListener("click",this.handleHostClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),this.removeEventListener("click",this.handleHostClick)}checkScroll(){var e,t;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight)}render(){return!this.hasBeenOpened&&!this.open?o.nothing:o.html`
+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.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.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(`../../utils/debounce.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.size=`medium`,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleCloseButtonClick=()=>{this.handleClose(`button`)},this.handleDialogClick=e=>{e.target===this.nativeDialog&&this.handleClose(`backdrop`)},this.handleCancel=e=>{e.preventDefault(),this.lockClose||this.handleClose(`escape`)},this.handleHostClick=e=>{e.stopPropagation()}}static{this.styles=[u.commonStyles]}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has(`open`)&&this.open&&(this.hasBeenOpened=!0),e.has(`open`)&&(this.handleResizeObserver(),this.syncNativeDialogState()),e.has(`open`)&&this.open&&(await this.updateComplete,this.requestUpdate())}syncNativeDialogState(){this.nativeDialog&&(this.open?this.openNativeDialog():this.closeNativeDialog())}openNativeDialog(){this.nativeDialog.open||this.nativeDialog.showModal?.()}closeNativeDialog(){this.nativeDialog.open&&this.nativeDialog.close?.()}async handleResizeObserver(){this.resizeObserver?.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get panelClasses(){return{panel:!0,"with-scroll":this.open&&this.hasScroll,[this.size]:!!this.size}}dispatchCloseEvents(e){let t=`ds-dialog:close-${e}`;this.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`ds-dialog:close`,{bubbles:!0,composed:!0}))}handleClose(e){this.lockClose||(this.open=!1,this.dispatchCloseEvents(e))}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver(),this.addEventListener(`click`,this.handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),this.removeEventListener(`click`,this.handleHostClick)}checkScroll(){this.hasScroll=this.content?.scrollHeight>this.content?.clientHeight}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
             <dialog
                 class="dialog"
                 data-testid="ds-dialog-container"
-                aria-label=${this.dataAriaLabel||o.nothing}
-                aria-description=${this.dataAriaDescription||o.nothing}
+                aria-label=${this.dataAriaLabel||e.E}
+                aria-description=${this.dataAriaDescription||e.E}
                 @cancel=${this.handleCancel}
                 @click=${this.handleDialogClick}
             >
-                <div class=${D.classMap(this.panelClasses)}>
-                    ${this.lockClose?o.nothing:o.html`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
+                <div class=${c.e(this.panelClasses)}>
+                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
                     <div class="content-container">
                         <div tabindex="0" class="content ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
@@ -17,4 +17,4 @@
                     </div>
                 </div>
             </dialog>
-        `}};exports.DsDialog.styles=[b.commonStyles];s([l.property({type:Boolean,converter:h.booleanConverter,attribute:"lock-close"})],exports.DsDialog.prototype,"lockClose",2);s([l.property({type:Boolean,converter:h.booleanConverter,attribute:"lock-scroll"})],exports.DsDialog.prototype,"lockScroll",2);s([l.property({type:Boolean,converter:h.booleanConverter})],exports.DsDialog.prototype,"open",2);s([l.property({type:String})],exports.DsDialog.prototype,"size",2);s([l.property({type:String,attribute:"data-aria-label"})],exports.DsDialog.prototype,"dataAriaLabel",2);s([l.property({type:String,attribute:"data-aria-description"})],exports.DsDialog.prototype,"dataAriaDescription",2);s([p.state()],exports.DsDialog.prototype,"hasBeenOpened",2);s([p.state()],exports.DsDialog.prototype,"hasScroll",2);s([d.query(".content")],exports.DsDialog.prototype,"content",2);s([d.query("dialog")],exports.DsDialog.prototype,"nativeDialog",2);exports.DsDialog=s([v.customUiKitElement("ds-dialog")],exports.DsDialog);
+        `}};i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],d.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],d.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`open`,void 0),i.__decorate([t.n({type:String})],d.prototype,`size`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-description`})],d.prototype,`dataAriaDescription`,void 0),i.__decorate([n.r()],d.prototype,`hasBeenOpened`,void 0),i.__decorate([n.r()],d.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],d.prototype,`content`,void 0),i.__decorate([r.e(`dialog`)],d.prototype,`nativeDialog`,void 0),d=i.__decorate([o.customUiKitElement(`ds-dialog`)],d);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+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`);const t=require(`../../../utils/cssQueries.cjs`);var n=e.i`
     :host {
         display: contents;
     }
@@ -44,7 +44,7 @@
         background-color: transparent;
     }
 
-    ${l.cssQueries.xs} {
+    ${t.cssQueries.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -52,11 +52,11 @@
         }
     }
 
-    ${l.cssQueries.m} {
+    ${t.cssQueries.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
             width: 8px;
         }
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=n;

package/dist/cjs/components/ds-dialog-body/ds-dialog-body.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var y=Object.getOwnPropertyDescriptor,g=(t,o,i,r)=>{for(var e=r>1?void 0:r?y(o,i):o,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=l(e)||e);return e};exports.DsDialogBody=class extends n.UiKitElement{get classes(){return{container:!0}}get styleTokens(){return c.htmlWithTokens`
+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(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../utils/htmlWithTokens.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=class extends n.UiKitElement{static{this.styles=[o.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return i.htmlWithTokens`
                 <style>
                     :host{
                         grid-area: body;
                     }
                 </style>
-        `}render(){return d.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-body-container" class=${u.classMap(this.classes)}>
+            <div data-testid="ds-dialog-body-container" class=${a.e(this.classes)}>
                 <slot name="description"></slot>
                 <slot name="image"></slot>
                 <slot></slot>
             </div>
-        `}};exports.DsDialogBody.styles=[m.commonStyles];exports.DsDialogBody=g([a.customUiKitElement("ds-dialog-body")],exports.DsDialogBody);
+        `}};s=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],s);

package/dist/cjs/components/ds-dialog-body/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+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`
     :host {
         display: inline-block;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-dialog-footer/ds-dialog-footer.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),D=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(o,t,s,r)=>{for(var e=r>1?void 0:r?g(t,s):t,i=o.length-1,l;i>=0;i--)(l=o[i])&&(e=(r?l(t,s,e):l(e))||e);return r&&e&&p(t,s,e),e};exports.DsDialogFooter=class extends c.UiKitElement{constructor(){super(...arguments),this.withDivider=!0}get classes(){return{container:!0}}render(){return n.html`
-            <div data-testid="ds-dialog-footer-container" class=${D.classMap(this.classes)}>
-                ${this.withDivider?n.html`<div class="divider"></div>`:n.nothing}
+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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=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 s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}static{this.styles=[s.commonStyles]}get classes(){return{container:!0}}render(){return e.x`
+            <div data-testid="ds-dialog-footer-container" class=${o.e(this.classes)}>
+                ${this.withDivider?e.x`<div class="divider"></div>`:e.E}
                 <slot></slot>
                 <slot name="actions"></slot>
             </div>
-        `}};exports.DsDialogFooter.styles=[m.commonStyles];a([v.property({type:Boolean,attribute:"with-divider",converter:d.booleanConverter})],exports.DsDialogFooter.prototype,"withDivider",2);exports.DsDialogFooter=a([u.customUiKitElement("ds-dialog-footer")],exports.DsDialogFooter);
+        `}};n.__decorate([t.n({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],c.prototype,`withDivider`,void 0),c=n.__decorate([i.customUiKitElement(`ds-dialog-footer`)],c);

package/dist/cjs/components/ds-dialog-footer/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+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`
     :host {
         display: flex;
     }
@@ -6,4 +6,4 @@
     .container {
         width: 100%;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-dialog-fullscreen/ds-dialog-fullscreen.cjs

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),y=require("../../utils/debounce.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var m=Object.defineProperty,D=Object.getOwnPropertyDescriptor,o=(r,e,s,l)=>{for(var t=l>1?void 0:l?D(e,s):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(t=(l?c(e,s,t):c(t))||t);return l&&t&&m(e,s,t),t};exports.DsDialogFullscreen=class extends d.UiKitElement{constructor(){super(...arguments),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=y.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&this.handleClose()}}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has("open")&&this.open&&(this.hasBeenOpened=!0),e.has("open")&&this.handleResizeObserver(),e.has("open")&&this.open&&(await this.updateComplete,this.requestUpdate())}async handleResizeObserver(){var e;this.lockScroll&&(document.getElementById("storybook-root")||(document.body.style.overflow=this.open?"hidden":"")),(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this.open=!1,this.dispatchEvent(new Event("ds-dialog-fullscreen:close",{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("keydown",this.handleKeyDown),this.lockScroll&&(document.getElementById("storybook-root")||(document.body.style.overflow="")),(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,s;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((s=this.content)==null?void 0:s.clientHeight)}render(){return!this.hasBeenOpened&&!this.open?n.nothing:n.html`
+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.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.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(`../../utils/debounce.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}static{this.styles=[u.commonStyles]}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has(`open`)&&this.open&&(this.hasBeenOpened=!0),e.has(`open`)&&this.handleResizeObserver(),e.has(`open`)&&this.open&&(await this.updateComplete,this.requestUpdate())}async handleResizeObserver(){this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),this.resizeObserver?.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this.open=!1,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),this.resizeObserver?.disconnect()}checkScroll(){this.hasScroll=this.content?.scrollHeight>this.content?.clientHeight}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
             <style>
                 :host {
-                    display: ${this.open?"flex":"none"};
+                    display: ${this.open?`flex`:`none`};
                 }
             </style>
 
-            <div class=${v.classMap(this.containerClasses)}>
+            <div class=${c.e(this.containerClasses)}>
                 <dialog ?open=${this.open} data-testid="ds-dialog-fullscreen-container" class="dialog-fullscreen">
-                    ${this.lockClose?n.nothing:n.html`<slot name="close-button" @click=${this.handleClose}></slot>`}
+                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleClose}></slot>`}
                     <div class="content-container-fullscreen">
                         <div tabindex="0" class="content-fullscreen ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
                         </div>
                 </dialog>
             </div>
-        `}};exports.DsDialogFullscreen.styles=[f.commonStyles];o([h.property({type:Boolean,converter:a.booleanConverter,attribute:"lock-close"})],exports.DsDialogFullscreen.prototype,"lockClose",2);o([h.property({type:Boolean,converter:a.booleanConverter,attribute:"lock-scroll"})],exports.DsDialogFullscreen.prototype,"lockScroll",2);o([h.property({type:Boolean,converter:a.booleanConverter})],exports.DsDialogFullscreen.prototype,"open",2);o([u.state()],exports.DsDialogFullscreen.prototype,"hasBeenOpened",2);o([u.state()],exports.DsDialogFullscreen.prototype,"hasScroll",2);o([b.query(".content")],exports.DsDialogFullscreen.prototype,"content",2);exports.DsDialogFullscreen=o([p.customUiKitElement("ds-dialog-fullscreen")],exports.DsDialogFullscreen);
+        `}};i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],d.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],d.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`open`,void 0),i.__decorate([n.r()],d.prototype,`hasBeenOpened`,void 0),i.__decorate([n.r()],d.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],d.prototype,`content`,void 0),d=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],d);

package/dist/cjs/components/ds-dialog-fullscreen/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=l.css`
+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`);const t=require(`../../../utils/cssQueries.cjs`);var n=e.i`
     :host {
         transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
     }
@@ -59,7 +59,7 @@
         background-color: transparent;
     }
 
-    ${e.cssQueries.xs} {
+    ${t.cssQueries.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -67,11 +67,11 @@
         }
     }
 
-    ${e.cssQueries.m} {
+    ${t.cssQueries.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
             width: 8px;
         }
     }
-`;exports.commonStyles=i;
+`;exports.commonStyles=n;