@cupra/ui-kit 2.0.0-canary.131 → 2.0.0-canary.133

package/dist/cjs/components/ds-search-input/ds-search-input.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.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(`../../mixins/inputStatesMixin.cjs`),c=require(`../../utils/validateMaxLength.cjs`),l=require(`./styles/common.styles.cjs`);var u=class extends s.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}static{this.styles=[l.commonStyles]}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.x`
-            <div part="container" class=${o.e(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`);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`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.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(`../../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 l=require(`../../mixins/inputStatesMixin.cjs`);require(`../ds-loader-spinner/ds-loader-spinner.cjs`);const u=require(`../../utils/validateMaxLength.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}static{this.styles=[d.commonStyles]}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.x`
+            <div part="container" class=${s.e(this.classes)}>
                 <div part="input-container" class="input-container">
                     ${this.searchIconTemplate}
                     <slot></slot>
@@ -11,11 +11,27 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </div>
                 ${this.footerTemplate}
             </div>
-        `}get searchIconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":`magnifying-glass`,variant:`standard`})}get removeTemplate(){return!this.nativeInput?.value?.length||this.loading?e.E:this.componentFactory.createIconButton({class:`remove-icon-button`,"icon-name":`cross`,disabled:!!this.nativeInput?.disabled,size:this.size,variant:`naked`,"@click":this.handleRemove,"data-aria-label":this.dataAriaLabelRemoveButton||`remove button`})}get positionTemplate(){return this.loading||!this.withPositionButton?e.E:this.componentFactory.createIconButton({class:`position-icon-button`,"icon-name":`position`,disabled:!!this.nativeInput?.disabled,size:this.size,variant:`naked`,"@click":this.handleClickPositionButton,"data-aria-label":this.dataAriaLabelPositionButton||`position button`})}get loaderSpinnerTemplate(){return this.componentFactory.createLoaderSpinner({show:this.loading})}get footerTemplate(){return!this.helperText?.length&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number(this.nativeInput?.maxLength)<0?e.E:e.x`
+        `}get searchIconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="magnifying-glass"></ds-icon>`}get removeTemplate(){return!this.nativeInput?.value?.length||this.loading?e.E:o.uiKitHtml`<ds-icon-button
+            class="remove-icon-button"
+            icon-name="cross"
+            ?disabled=${!!this.nativeInput?.disabled}
+            size=${c.o(this.size)}
+            variant="naked"
+            @click=${this.handleRemove}
+            data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
+        ></ds-icon-button>`}get positionTemplate(){return this.loading||!this.withPositionButton?e.E:o.uiKitHtml`<ds-icon-button
+            class="position-icon-button"
+            icon-name="position"
+            ?disabled=${!!this.nativeInput?.disabled}
+            size=${c.o(this.size)}
+            variant="naked"
+            @click=${this.handleClickPositionButton}
+            data-aria-label=${this.dataAriaLabelPositionButton||`position button`}
+        ></ds-icon-button>`}get loaderSpinnerTemplate(){return o.uiKitHtml`<ds-loader-spinner ?show=${this.loading}></ds-loader-spinner>`}get footerTemplate(){return!this.helperText?.length&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number(this.nativeInput?.maxLength)<0?e.E:e.x`
             <div class="footer">
                 ${this.helperTextTemplate}
                 ${this.forcedErrorTemplate}
                 ${this.invalidErrorTemplate}
                 ${this.lengthTemplate}
             </div>
-        `}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError||!this.helperText?.length?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.E}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){let t=this.nativeInput?.maxLength?.toString();return c.validateMaxLength(t)?e.x`<span class="char-counter">${this.inputStates.currentValue?.length||0}/${t}</span>`:e.E}};n.__decorate([t.n({type:String})],u.prototype,`size`,void 0),n.__decorate([t.n({type:String})],u.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],u.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],u.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],u.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],u.prototype,`dataAriaLabelRemoveButton`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-position-button`})],u.prototype,`dataAriaLabelPositionButton`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`with-position-button`})],u.prototype,`withPositionButton`,void 0),u=n.__decorate([i.customUiKitElement(`ds-search-input`)],u);
+        `}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError||!this.helperText?.length?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.E}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){let t=this.nativeInput?.maxLength?.toString();return u.validateMaxLength(t)?e.x`<span class="char-counter">${this.inputStates.currentValue?.length||0}/${t}</span>`:e.E}};n.__decorate([t.n({type:String})],f.prototype,`size`,void 0),n.__decorate([t.n({type:String})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],f.prototype,`dataAriaLabelRemoveButton`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-position-button`})],f.prototype,`dataAriaLabelPositionButton`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`with-position-button`})],f.prototype,`withPositionButton`,void 0),f=n.__decorate([i.customUiKitElement(`ds-search-input`)],f);

package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.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`),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(`../../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(`../../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 d=require(`./styles/common.styles.cjs`);var f=class extends l.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.textTransform=`none`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{let e=this.itemsContainer?.scrollLeft+this.itemsContainer?.clientWidth;this.hasScrollLeft=this.itemsContainer?.scrollLeft>0,this.hasScrollRight=e<this.itemsContainer?.scrollWidth}}static{this.styles=[d.commonStyles]}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),this.itemsContainer?.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){return this.keepDropdownButtonText?this.dropdownButtonText:this.items?.[this.selectedIndex]?.textContent?.trim()||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){this.items?.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){this.ctas?.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e?.setAttribute(`size`,`large`):e?.setAttribute(`size`,`medium`)})}handleItemClick(e){let t=e.target,n=this.items?.indexOf(t)??-1;if(n!==-1){this.selectedIndex=n,this.updateSelectedItem();let e=t.textContent?.trim()||t.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:n,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get textTransformStyle(){return{textTransform:this.textTransform}}get shouldShowItemsInline(){return this.itemsMode===`inline`?!0:this.itemsMode===`select`||this.itemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.itemsMode===`inline`?!1:this.itemsMode===`select`||this.itemsMode===`icon-button`?!0:[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.actionsMode===`inline`)return!0;if(this.actionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.actionsMode===`inline`?!1:this.actionsMode===`dropdown`?!0:[`xxs`,`xs`,`s`].includes(this.viewport)&&this.ctas.length>1}render(){return e.x`
+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`);require(`../ds-icon/ds-icon.cjs`);const 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`);require(`../ds-icon-button/ds-icon-button.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=class extends u.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.textTransform=`none`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{let e=this.itemsContainer?.scrollLeft+this.itemsContainer?.clientWidth;this.hasScrollLeft=this.itemsContainer?.scrollLeft>0,this.hasScrollRight=e<this.itemsContainer?.scrollWidth}}static{this.styles=[f.commonStyles]}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),this.itemsContainer?.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){return this.keepDropdownButtonText?this.dropdownButtonText:this.items?.[this.selectedIndex]?.textContent?.trim()||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){this.items?.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){this.ctas?.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e?.setAttribute(`size`,`large`):e?.setAttribute(`size`,`medium`)})}handleItemClick(e){let t=e.target,n=this.items?.indexOf(t)??-1;if(n!==-1){this.selectedIndex=n,this.updateSelectedItem();let e=t.textContent?.trim()||t.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:n,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get textTransformStyle(){return{textTransform:this.textTransform}}get shouldShowItemsInline(){return this.itemsMode===`inline`?!0:this.itemsMode===`select`||this.itemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.itemsMode===`inline`?!1:this.itemsMode===`select`||this.itemsMode===`icon-button`?!0:[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.actionsMode===`inline`)return!0;if(this.actionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.actionsMode===`inline`?!1:this.actionsMode===`dropdown`?!0:[`xxs`,`xs`,`s`].includes(this.viewport)&&this.ctas.length>1}render(){return e.x`
             ${this.backdropTemplate}
             <div class="container gutter">
-                <nav data-testid="ds-secondary-navigation-container" class=${c.e(this.classes)}>
+                <nav data-testid="ds-secondary-navigation-container" class=${l.e(this.classes)}>
                     ${this.itemsTemplate}
                     ${this.itemsDropdownButtonTemplate}
                     ${this.actionsTemplate}
@@ -12,45 +12,57 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             </div>
         `}get itemsTemplate(){return this.shouldShowItemsInline?e.x`
             <div class="items-container">
-                <div style=${u.o(this.textTransformStyle)}>
+                <div style=${d.o(this.textTransformStyle)}>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
         `:e.E}get actionsTemplate(){return this.shouldShowActionsInline?e.x`
-            <div class="actions-container" style=${u.o(this.textTransformStyle)}>
+            <div class="actions-container" style=${d.o(this.textTransformStyle)}>
                 <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
             </div>
-        `:e.E}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":this.openItems?`arrow-down`:`arrow-up`,size:20})}get listIconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":`list-line`,size:20})}get itemsDropdownButtonTemplate(){return this.shouldShowItemsDropdownButton?this.itemsMode===`icon-button`?this.componentFactory.createIconButton({class:`items-list-button`,"data-aria-label":`open items dropdown`,"@click":this.toggleItemsDropdown,size:`medium`,"icon-name":`list-line`}):e.x`
+        `:e.E}get iconTemplate(){return c.uiKitHtml`<ds-icon class="icon" icon-name=${this.openItems?`arrow-down`:`arrow-up`} size="20"></ds-icon>`}get listIconTemplate(){return c.uiKitHtml`<ds-icon class="icon" icon-name="list-line" size="20"></ds-icon>`}get itemsDropdownButtonTemplate(){return this.shouldShowItemsDropdownButton?this.itemsMode===`icon-button`?c.uiKitHtml`<ds-icon-button
+                class="items-list-button"
+                data-aria-label="open items dropdown"
+                @click=${this.toggleItemsDropdown}
+                size="medium"
+                icon-name="list-line"
+            ></ds-icon-button>`:e.x`
             <button
                 class="items-dropdown-button"
                 @click=${this.toggleItemsDropdown}
                 aria-expanded=${this.openItems}
                 aria-haspopup="true"
-                style=${u.o(this.textTransformStyle)}
+                style=${d.o(this.textTransformStyle)}
             >
                 <span>${this.selectedItemText}</span>
                 ${this.iconTemplate}
             </button>
         `:e.E}get itemsDropdownTemplate(){return this.shouldShowItemsDropdownButton?e.x`
             <div
-                class=${c.e({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
+                class=${l.e({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
                 role="menu"
                 aria-hidden=${!this.openItems}
                 ?inert=${!this.openItems}
             >
-                <div class="dropdown ds-blur" style=${u.o(this.textTransformStyle)}>
+                <div class="dropdown ds-blur" style=${d.o(this.textTransformStyle)}>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:e.E}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?this.componentFactory.createIconButton({class:`nav-arrow`,"data-aria-label":`open actions dropdown`,"@click":this.toggleActionsDropdown,size:`medium`,"icon-name":`triple-dot-v`}):e.E}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.x`
+        `:e.E}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?c.uiKitHtml`<ds-icon-button
+            class="nav-arrow"
+            data-aria-label="open actions dropdown"
+            @click=${this.toggleActionsDropdown}
+            size="medium"
+            icon-name="triple-dot-v"
+        ></ds-icon-button>`:e.E}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.x`
             <div
-                class=${c.e({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
+                class=${l.e({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
                 role="menu"
                 aria-hidden=${!this.openCtas}
                 ?inert=${!this.openCtas}
             >
-                <div class="dropdown ds-blur" style=${u.o(this.textTransformStyle)}>
+                <div class="dropdown ds-blur" style=${d.o(this.textTransformStyle)}>
                     <slot name="actions"></slot>
                 </div>
             </div>
-        `:e.E}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.E:e.x`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};a.__decorate([t.n({type:String,attribute:`dropdown-button-text`})],f.prototype,`dropdownButtonText`,void 0),a.__decorate([t.n({type:Number,attribute:`selected-index`})],f.prototype,`selectedIndex`,void 0),a.__decorate([t.n({type:String,attribute:`text-transform`})],f.prototype,`textTransform`,void 0),a.__decorate([t.n({type:Boolean,attribute:`keep-dropdown-button-text`})],f.prototype,`keepDropdownButtonText`,void 0),a.__decorate([t.n({type:String,attribute:`items-mode`})],f.prototype,`itemsMode`,void 0),a.__decorate([t.n({type:String,attribute:`actions-mode`})],f.prototype,`actionsMode`,void 0),a.__decorate([n.r()],f.prototype,`openItems`,void 0),a.__decorate([n.r()],f.prototype,`openCtas`,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:`items`})],f.prototype,`items`,void 0),a.__decorate([i.o({slot:`actions`})],f.prototype,`ctas`,void 0),a.__decorate([r.e(`.items-container`)],f.prototype,`itemsContainer`,void 0),f=a.__decorate([s.customUiKitElement(`ds-secondary-navigation`)],f);
+        `:e.E}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.E:e.x`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};a.__decorate([t.n({type:String,attribute:`dropdown-button-text`})],p.prototype,`dropdownButtonText`,void 0),a.__decorate([t.n({type:Number,attribute:`selected-index`})],p.prototype,`selectedIndex`,void 0),a.__decorate([t.n({type:String,attribute:`text-transform`})],p.prototype,`textTransform`,void 0),a.__decorate([t.n({type:Boolean,attribute:`keep-dropdown-button-text`})],p.prototype,`keepDropdownButtonText`,void 0),a.__decorate([t.n({type:String,attribute:`items-mode`})],p.prototype,`itemsMode`,void 0),a.__decorate([t.n({type:String,attribute:`actions-mode`})],p.prototype,`actionsMode`,void 0),a.__decorate([n.r()],p.prototype,`openItems`,void 0),a.__decorate([n.r()],p.prototype,`openCtas`,void 0),a.__decorate([n.r()],p.prototype,`hasScrollLeft`,void 0),a.__decorate([n.r()],p.prototype,`hasScrollRight`,void 0),a.__decorate([i.o({slot:`items`})],p.prototype,`items`,void 0),a.__decorate([i.o({slot:`actions`})],p.prototype,`ctas`,void 0),a.__decorate([r.e(`.items-container`)],p.prototype,`itemsContainer`,void 0),p=a.__decorate([s.customUiKitElement(`ds-secondary-navigation`)],p);

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

@@ -1,6 +1,6 @@
-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`),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(`./controllers/SelectKeyboardController.cjs`),d=require(`./styles/common.styles.cjs`);var f,p=class extends o.UiKitElement{static{f=this}constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.iconName=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,u.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):u.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}static{this.styles=[d.commonStyles]}static{this.ARIA_OPTION_PREFIX=`option-`}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){this.nativeSelect=this.nativeSelects?.[0],this.nativeLabel=this.nativeLabels?.[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){this.hasForcedError=this.forcedError?.length>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){this.nativeSelect?.removeEventListener(`change`,this.syncNativeOptions),this.observer?.disconnect()}findSelectedOptionIndex(){let e=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return this.nativeOptions[e]?.hidden?this.nativeOptions.findIndex(e=>!e.hidden):e}focusDisplaySelect(){this.updateComplete.then(()=>{this.displaySelect?.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){e?.scrollIntoView?.({block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t?.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){return{container:!0,open:this._open,disabled:!!this.nativeSelect?.disabled,readonly:!!this.readonly,filled:!!this.nativeOptions?.find(e=>e.selected&&!e.hidden)?.selected,invalid:!this.nativeSelect?.validity.valid,error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.x`
+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`),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`);require(`../ds-icon/ds-icon.cjs`);const c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/uiKitHtml.cjs`),u=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 d=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 f=require(`./controllers/SelectKeyboardController.cjs`),p=require(`./styles/common.styles.cjs`);var m,h=class extends o.UiKitElement{static{m=this}constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.iconName=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}static{this.styles=[p.commonStyles]}static{this.ARIA_OPTION_PREFIX=`option-`}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){this.nativeSelect=this.nativeSelects?.[0],this.nativeLabel=this.nativeLabels?.[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){this.hasForcedError=this.forcedError?.length>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){this.nativeSelect?.removeEventListener(`change`,this.syncNativeOptions),this.observer?.disconnect()}findSelectedOptionIndex(){let e=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return this.nativeOptions[e]?.hidden?this.nativeOptions.findIndex(e=>!e.hidden):e}focusDisplaySelect(){this.updateComplete.then(()=>{this.displaySelect?.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){e?.scrollIntoView?.({block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t?.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){return{container:!0,open:this._open,disabled:!!this.nativeSelect?.disabled,readonly:!!this.readonly,filled:!!this.nativeOptions?.find(e=>e.selected&&!e.hidden)?.selected,invalid:!this.nativeSelect?.validity.valid,error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.x`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
-            <div class=${l.e(this.containerClasses)}>
+            <div class=${u.e(this.containerClasses)}>
                 ${this.displaySelectTemplate}
                 ${this.optionsContainerTemplate}
                 <slot name="helper-text"></slot>
@@ -8,7 +8,7 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
                 <slot name="forced-error" @slotchange=${this.handleChangeForcedError}></slot>
                 <slot name="invalid-error"></slot>
             </div>
-        `}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":this._open?`arrow-up`:`arrow-down`})}get leftIconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`left-icon`,"icon-name":this.iconName}):e.E}get displaySelectTemplate(){let t=this.nativeOptions.find(e=>e.selected),n=Array.from(t?.childNodes||[])?.map(e=>{let t=e.cloneNode(!0);if(e.nodeType!==3)return t;if(e.textContent.trim()===``)return``;let n=document.createElement(`span`);return n.classList.add(`text`),n.appendChild(t),n});return e.x`
+        `}get iconTemplate(){return l.uiKitHtml`<ds-icon class="icon" icon-name=${this._open?`arrow-up`:`arrow-down`}></ds-icon>`}get leftIconTemplate(){return this.iconName?l.uiKitHtml`<ds-icon class="left-icon" icon-name=${d.o(this.iconName)}></ds-icon>`:e.E}get displaySelectTemplate(){let t=this.nativeOptions.find(e=>e.selected),n=Array.from(t?.childNodes||[])?.map(e=>{let t=e.cloneNode(!0);if(e.nodeType!==3)return t;if(e.textContent.trim()===``)return``;let n=document.createElement(`span`);return n.classList.add(`text`),n.appendChild(t),n});return e.x`
             <div class="select-outline">
                 <div class="select-container">
                     <label id="display-label" class="label">${this.nativeLabel?.innerText}</label>
@@ -31,14 +31,14 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
                     </div>
                 </div>
             </div>
-        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${f.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.x`
+        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${m.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.x`
             <div id="options-container" class="options-container" role="listbox">
                 ${this.nativeOptions.map((t,n)=>t.hidden?e.E:this.renderOptionClone(t,n))}
             </div>
         `}renderOptionClone(t,n){let r=Array.from(t.childNodes).map(e=>e.cloneNode(!0));return e.x`
             <div
-                id="${f.ARIA_OPTION_PREFIX}${t.value}"
-                class=${l.e({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.value})}
+                id="${m.ARIA_OPTION_PREFIX}${t.value}"
+                class=${u.e({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.value})}
                 role="option"
                 aria-selected="${t.value===this.nativeSelect.value}"
                 tabindex="-1"
@@ -46,4 +46,4 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
             >
                 ${r}
             </div>
-        `}};a.__decorate([t.n({type:String})],p.prototype,`mode`,void 0),a.__decorate([t.n({type:String})],p.prototype,`size`,void 0),a.__decorate([t.n({type:String})],p.prototype,`variant`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],p.prototype,`readonly`,void 0),a.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),a.__decorate([n.r()],p.prototype,`_open`,void 0),a.__decorate([n.r()],p.prototype,`_keyboardNavigating`,void 0),a.__decorate([n.r()],p.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],p.prototype,`keyboardFocusIndex`,void 0),a.__decorate([n.r()],p.prototype,`hasForcedError`,void 0),a.__decorate([i.o({slot:``,selector:`select`,flatten:!0})],p.prototype,`nativeSelects`,void 0),a.__decorate([i.o({slot:``,selector:`label`,flatten:!0})],p.prototype,`nativeLabels`,void 0),a.__decorate([i.o({slot:`forced-error`,flatten:!0})],p.prototype,`forcedError`,void 0),a.__decorate([r.e(`.select`)],p.prototype,`displaySelect`,void 0),p=f=a.__decorate([s.customUiKitElement(`ds-select`)],p);
+        `}};a.__decorate([t.n({type:String})],h.prototype,`mode`,void 0),a.__decorate([t.n({type:String})],h.prototype,`size`,void 0),a.__decorate([t.n({type:String})],h.prototype,`variant`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],h.prototype,`readonly`,void 0),a.__decorate([t.n({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.__decorate([n.r()],h.prototype,`_open`,void 0),a.__decorate([n.r()],h.prototype,`_keyboardNavigating`,void 0),a.__decorate([n.r()],h.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],h.prototype,`keyboardFocusIndex`,void 0),a.__decorate([n.r()],h.prototype,`hasForcedError`,void 0),a.__decorate([i.o({slot:``,selector:`select`,flatten:!0})],h.prototype,`nativeSelects`,void 0),a.__decorate([i.o({slot:``,selector:`label`,flatten:!0})],h.prototype,`nativeLabels`,void 0),a.__decorate([i.o({slot:`forced-error`,flatten:!0})],h.prototype,`forcedError`,void 0),a.__decorate([r.e(`.select`)],h.prototype,`displaySelect`,void 0),h=m=a.__decorate([s.customUiKitElement(`ds-select`)],h);

package/dist/cjs/components/ds-selection/ds-selection.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.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{static{this.styles=[s.commonStyles]}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,size:40,"icon-name":this.checked?`check`:`plus`})}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return e.x`
-            <span data-testid="ds-selection-container" class=${o.e(this.classes)} @click=${this.handleClick}>
+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`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.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(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{static{this.styles=[c.commonStyles]}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" size="40" icon-name=${this.checked?`check`:`plus`}></ds-icon>`}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return e.x`
+            <span data-testid="ds-selection-container" class=${s.e(this.classes)} @click=${this.handleClick}>
                 ${this.iconTemplate}
             </span>
-        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],c.prototype,`checked`,void 0),c=n.__decorate([i.customUiKitElement(`ds-selection`)],c);
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`checked`,void 0),l=n.__decorate([i.customUiKitElement(`ds-selection`)],l);

package/dist/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs

@@ -1,5 +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/query-assigned-elements.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(`../../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(`../../utils/scrollLock.cjs`),l=require(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`);this.setMainCtaSize(t)},this.setMainCtaSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}static{this.styles=[l.commonStyles]}firstUpdated(e){super.firstUpdated(e);let t=this.mainCtas?.[0];t&&this.setMainCtaSize(t)}updated(e){super.updated(e),e.has(`open`)&&(this.open?(c.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&=(c.scrollLock.unlock(),!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&=(c.scrollLock.unlock(),!1)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:`modal-button`,"icon-name":this.open?`cross`:`triple-dot-v`,"@click":this.toggleModal,"data-testid":`modal-button`,"data-aria-label":`more actions`,variant:`tertiary`,size:JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`})})}classes(){return{container:!0,open:this.open}}render(){return e.x`
-            <div class=${s.e(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/query-assigned-elements.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/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`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../utils/scrollLock.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`);this.setMainCtaSize(t)},this.setMainCtaSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}static{this.styles=[u.commonStyles]}firstUpdated(e){super.firstUpdated(e);let t=this.mainCtas?.[0];t&&this.setMainCtaSize(t)}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&=(l.scrollLock.unlock(),!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&=(l.scrollLock.unlock(),!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
+            class="modal-button"
+            icon-name=${this.open?`cross`:`triple-dot-v`}
+            @click=${this.toggleModal}
+            data-testid="modal-button"
+            data-aria-label="more actions"
+            variant="tertiary"
+            size=${JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`})}
+        ></ds-icon-button>`}classes(){return{container:!0,open:this.open}}render(){return e.x`
+            <div class=${c.e(this.classes())}>
                 <nav class="nav" part="bar">
                     <div class="aside" part="aside">
                         <slot name="aside-text"></slot>
@@ -17,4 +25,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="ctas"></slot>
                 </div>
             </div>
-        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`open`,void 0),r.__decorate([n.o({slot:`main-cta`,selector:`ds-button`,flatten:!0})],u.prototype,`mainCtas`,void 0),u=r.__decorate([a.customUiKitElement(`ds-sidebar-navigation`)],u);
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`open`,void 0),r.__decorate([n.o({slot:`main-cta`,selector:`ds-button`,flatten:!0})],d.prototype,`mainCtas`,void 0),d=r.__decorate([a.customUiKitElement(`ds-sidebar-navigation`)],d);

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

@@ -5,4 +5,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 role="presentation"
                 aria-hidden="true"
             ></div>
-        `}};n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],c.prototype,`width`,void 0),n.__decorate([t.n({type:String})],c.prototype,`height`,void 0),n.__decorate([t.n({type:String})],c.prototype,`animation`,void 0),c=n.__decorate([i.customUiKitElement(`ds-skeleton`)],c),Object.defineProperty(exports,`DsSkeleton`,{enumerable:!0,get:function(){return c}});
+        `}};n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],c.prototype,`width`,void 0),n.__decorate([t.n({type:String})],c.prototype,`height`,void 0),n.__decorate([t.n({type:String})],c.prototype,`animation`,void 0),c=n.__decorate([i.customUiKitElement(`ds-skeleton`)],c);

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

@@ -1,6 +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.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`),u=require(`./theme-config.cjs`);var d=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`:e.preventDefault(),this.focusedTabIndex+1<this.tabs?.length&&(this.focusedTabIndex+=1,this.tabs[this.focusedTabIndex]?.focus());break;case`ArrowLeft`:case`Left`:e.preventDefault(),this.focusedTabIndex-1>=0&&(--this.focusedTabIndex,this.tabs[this.focusedTabIndex]?.focus());break;case`Enter`:case` `:e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<this.tabs?.length&&this.handleChangeSelectedTab(this.focusedTabIndex);break;default:break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{let e=this.nav?.scrollLeft+this.nav?.clientWidth;this.hasScrollLeft=this.nav?.scrollLeft>0,this.hasScrollRight=e<this.nav?.scrollWidth},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{let t=e.target,n=this.tabs?.findIndex(e=>e===t)??-1;if(n<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=n},this.handleBlur=()=>{this.focusedTabIndex=-1}}static{this.styles=[l.commonStyles,l.navigationStyles,l.tabsStyles,l.panelsStyles]}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){if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let r=`arrow-${t}`,i=u.themeConfig[this.theme]?.[`icon-button-variant`];return this.componentFactory.createIconButton({class:`nav-arrow ${t}`,"data-aria-label":`nav-arrow-${t}`,"@click":n,size:this.size===`medium`?`medium`:`large`,"icon-name":r,mode:this.mode,variant:i})}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(){this.tabs?.forEach(e=>{e.setAttribute(`tabindex`,`0`)})}selectTab(e){this.tabs?.forEach((t,n)=>{t.removeAttribute(`selected`),t.setAttribute(`aria-selected`,n===e?`true`:`false`)}),this.tabs[e]?.setAttribute(`selected`,``),this.panels.forEach(e=>e.removeAttribute(`selected`)),this.panels[e]?.setAttribute(`selected`,``);let t=this.tabs?.[this.selectedTab];this.nav.scrollLeft=t?.offsetLeft-this.nav?.offsetWidth/2}setupTabAccessibility(){this.tabs?.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,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return e.x`
-            <div part="container" class=${c.e(this.classes)}>
-                <div class=${c.e(this.navContainerClasses)}>
+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(`../../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=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`:e.preventDefault(),this.focusedTabIndex+1<this.tabs?.length&&(this.focusedTabIndex+=1,this.tabs[this.focusedTabIndex]?.focus());break;case`ArrowLeft`:case`Left`:e.preventDefault(),this.focusedTabIndex-1>=0&&(--this.focusedTabIndex,this.tabs[this.focusedTabIndex]?.focus());break;case`Enter`:case` `:e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<this.tabs?.length&&this.handleChangeSelectedTab(this.focusedTabIndex);break;default:break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{let e=this.nav?.scrollLeft+this.nav?.clientWidth;this.hasScrollLeft=this.nav?.scrollLeft>0,this.hasScrollRight=e<this.nav?.scrollWidth},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{let t=e.target,n=this.tabs?.findIndex(e=>e===t)??-1;if(n<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=n},this.handleBlur=()=>{this.focusedTabIndex=-1}}static{this.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles]}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){if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let r=`arrow-${t}`,i=f.themeConfig[this.theme]?.[`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=${r}
+            mode=${u.o(this.mode)}
+            variant=${u.o(i)}
+        ></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(){this.tabs?.forEach(e=>{e.setAttribute(`tabindex`,`0`)})}selectTab(e){this.tabs?.forEach((t,n)=>{t.removeAttribute(`selected`),t.setAttribute(`aria-selected`,n===e?`true`:`false`)}),this.tabs[e]?.setAttribute(`selected`,``),this.panels.forEach(e=>e.removeAttribute(`selected`)),this.panels[e]?.setAttribute(`selected`,``);let t=this.tabs?.[this.selectedTab];this.nav.scrollLeft=t?.offsetLeft-this.nav?.offsetWidth/2}setupTabAccessibility(){this.tabs?.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,"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)}>
                     ${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>
@@ -9,4 +17,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>
-        `}};i.__decorate([t.n({type:Number,attribute:`selected-tab`,reflect:!0})],d.prototype,`_selectedTab`,void 0),i.__decorate([n.r()],d.prototype,`_selectedTabState`,void 0),i.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),i.__decorate([t.n({type:String,reflect:!0})],d.prototype,`variant`,void 0),i.__decorate([t.n({type:String})],d.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`disabled`,void 0),i.__decorate([n.r()],d.prototype,`focusedTabIndex`,void 0),i.__decorate([r.e(`nav`)],d.prototype,`nav`,void 0),i.__decorate([n.r()],d.prototype,`tabs`,void 0),i.__decorate([n.r()],d.prototype,`panels`,void 0),i.__decorate([n.r()],d.prototype,`hasScrollLeft`,void 0),i.__decorate([n.r()],d.prototype,`hasScrollRight`,void 0),d=i.__decorate([o.customUiKitElement(`ds-tabs`)],d);
+        `}};i.__decorate([t.n({type:Number,attribute:`selected-tab`,reflect:!0})],p.prototype,`_selectedTab`,void 0),i.__decorate([n.r()],p.prototype,`_selectedTabState`,void 0),i.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([t.n({type:String,reflect:!0})],p.prototype,`variant`,void 0),i.__decorate([t.n({type:String})],p.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`disabled`,void 0),i.__decorate([n.r()],p.prototype,`focusedTabIndex`,void 0),i.__decorate([r.e(`nav`)],p.prototype,`nav`,void 0),i.__decorate([n.r()],p.prototype,`tabs`,void 0),i.__decorate([n.r()],p.prototype,`panels`,void 0),i.__decorate([n.r()],p.prototype,`hasScrollLeft`,void 0),i.__decorate([n.r()],p.prototype,`hasScrollRight`,void 0),p=i.__decorate([o.customUiKitElement(`ds-tabs`)],p);

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.122.0/helpers/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(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),l=require(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}static{this.styles=[l.commonStyles,l.iconStyles]}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?this.componentFactory.createIcon({class:s.e(this.iconClasses),"icon-name":this.iconName,size:16,"@click":this.handleClickIcon}):e.E}render(){return this.show?e.x`
-                <div class=${s.e(this.classes)}>
-                    ${c.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+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`);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=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}static{this.styles=[d.commonStyles,d.iconStyles]}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}`)}
                     <slot></slot>
-                    ${c.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                    ${u.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                 </div>
-            `:e.E}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],u.prototype,`show`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],u.prototype,`clickableIcon`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),r.__decorate([t.n({type:String,attribute:`icon-position`})],u.prototype,`iconPosition`,void 0),r.__decorate([t.n({type:String,attribute:`color`})],u.prototype,`color`,void 0),r.__decorate([t.n({type:String,attribute:`variant`})],u.prototype,`variant`,void 0),r.__decorate([n.r()],u.prototype,`onClickHandler`,void 0),u=r.__decorate([a.customUiKitElement(`ds-tag`)],u);
+            `:e.E}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],f.prototype,`show`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],f.prototype,`clickableIcon`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),r.__decorate([t.n({type:String,attribute:`icon-position`})],f.prototype,`iconPosition`,void 0),r.__decorate([t.n({type:String,attribute:`color`})],f.prototype,`color`,void 0),r.__decorate([t.n({type:String,attribute:`variant`})],f.prototype,`variant`,void 0),r.__decorate([n.r()],f.prototype,`onClickHandler`,void 0),f=r.__decorate([a.customUiKitElement(`ds-tag`)],f);

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.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=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 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(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),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=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),m=class extends l.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.weight=`regular`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}static{this.styles=[f.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${e}`]:!!e,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,"display-contents":this.slotedNodes?.some?.(e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=a.s(p.has(t)?t:`span`);return a.u`
+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.122.0/helpers/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(`../../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 l=require(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),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=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),m=class extends l.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.weight=`regular`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}static{this.styles=[f.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${e}`]:!!e,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,"display-contents":this.slotedNodes?.some?.(e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=c.s(p.has(t)?t:`span`);return c.u`
             <${n} 
                 part="container" 
                 data-testid="ds-text-container" 
-                class=${c.e(this.classes)}
+                class=${s.e(this.classes)}
                 style=${d.o({color:this.color||`var(--ui-kit-private-text-color)`})}
             >
                 ${this.value?this.value:e.E}
                 <slot></slot>
             </${n}>
-        `}};r.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),r.__decorate([t.n({type:String})],m.prototype,`weight`,void 0),r.__decorate([t.n({type:String})],m.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],m.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],m.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],m.prototype,`slotedNodes`,void 0),m=r.__decorate([o.customUiKitElement(`ds-text`)],m);
+        `}};r.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),r.__decorate([t.n({type:String})],m.prototype,`weight`,void 0),r.__decorate([t.n({type:String})],m.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],m.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],m.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],m.prototype,`slotedNodes`,void 0),m=r.__decorate([a.customUiKitElement(`ds-text`)],m);

package/dist/cjs/components/ds-text-input/ds-text-input.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.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(`../../mixins/inputStatesMixin.cjs`),s=require(`../../utils/validateMaxLength.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends o.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelRemoveButton=``,this.handleClickIcon=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}}static{this.styles=[c.commonStyles]}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}}render(){return e.x`
-            <div class=${a.e(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`);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/uiKitHtml.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(`../../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 c=require(`../../mixins/inputStatesMixin.cjs`),l=require(`../../utils/validateMaxLength.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends c.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelRemoveButton=``,this.handleClickIcon=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}}static{this.styles=[u.commonStyles]}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}}render(){return e.x`
+            <div class=${o.e(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
                     ${this.iconTemplate}
@@ -12,4 +12,12 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     ${this.lengthTemplate}
                 </div>
             </div>
-        `}get iconTemplate(){return!this.nativeInput?.value?.length||this.inputStates.readonly?e.E:this.componentFactory.createIconButton({class:`icon-button`,"icon-name":`cross`,size:this.size,disabled:!!this.nativeInput?.disabled,variant:`naked`,"@click":this.handleClickIcon,"data-aria-label":this.dataAriaLabelRemoveButton||`remove button`})}get lengthTemplate(){let t=this.nativeInput?.maxLength?.toString();return s.validateMaxLength(t)?e.x`<span class="char-counter">${this.inputStates.currentValue?.length||0}/${t}</span>`:e.E}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>`}};n.__decorate([t.n({type:String})],l.prototype,`size`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],l.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],l.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],l.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`readonly-text`})],l.prototype,`readonlyText`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],l.prototype,`dataAriaLabelRemoveButton`,void 0),l=n.__decorate([i.customUiKitElement(`ds-text-input`)],l),Object.defineProperty(exports,`DsTextInput`,{enumerable:!0,get:function(){return l}});
+        `}get iconTemplate(){return!this.nativeInput?.value?.length||this.inputStates.readonly?e.E:a.uiKitHtml`<ds-icon-button
+            class="icon-button"
+            icon-name="cross"
+            size=${s.o(this.size)}
+            ?disabled=${!!this.nativeInput?.disabled}
+            variant="naked"
+            @click=${this.handleClickIcon}
+            data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
+        ></ds-icon-button>`}get lengthTemplate(){let t=this.nativeInput?.maxLength?.toString();return l.validateMaxLength(t)?e.x`<span class="char-counter">${this.inputStates.currentValue?.length||0}/${t}</span>`:e.E}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>`}};n.__decorate([t.n({type:String})],d.prototype,`size`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],d.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],d.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],d.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`readonly-text`})],d.prototype,`readonlyText`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],d.prototype,`dataAriaLabelRemoveButton`,void 0),d=n.__decorate([i.customUiKitElement(`ds-text-input`)],d),Object.defineProperty(exports,`DsTextInput`,{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs

@@ -1,4 +1,4 @@
 const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs`),t=require(`./themeContext.cjs`),n=require(`../../core/theme.constants.cjs`),r=require(`../../utils/PubSub.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`),a=require(`../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const o=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),s=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 c=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),l=require(`../../decorators/customUiKitElement.cjs`),u=require(`../../utils/booleanConverter.cjs`),d=require(`../../styles/source/shared/fonts-config.cjs`);var f=class extends a.i{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has(`theme`)&&(r.pubSub.publish(`theme`,this.theme),sessionStorage?.setItem(n.THEME_STORAGE_KEY,this.theme),typeof FontFace<`u`&&document?.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))}))}loadThemeFonts(){d.fontsConfig[this.theme]?.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`swap`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.131`,r=`https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{let i=`ui-kit-theme-${n}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>e(),o.onerror=()=>t(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a?.remove()}}):Promise.resolve()}render(){return this.cssLoaded?i.x`<slot></slot>`:i.E}};c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-fonts`})],f.prototype,`loadFonts`,void 0),c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-styles`})],f.prototype,`loadStyles`,void 0),c.__decorate([e.e({context:t.themeContext}),o.n({type:String})],f.prototype,`theme`,void 0),c.__decorate([s.r()],f.prototype,`cssLoaded`,void 0),c.__decorate([s.r()],f.prototype,`loadedFonts`,void 0),f=c.__decorate([l.customUiKitElement(`ds-theme-provider`)],f);
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`swap`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.133`,r=`https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{let i=`ui-kit-theme-${n}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>e(),o.onerror=()=>t(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a?.remove()}}):Promise.resolve()}render(){return this.cssLoaded?i.x`<slot></slot>`:i.E}};c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-fonts`})],f.prototype,`loadFonts`,void 0),c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-styles`})],f.prototype,`loadStyles`,void 0),c.__decorate([e.e({context:t.themeContext}),o.n({type:String})],f.prototype,`theme`,void 0),c.__decorate([s.r()],f.prototype,`cssLoaded`,void 0),c.__decorate([s.r()],f.prototype,`loadedFonts`,void 0),f=c.__decorate([l.customUiKitElement(`ds-theme-provider`)],f);

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

@@ -1,10 +1,16 @@
-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(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);const c=require(`./utils/ToastManager.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/repeat.cjs`);const u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.position=`top-right`,this.toasts=[],this.unsubscribe=null}static{this.styles=[u.containerStyles,u.toastStyles]}connectedCallback(){super.connectedCallback(),this.unsubscribe=c.toastManager.subscribe(e=>{this.toasts=e})}disconnectedCallback(){this.unsubscribe&&=(this.unsubscribe(),null),super.disconnectedCallback()}handleAnimationEnd(e){let t=e.target;if(t.classList.contains(`exiting`)&&(e.animationName===`toast-out-left`||e.animationName===`toast-out-right`)){let e=t.getAttribute(`data-id`);e&&c.toastManager.removeToast(e)}}getToastMessageTemplate(t){let n={toast:!0,[t.status]:!0,exiting:t.exiting},r=e.E;if(t.referenceId){let e=document.querySelector(`[data-id="${t.referenceId}"]`);if(e){let n=e.cloneNode(!0);n.setAttribute(`data-template`,`false`),n.setAttribute(`data-id`,t.id),r=s.o(n.outerHTML)}}else r=this.componentFactory.createToastMessage({"data-id":t.id,"data-template":!1,title:t.title,text:t.text,status:t.status});return e.x`<div class=${o.e(n)} data-id="${t.id}">${r}</div>`}get containerClasses(){return{"toast-container":!0,[this.position]:!0}}render(){return e.x`
+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/unsafe-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);const 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(`./utils/ToastManager.cjs`);require(`../ds-toast-message/ds-toast-message.cjs`);const d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/repeat.cjs`);const f=require(`./styles/common.styles.cjs`);var p=class extends i.UiKitElement{constructor(...e){super(...e),this.position=`top-right`,this.toasts=[],this.unsubscribe=null}static{this.styles=[f.containerStyles,f.toastStyles]}connectedCallback(){super.connectedCallback(),this.unsubscribe=u.toastManager.subscribe(e=>{this.toasts=e})}disconnectedCallback(){this.unsubscribe&&=(this.unsubscribe(),null),super.disconnectedCallback()}handleAnimationEnd(e){let t=e.target;if(t.classList.contains(`exiting`)&&(e.animationName===`toast-out-left`||e.animationName===`toast-out-right`)){let e=t.getAttribute(`data-id`);e&&u.toastManager.removeToast(e)}}getToastMessageTemplate(t){let n={toast:!0,[t.status]:!0,exiting:t.exiting},r=e.E;if(t.referenceId){let e=document.querySelector(`[data-id="${t.referenceId}"]`);if(e){let n=e.cloneNode(!0);n.setAttribute(`data-template`,`false`),n.setAttribute(`data-id`,t.id),r=o.o(n.outerHTML)}}else r=s.uiKitHtml`<ds-toast-message
+                data-id=${t.id}
+                data-template="false"
+                title=${l.o(t.title)}
+                text=${l.o(t.text)}
+                status=${l.o(t.status)}
+            ></ds-toast-message>`;return e.x`<div class=${c.e(n)} data-id="${t.id}">${r}</div>`}get containerClasses(){return{"toast-container":!0,[this.position]:!0}}render(){return e.x`
             <div
                 part="toast-container"
-                class=${o.e(this.containerClasses)}
+                class=${c.e(this.containerClasses)}
                 @animationend=${this.handleAnimationEnd}
                 aria-live="polite"
             >
-                ${l.c(this.toasts,e=>e.id,e=>this.getToastMessageTemplate(e))}
+                ${d.c(this.toasts,e=>e.id,e=>this.getToastMessageTemplate(e))}
             </div>
-        `}};r.__decorate([t.n({type:String})],d.prototype,`position`,void 0),r.__decorate([n.r()],d.prototype,`toasts`,void 0),d=r.__decorate([a.customUiKitElement(`ds-toast`)],d);
+        `}};r.__decorate([t.n({type:String})],p.prototype,`position`,void 0),r.__decorate([n.r()],p.prototype,`toasts`,void 0),p=r.__decorate([a.customUiKitElement(`ds-toast`)],p);

package/dist/cjs/components/ds-toast-message/ds-toast-message.cjs

@@ -1,13 +1,19 @@
-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(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.dataId=``,this.title=``,this.text=``,this.dataTemplate=!0}static{this.styles=[c.toastMessageStyles]}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`toast:remove`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||`default`]:!0}}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":this.getIconName(),size:24})}get closeButtonTemplate(){return this.componentFactory.createIconButton({"data-aria-label":`close-button`,"@click":this.handleClickCloseButton,"icon-name":`cross`,variant:`naked`,size:`medium`})}render(){return this.dataTemplate?e.E:e.x`
-            <div class=${o.e(this.toastMessageClasses)}>
+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`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.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(`../../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 l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`);require(`../ds-icon-button/ds-icon-button.cjs`);const u=require(`./styles/common.styles.cjs`);var d=class extends r.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.dataId=``,this.title=``,this.text=``,this.dataTemplate=!0}static{this.styles=[u.toastMessageStyles]}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`toast:remove`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||`default`]:!0}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+            data-aria-label="close-button"
+            @click=${this.handleClickCloseButton}
+            icon-name="cross"
+            variant="naked"
+            size="medium"
+        ></ds-icon-button>`}render(){return this.dataTemplate?e.E:e.x`
+            <div class=${s.e(this.toastMessageClasses)}>
                 ${this.iconTemplate}
                 <div class="content">
                     <div class="header">
-                        ${s.n(this.title,()=>e.x`<div class="title">${this.title}</div>`)}
-                        ${s.n(this.text,()=>e.x`<div class="message">${this.text}</div>`)}
+                        ${l.n(this.title,()=>e.x`<div class="title">${this.title}</div>`)}
+                        ${l.n(this.text,()=>e.x`<div class="message">${this.text}</div>`)}
                     </div>
                     <slot></slot>
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `}};n.__decorate([t.n({type:String})],l.prototype,`status`,void 0),n.__decorate([t.n({type:String,attribute:`data-id`,reflect:!0})],l.prototype,`dataId`,void 0),n.__decorate([t.n({type:String})],l.prototype,`title`,void 0),n.__decorate([t.n({type:String})],l.prototype,`text`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`data-template`,reflect:!0})],l.prototype,`dataTemplate`,void 0),l=n.__decorate([i.customUiKitElement(`ds-toast-message`)],l),Object.defineProperty(exports,`DsToastMessage`,{enumerable:!0,get:function(){return l}});
+        `}};n.__decorate([t.n({type:String})],d.prototype,`status`,void 0),n.__decorate([t.n({type:String,attribute:`data-id`,reflect:!0})],d.prototype,`dataId`,void 0),n.__decorate([t.n({type:String})],d.prototype,`title`,void 0),n.__decorate([t.n({type:String})],d.prototype,`text`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`data-template`,reflect:!0})],d.prototype,`dataTemplate`,void 0),d=n.__decorate([i.customUiKitElement(`ds-toast-message`)],d);