@cupra/ui-kit 2.0.0-canary.100 → 2.0.0-canary.101

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);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(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/htmlWithTokens.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`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`medium`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon open-icon`,role:`image`,"aria-hidden":`true`,"icon-name":t?.open||`minus`})}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon close-icon`,role:`image`,"aria-hidden":`true`,"icon-name":t?.close||`plus`})}get styleTokens(){return l.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/htmlWithTokens.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`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`medium`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon open-icon`,role:`presentation`,"icon-name":t?.open||`minus`})}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon close-icon`,role:`presentation`,"icon-name":t?.close||`plus`})}get styleTokens(){return l.htmlWithTokens`
                 <style>
                     :host{
                         color-scheme: ${this.mode};

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

@@ -1,10 +1,10 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/htmlWithTokens.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),f=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),p=require(`./styles/common.styles.cjs`);var m=class extends l.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}static{this.styles=[p.buttonStyles,p.textStyles,p.loadingDotsStyles]}firstUpdated(){this.closestForm=this.closest(`form`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName===`custom`,[e]:!!e,[this.mode]:!!this.mode,[this.variant]:!!this.variant,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}get loadingTemplate(){return this.loading?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`);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(`../../utils/htmlWithTokens.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../mixins/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}static{this.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles]}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName===`custom`,[e]:!!e,[this.mode]:!!this.mode,[this.variant]:!!this.variant,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}get loadingTemplate(){return this.loading?e.x`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
                 <span>.</span>
             </span>
-        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}get cssTokens(){return s.htmlWithTokens`
+        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}get cssTokens(){return o.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -16,8 +16,8 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 }
             </style>`}render(){return e.x`
             ${this.cssTokens}
-            ${d.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
-                        <div class=${c.e(this.classes)}>
+            ${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
+                        <div class=${s.e(this.classes)}>
                             <button
                                 class="inner"
                                 aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
@@ -25,16 +25,16 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                                 @click=${this.handleClick}
                                 ?disabled=${this.disabled}
                             >
-                                ${f.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
+                                ${d.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${f.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
+                                ${d.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
                             </button>
                         </div>
                     `],[`a`,()=>e.x`
-                        <div class=${c.e(this.classes)}>
+                        <div class=${s.e(this.classes)}>
                             <a
                                 class="inner"
                                 aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
@@ -43,19 +43,19 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                                 target=${this.target}
                                 @click=${this.handleClick}
                             >
-                                ${f.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                                ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${f.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                                ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                             </a>
                         </div>
                     `],[`custom`,()=>e.x`
-                        <div class=${c.e(this.classes)}>
-                            ${f.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                        <div class=${s.e(this.classes)}>
+                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                             ${this.loading&&this.textLoading?e.x`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.x`<slot></slot>${this.loadingTemplate}`}
-                            ${f.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </div>
                     `]])}
-        `}};r.__decorate([t.n({type:String})],m.prototype,`variant`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),r.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],m.prototype,`disabled`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],m.prototype,`destructive`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],m.prototype,`iconName`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`href`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`rel`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`target`,void 0),r.__decorate([t.n({type:String})],m.prototype,`type`,void 0),r.__decorate([t.n({type:String,attribute:`icon-position`})],m.prototype,`iconPosition`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],m.prototype,`rounded`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],m.prototype,`fullWidth`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],m.prototype,`loading`,void 0),r.__decorate([t.n({type:String,attribute:`text-loading`})],m.prototype,`textLoading`,void 0),r.__decorate([n.r()],m.prototype,`closestForm`,void 0),m=r.__decorate([a.customUiKitElement(`ds-button`)],m),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return m}});
+        `}};n.__decorate([t.n({type:String})],p.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.objectConverter})],p.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`destructive`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],p.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`target`,void 0),n.__decorate([t.n({type:String})],p.prototype,`type`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`rounded`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],p.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`text-loading`})],p.prototype,`textLoading`,void 0),p=n.__decorate([i.customUiKitElement(`ds-button`)],p),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return p}});

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

@@ -1,10 +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`);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`),require(`../ds-calendar-day/ds-calendar-day.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1}static{this.styles=[s.commonStyles]}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue(),this.initializeViewDate()}updated(e){super.updated(e),(e.has(`value`)||e.has(`viewDateAttr`))&&this.initializeViewDate()}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._value?this._viewDate=new Date(this._value):this._viewDate=new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.includes(t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=e.toISOString().split(`T`)[0];if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){e.stopPropagation();let t=e.target;if(!t||!t.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let n=t.tagName.toLowerCase(),r=Array.from(this.shadowRoot?.querySelectorAll(n)||[]).indexOf(t);if(r===-1)return;let i=this.calendarDays[r];if(!i||i.isDisabled)return;this._value=i.date,this._viewDate=new Date(i.date);let a=`${i.date.getFullYear()}-${String(i.date.getMonth()+1).padStart(2,`0`)}-${String(i.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:a,date:i.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return this.componentFactory.createIconButton({class:`nav-button`,"icon-name":`arrow-left`,"data-aria-label":`Previous month`,"@click":this.handlePrevMonth,variant:`naked`,size:this.navButtonSize,color:`var(--ds-icon-button-icon-color-standard-default, #fafafa)`})}get nextButtonTemplate(){return this.componentFactory.createIconButton({class:`nav-button`,"icon-name":`arrow-right`,"data-aria-label":`Next month`,"@click":this.handleNextMonth,variant:`naked`,size:this.navButtonSize,color:`var(--ds-icon-button-icon-color-standard-default, #fafafa)`})}get weekdaysTemplate(){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/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-calendar-day/ds-calendar-day.cjs`);const s=require(`../../utils/arrayConverter.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}static{this.styles=[c.commonStyles]}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._value?this._viewDate=new Date(this._value):this._viewDate=new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>Number(e)===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){e.stopPropagation();let t=e.target;if(!t||!t.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let n=t.tagName.toLowerCase(),r=Array.from(this.shadowRoot?.querySelectorAll(n)||[]).indexOf(t);if(r===-1)return;let i=this.calendarDays[r];if(!i||i.isDisabled)return;this._value=i.date,this._viewDate=new Date(i.date);let a=`${i.date.getFullYear()}-${String(i.date.getMonth()+1).padStart(2,`0`)}-${String(i.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:a,date:i.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return this.componentFactory.createIconButton({class:`nav-button`,"icon-name":`arrow-left`,"data-aria-label":`Previous month`,"@click":this.handlePrevMonth,variant:`naked`,size:this.navButtonSize,color:`var(--ds-icon-button-icon-color-standard-default, #fafafa)`})}get nextButtonTemplate(){return this.componentFactory.createIconButton({class:`nav-button`,"icon-name":`arrow-right`,"data-aria-label":`Next month`,"@click":this.handleNextMonth,variant:`naked`,size:this.navButtonSize,color:`var(--ds-icon-button-icon-color-standard-default, #fafafa)`})}get weekdaysTemplate(){return e.x`
             <div class="weekdays">
                 ${this.weekdayNames.map(t=>e.x`<div class="weekday">${t}</div>`)}
             </div>
-        `}get daysTemplate(){return e.x`
-            <div class="days-grid" @ds-calendar-day-change=${this.handleDayChange}>
-                ${this.calendarDays.map(e=>this.componentFactory.createCalendarDay({day:e.day,size:this.size,disabled:e.isDisabled,selected:e.isSelected,today:e.isToday,"outside-month":!e.isCurrentMonth}))}
+        `}get daysTemplate(){let t=this.calendarDays,n=[];for(let e=0;e<t.length;e+=7)n.push(t.slice(e,e+7));return e.x`
+            <div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
+                ${n.map(t=>e.x`
+                        <div class="days-row" role="row">
+                            ${t.map(e=>this.componentFactory.createCalendarDay({day:e.day,size:this.size,disabled:e.isDisabled,selected:e.isSelected,today:e.isToday,"outside-month":!e.isCurrentMonth}))}
+                        </div>
+                    `)}
             </div>
         `}render(){return e.x`
             <div class=${o.e(this.calendarClasses)} role="application" aria-label="Calendar">
@@ -15,4 +19,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </div>
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
-        `}};r.__decorate([t.n({type:String,reflect:!0})],c.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],c.prototype,`variant`,void 0),r.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),r.__decorate([t.n({type:String,reflect:!0})],c.prototype,`locale`,void 0),r.__decorate([t.n({type:Number,reflect:!0,attribute:`first-day-of-week`})],c.prototype,`firstDayOfWeek`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`min-date`})],c.prototype,`minDate`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`max-date`})],c.prototype,`maxDate`,void 0),r.__decorate([t.n({type:Array,attribute:`disabled-dates`})],c.prototype,`disabledDates`,void 0),r.__decorate([t.n({type:Array,attribute:`disabled-weekdays`})],c.prototype,`disabledWeekdays`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`view-date`})],c.prototype,`viewDateAttr`,void 0),r.__decorate([t.n({type:String,attribute:`initial-value`})],c.prototype,`initialValue`,void 0),r.__decorate([n.r()],c.prototype,`_viewDate`,void 0),r.__decorate([n.r()],c.prototype,`_value`,void 0),c=r.__decorate([a.customUiKitElement(`ds-calendar`)],c);
+        `}};r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`variant`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`size`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`locale`,void 0),r.__decorate([t.n({type:Number,reflect:!0,attribute:`first-day-of-week`})],l.prototype,`firstDayOfWeek`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`min-date`})],l.prototype,`minDate`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`max-date`})],l.prototype,`maxDate`,void 0),r.__decorate([t.n({attribute:`disabled-dates`,converter:s.arrayConverter})],l.prototype,`disabledDates`,void 0),r.__decorate([t.n({attribute:`disabled-weekdays`,converter:s.arrayConverter})],l.prototype,`disabledWeekdays`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`view-date`})],l.prototype,`viewDateAttr`,void 0),r.__decorate([t.n({type:String,attribute:`initial-value`})],l.prototype,`initialValue`,void 0),r.__decorate([n.r()],l.prototype,`_viewDate`,void 0),r.__decorate([n.r()],l.prototype,`_value`,void 0),l=r.__decorate([a.customUiKitElement(`ds-calendar`)],l);

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

@@ -35,4 +35,8 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         display: grid;
         grid-template-columns: repeat(7, 1fr);
     }
+
+    .days-row {
+        display: contents;
+    }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-calendar-day/ds-calendar-day.cjs

@@ -3,6 +3,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 class=${o.e(this.classes)}
                 ?disabled=${this.disabled}
                 aria-label=${this.day?`Day ${this.day}`:``}
+                role="gridcell"
                 aria-selected=${this.selected}
                 aria-current=${this.today?`date`:`false`}
                 tabindex=${this.disabled?-1:0}

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=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 n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=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 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/htmlWithTokens.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(`../ds-checkbox-group/ds-checkbox-group.cjs`),d=require(`../../mixins/FormAssociatedMixin.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this.checked=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1}static{this.styles=[f.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){this.checked=e.target.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.E;let e=this.indeterminate?`minus`:`check`;return this.componentFactory.createIcon({class:`icon`,"icon-name":e})}get styleTokens(){return c.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=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 n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=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 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/htmlWithTokens.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(`../ds-checkbox-group/ds-checkbox-group.cjs`),d=require(`../../mixins/FormAssociatedMixin.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this.checked=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}static{this.styles=[f.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){this.checked=e.target.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.E;let e=this.indeterminate?`minus`:`check`;return this.componentFactory.createIcon({class:`icon`,"icon-name":e})}get styleTokens(){return c.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -17,6 +17,7 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                                 type="checkbox"
                                 name=${this.name}
                                 value=${this.value}
+                                aria-label=${this.dataAriaLabel||t.E}
                                 ?required=${this.required}
                                 ?checked=${this.checked}
                                 ?disabled=${this.disabled}
@@ -35,4 +36,4 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                     </div>
                 </label>
             </div>
-        `}};i.__decorate([n.n({type:String})],p.prototype,`name`,void 0),i.__decorate([n.n({type:String})],p.prototype,`value`,void 0),i.__decorate([n.n({type:String,attribute:`input-placement`})],p.prototype,`inputPlacement`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],p.prototype,`checked`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`required`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],p.prototype,`_disabled`,void 0),i.__decorate([n.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([n.n({type:String,attribute:`size`})],p.prototype,`_size`,void 0),i.__decorate([n.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.__decorate([n.n({type:String,attribute:`info-text`})],p.prototype,`infoText`,void 0),i.__decorate([n.n({type:String,attribute:`forced-error`})],p.prototype,`_forcedError`,void 0),i.__decorate([n.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`indeterminate`,void 0),i.__decorate([r.r()],p.prototype,`disabledGroup`,void 0),i.__decorate([r.r()],p.prototype,`errorGroup`,void 0),i.__decorate([r.r()],p.prototype,`sizeGroup`,void 0),p=i.__decorate([o.customUiKitElement(`ds-checkbox`)],p);
+        `}};i.__decorate([n.n({type:String})],p.prototype,`name`,void 0),i.__decorate([n.n({type:String})],p.prototype,`value`,void 0),i.__decorate([n.n({type:String,attribute:`input-placement`})],p.prototype,`inputPlacement`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],p.prototype,`checked`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`required`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],p.prototype,`_disabled`,void 0),i.__decorate([n.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([n.n({type:String,attribute:`size`})],p.prototype,`_size`,void 0),i.__decorate([n.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.__decorate([n.n({type:String,attribute:`info-text`})],p.prototype,`infoText`,void 0),i.__decorate([n.n({type:String,attribute:`forced-error`})],p.prototype,`_forcedError`,void 0),i.__decorate([n.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`indeterminate`,void 0),i.__decorate([n.n({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.__decorate([r.r()],p.prototype,`disabledGroup`,void 0),i.__decorate([r.r()],p.prototype,`errorGroup`,void 0),i.__decorate([r.r()],p.prototype,`sizeGroup`,void 0),p=i.__decorate([o.customUiKitElement(`ds-checkbox`)],p);

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/htmlWithTokens.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``}static{this.styles=[l.commonStyles]}firstUpdated(e){super.firstUpdated(e),this.slottedText=this.shadowRoot.querySelector(`slot`).assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `)}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return s.htmlWithTokens`
+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(`../../utils/htmlWithTokens.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{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{this.slottedText=e.target.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}static{this.styles=[c.commonStyles]}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return o.htmlWithTokens`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -12,12 +12,12 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 aria-label=${`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
-                class=${c.e(this.classes)}
+                class=${s.e(this.classes)}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
                 ${this.leadingIconTemplate}
-                <slot></slot>
+                <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
-        `}};r.__decorate([t.n({type:String})],u.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],u.prototype,`deselectable`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),r.__decorate([n.r()],u.prototype,`slottedText`,void 0),u=r.__decorate([a.customUiKitElement(`ds-chip`)],u);
+        `}};n.__decorate([t.n({type:String})],l.prototype,`value`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`deselectable`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],l.prototype,`iconName`,void 0),l=n.__decorate([i.customUiKitElement(`ds-chip`)],l);

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../utils/debounce.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}static{this.styles=[u.commonStyles]}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has(`open`)&&this.open&&(this.hasBeenOpened=!0),e.has(`open`)&&this.handleResizeObserver(),e.has(`open`)&&this.open&&(await this.updateComplete,this.requestUpdate())}async handleResizeObserver(){this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),this.resizeObserver?.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this.open=!1,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),this.resizeObserver?.disconnect()}checkScroll(){this.hasScroll=this.content?.scrollHeight>this.content?.clientHeight}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../utils/debounce.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this.open=!1,this.hasScroll=!1,this.hasBeenOpened=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}static{this.styles=[u.commonStyles]}willUpdate(e){super.willUpdate(e),!this.hasBeenOpened&&e.has(`open`)&&this.open&&(this.hasBeenOpened=!0)}updated(e){super.updated(e),e.has(`open`)&&this.handleResizeObserver()}async handleResizeObserver(){this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),this.resizeObserver?.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this.open=!1,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),this.resizeObserver?.disconnect()}checkScroll(){let e=this.content?.scrollHeight>this.content?.clientHeight;e!==this.hasScroll&&(this.hasScroll=e)}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
             <style>
                 :host {
                     display: ${this.open?`flex`:`none`};
@@ -14,4 +14,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                         </div>
                 </dialog>
             </div>
-        `}};i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],d.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],d.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`open`,void 0),i.__decorate([n.r()],d.prototype,`hasBeenOpened`,void 0),i.__decorate([n.r()],d.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],d.prototype,`content`,void 0),d=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],d);
+        `}};i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],d.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],d.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`open`,void 0),i.__decorate([n.r()],d.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],d.prototype,`content`,void 0),d=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],d);

package/dist/cjs/components/ds-drawer/ds-drawer.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`);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`),c=require(`./theme-config.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.open=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this.open=!1},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}static{this.styles=[s.commonStyles,s.iconStyles]}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){let e=c.themeConfig[this.theme]?.[`icon-button-variant`];return this.componentFactory.createIconButton({class:`close-button visible`,"data-testid":`close-button`,"data-aria-label":`close-button`,"@click":this.handleOverlayClick,size:`medium`,"icon-name":`cross`,variant:e,mode:`dark`})}updated(e){super.updated?.(e),e.has&&e.has(`open`)&&window.addEventListener(`keydown`,this.handleKeyDown)}disconnectedCallback(){window.removeEventListener(`keydown`,this.handleKeyDown),super.disconnectedCallback()}render(){return e.x`          
             <div class=${o.e({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
             <div data-testid="ds-drawer-container" class=${o.e(this.classes)}>
-                <div class="scroll-area">
+                <div class="scroll-area" tabindex="0">
                     <div class="drawer-header">
                         <slot name="header"></slot>                        
                         ${this.getIconButtonTemplate()}

package/dist/cjs/components/ds-list-item/ds-list-item.cjs

@@ -32,5 +32,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 ${this.renderByTemplate()}
             </li>
 
-            ${t?e.x`<ds-divider orientation="horizontal" variant="primary"></ds-divider>`:e.E}
+            ${t?e.x`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>`:e.E}
         `}};n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,reflect:!0})],s.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`size`,void 0),s=n.__decorate([i.customUiKitElement(`ds-list-item`)],s);

package/dist/cjs/components/ds-radio-button/ds-radio-button.cjs

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=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 n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.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(`../ds-radio-button-group/ds-radio-button-group.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends o.UiKitElement{constructor(...e){super(...e),this.inputPlacement=`left`,this._size=`medium`,this.errorText=``,this.helperText=``,this._disabled=!1,this.handleChange=e=>{this.checkInputState(e.target)},this.handleClick=()=>{this.input[0]?.click()}}static{this.styles=[d.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.radioGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.radioGroupErrorTextContext,callback:e=>{this.errorTextGroup=e}},{context:u.radioGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.radioGroupHelperTextContext,callback:e=>{this.helperTextGroup=e}},{context:u.radioGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}firstUpdated(e){super.firstUpdated(e);let t=this.input?.[0];t&&(t.addEventListener(`change`,this.handleChange),this.observeInputAttributes(),this.checkInputState(t),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}disconnectedCallback(){super.disconnectedCallback();let e=this.input?.[0];e&&(e.removeEventListener(`change`,this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(e){this._disabled=this.disabledGroup??e?.disabled}observeInputAttributes(){let e=new MutationObserver(()=>{this.checkInputState(this.input[0])});e.observe(this.input[0],{attributes:!0,attributeFilter:[`required`,`disabled`]}),this.inputMutationObserver=e}updated(e){super.updated(e),(e.has(`error`)||e.has(`errorText`)||e.has(`helperText`))&&this.applyAriaAttributes()}applyAriaAttributes(){let e=this.input?.[0];if(!e)return;let t=!!this.error,n=t?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;e.setAttribute(`aria-disabled`,this.disabled?`true`:`false`),e.setAttribute(`aria-invalid`,t?`true`:`false`),n?e.setAttribute(`aria-description`,n):e.removeAttribute(`aria-description`)}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return t.x`
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=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 n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.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(`../ds-radio-button-group/ds-radio-button-group.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends o.UiKitElement{constructor(...e){super(...e),this.inputPlacement=`left`,this._size=`medium`,this.errorText=``,this.helperText=``,this._disabled=!1,this.handleChange=e=>{this.checkInputState(e.target)},this.handleClick=()=>{this.input[0]?.click()}}static{this.styles=[d.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.radioGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.radioGroupErrorTextContext,callback:e=>{this.errorTextGroup=e}},{context:u.radioGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.radioGroupHelperTextContext,callback:e=>{this.helperTextGroup=e}},{context:u.radioGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}firstUpdated(e){super.firstUpdated(e);let t=this.input?.[0];t&&(t.addEventListener(`change`,this.handleChange),this.observeInputAttributes(),queueMicrotask(()=>this.checkInputState(t)),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}disconnectedCallback(){super.disconnectedCallback();let e=this.input?.[0];e&&(e.removeEventListener(`change`,this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(e){this._disabled=this.disabledGroup??e?.disabled}observeInputAttributes(){let e=new MutationObserver(()=>{this.checkInputState(this.input[0])});e.observe(this.input[0],{attributes:!0,attributeFilter:[`required`,`disabled`]}),this.inputMutationObserver=e}updated(e){super.updated(e),(e.has(`error`)||e.has(`errorText`)||e.has(`helperText`))&&this.applyAriaAttributes()}applyAriaAttributes(){let e=this.input?.[0];if(!e)return;let t=!!this.error,n=t?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;e.setAttribute(`aria-disabled`,this.disabled?`true`:`false`),e.setAttribute(`aria-invalid`,t?`true`:`false`),n?e.setAttribute(`aria-description`,n):e.removeAttribute(`aria-description`)}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return t.x`
             <div @click=${this.handleClick} class=${l.e(this.containerClasses)}>
                 <span class="input-container">
                     <slot name="input"></slot>
@@ -9,4 +9,4 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                     ${this.error&&this.errorText?t.x`<div class="error-text">${this.errorText}</div>`:t.E}
                 </div>
             </div>
-        `}};a.__decorate([n.n({type:String,attribute:`input-placement`})],f.prototype,`inputPlacement`,void 0),a.__decorate([n.n({type:String,attribute:`size`})],f.prototype,`_size`,void 0),a.__decorate([n.n({type:Boolean,attribute:`error`,converter:c.booleanConverter})],f.prototype,`_error`,void 0),a.__decorate([n.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),a.__decorate([n.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),a.__decorate([r.r()],f.prototype,`errorGroup`,void 0),a.__decorate([r.r()],f.prototype,`errorTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`disabledGroup`,void 0),a.__decorate([r.r()],f.prototype,`helperTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`sizeGroup`,void 0),a.__decorate([r.r()],f.prototype,`_disabled`,void 0),a.__decorate([r.r()],f.prototype,`inputMutationObserver`,void 0),a.__decorate([i.o({slot:`input`,selector:`input`})],f.prototype,`input`,void 0),f=a.__decorate([s.customUiKitElement(`ds-radio-button`)],f);
+        `}};a.__decorate([n.n({type:String,attribute:`input-placement`})],f.prototype,`inputPlacement`,void 0),a.__decorate([n.n({type:String,attribute:`size`})],f.prototype,`_size`,void 0),a.__decorate([n.n({type:Boolean,attribute:`error`,converter:c.booleanConverter})],f.prototype,`_error`,void 0),a.__decorate([n.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),a.__decorate([n.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),a.__decorate([r.r()],f.prototype,`errorGroup`,void 0),a.__decorate([r.r()],f.prototype,`errorTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`disabledGroup`,void 0),a.__decorate([r.r()],f.prototype,`helperTextGroup`,void 0),a.__decorate([r.r()],f.prototype,`sizeGroup`,void 0),a.__decorate([r.r()],f.prototype,`_disabled`,void 0),a.__decorate([i.o({slot:`input`,selector:`input`})],f.prototype,`input`,void 0),f=a.__decorate([s.customUiKitElement(`ds-radio-button`)],f);

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-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.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`),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`
             ${this.backdropTemplate}
             <div class="container gutter">
                 <nav data-testid="ds-secondary-navigation-container" class=${c.e(this.classes)}>
@@ -36,6 +36,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 class=${c.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)}>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
@@ -46,6 +47,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 class=${c.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)}>
                     <slot name="actions"></slot>

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

@@ -1,4 +1,4 @@
-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=`medium`,this.variant=`primary`,this.readonly=!1,this._open=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.activeIndex=-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.activeIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():this.handleOpen()},this.handleKeydown=e=>{this._open?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.handleOpen})}}static{this.styles=[d.commonStyles]}static{this.ARIA_OPTION_PREFIX=`option-`}firstUpdated(){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.activeIndex)}}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.activeIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.activeIndex=(this.activeIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.activeIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.activeIndex].hidden}scrollToActive(e){e?.scrollIntoView?.({block:`nearest`})}commitSelection(){this.handleClose();let e=this.nativeOptions[this.activeIndex];this.nativeSelect&&e?.value&&this.updateNativeSelectValue(e.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`),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=`medium`,this.variant=`primary`,this.readonly=!1,this._open=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.activeIndex=-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.activeIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():this.handleOpen()},this.handleKeydown=e=>{this._open?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.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.activeIndex)}}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.activeIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.activeIndex=(this.activeIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.activeIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.activeIndex].hidden}scrollToActive(e){e?.scrollIntoView?.({block:`nearest`})}commitSelection(){this.handleClose();let e=this.nativeOptions[this.activeIndex];this.nativeSelect&&e?.value&&this.updateNativeSelectValue(e.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)}>
                 ${this.displaySelectTemplate}
@@ -45,4 +45,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([n.r()],p.prototype,`_open`,void 0),a.__decorate([n.r()],p.prototype,`nativeSelect`,void 0),a.__decorate([n.r()],p.prototype,`nativeLabel`,void 0),a.__decorate([n.r()],p.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],p.prototype,`activeIndex`,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})],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([n.r()],p.prototype,`_open`,void 0),a.__decorate([n.r()],p.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],p.prototype,`activeIndex`,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);

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

@@ -1,4 +1,4 @@
-require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../utils/htmlWithTokens.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../../mixins/ViewportMixin.cjs`),d=require(`../../utils/objectConverter.cjs`),f=require(`../../utils/formatNumber/formatNumber.cjs`),p=require(`./utils/getStepValue/getStepValue.cjs`),m=require(`./utils/roundToDecimals/roundToDecimals.cjs`),h=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.cjs`);const g=require(`./styles/common.styles.cjs`);var _,v=class extends u.ViewportMixin(a.UiKitElement){static{_=this}constructor(...e){super(...e),this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);typeof this._valueMax!=`number`||t<=this._valueMin?this.activeThumb=`min`:t>=this._valueMax?this.activeThumb=`max`:t-this._valueMin<this._valueMax-t?this.activeThumb=`min`:this.activeThumb=`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{this.disabled||(e?.preventDefault?.(),this.setActiveThumb(e),this.handleMouseMove(e),window?.addEventListener(`mousemove`,this.handleMouseMove),window?.addEventListener(`touchmove`,this.handleMouseMove),window?.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r});this.handleChange({value:i,role:r}),this.isControlled(r)||(n.value=String(i))},this.onInputBlur=e=>{this.editingField=void 0,e.currentTarget?.classList?.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}static{this.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles]}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return p.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax)}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp),window?.removeEventListener(`keydown`,this.handleKeydown),window?.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this.handleKeydown),window?.addEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.addEventListener(`pointerdown`,this.handlePointerOrMouseDown),[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=this[e===`min`?`initialValueMin`:`initialValueMax`];if(typeof t!=`number`)return;let{stepValue:n}=this.computeStep({proposedValue:t,role:e});this[e===`min`?`_valueMin`:`_valueMax`]!==n&&this.handleChange({value:n,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){let e=this.renderRoot?.querySelector(`.thumb`);return e?e.offsetWidth/2:0}static{this.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-slider-thumb-radius, 0px)`}trackPosition(e){let t=_.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${_.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=m.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){return f.formatNumber({value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping})}get rangeValuesTemplates(){let{formattedValue:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r,{formattedValue:o}=this.formatNumber(this.max);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`);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/htmlWithTokens.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../../mixins/ViewportMixin.cjs`),d=require(`../../utils/objectConverter.cjs`),f=require(`../../utils/formatNumber/formatNumber.cjs`),p=require(`./utils/getStepValue/getStepValue.cjs`),m=require(`./utils/roundToDecimals/roundToDecimals.cjs`),h=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.cjs`);const g=require(`./styles/common.styles.cjs`);var _,v=class extends u.ViewportMixin(a.UiKitElement){static{_=this}constructor(...e){super(...e),this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this._initialValuesApplied=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);typeof this._valueMax!=`number`||t<=this._valueMin?this.activeThumb=`min`:t>=this._valueMax?this.activeThumb=`max`:t-this._valueMin<this._valueMax-t?this.activeThumb=`min`:this.activeThumb=`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{this.disabled||(e?.preventDefault?.(),this.setActiveThumb(e),this.handleMouseMove(e),window?.addEventListener(`mousemove`,this.handleMouseMove),window?.addEventListener(`touchmove`,this.handleMouseMove),window?.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r});this.handleChange({value:i,role:r}),this.isControlled(r)||(n.value=String(i))},this.onInputBlur=e=>{this.editingField=void 0,e.currentTarget?.classList?.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}static{this.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles]}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return p.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax),this._initialValuesApplied||(this._initialValuesApplied=!0,this.applyInitialValues())}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp),window?.removeEventListener(`keydown`,this.handleKeydown),window?.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this.handleKeydown),window?.addEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.addEventListener(`pointerdown`,this.handlePointerOrMouseDown)}applyInitialValues(){[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=this[e===`min`?`initialValueMin`:`initialValueMax`];if(typeof t!=`number`)return;let{stepValue:n}=this.computeStep({proposedValue:t,role:e});this[e===`min`?`_valueMin`:`_valueMax`]!==n&&this.handleChange({value:n,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){let e=this.renderRoot?.querySelector(`.thumb`);return e?e.offsetWidth/2:0}static{this.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-slider-thumb-radius, 0px)`}trackPosition(e){let t=_.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${_.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=m.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){return f.formatNumber({value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping})}get rangeValuesTemplates(){let{formattedValue:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r,{formattedValue:o}=this.formatNumber(this.max);return e.x`
             <div class="range-value-text">
                 ${this.minLabel?e.x`<span class="range-value-label">${this.minLabel}</span>`:e.E}
                 ${a===`left`?e.x`<span>${i}</span>`:e.E}
@@ -89,4 +89,4 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
                 <div class="range-value-container">${this.rangeValuesTemplates}</div>
                 ${this.inputsTemplate}
             </div>
-        `}};i.__decorate([t.n({type:Number})],v.prototype,`min`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`max`,void 0),i.__decorate([t.n({type:String,attribute:`min-label`})],v.prototype,`minLabel`,void 0),i.__decorate([t.n({type:String,attribute:`max-label`})],v.prototype,`maxLabel`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`step`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-min`})],v.prototype,`initialValueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-max`})],v.prototype,`initialValueMax`,void 0),i.__decorate([t.n({type:Number,attribute:`value-min`})],v.prototype,`valueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`value-max`})],v.prototype,`valueMax`,void 0),i.__decorate([t.n({type:String,reflect:!0})],v.prototype,`mode`,void 0),i.__decorate([t.n({type:String,attribute:`locale`})],v.prototype,`locale`,void 0),i.__decorate([t.n({type:String,attribute:`locale-matcher`})],v.prototype,`localeMatcher`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol`})],v.prototype,`unitSymbol`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol-position`})],v.prototype,`unitSymbolPosition`,void 0),i.__decorate([t.n({type:String,attribute:`unit-style`})],v.prototype,`unitStyle`,void 0),i.__decorate([t.n({type:String,attribute:`currency`})],v.prototype,`currency`,void 0),i.__decorate([t.n({type:String,attribute:`unit`})],v.prototype,`unit`,void 0),i.__decorate([t.n({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``?!0:e!==`false`})],v.prototype,`useGrouping`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-integer-digits`})],v.prototype,`minimumIntegerDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],v.prototype,`minimumFractionDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],v.prototype,`maximumFractionDigits`,void 0),i.__decorate([t.n({type:String,attribute:`thousand-separator`})],v.prototype,`thousandSeparator`,void 0),i.__decorate([t.n({type:String,attribute:`fraction-separator`})],v.prototype,`fractionSeparator`,void 0),i.__decorate([t.n({type:String,converter:d.objectConverter})],v.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],v.prototype,`disabled`,void 0),i.__decorate([t.n({type:String,attribute:`input-min-aria-label`})],v.prototype,`inputMinAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`input-max-aria-label`})],v.prototype,`inputMaxAriaLabel`,void 0),i.__decorate([r.e(`.track`)],v.prototype,`track`,void 0),i.__decorate([n.r()],v.prototype,`_valueMin`,void 0),i.__decorate([n.r()],v.prototype,`_valueMax`,void 0),i.__decorate([n.r()],v.prototype,`activeThumb`,void 0),i.__decorate([n.r()],v.prototype,`animationFrameRequest`,void 0),i.__decorate([n.r()],v.prototype,`editingField`,void 0),i.__decorate([n.r()],v.prototype,`keyboardMode`,void 0),v=_=i.__decorate([o.customUiKitElement(`ds-slider`)],v);
+        `}};i.__decorate([t.n({type:Number})],v.prototype,`min`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`max`,void 0),i.__decorate([t.n({type:String,attribute:`min-label`})],v.prototype,`minLabel`,void 0),i.__decorate([t.n({type:String,attribute:`max-label`})],v.prototype,`maxLabel`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`step`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-min`})],v.prototype,`initialValueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-max`})],v.prototype,`initialValueMax`,void 0),i.__decorate([t.n({type:Number,attribute:`value-min`})],v.prototype,`valueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`value-max`})],v.prototype,`valueMax`,void 0),i.__decorate([t.n({type:String,reflect:!0})],v.prototype,`mode`,void 0),i.__decorate([t.n({type:String,attribute:`locale`})],v.prototype,`locale`,void 0),i.__decorate([t.n({type:String,attribute:`locale-matcher`})],v.prototype,`localeMatcher`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol`})],v.prototype,`unitSymbol`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol-position`})],v.prototype,`unitSymbolPosition`,void 0),i.__decorate([t.n({type:String,attribute:`unit-style`})],v.prototype,`unitStyle`,void 0),i.__decorate([t.n({type:String,attribute:`currency`})],v.prototype,`currency`,void 0),i.__decorate([t.n({type:String,attribute:`unit`})],v.prototype,`unit`,void 0),i.__decorate([t.n({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``?!0:e!==`false`})],v.prototype,`useGrouping`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-integer-digits`})],v.prototype,`minimumIntegerDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],v.prototype,`minimumFractionDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],v.prototype,`maximumFractionDigits`,void 0),i.__decorate([t.n({type:String,attribute:`thousand-separator`})],v.prototype,`thousandSeparator`,void 0),i.__decorate([t.n({type:String,attribute:`fraction-separator`})],v.prototype,`fractionSeparator`,void 0),i.__decorate([t.n({type:String,converter:d.objectConverter})],v.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],v.prototype,`disabled`,void 0),i.__decorate([t.n({type:String,attribute:`input-min-aria-label`})],v.prototype,`inputMinAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`input-max-aria-label`})],v.prototype,`inputMaxAriaLabel`,void 0),i.__decorate([r.e(`.track`)],v.prototype,`track`,void 0),i.__decorate([n.r()],v.prototype,`_valueMin`,void 0),i.__decorate([n.r()],v.prototype,`_valueMax`,void 0),i.__decorate([n.r()],v.prototype,`editingField`,void 0),v=_=i.__decorate([o.customUiKitElement(`ds-slider`)],v);

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

@@ -15,7 +15,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <div part="header" class="header">
                         <slot name="header"></slot>
                     </div>
-                    <div part="main" class="main ds-scroll">
+                    <div part="main" class="main ds-scroll" tabindex="0">
                         <slot name="main"></slot>
                     </div>
                 </div>

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

@@ -2,7 +2,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             <div part="container" class=${c.e(this.classes)}>
                 <div class=${c.e(this.navContainerClasses)}>
                     ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
-                    <nav tabindex="-1" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
+                    <nav tabindex="0" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
                         <slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
                     </nav>
                     ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}

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.100`,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.101`,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-toggle-switch/ds-toggle-switch.cjs

@@ -1,4 +1,4 @@
-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`);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(`../../utils/htmlWithTokens.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{constructor(...e){super(...e),this.size=`medium`,this.checked=!1,this.disabled=!1,this.mode=`light`}static{this.styles=[c.commonStyles]}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}handleClickOff(){this.checked&&this.handleClick()}handleClickOn(){this.checked||this.handleClick()}get styleTokens(){return o.htmlWithTokens`
+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`);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(`../../utils/htmlWithTokens.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{constructor(...e){super(...e),this.size=`medium`,this.checked=!1,this.disabled=!1,this.mode=`light`}static{this.styles=[c.commonStyles]}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}handleClickOff(e){e.stopPropagation(),this.checked&&this.handleClick()}handleClickOn(e){e.stopPropagation(),!this.checked&&this.handleClick()}get styleTokens(){return o.htmlWithTokens`
             <style>
                 :host {
                     color-scheme: ${this.mode};