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

package/dist/cjs/components/ds-tooltip/ds-tooltip.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(`../../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`);const d=require(`../../utils/debounce.cjs`),f=require(`../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),p=require(`./styles/common.styles.cjs`);var m=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.show=!1,this.disableHoverListener=!1,this.disableFocusListener=!1,this.disablePressListener=!1,this.tooltipId=`ds-tooltip-${Date.now()}-${Math.floor(Math.random()*1e6)}`,this.usingKeyboard=!1,this.handleKeyDown=()=>{this.usingKeyboard=!0},this.handlePointerDown=()=>{this.usingKeyboard=!1},this.handleTooltipPointerDown=e=>{e.stopImmediatePropagation()},this.handleResize=d.debounce({func:()=>this.requestUpdate()}),this.handleClose=()=>{this.show=!1},this.handleAnchorPointerDown=e=>{this.disablePressListener||e.button===0&&(this.show=!this.show)},this.handleAnchorMouseOver=()=>{this.disableHoverListener||(this.show=!0)},this.handleAnchorMouseOut=()=>{this.disableHoverListener||setTimeout(()=>{!this.container?.matches?.(`:hover`)&&!this.arrow?.matches?.(`:hover`)&&!this?.matches?.(`:hover`)&&(this.show=!1)},150)},this.handleAnchorFocusIn=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!0))},this.handleAnchorFocusOut=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!1))},this.handlePressOutside=e=>{if(this.disablePressListener||e.button!==0)return;let t=e.target;t===this||this.contains(t)||this.shadowRoot?.contains(t)||this.anchorElements[0]===t||this.anchorElements[0].contains(t)||(this.show=!1)}}static{this.styles=[p.commonStyles]}disconnectedCallback(){super.disconnectedCallback(),this.container?.matches(`:popover-open`)&&this.container.hidePopover(),window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`pointerdown`,this.handlePointerDown)}updated(e){document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`pointerdown`,this.handlePointerDown),this.show&&this.container&&!this.container.matches(`:popover-open`)?this.container.showPopover():!this.show&&this.container?.matches(`:popover-open`)&&this.container.hidePopover(),this.updatePosition(),e.has(`show`)&&(this.show?(window.addEventListener(`resize`,this.handleResize),document.addEventListener(`pointerdown`,this.handlePressOutside)):(window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside)))}updatePosition(){requestAnimationFrame(()=>{!this.anchorContainer||!this.container||!this.show||!this.anchorElements?.[0]||!(this.anchorContainer instanceof Element)||!(this.container instanceof Element)||!(this.arrow instanceof Element)||(f.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[f.flip(),f.shift(),f.offset({mainAxis:8,crossAxis:-8}),f.arrow({element:this.arrow}),f.size({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${Math.min(240,e-8)}px`,maxHeight:`${Math.max(0,t-8)}px`})}})]}).then(e=>{let{x:t,y:n,middlewareData:r,placement:i}=e;if(this.tooltopPlacement=i,Object.assign(this.container.style,{left:`${t??0}px`,top:`${n??0}px`}),r.arrow){let{x:e,y:t}=r.arrow;Object.assign(this.arrow.style,{left:e==null?``:`${e}px`,top:t==null?``:`${t}px`})}}),this.requestUpdate())})}get arrowClasses(){return{arrow:!0,[this.mode]:!0,"not-positionable":this?.offsetWidth>this.container?.offsetWidth}}get containerClasses(){return{container:!0,[this.tooltopPlacement]:!!this.tooltopPlacement,[this.mode]:!0}}get headerClasses(){return{"header-container":!0,hidden:this.headerElements?.length===0&&this.closeButtonElements?.length===0}}get contentClasses(){return{"content-container":!0,"ds-scroll":!0,"ds-scroll--size-s":!0,hidden:this.contentElements?.length===0}}get arrowTemplate(){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(`../../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`);const d=require(`../../utils/debounce.cjs`),f=require(`../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),p=require(`./styles/common.styles.cjs`);var m=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.show=!1,this.disableHoverListener=!1,this.disableFocusListener=!1,this.disablePressListener=!1,this.tooltipId=`ds-tooltip-${Date.now()}-${Math.floor(Math.random()*1e6)}`,this.usingKeyboard=!1,this.handleKeyDown=()=>{this.usingKeyboard=!0},this.handlePointerDown=()=>{this.usingKeyboard=!1},this.handleTooltipPointerDown=e=>{e.stopImmediatePropagation()},this.handleResize=d.debounce({func:()=>this.requestUpdate()}),this.handleClose=()=>{this.show=!1},this.handleAnchorPointerDown=e=>{this.disablePressListener||e.button===0&&(this.show=!this.show)},this.handleAnchorMouseOver=()=>{this.disableHoverListener||(this.show=!0)},this.handleAnchorMouseOut=()=>{this.disableHoverListener||setTimeout(()=>{!this.container?.matches?.(`:hover`)&&!this.arrow?.matches?.(`:hover`)&&!this?.matches?.(`:hover`)&&(this.show=!1)},150)},this.handleAnchorFocusIn=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!0))},this.handleAnchorFocusOut=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!1))},this.handlePressOutside=e=>{if(this.disablePressListener||e.button!==0)return;let t=e.target;t===this||this.contains(t)||this.shadowRoot?.contains(t)||this.anchorElements[0]===t||this.anchorElements[0].contains(t)||(this.show=!1)}}static{this.styles=[p.commonStyles]}disconnectedCallback(){super.disconnectedCallback(),this.container?.matches(`:popover-open`)&&this.container.hidePopover(),window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`pointerdown`,this.handlePointerDown)}updated(e){document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`pointerdown`,this.handlePointerDown),this.show&&this.container?.isConnected&&!this.container.matches(`:popover-open`)?this.container.showPopover():!this.show&&this.container?.isConnected&&this.container.matches(`:popover-open`)&&this.container.hidePopover(),this.updatePosition(),e.has(`show`)&&(this.show?(window.addEventListener(`resize`,this.handleResize),document.addEventListener(`pointerdown`,this.handlePressOutside)):(window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside)))}updatePosition(){requestAnimationFrame(()=>{!this.anchorContainer||!this.container||!this.show||!this.anchorElements?.[0]||!(this.anchorContainer instanceof Element)||!(this.container instanceof Element)||!(this.arrow instanceof Element)||(f.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[f.flip(),f.shift(),f.offset({mainAxis:8,crossAxis:-8}),f.arrow({element:this.arrow}),f.size({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${Math.min(240,e-8)}px`,maxHeight:`${Math.max(0,t-8)}px`})}})]}).then(e=>{let{x:t,y:n,middlewareData:r,placement:i}=e;if(this.tooltopPlacement=i,Object.assign(this.container.style,{left:`${t??0}px`,top:`${n??0}px`}),r.arrow){let{x:e,y:t}=r.arrow;Object.assign(this.arrow.style,{left:e==null?``:`${e}px`,top:t==null?``:`${t}px`})}}),this.requestUpdate())})}get arrowClasses(){return{arrow:!0,[this.mode]:!0,"not-positionable":this?.offsetWidth>this.container?.offsetWidth}}get containerClasses(){return{container:!0,[this.tooltopPlacement]:!!this.tooltopPlacement,[this.mode]:!0}}get headerClasses(){return{"header-container":!0,hidden:this.headerElements?.length===0&&this.closeButtonElements?.length===0}}get contentClasses(){return{"content-container":!0,"ds-scroll":!0,"ds-scroll--size-s":!0,hidden:this.contentElements?.length===0}}get arrowTemplate(){return e.x`
             <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${u.e(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
                 <path d="M5.77946 4.38048L0.5 9L16 9L11.1427 4.46656C9.88663 3.29419 9.25858 2.708 8.48883 2.69565C7.71909 2.68329 7.07255 3.24902 5.77946 4.38048Z" class="ds-tooltip-arrow-background"/>
                 <path d="M0.5 8.5L5.89467 4.11683C7.1398 3.10516 7.76236 2.59933 8.49029 2.6109C9.21822 2.62246 9.8244 3.14782 11.0368 4.19853L16 8.5" stroke-opacity="1" stroke-linecap="round" class="ds-tooltip-arrow-border"/>
@@ -40,10 +40,10 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 class="anchor"
                 tabindex="0"
                 role=${this.disablePressListener?e.E:`button`}
-                aria-controls=${this.tooltipId}
+                aria-controls=${this.disablePressListener?e.E:this.tooltipId}
                 aria-expanded=${this.disablePressListener?e.E:String(this.show)}
                 aria-describedby=${this.show?this.tooltipId:e.E}
-                aria-label="open tooltip"
+                aria-label=${this.disablePressListener?e.E:`open tooltip`}
                 @mouseover="${this.handleAnchorMouseOver}"
                 @mouseout="${this.handleAnchorMouseOut}"
                 @pointerdown="${this.handleAnchorPointerDown}"

package/dist/cjs/mixins/inputStatesMixin.cjs

@@ -1 +1 @@
-var e=e=>class extends e{constructor(...e){super(...e),this.inputStates={currentValue:``,focus:!1,focusVisible:!1,invalid:!1,filled:!1,disabled:!1,readonly:!1},this.keyboardMode=!1,this._updateStates=()=>{this.inputStates.currentValue=this.nativeInput?.value,this.inputStates.invalid=!this.nativeInput?.validity.valid,this.inputStates.focus=document.activeElement===this.nativeInput,this.inputStates.disabled=this.nativeInput?.disabled,this.inputStates.readonly=this.nativeInput?.readOnly??!1,this.inputStates.filled=this.nativeInput?.value?.length>0,this.requestUpdate()},this._handleKeydown=()=>{this.keyboardMode=!0},this._handleMousedown=()=>{this.keyboardMode=!1},this._handlePointerdown=()=>{this.keyboardMode=!1},this._handleFocusIn=e=>{e.target===this.nativeInput&&(this.inputStates.focus=!0,this.inputStates.focusVisible=!!this.keyboardMode,this.requestUpdate())},this._handleFocusOut=()=>{this.inputStates.focus=!1,this.inputStates.focusVisible=!1,this.requestUpdate()}}onInputReady(e){}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this._handleKeydown),window?.addEventListener(`mousedown`,this._handleMousedown),window?.addEventListener(`pointerdown`,this._handlePointerdown);let t=()=>{let e=this.querySelector(`input`)||this.querySelector(`textarea`)||this.shadowRoot?.querySelector(`input`)||this.shadowRoot?.querySelector(`textarea`);e&&(this.nativeInput=e,this._setupInputObservers(),this.onInputReady(e),this.hostMutationObserver?.disconnect())};t(),this.hostMutationObserver=new MutationObserver(t),this.hostMutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0})}_setupInputObservers(){this.nativeInput.addEventListener(`input`,this._updateStates),this.nativeInput.addEventListener(`focusin`,this._handleFocusIn),this.nativeInput.addEventListener(`focusout`,this._handleFocusOut),this.inputMutationObserver=new MutationObserver(this._updateStates),this.inputMutationObserver.observe(this.nativeInput,{attributes:!0}),this._updateStates()}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`keydown`,this._handleKeydown),window?.removeEventListener(`mousedown`,this._handleMousedown),window?.removeEventListener(`pointerdown`,this._handlePointerdown),this.hostMutationObserver?.disconnect(),this.inputMutationObserver?.disconnect(),this.nativeInput&&(this.nativeInput.removeEventListener(`input`,this._updateStates),this.nativeInput.removeEventListener(`focusin`,this._handleFocusIn),this.nativeInput.removeEventListener(`focusout`,this._handleFocusOut))}};exports.inputStatesMixin=e;
+var e=e=>class extends e{constructor(...e){super(...e),this.inputStates={currentValue:``,focus:!1,focusVisible:!1,invalid:!1,filled:!1,disabled:!1,readonly:!1},this.keyboardMode=!1,this._updateStates=()=>{this._syncInputStates(),this.requestUpdate()},this._handleKeydown=()=>{this.keyboardMode=!0},this._handleMousedown=()=>{this.keyboardMode=!1},this._handlePointerdown=()=>{this.keyboardMode=!1},this._handleFocusIn=e=>{e.target===this.nativeInput&&(this.inputStates.focus=!0,this.inputStates.focusVisible=!!this.keyboardMode,this.requestUpdate())},this._handleFocusOut=()=>{this.inputStates.focus=!1,this.inputStates.focusVisible=!1,this.requestUpdate()}}onInputReady(e){}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this._handleKeydown),window?.addEventListener(`mousedown`,this._handleMousedown),window?.addEventListener(`pointerdown`,this._handlePointerdown);let t=()=>{let e=this.querySelector(`input`)||this.querySelector(`textarea`)||this.shadowRoot?.querySelector(`input`)||this.shadowRoot?.querySelector(`textarea`);e&&(this.nativeInput=e,this._setupInputObservers(),this.onInputReady(e),this.hostMutationObserver?.disconnect())};t(),this.hostMutationObserver=new MutationObserver(t),this.hostMutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0})}_setupInputObservers(){this.nativeInput.addEventListener(`input`,this._updateStates),this.nativeInput.addEventListener(`focusin`,this._handleFocusIn),this.nativeInput.addEventListener(`focusout`,this._handleFocusOut),this.inputMutationObserver=new MutationObserver(this._updateStates),this.inputMutationObserver.observe(this.nativeInput,{attributes:!0}),this._syncInputStates(),queueMicrotask(()=>this.requestUpdate())}_syncInputStates(){this.inputStates.currentValue=this.nativeInput?.value,this.inputStates.invalid=!this.nativeInput?.validity.valid,this.inputStates.focus=document.activeElement===this.nativeInput,this.inputStates.disabled=this.nativeInput?.disabled,this.inputStates.readonly=this.nativeInput?.readOnly??!1,this.inputStates.filled=this.nativeInput?.value?.length>0}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`keydown`,this._handleKeydown),window?.removeEventListener(`mousedown`,this._handleMousedown),window?.removeEventListener(`pointerdown`,this._handlePointerdown),this.hostMutationObserver?.disconnect(),this.inputMutationObserver?.disconnect(),this.nativeInput&&(this.nativeInput.removeEventListener(`input`,this._updateStates),this.nativeInput.removeEventListener(`focusin`,this._handleFocusIn),this.nativeInput.removeEventListener(`focusout`,this._handleFocusOut))}};exports.inputStatesMixin=e;

package/dist/cjs/utils/IconsManager.cjs

@@ -1 +1 @@
-const e=require(`../core/theme.constants.cjs`),t=require(`./PubSub.cjs`);var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if(t?.name===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.100`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;
+const e=require(`../core/theme.constants.cjs`),t=require(`./PubSub.cjs`);var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if(t?.name===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.102`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;

package/dist/cjs/utils/PubSub.cjs

@@ -1 +1 @@
-var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.100`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;
+var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.102`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;

package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +1 @@
-var e=require(`../concurrencyLimit.cjs`).concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.100/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||=new t,t.instance}}.getInstance();exports.stylesRegistry=t;
+var e=require(`../concurrencyLimit.cjs`).concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.102/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||=new t,t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist/cjs/utils/arrayConverter.cjs

@@ -1 +1 @@
-var e={fromAttribute(e){if(!e)return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t;throw Error()}catch{return e.split(`,`)}},toAttribute(e){return JSON.stringify(e)}};exports.arrayConverter=e;
+var e={fromAttribute(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[t]}catch{return e.split(`,`).map(e=>e.trim()).filter(Boolean)}},toAttribute(e){return JSON.stringify(e)}};exports.arrayConverter=e;

package/dist/cjs/utils/cssWithTokens.cjs

@@ -1 +1 @@
-const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);function t(t,...n){return e.i`${e.r(String.raw({raw:t},...n).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-100`))}`}exports.cssWithTokens=t;
+const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);function t(t,...n){return e.i`${e.r(String.raw({raw:t},...n).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-102`))}`}exports.cssWithTokens=t;

package/dist/cjs/utils/htmlWithTokens.cjs

@@ -1 +1 @@
-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-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);function n(n,...r){return e.x`${t.o(String.raw({raw:n},...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-100`))}`}exports.htmlWithTokens=n;
+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-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);function n(n,...r){return e.x`${t.o(String.raw({raw:n},...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-102`))}`}exports.htmlWithTokens=n;

package/dist/esm/components/ds-accordion/ds-accordion.js

@@ -43,8 +43,7 @@ var f = class extends a {
 		let t = s[this.theme]?.["icon-names"];
 		return this.componentFactory.createIcon({
 			class: "icon open-icon",
-			role: "image",
-			"aria-hidden": "true",
+			role: "presentation",
 			"icon-name": t?.open || "minus"
 		});
 	}
@@ -53,8 +52,7 @@ var f = class extends a {
 		let t = s[this.theme]?.["icon-names"];
 		return this.componentFactory.createIcon({
 			class: "icon close-icon",
-			role: "image",
-			"aria-hidden": "true",
+			role: "presentation",
 			"icon-name": t?.close || "plus"
 		});
 	}

package/dist/esm/components/ds-button/ds-button.js

@@ -1,34 +1,33 @@
 import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
 import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
-import { UiKitElement as a } from "../base/UiKitElement.js";
-import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as s } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as c } from "../../utils/htmlWithTokens.js";
-import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { htmlWithTokens as s } from "../../utils/htmlWithTokens.js";
+import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
-import { objectConverter as d } from "../../utils/objectConverter.js";
-import { r as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
-import { n as p } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
-import { buttonStyles as m, loadingDotsStyles as h, textStyles as g } from "./styles/common.styles.js";
+import { ViewportMixin as l } from "../../mixins/ViewportMixin.js";
+import { objectConverter as u } from "../../utils/objectConverter.js";
+import { r as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.js";
+import { n as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
+import { buttonStyles as p, loadingDotsStyles as m, textStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-button/ds-button.ts
-var _ = class extends u(a) {
+var g = class extends l(i) {
 	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 = [
-			m,
-			g,
-			h
+			p,
+			h,
+			m
 		];
 	}
-	firstUpdated() {
-		this.closestForm = this.closest("form");
+	connectedCallback() {
+		super.connectedCallback(), this.closestForm = this.closest("form");
 	}
 	get classes() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
@@ -73,7 +72,7 @@ var _ = class extends u(a) {
 		return this.loading && this.textLoading ? t`${this.textLoading}` : t`<slot></slot>`;
 	}
 	get cssTokens() {
-		return c`
+		return s`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -88,9 +87,9 @@ var _ = class extends u(a) {
 	render() {
 		return t`
             ${this.cssTokens}
-            ${f(this.htmlTagName || "button", [
+            ${d(this.htmlTagName || "button", [
 			["button", () => t`
-                        <div class=${l(this.classes)}>
+                        <div class=${c(this.classes)}>
                             <button
                                 class="inner"
                                 aria-label=${this.textContent?.replace(/^\s+|\s+$/g, "")}
@@ -98,17 +97,17 @@ var _ = class extends u(a) {
                                 @click=${this.handleClick}
                                 ?disabled=${this.disabled}
                             >
-                                ${p(this.iconPosition === "left", () => t` ${this.iconTemplate} `)}
+                                ${f(this.iconPosition === "left", () => t` ${this.iconTemplate} `)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${p(this.iconPosition === "right", () => t` ${this.iconTemplate} `)}
+                                ${f(this.iconPosition === "right", () => t` ${this.iconTemplate} `)}
                             </button>
                         </div>
                     `],
 			["a", () => t`
-                        <div class=${l(this.classes)}>
+                        <div class=${c(this.classes)}>
                             <a
                                 class="inner"
                                 aria-label=${this.textContent?.replace(/^\s+|\s+$/g, "")}
@@ -117,69 +116,69 @@ var _ = class extends u(a) {
                                 target=${this.target}
                                 @click=${this.handleClick}
                             >
-                                ${p(this.iconPosition === "left", () => t`${this.iconTemplate}`)}
+                                ${f(this.iconPosition === "left", () => t`${this.iconTemplate}`)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${p(this.iconPosition === "right", () => t`${this.iconTemplate}`)}
+                                ${f(this.iconPosition === "right", () => t`${this.iconTemplate}`)}
                             </a>
                         </div>
                     `],
 			["custom", () => t`
-                        <div class=${l(this.classes)}>
-                            ${p(this.iconPosition === "left", () => t`${this.iconTemplate}`)}
+                        <div class=${c(this.classes)}>
+                            ${f(this.iconPosition === "left", () => t`${this.iconTemplate}`)}
                             ${this.loading && this.textLoading ? t`<span class="container">${this.textLoading}${this.loadingTemplate}</span>` : t`<slot></slot>${this.loadingTemplate}`}
-                            ${p(this.iconPosition === "right", () => t`${this.iconTemplate}`)}
+                            ${f(this.iconPosition === "right", () => t`${this.iconTemplate}`)}
                         </div>
                     `]
 		])}
         `;
 	}
 };
-i([n({ type: String })], _.prototype, "variant", void 0), i([n({
+r([n({ type: String })], g.prototype, "variant", void 0), r([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "mode", void 0), i([n({
+})], g.prototype, "mode", void 0), r([n({
 	type: String,
-	converter: d
-})], _.prototype, "size", void 0), i([n({
+	converter: u
+})], g.prototype, "size", void 0), r([n({
 	type: Boolean,
-	converter: s
-})], _.prototype, "disabled", void 0), i([n({
+	converter: o
+})], g.prototype, "disabled", void 0), r([n({
 	type: Boolean,
-	converter: s
-})], _.prototype, "destructive", void 0), i([n({
+	converter: o
+})], g.prototype, "destructive", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], _.prototype, "iconName", void 0), i([n({
+})], g.prototype, "iconName", void 0), r([n({
 	type: String,
 	attribute: "html-tag-name"
-})], _.prototype, "htmlTagName", void 0), i([n({
+})], g.prototype, "htmlTagName", void 0), r([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "href", void 0), i([n({
+})], g.prototype, "href", void 0), r([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "rel", void 0), i([n({
+})], g.prototype, "rel", void 0), r([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "target", void 0), i([n({ type: String })], _.prototype, "type", void 0), i([n({
+})], g.prototype, "target", void 0), r([n({ type: String })], g.prototype, "type", void 0), r([n({
 	type: String,
 	attribute: "icon-position"
-})], _.prototype, "iconPosition", void 0), i([n({
+})], g.prototype, "iconPosition", void 0), r([n({
 	type: Boolean,
-	converter: s
-})], _.prototype, "rounded", void 0), i([n({
+	converter: o
+})], g.prototype, "rounded", void 0), r([n({
 	type: Boolean,
-	converter: s,
+	converter: o,
 	attribute: "full-width"
-})], _.prototype, "fullWidth", void 0), i([n({
+})], g.prototype, "fullWidth", void 0), r([n({
 	type: Boolean,
-	converter: s
-})], _.prototype, "loading", void 0), i([n({
+	converter: o
+})], g.prototype, "loading", void 0), r([n({
 	type: String,
 	attribute: "text-loading"
-})], _.prototype, "textLoading", void 0), i([r()], _.prototype, "closestForm", void 0), _ = i([o("ds-button")], _);
+})], g.prototype, "textLoading", void 0), g = r([a("ds-button")], g);
 //#endregion
-export { _ as DsButton };
+export { g as DsButton };

package/dist/esm/components/ds-calendar/ds-calendar.js

@@ -9,14 +9,15 @@ import { customUiKitElement as a } from "../../decorators/customUiKitElement.js"
 import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import "../ds-calendar-day/ds-calendar-day.js";
-import { commonStyles as s } from "./styles/common.styles.js";
+import { arrayConverter as s } from "../../utils/arrayConverter.js";
+import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-calendar/ds-calendar.ts
-var c = class extends i {
+var l = class extends i {
 	constructor(...e) {
-		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1;
+		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1, this._viewDateInitialized = !1;
 	}
 	static {
-		this.styles = [s];
+		this.styles = [c];
 	}
 	get selectedDate() {
 		if (this.value) {
@@ -29,10 +30,10 @@ var c = class extends i {
 		return this._viewDate;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.applyInitialValue(), this.initializeViewDate();
+		super.connectedCallback(), this.applyInitialValue();
 	}
-	updated(e) {
-		super.updated(e), (e.has("value") || e.has("viewDateAttr")) && this.initializeViewDate();
+	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)) {
@@ -133,10 +134,10 @@ var c = class extends i {
 		}
 		if (this.disabledWeekdays && this.disabledWeekdays.length > 0) {
 			let t = e.getDay();
-			if (this.disabledWeekdays.includes(t)) return !0;
+			if (this.disabledWeekdays.some((e) => Number(e) === t)) return !0;
 		}
 		if (this.disabledDates && this.disabledDates.length > 0) {
-			let t = e.toISOString().split("T")[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;
@@ -201,9 +202,13 @@ var c = class extends i {
         `;
 	}
 	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`
-            <div class="days-grid" @ds-calendar-day-change=${this.handleDayChange}>
-                ${this.calendarDays.map((e) => this.componentFactory.createCalendarDay({
+            <div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
+                ${n.map((t) => e`
+                        <div class="days-row" role="row">
+                            ${t.map((e) => this.componentFactory.createCalendarDay({
 			day: e.day,
 			size: this.size,
 			disabled: e.isDisabled,
@@ -211,6 +216,8 @@ var c = class extends i {
 			today: e.isToday,
 			"outside-month": !e.isCurrentMonth
 		}))}
+                        </div>
+                    `)}
             </div>
         `;
 	}
@@ -230,39 +237,39 @@ var c = class extends i {
 r([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "value", void 0), r([t({
+})], l.prototype, "value", void 0), r([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "variant", void 0), r([t({
+})], l.prototype, "variant", void 0), r([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), r([t({
+})], l.prototype, "size", void 0), r([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "locale", void 0), r([t({
+})], l.prototype, "locale", void 0), r([t({
 	type: Number,
 	reflect: !0,
 	attribute: "first-day-of-week"
-})], c.prototype, "firstDayOfWeek", void 0), r([t({
+})], l.prototype, "firstDayOfWeek", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "min-date"
-})], c.prototype, "minDate", void 0), r([t({
+})], l.prototype, "minDate", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "max-date"
-})], c.prototype, "maxDate", void 0), r([t({
-	type: Array,
-	attribute: "disabled-dates"
-})], c.prototype, "disabledDates", void 0), r([t({
-	type: Array,
-	attribute: "disabled-weekdays"
-})], c.prototype, "disabledWeekdays", void 0), r([t({
+})], l.prototype, "maxDate", void 0), r([t({
+	attribute: "disabled-dates",
+	converter: s
+})], l.prototype, "disabledDates", void 0), r([t({
+	attribute: "disabled-weekdays",
+	converter: s
+})], l.prototype, "disabledWeekdays", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "view-date"
-})], c.prototype, "viewDateAttr", void 0), r([t({
+})], l.prototype, "viewDateAttr", void 0), r([t({
 	type: String,
 	attribute: "initial-value"
-})], c.prototype, "initialValue", void 0), r([n()], c.prototype, "_viewDate", void 0), r([n()], c.prototype, "_value", void 0), c = r([a("ds-calendar")], c);
+})], l.prototype, "initialValue", void 0), r([n()], l.prototype, "_viewDate", void 0), r([n()], l.prototype, "_value", void 0), l = r([a("ds-calendar")], l);
 //#endregion

package/dist/esm/components/ds-calendar/styles/common.styles.js

@@ -38,6 +38,10 @@ var t = e`
         display: grid;
         grid-template-columns: repeat(7, 1fr);
     }
+
+    .days-row {
+        display: contents;
+    }
 `;
 //#endregion
 export { t as commonStyles };

package/dist/esm/components/ds-calendar-day/ds-calendar-day.js

@@ -47,6 +47,7 @@ var c = class extends r {
                 class=${o(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/esm/components/ds-checkbox/ds-checkbox.js

@@ -17,7 +17,7 @@ import { commonStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox/ds-checkbox.ts
 var g = class extends m(o) {
 	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;
+		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 = [h];
@@ -128,6 +128,7 @@ var g = class extends m(o) {
                                 type="checkbox"
                                 name=${this.name}
                                 value=${this.value}
+                                aria-label=${this.dataAriaLabel || t}
                                 ?required=${this.required}
                                 ?checked=${this.checked}
                                 ?disabled=${this.disabled}
@@ -184,5 +185,8 @@ a([r({ type: String })], g.prototype, "name", void 0), a([r({ type: String })],
 })], g.prototype, "invalidError", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], g.prototype, "indeterminate", void 0), a([i()], g.prototype, "disabledGroup", void 0), a([i()], g.prototype, "errorGroup", void 0), a([i()], g.prototype, "sizeGroup", void 0), g = a([s("ds-checkbox")], g);
+})], g.prototype, "indeterminate", void 0), a([r({
+	type: String,
+	attribute: "data-aria-label"
+})], g.prototype, "dataAriaLabel", void 0), a([i()], g.prototype, "disabledGroup", void 0), a([i()], g.prototype, "errorGroup", void 0), a([i()], g.prototype, "sizeGroup", void 0), g = a([s("ds-checkbox")], g);
 //#endregion

package/dist/esm/components/ds-chip/ds-chip.js

@@ -1,26 +1,24 @@
 import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
 import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
-import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
-import { UiKitElement as a } from "../base/UiKitElement.js";
-import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as s } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as c } from "../../utils/htmlWithTokens.js";
-import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { htmlWithTokens as s } from "../../utils/htmlWithTokens.js";
+import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { commonStyles as u } from "./styles/common.styles.js";
+import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-chip/ds-chip.ts
-var d = class extends a {
+var u = class extends i {
 	constructor(...e) {
-		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "";
+		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 = [u];
-	}
-	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(" ");
+		this.styles = [l];
 	}
 	get classes() {
 		return {
@@ -33,7 +31,7 @@ var d = class extends a {
 		};
 	}
 	get styleTokens() {
-		return c`
+		return s`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -91,32 +89,32 @@ var d = class extends a {
                 aria-label=${`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
-                class=${l(this.classes)}
+                class=${c(this.classes)}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
                 ${this.leadingIconTemplate}
-                <slot></slot>
+                <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
         `;
 	}
 };
-i([n({ type: String })], d.prototype, "value", void 0), i([n({
+r([n({ type: String })], u.prototype, "value", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), i([n({
+})], u.prototype, "mode", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "size", void 0), i([n({
+})], u.prototype, "size", void 0), r([n({
 	type: Boolean,
-	converter: s,
+	converter: o,
 	reflect: !0
-})], d.prototype, "selected", void 0), i([n({
+})], u.prototype, "selected", void 0), r([n({
 	type: Boolean,
-	converter: s
-})], d.prototype, "deselectable", void 0), i([n({
+	converter: o
+})], u.prototype, "deselectable", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], d.prototype, "iconName", void 0), i([r()], d.prototype, "slottedText", void 0), d = i([o("ds-chip")], d);
+})], u.prototype, "iconName", void 0), u = r([a("ds-chip")], u);
 //#endregion

package/dist/esm/components/ds-dialog-fullscreen/ds-dialog-fullscreen.js

@@ -15,15 +15,18 @@ import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-dialog-fullscreen/ds-dialog-fullscreen.ts
 var f = class extends o {
 	constructor(...e) {
-		super(...e), this.lockClose = !1, this.lockScroll = !0, this.open = !1, this.hasBeenOpened = !1, this.hasScroll = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.handleKeyDown = (e) => {
+		super(...e), this.lockClose = !1, this.lockScroll = !0, this.open = !1, this.hasScroll = !1, this.hasBeenOpened = !1, this.debouncedCheckScroll = u({ func: () => this.checkScroll() }), this.handleKeyDown = (e) => {
 			this.open && e.key === "Escape" && this.handleClose();
 		};
 	}
 	static {
 		this.styles = [d];
 	}
-	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());
+	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());
@@ -48,7 +51,8 @@ var f = class extends o {
 		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;
+		let e = this.content?.scrollHeight > this.content?.clientHeight;
+		e !== this.hasScroll && (this.hasScroll = e);
 	}
 	render() {
 		return !this.hasBeenOpened && !this.open ? e : t`
@@ -81,5 +85,5 @@ a([n({
 })], f.prototype, "lockScroll", void 0), a([n({
 	type: Boolean,
 	converter: c
-})], f.prototype, "open", void 0), a([r()], f.prototype, "hasBeenOpened", void 0), a([r()], f.prototype, "hasScroll", void 0), a([i(".content")], f.prototype, "content", void 0), f = a([s("ds-dialog-fullscreen")], f);
+})], f.prototype, "open", void 0), a([r()], f.prototype, "hasScroll", void 0), a([i(".content")], f.prototype, "content", void 0), f = a([s("ds-dialog-fullscreen")], f);
 //#endregion