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

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

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs"),i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs");require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(o,e,s,t)=>{for(var r=t>1?void 0:t?g(e,s):e,a=o.length-1,n;a>=0;a--)(n=o[a])&&(r=(t?n(e,s,r):n(r))||r);return t&&r&&b(e,s,r),r};const f=[{below:768,maxItems:3},{below:1024,maxItems:4}],c=5;exports.DsBreadcrumbs=class extends d.UiKitElement{constructor(){super(...arguments),this.items=[],this.maxItems=c,this.itemTag="ds-breadcrumbs-item",this.onResize=()=>{const e=f.find(({below:s})=>window.innerWidth<s);this.maxItems=(e==null?void 0:e.maxItems)??c}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.onResize)}handleSlotChange(e){const s=e.target.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase().startsWith("ds-breadcrumbs-item"));s.length>0&&(this.itemTag=s[0].tagName.toLowerCase()),this.items=s.map(t=>{var r,a;return{label:t.getAttribute("label")||((r=t.textContent)==null?void 0:r.trim())||"",href:t.getAttribute("href")||((a=t.querySelector('[slot="item"]'))==null?void 0:a.getAttribute("href"))||void 0,disabled:t.hasAttribute("disabled"),loading:t.hasAttribute("loading"),selected:t.hasAttribute("selected")}})}get separatorIcon(){return this.componentFactory.createIcon({class:"separator-icon","icon-name":"arrow-right",size:24})}itemTemplate(e,s){const t=e.selected||s,r=i.unsafeStatic(this.itemTag),a=t||e.disabled||!e.href?i.html`<span slot="item">${e.label}</span>`:i.html`<a href=${e.href} slot="item">${e.label}</a>`;return i.html`<li class="breadcrumb-list-item">
-            <${r}
-                ?selected=${t}
-                ?disabled=${e.disabled}
-                ?loading=${e.loading}
+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/state.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(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`),require(`../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`);var s=[{below:768,maxItems:3},{below:1024,maxItems:4}],c=5,l=class extends r.UiKitElement{constructor(...e){super(...e),this.items=[],this.maxItems=c,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{this.maxItems=s.find(({below:e})=>window.innerWidth<e)?.maxItems??c}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>({label:e.getAttribute(`label`)||e.textContent?.trim()||``,href:e.getAttribute(`href`)||e.querySelector(`[slot="item"]`)?.getAttribute(`href`)||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}))}get separatorIcon(){return this.componentFactory.createIcon({class:`separator-icon`,"icon-name":`arrow-right`,size:24})}itemTemplate(t,n){let r=t.selected||n,i=o.s(this.itemTag),a=r||t.disabled||!t.href?o.u`<span slot="item">${t.label}</span>`:o.u`<a href=${t.href} slot="item">${t.label}</a>`;return o.u`<li class="breadcrumb-list-item">
+            <${i}
+                ?selected=${r}
+                ?disabled=${t.disabled}
+                ?loading=${t.loading}
             >
                 ${a}
-            </${r}>
-            ${s?h.nothing:this.separatorIcon}
-        </li>`}get slotTemplate(){return i.html`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){const e=this.items.slice(1,this.items.length-(this.maxItems-2));return i.html`<ul class="overflow-menu" role="menu">
-            ${e.map(s=>i.html`
+            </${i}>
+            ${n?e.E:this.separatorIcon}
+        </li>`}get slotTemplate(){return o.u`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){return o.u`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>o.u`
                     <li class="overflow-menu-item" role="none">
-                        <a href=${p.ifDefined(s.href)} class="overflow-menu-link" role="menuitem">${s.label}</a>
+                        <a href=${i.o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
                     </li>
                 `)}
-        </ul>`}get overflowTriggerTemplate(){return i.html`<button class="overflow-trigger">
+        </ul>`}get overflowTriggerTemplate(){return o.u`<button class="overflow-trigger">
             <span class="overflow-label">...</span>
-        </button>`}get tooltipTemplate(){return this.componentFactory.createTooltip({content:this.overflowMenuTemplate,children:this.overflowTriggerTemplate})}get listTemplate(){const{items:e,maxItems:s}=this;if(e.length<=s)return e.map((r,a)=>this.itemTemplate(r,a===e.length-1));const t=e.slice(e.length-(s-2));return i.html`
+        </button>`}get tooltipTemplate(){return this.componentFactory.createTooltip({content:this.overflowMenuTemplate,children:this.overflowTriggerTemplate})}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return o.u`
             ${this.itemTemplate(e[0],!1)}
             <li class="breadcrumb-list-item">
                 <div class="overflow-item-wrapper">
@@ -23,12 +23,12 @@
                     ${this.separatorIcon}
                 </div>
             </li>
-            ${t.map((r,a)=>this.itemTemplate(r,a===t.length-1))}
-        `}render(){return i.html`
+            ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
+        `}render(){return o.u`
             ${this.slotTemplate}
             <nav class="container" aria-label="Breadcrumb">
                 <ol class="breadcrumb-list">
                     ${this.listTemplate}
                 </ol>
             </nav>
-        `}};l([m.state()],exports.DsBreadcrumbs.prototype,"items",2);l([m.state()],exports.DsBreadcrumbs.prototype,"maxItems",2);l([m.state()],exports.DsBreadcrumbs.prototype,"itemTag",2);exports.DsBreadcrumbs=l([u.customUiKitElement("ds-breadcrumbs")],exports.DsBreadcrumbs);
+        `}};n.__decorate([t.r()],l.prototype,`items`,void 0),n.__decorate([t.r()],l.prototype,`maxItems`,void 0),n.__decorate([t.r()],l.prototype,`itemTag`,void 0),l=n.__decorate([a.customUiKitElement(`ds-breadcrumbs`)],l);

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,r,l,t)=>{for(var e=t>1?void 0:t?v(r,l):r,a=o.length-1,i;a>=0;a--)(i=o[a])&&(e=(t?i(r,l,e):i(e))||e);return t&&e&&b(r,l,e),e};exports.DsBreadcrumbsItem=class extends m.UiKitElement{constructor(){super(...arguments),this.selected=!1,this.disabled=!1,this.loading=!1}get classes(){return{"item-wrapper":!0,selected:this.selected,disabled:this.disabled,loading:this.loading}}render(){const r=this.loading?n.html`<div class="skeleton-placeholder"></div>`:n.html`<slot name="item"></slot>`;return n.html`
-            <div class=${u.classMap(this.classes)} part="item-wrapper">
-                ${r}
+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`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.selected=!1,this.disabled=!1,this.loading=!1}get classes(){return{"item-wrapper":!0,selected:this.selected,disabled:this.disabled,loading:this.loading}}render(){let t=this.loading?e.x`<div class="skeleton-placeholder"></div>`:e.x`<slot name="item"></slot>`;return e.x`
+            <div class=${o.e(this.classes)} part="item-wrapper">
+                ${t}
             </div>
-        `}};s([d.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsBreadcrumbsItem.prototype,"selected",2);s([d.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsBreadcrumbsItem.prototype,"disabled",2);s([d.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsBreadcrumbsItem.prototype,"loading",2);exports.DsBreadcrumbsItem=s([p.customUiKitElement("ds-breadcrumbs-item")],exports.DsBreadcrumbsItem);
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`loading`,void 0),s=n.__decorate([i.customUiKitElement(`ds-breadcrumbs-item`)],s);

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),p=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(u,e,t,l)=>{for(var s=l>1?void 0:l?v(e,t):e,i=u.length-1,n;i>=0;i--)(n=u[i])&&(s=(l?n(e,t,s):n(s))||s);return l&&s&&d(e,t,s),s};exports.DsBullets=class extends h.UiKitElement{constructor(){super(...arguments),this.mode="light",this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{index:e}})))}}get bulletsTemplate(){const e=[];for(let t=0;t<this.bulletsNumber;t++){const l={bullet:!0,active:t===this.activeBulletIndex};e.push(o.html`
-                <div @click=${this.handleClickChunk(t)} class=${a.classMap(l)}></div>
-            `)}return e}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return p.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/htmlWithTokens.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{index:e}})))}}static{this.styles=[s.commonStyles]}get bulletsTemplate(){let t=[];for(let n=0;n<this.bulletsNumber;n++){let r={bullet:!0,active:n===this.activeBulletIndex};t.push(e.x`
+                <div @click=${this.handleClickChunk(n)} class=${o.e(r)}></div>
+            `)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return a.htmlWithTokens`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
                     }
                 </style>
-        `}render(){return this.bulletsNumber>0?o.html`
+        `}render(){return this.bulletsNumber>0?e.x`
                   ${this.styleTokens}
-                  <div class=${a.classMap(this.classes)}>${this.bulletsTemplate}</div>
-              `:o.nothing}};exports.DsBullets.styles=[b.commonStyles];r([c.property({type:String,reflect:!0})],exports.DsBullets.prototype,"mode",2);r([c.property({type:Number,attribute:"bullets-number"})],exports.DsBullets.prototype,"bulletsNumber",2);r([c.property({type:Number,attribute:"active-bullet-index",reflect:!0})],exports.DsBullets.prototype,"activeBulletIndex",2);exports.DsBullets=r([m.customUiKitElement("ds-bullets")],exports.DsBullets);
+                  <div class=${o.e(this.classes)}>${this.bulletsTemplate}</div>
+              `:e.E}};n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:Number,attribute:`bullets-number`})],c.prototype,`bulletsNumber`,void 0),n.__decorate([t.n({type:Number,attribute:`active-bullet-index`,reflect:!0})],c.prototype,`activeBulletIndex`,void 0),c=n.__decorate([i.customUiKitElement(`ds-bullets`)],c);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: block;
         width: 100%;
@@ -16,4 +16,4 @@
     .bullet.active {
         cursor: auto;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,61 +1,61 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),g=require("../../mixins/ViewportMixin.cjs"),l=require("../../utils/booleanConverter.cjs"),b=require("../../utils/htmlWithTokens.cjs"),v=require("../../utils/objectConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),$=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),f=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),m=require("./styles/common.styles.cjs");var B=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(p,o,r,a)=>{for(var i=a>1?void 0:a?D(o,r):o,h=p.length-1,c;h>=0;h--)(c=p[h])&&(i=(a?c(o,r,i):c(i))||i);return a&&i&&B(o,r,i),i};exports.DsButton=class extends g.ViewportMixin(d.UiKitElement){constructor(){super(...arguments),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}firstUpdated(){this.closestForm=this.closest("form")}get classes(){const o=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",[o]:!!o,[this.mode]:!!this.mode,[this.variant]:!!this.variant,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(o){if(this.href||o.preventDefault(),this.closestForm&&this.type==="submit"){const r=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(r)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):e.nothing}get loadingTemplate(){return this.loading?e.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);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`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
                 <span>.</span>
             </span>
-        `:e.nothing}get contentTemplate(){return this.loading&&this.textLoading?e.html`${this.textLoading}`:e.html`<slot></slot>`}get cssTokens(){return b.htmlWithTokens`
+        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}get cssTokens(){return s.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.loading||this.disabled?"none":"visible"};
+                    pointer-events: ${this.loading||this.disabled?`none`:`visible`};
                 }
 
                 :host:has(::slotted(*:disabled)){
                     pointer-events: none;
                 }
-            </style>`}render(){return e.html`
+            </style>`}render(){return e.x`
             ${this.cssTokens}
-            ${f.choose(this.htmlTagName||"button",[["button",()=>{var o;return e.html`
-                        <div class=${u.classMap(this.classes)}>
+            ${d.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
+                        <div class=${c.e(this.classes)}>
                             <button
                                 class="inner"
-                                aria-label=${(o=this.textContent)==null?void 0:o.replace(/^\s+|\s+$/g,"")}
+                                aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                                 type=${this.type}
                                 @click=${this.handleClick}
                                 ?disabled=${this.disabled}
                             >
-                                ${n.when(this.iconPosition==="left",()=>e.html` ${this.iconTemplate} `)}
+                                ${f.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${n.when(this.iconPosition==="right",()=>e.html` ${this.iconTemplate} `)}
+                                ${f.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
                             </button>
                         </div>
-                    `}],["a",()=>{var o;return e.html`
-                        <div class=${u.classMap(this.classes)}>
+                    `],[`a`,()=>e.x`
+                        <div class=${c.e(this.classes)}>
                             <a
                                 class="inner"
-                                aria-label=${(o=this.textContent)==null?void 0:o.replace(/^\s+|\s+$/g,"")}
+                                aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                                 href=${this.href}
                                 rel=${this.rel}
                                 target=${this.target}
                                 @click=${this.handleClick}
                             >
-                                ${n.when(this.iconPosition==="left",()=>e.html`${this.iconTemplate}`)}
+                                ${f.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                                 <span class="container">
                                     ${this.contentTemplate}
                                     ${this.loadingTemplate}
                                 </span>
-                                ${n.when(this.iconPosition==="right",()=>e.html`${this.iconTemplate}`)}
+                                ${f.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                             </a>
                         </div>
-                    `}],["custom",()=>e.html`
-                        <div class=${u.classMap(this.classes)}>
-                            ${n.when(this.iconPosition==="left",()=>e.html`${this.iconTemplate}`)}
-                            ${this.loading&&this.textLoading?e.html`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.html`<slot></slot>${this.loadingTemplate}`}
-                            ${n.when(this.iconPosition==="right",()=>e.html`${this.iconTemplate}`)}
+                    `],[`custom`,()=>e.x`
+                        <div class=${c.e(this.classes)}>
+                            ${f.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}`)}
                         </div>
                     `]])}
-        `}};exports.DsButton.styles=[m.buttonStyles,m.textStyles,m.loadingDotsStyles];t([s.property({type:String})],exports.DsButton.prototype,"variant",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"mode",2);t([s.property({type:String,converter:v.objectConverter})],exports.DsButton.prototype,"size",2);t([s.property({type:Boolean,converter:l.booleanConverter})],exports.DsButton.prototype,"disabled",2);t([s.property({type:Boolean,converter:l.booleanConverter})],exports.DsButton.prototype,"destructive",2);t([s.property({type:String,attribute:"icon-name"})],exports.DsButton.prototype,"iconName",2);t([s.property({type:String,attribute:"html-tag-name"})],exports.DsButton.prototype,"htmlTagName",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"href",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"rel",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"target",2);t([s.property({type:String})],exports.DsButton.prototype,"type",2);t([s.property({type:String,attribute:"icon-position"})],exports.DsButton.prototype,"iconPosition",2);t([s.property({type:Boolean,converter:l.booleanConverter})],exports.DsButton.prototype,"rounded",2);t([s.property({type:Boolean,converter:l.booleanConverter,attribute:"full-width"})],exports.DsButton.prototype,"fullWidth",2);t([s.property({type:Boolean,converter:l.booleanConverter})],exports.DsButton.prototype,"loading",2);t([s.property({type:String,attribute:"text-loading"})],exports.DsButton.prototype,"textLoading",2);t([$.state()],exports.DsButton.prototype,"closestForm",2);exports.DsButton=t([y.customUiKitElement("ds-button")],exports.DsButton);
+        `}};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}});

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: contents;
     }
@@ -56,7 +56,7 @@
     .custom ::slotted(*:focus-visible) {
         outline: none;
     }
-`,i=t.css`
+`,n=e.i`
     .naked.container {
         display: inline-flex;
     }
@@ -66,7 +66,7 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-`,n=t.css`
+`,r=e.i`
     .loading-dots {
         display: inline-flex;
         align-items: baseline;
@@ -142,4 +142,4 @@
             opacity: 1;
         }
     }
-`;exports.buttonStyles=e;exports.loadingDotsStyles=n;exports.textStyles=i;
+`;exports.buttonStyles=t,exports.loadingDotsStyles=r,exports.textStyles=n;

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../base/UiKitElement.cjs");require("../ds-calendar-day/ds-calendar-day.cjs");const C=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),_=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),M=require("./styles/common.styles.cjs");var S=Object.defineProperty,k=Object.getOwnPropertyDescriptor,l=(m,e,t,a)=>{for(var s=a>1?void 0:a?k(e,t):e,i=m.length-1,r;i>=0;i--)(r=m[i])&&(s=(a?r(e,t,s):r(s))||s);return a&&s&&S(e,t,s),s};exports.DsCalendar=class extends b.UiKitElement{constructor(){super(...arguments),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}get selectedDate(){if(this.value){const 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)){const e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){const e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){const 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){const t=e.split("-");if(t.length>=2){const a=Number.parseInt(t[0],10),s=Number.parseInt(t[1],10)-1,i=t.length>=3?Number.parseInt(t[2],10):1,r=new Date(a,s,i);if(!Number.isNaN(r.getTime()))return r}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){const e=new Intl.DateTimeFormat(this.locale,{weekday:"short"}),t=[],a=new Date(2024,0,1);for(;a.getDay()!==this.firstDayOfWeek;)a.setDate(a.getDate()+1);for(let s=0;s<7;s++){const i=new Date(a);i.setDate(a.getDate()+s);const r=e.format(i);t.push(r.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(){const e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),a=new Date;a.setHours(0,0,0,0);const s=this.getDaysInMonth(e,t);let r=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;r<0&&(r+=7);const n=[],h=t===0?11:t-1,c=t===0?e-1:e,u=this.getDaysInMonth(c,h);for(let o=r-1;o>=0;o--){const p=u-o,w=new Date(c,h,p);n.push(this.createCalendarDay(w,!1,a))}for(let o=1;o<=s;o++){const p=new Date(e,t,o);n.push(this.createCalendarDay(p,!0,a))}const f=42-n.length,D=t===11?0:t+1,g=t===11?e+1:e;for(let o=1;o<=f;o++){const p=new Date(g,D,o);n.push(this.createCalendarDay(p,!1,a))}return n}createCalendarDay(e,t,a){e.setHours(0,0,0,0);const s=e.getDate(),i=e.getMonth(),r=e.getFullYear(),n=s===a.getDate()&&i===a.getMonth()&&r===a.getFullYear(),h=this.selectedDate,c=h?s===h.getDate()&&i===h.getMonth()&&r===h.getFullYear():!1,u=!t||this.isDateDisabled(e);return{day:s,month:i,year:r,date:e,isCurrentMonth:t,isToday:n,isSelected:c,isDisabled:u}}isDateDisabled(e){if(this.minDate){const t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){const t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){const t=e.getDay();if(this.disabledWeekdays.includes(t))return!0}if(this.disabledDates&&this.disabledDates.length>0){const t=e.toISOString().split("T")[0];if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){const e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){const e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var D;e.stopPropagation();const t=e.target;if(!t||!t.tagName.toLowerCase().startsWith("ds-calendar-day"))return;const a=t.tagName.toLowerCase(),i=Array.from(((D=this.shadowRoot)==null?void 0:D.querySelectorAll(a))||[]).indexOf(t);if(i===-1)return;const n=this.calendarDays[i];if(!n||n.isDisabled)return;this._value=n.date,this._viewDate=new Date(n.date);const h=n.date.getFullYear(),c=String(n.date.getMonth()+1).padStart(2,"0"),u=String(n.date.getDate()).padStart(2,"0"),f=`${h}-${c}-${u}`;this.dispatchEvent(new CustomEvent("ds-calendar-change",{bubbles:!0,composed:!0,detail:{value:f,date:n.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 y.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);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`
             <div class="weekdays">
-                ${this.weekdayNames.map(e=>y.html`<div class="weekday">${e}</div>`)}
+                ${this.weekdayNames.map(t=>e.x`<div class="weekday">${t}</div>`)}
             </div>
-        `}get daysTemplate(){return y.html`
+        `}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}))}
             </div>
-        `}render(){return y.html`
-            <div class=${_.classMap(this.calendarClasses)} role="application" aria-label="Calendar">
+        `}render(){return e.x`
+            <div class=${o.e(this.calendarClasses)} role="application" aria-label="Calendar">
                 <div class="header">
                     ${this.prevButtonTemplate}
                     <div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
@@ -15,4 +15,4 @@
                 </div>
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
-        `}};exports.DsCalendar.styles=[M.commonStyles];l([d.property({type:String,reflect:!0})],exports.DsCalendar.prototype,"value",2);l([d.property({type:String,reflect:!0})],exports.DsCalendar.prototype,"variant",2);l([d.property({type:String,reflect:!0})],exports.DsCalendar.prototype,"size",2);l([d.property({type:String,reflect:!0})],exports.DsCalendar.prototype,"locale",2);l([d.property({type:Number,reflect:!0,attribute:"first-day-of-week"})],exports.DsCalendar.prototype,"firstDayOfWeek",2);l([d.property({type:String,reflect:!0,attribute:"min-date"})],exports.DsCalendar.prototype,"minDate",2);l([d.property({type:String,reflect:!0,attribute:"max-date"})],exports.DsCalendar.prototype,"maxDate",2);l([d.property({type:Array,attribute:"disabled-dates"})],exports.DsCalendar.prototype,"disabledDates",2);l([d.property({type:Array,attribute:"disabled-weekdays"})],exports.DsCalendar.prototype,"disabledWeekdays",2);l([d.property({type:String,reflect:!0,attribute:"view-date"})],exports.DsCalendar.prototype,"viewDateAttr",2);l([d.property({type:String,attribute:"initial-value"})],exports.DsCalendar.prototype,"initialValue",2);l([v.state()],exports.DsCalendar.prototype,"_viewDate",2);l([v.state()],exports.DsCalendar.prototype,"_value",2);exports.DsCalendar=l([C.customUiKitElement("ds-calendar")],exports.DsCalendar);
+        `}};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);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: inline-block;
     }
@@ -35,4 +35,4 @@
         display: grid;
         grid-template-columns: repeat(7, 1fr);
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var D=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(l,e,i,s)=>{for(var t=s>1?void 0:s?b(e,i):e,n=l.length-1,d;n>=0;n--)(d=l[n])&&(t=(s?d(e,i,t):d(t))||t);return s&&t&&D(e,i,t),t};exports.DsCalendarDay=class extends y.UiKitElement{constructor(){super(...arguments),this.size="large",this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent("ds-calendar-day-change",{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleClick(e))}render(){return p.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}static{this.styles=[s.commonStyles]}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.x`
             <button
-                class=${u.classMap(this.classes)}
+                class=${o.e(this.classes)}
                 ?disabled=${this.disabled}
-                aria-label=${this.day?`Day ${this.day}`:""}
+                aria-label=${this.day?`Day ${this.day}`:``}
                 aria-selected=${this.selected}
-                aria-current=${this.today?"date":"false"}
+                aria-current=${this.today?`date`:`false`}
                 tabindex=${this.disabled?-1:0}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
                 ${this.day}
             </button>
-        `}};exports.DsCalendarDay.styles=[h.commonStyles];r([a.property({type:Number,reflect:!0})],exports.DsCalendarDay.prototype,"day",2);r([a.property({type:String,reflect:!0})],exports.DsCalendarDay.prototype,"size",2);r([a.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],exports.DsCalendarDay.prototype,"disabled",2);r([a.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],exports.DsCalendarDay.prototype,"selected",2);r([a.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],exports.DsCalendarDay.prototype,"today",2);r([a.property({type:Boolean,converter:o.booleanConverter,reflect:!0,attribute:"outside-month"})],exports.DsCalendarDay.prototype,"outsideMonth",2);exports.DsCalendarDay=r([c.customUiKitElement("ds-calendar-day")],exports.DsCalendarDay);
+        `}};n.__decorate([t.n({type:Number,reflect:!0})],c.prototype,`day`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`today`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],c.prototype,`outsideMonth`,void 0),c=n.__decorate([i.customUiKitElement(`ds-calendar-day`)],c),Object.defineProperty(exports,`DsCalendarDay`,{enumerable:!0,get:function(){return c}});

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: inline-flex;
     }
@@ -20,4 +20,4 @@
         cursor: default;
         pointer-events: none;
     }
-`;exports.commonStyles=n;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-carousel-indicator/ds-carousel-indicator.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),I=require("./styles/common.styles.cjs");var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,c=(l,r,s,e)=>{for(var t=e>1?void 0:e?x(r,s):r,o=l.length-1,i;o>=0;o--)(i=l[o])&&(t=(e?i(r,s,t):i(t))||t);return e&&t&&f(r,s,t),t};exports.DsCarouselIndicator=class extends h.UiKitElement{constructor(){super(...arguments),this.maxSelectorsShown=6}get classes(){return{container:!0,infinite:this.selectorsNumber>this.maxSelectorsShown}}get selectorsTemplate(){const r=[],s=this.selectorsNumber>this.maxSelectorsShown;for(let e=0;e<this.selectorsNumber;e++){let t=!1;const o=this.selectedIndex>=3&&this.selectedIndex<this.selectorsNumber-3,i=this.selectedIndex<3,d=this.selectedIndex>=this.selectorsNumber-3;s&&(o&&(e<this.selectedIndex-3||e>this.selectedIndex+3)||i&&e>=5||d&&e<this.selectorsNumber-5)&&(t=s);const m={selector:!0,selected:e===this.selectedIndex,hidden:t};r.push(n.html` <div class=${a.classMap(m)}></div> `)}return r}render(){return this.selectorsNumber>0?n.html`
-                  <div data-testid="ds-carousel-indicator-container" class=${a.classMap(this.classes)}>
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends i.UiKitElement{constructor(...e){super(...e),this.maxSelectorsShown=6}static{this.styles=[s.commonStyles]}get classes(){return{container:!0,infinite:this.selectorsNumber>this.maxSelectorsShown}}get selectorsTemplate(){let t=[],n=this.selectorsNumber>this.maxSelectorsShown;for(let r=0;r<this.selectorsNumber;r++){let i=!1,a=this.selectedIndex>=3&&this.selectedIndex<this.selectorsNumber-3,s=this.selectedIndex<3,c=this.selectedIndex>=this.selectorsNumber-3;n&&(a&&(r<this.selectedIndex-3||r>this.selectedIndex+3)||s&&r>=5||c&&r<this.selectorsNumber-5)&&(i=n);let l={selector:!0,selected:r===this.selectedIndex,hidden:i};t.push(e.x` <div class=${o.e(l)}></div> `)}return t}render(){return this.selectorsNumber>0?e.x`
+                  <div data-testid="ds-carousel-indicator-container" class=${o.e(this.classes)}>
                       ${this.selectorsTemplate}
                   </div>
-              `:n.nothing}};exports.DsCarouselIndicator.styles=[I.commonStyles];c([u.property({type:Number,attribute:"selectors-number"})],exports.DsCarouselIndicator.prototype,"selectorsNumber",2);c([u.property({type:Number,attribute:"selected-index"})],exports.DsCarouselIndicator.prototype,"selectedIndex",2);c([b.state()],exports.DsCarouselIndicator.prototype,"maxSelectorsShown",2);exports.DsCarouselIndicator=c([p.customUiKitElement("ds-carousel-indicator")],exports.DsCarouselIndicator);
+              `:e.E}};r.__decorate([t.n({type:Number,attribute:`selectors-number`})],c.prototype,`selectorsNumber`,void 0),r.__decorate([t.n({type:Number,attribute:`selected-index`})],c.prototype,`selectedIndex`,void 0),r.__decorate([n.r()],c.prototype,`maxSelectorsShown`,void 0),c=r.__decorate([a.customUiKitElement(`ds-carousel-indicator`)],c);

package/dist/cjs/components/ds-carousel-indicator/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: flex;
         width: 100%;
@@ -9,4 +9,4 @@
     .container {
         display: flex;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),l=require("../ds-checkbox-group/ds-checkbox-group.cjs"),b=require("../../decorators/customUiKitElement.cjs"),x=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),c=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(h,e,s,n)=>{for(var i=n>1?void 0:n?f(e,s):e,a=h.length-1,p;a>=0;a--)(p=h[a])&&(i=(n?p(e,s,i):p(i))||i);return n&&i&&C(e,s,i),i};exports.DsCheckbox=class extends m.FormAssociatedMixin(u.UiKitElement){constructor(){super(...arguments),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}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:l.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:l.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(e){e.forEach(({context:s,callback:n})=>{new x.ContextConsumer(this,{context:s,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){const s=e.target;this.checked=s.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 o.nothing;const e=this.indeterminate?"minus":"check";return this.componentFactory.createIcon({class:"icon","icon-name":e})}get styleTokens(){return y.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}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};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return o.html`
+        `}render(){return t.x`
             ${this.styleTokens}
-            <div class=${k.classMap(this.classes)}>
+            <div class=${l.e(this.classes)}>
                 <label>
                     <span class="checkmark-container">
                         <span class="checkmark">
@@ -27,12 +27,12 @@
                     <div class="text-container">
                         <div class="text">
                             <slot></slot>
-                            ${this.infoText?o.html` <div class="info-text">${this.infoText}</div> `:o.nothing}
+                            ${this.infoText?t.x` <div class="info-text">${this.infoText}</div> `:t.E}
                         </div>
-                        ${this.helperText?o.html` <div class="helper-text">${this.helperText}</div> `:o.nothing}
-                        ${this.forcedError?o.html` <div class="error-text">${this.forcedError}</div> `:o.nothing}
-                        ${this.invalidError&&!this.forcedError?o.html`<div class="error-text invalid-error">${this.invalidError}</div>`:o.nothing}
+                        ${this.helperText?t.x` <div class="helper-text">${this.helperText}</div> `:t.E}
+                        ${this.forcedError?t.x` <div class="error-text">${this.forcedError}</div> `:t.E}
+                        ${this.invalidError&&!this.forcedError?t.x`<div class="error-text invalid-error">${this.invalidError}</div>`:t.E}
                     </div>
                 </label>
             </div>
-        `}};exports.DsCheckbox.styles=[v.commonStyles];t([r.property({type:String})],exports.DsCheckbox.prototype,"name",2);t([r.property({type:String})],exports.DsCheckbox.prototype,"value",2);t([r.property({type:String,attribute:"input-placement"})],exports.DsCheckbox.prototype,"inputPlacement",2);t([r.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsCheckbox.prototype,"checked",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"required",2);t([r.property({type:Boolean,converter:c.booleanConverter,attribute:"disabled"})],exports.DsCheckbox.prototype,"_disabled",2);t([r.property({type:String,reflect:!0})],exports.DsCheckbox.prototype,"mode",2);t([r.property({type:String,attribute:"size"})],exports.DsCheckbox.prototype,"_size",2);t([r.property({type:String,attribute:"helper-text"})],exports.DsCheckbox.prototype,"helperText",2);t([r.property({type:String,attribute:"info-text"})],exports.DsCheckbox.prototype,"infoText",2);t([r.property({type:String,attribute:"forced-error"})],exports.DsCheckbox.prototype,"_forcedError",2);t([r.property({type:String,attribute:"invalid-error"})],exports.DsCheckbox.prototype,"invalidError",2);t([r.property({type:Boolean,converter:c.booleanConverter})],exports.DsCheckbox.prototype,"indeterminate",2);t([d.state()],exports.DsCheckbox.prototype,"disabledGroup",2);t([d.state()],exports.DsCheckbox.prototype,"errorGroup",2);t([d.state()],exports.DsCheckbox.prototype,"sizeGroup",2);exports.DsCheckbox=t([b.customUiKitElement("ds-checkbox")],exports.DsCheckbox);
+        `}};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);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: block;
     }
@@ -49,4 +49,4 @@
     .container.error .helper-text {
         display: none;
     }
-`;exports.commonStyles=i;
+`;exports.commonStyles=t;