@cupra/ui-kit 1.1.0-canary.8 → 2.0.0-canary.16

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

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../base/UiKitElement.cjs"),c=require("./utils/getStepValue/getStepValue.cjs"),D=require("./utils/roundToDecimals/roundToDecimals.cjs"),V=require("../../decorators/customUiKitElement.cjs"),$=require("../../mixins/ViewportMixin.cjs"),T=require("../../utils/booleanConverter.cjs"),L=require("../../utils/formatNumber/formatNumber.cjs"),P=require("../../utils/htmlWithTokens.cjs"),k=require("../../utils/objectConverter.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 a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),E=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),q=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("./styles/common.styles.cjs");var F=Object.defineProperty,N=Object.getOwnPropertyDescriptor,n=(u,t,e,i)=>{for(var s=i>1?void 0:i?N(t,e):t,r=u.length-1,l;r>=0;r--)(l=u[r])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&F(t,e,s),s};exports.DsSlider=class extends $.ViewportMixin(w.UiKitElement){constructor(){super(...arguments),this.min=0,this.max=100,this.minLabel="",this.maxLabel="",this.step=1,this.initialValueMin=0,this.mode="light",this.locale=void 0,this.localeMatcher="lookup",this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size="medium",this.disabled=!1,this.keyboardMode=!1,this.getNewValue=t=>{const{width:e,left:i}=this.track.getBoundingClientRect(),s=t.type.indexOf("mouse")!==-1?t.clientX:t.touches[0].clientX,l=Math.min(Math.max(0,s-i),e)*100/e;return this.min+l*(this.max-this.min)/100},this.setActiveThumb=t=>{const e=this.getNewValue(t);typeof this.valueMax!="number"||e<=this.valueMin?this.activeThumb="min":e>=this.valueMax?this.activeThumb="max":e-this.valueMin<this.valueMax-e?this.activeThumb="min":this.activeThumb="max"},this.handleMouseMove=t=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{const e=this.getNewValue(t),i=this.activeThumb??"min",{stepValue:s}=c.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:i,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:s,role:i})})},this.handleMouseDown=t=>{var e;this.disabled||((e=t==null?void 0:t.preventDefault)==null||e.call(t),this.setActiveThumb(t),this.handleMouseMove(t),window==null||window.addEventListener("mousemove",this.handleMouseMove),window==null||window.addEventListener("touchmove",this.handleMouseMove),window==null||window.addEventListener("pointerup",this.handlePointerUp))},this.handlePointerUp=()=>{window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(t,e)=>{const i=t.currentTarget,s=e===1?"min":"max";this.editingField=s,i.type="number",i.step=String(this.step??1);const r=s==="min"?this.valueMin:this.valueMax;i.value=String(r??""),this.keyboardMode&&i.classList.add("focus-visible")},this.commitInputValue=(t,e)=>{const i=t.currentTarget,s=e===1?"min":"max",{stepValue:r}=c.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:Number(i.value),role:s,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:r,role:s}),i.value=String(r)},this.onInputBlur=t=>{var i;this.editingField=void 0;const e=t.currentTarget;(i=e==null?void 0:e.classList)==null||i.remove("focus-visible")},this.onInputKeyDown=(t,e)=>{t.key==="Enter"&&(t.preventDefault(),this.commitInputValue(t,e))},this.onThumbKeyDown=(t,e)=>{if(!this.disabled&&(t.key==="ArrowLeft"||t.key==="ArrowRight")){t.preventDefault();const i=this.step??1,s=t.key==="ArrowLeft"?-i:i,r=e===1?"min":"max",p=(r==="min"?this.valueMin:this.valueMax)+s,{stepValue:y}=c.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:p,role:r,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this.handleChange({value:y,role:r})}}}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp),window==null||window.removeEventListener("keydown",this.handleKeydown),window==null||window.removeEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.removeEventListener("pointerdown",this.handlePointerOrMouseDown)}firstUpdated(t){super.firstUpdated(t),window==null||window.addEventListener("keydown",this.handleKeydown),window==null||window.addEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.addEventListener("pointerdown",this.handlePointerOrMouseDown),["min","max"].forEach(i=>{const r=this[i==="min"?"initialValueMin":"initialValueMax"];if(typeof r!="number")return;const{stepValue:l}=c.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:r,role:i,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}});this[i==="min"?"valueMin":"valueMax"]!==l&&this.handleChange({value:l,role:i})})}getTrackPct(t){const e=this.max-this.min;return e===0?0:(t-this.min)/e*100}handleChange({value:t,role:e}){const i=D.roundToDecimals({value:t,fractionDigits:this.maximumFractionDigits}),s=e==="min"?"valueMin":"valueMax";this[s]!==i&&(this[s]=i,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{role:e,value:i}})))}formatNumber(t){const e={value:t,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping};return L.formatNumber(e)}get rangeValuesTemplates(){const{formattedValue:t,unitSymbol:e,unitSymbolPosition:i}=this.formatNumber(this.min),s=this.unitSymbol??e,r=this.unitSymbolPosition??i,{formattedValue:l}=this.formatNumber(this.max);return o.html`
+            <div class="range-value-text">
+                ${this.minLabel?o.html`<span class="range-value-label">${this.minLabel}</span>`:o.nothing}
+                ${r==="left"?o.html`<span>${s}</span>`:o.nothing}
+                <span>${t}</span>
+                ${r==="right"?o.html`<span>${s}</span>`:o.nothing}
+            </div>
+            <div class="range-value-text">
+                ${this.maxLabel?o.html` <span class="range-value-label">${this.maxLabel}</span>`:o.nothing}
+                ${r==="left"?o.html`<span>${s}</span>`:o.nothing}
+                <span>${l}</span>
+                ${r==="right"?o.html`<span>${s}</span>`:o.nothing}
+            </div>
+        `}getThumbTemplate(t){const e=t===1?"min":"max",i=e==="min"?this.valueMin:this.valueMax,{minLimit:s,maxLimit:r}=c.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:i,role:e,currentValues:{1:this.valueMin,...typeof this.valueMax=="number"?{2:this.valueMax}:{}}}),l=this.getTrackPct(i);return o.html`
+            <style>
+                .thumb${t} {
+                    left: ${l}%;
+                }
+            </style>
+            <div
+                class="thumb${t} thumb"
+                @focus=${()=>{this.activeThumb=t===1?"min":"max"}}
+                @keydown=${p=>this.onThumbKeyDown(p,t)}
+                role="slider"
+                tabindex=${this.disabled?-1:0}
+                aria-disabled=${String(!!this.disabled)}
+                aria-label=${t===1?"Minumum value":"Maximum Value"}
+                aria-valuemin=${s}
+                aria-valuemax=${r}
+                aria-valuenow=${i}
+            >
+                <svg
+                    class="thumb-svg"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 34 34"
+                    fill="none"
+                >
+                    <circle cx="17" cy="17" r="16" class="thumb-circle" />
+                </svg>
+            </div>
+        `}get thumbTemplates(){return o.html`
+            ${this.getThumbTemplate(1)}
+            ${typeof this.initialValueMax=="number"?this.getThumbTemplate(2):o.nothing}
+        `}get trackRangeTemplate(){let t,e;return typeof this.initialValueMax!="number"?(t=0,e=this.getTrackPct(this.valueMin)):(t=this.getTrackPct(this.valueMin),e=this.getTrackPct(this.valueMax)-t),o.html`
+            <style>
+                .track-range {
+                    left: ${t}%;
+                    width: ${e}%;
+                }
+            </style>
+            <div class="track-range" role="presentation"></div>
+        `}getInputTemplate(t){const e=t===1?"min":"max",i=this.editingField===e,s=e==="min"?this.valueMin:this.valueMax,{formattedValue:r,unitSymbol:l,unitSymbolPosition:p}=this.formatNumber(s),y=this.unitSymbolPosition??p,b=this.unitSymbol??l,g=b?y==="left"?`${b} ${r}`:`${r} ${b}`:`${r}`,S=i?"number":"text",v=i?String(s??""):g,M=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,x=typeof this.initialValueMax=="number"?t===1?"Start value":"End value":"Value",f=M??x;return o.html`
+            <div class="input-wrapper">
+                <input
+                    class="input-value input-value-${t}"
+                    type=${S}
+                    .value=${v}
+                    step=${String(this.step??1)}
+                    ?disabled=${this.disabled}
+                    tabindex=${this.disabled?-1:0}
+                    aria-disabled=${String(!!this.disabled)}
+                    aria-label=${f}
+                    ?readonly=${this.disabled}
+                    @focus=${h=>this.onInputFocus(h,t)}
+                    @blur=${this.onInputBlur}
+                    @change=${h=>this.commitInputValue(h,t)}
+                    @keydown=${h=>this.onInputKeyDown(h,t)}
+                    title=${v}
+                />
+            </div>
+        `}get inputsTemplate(){return o.html`
+            <div class="inputs-container">
+                ${this.getInputTemplate(1)}
+                ${typeof this.initialValueMax=="number"?this.getInputTemplate(2):o.nothing}
+            </div>
+        `}get containerClasses(){var e;const t=typeof this.size=="string"?this.size:(e=this.size)==null?void 0:e[this.viewport];return{container:!0,[this.mode]:!!this.mode,[t]:!!t,disabled:!!this.disabled}}get styleTokens(){return P.htmlWithTokens`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                }
+            </style>
+        `}render(){return o.html`
+            ${this.styleTokens}
+            <div class=${q.classMap(this.containerClasses)}>
+                <div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track"  role="presentation">
+                    ${this.thumbTemplates}
+                    ${this.trackRangeTemplate}
+                </div>
+                <div class="range-value-container">${this.rangeValuesTemplates}</div>
+                ${this.inputsTemplate}
+            </div>
+        `}};exports.DsSlider.styles=[d.commonStyles,d.trackStyles,d.thumbStyles,d.currentValueStyles,d.rangeValueStyles];n([a.property({type:Number})],exports.DsSlider.prototype,"min",2);n([a.property({type:Number})],exports.DsSlider.prototype,"max",2);n([a.property({type:String,attribute:"min-label"})],exports.DsSlider.prototype,"minLabel",2);n([a.property({type:String,attribute:"max-label"})],exports.DsSlider.prototype,"maxLabel",2);n([a.property({type:Number})],exports.DsSlider.prototype,"step",2);n([a.property({type:Number,attribute:"initial-value-min"})],exports.DsSlider.prototype,"initialValueMin",2);n([a.property({type:Number,attribute:"initial-value-max"})],exports.DsSlider.prototype,"initialValueMax",2);n([a.property({type:String,reflect:!0})],exports.DsSlider.prototype,"mode",2);n([a.property({type:String,attribute:"locale"})],exports.DsSlider.prototype,"locale",2);n([a.property({type:String,attribute:"locale-matcher"})],exports.DsSlider.prototype,"localeMatcher",2);n([a.property({type:String,attribute:"unit-symbol"})],exports.DsSlider.prototype,"unitSymbol",2);n([a.property({type:String,attribute:"unit-symbol-position"})],exports.DsSlider.prototype,"unitSymbolPosition",2);n([a.property({type:String,attribute:"unit-style"})],exports.DsSlider.prototype,"unitStyle",2);n([a.property({type:String,attribute:"currency"})],exports.DsSlider.prototype,"currency",2);n([a.property({type:String,attribute:"unit"})],exports.DsSlider.prototype,"unit",2);n([a.property({type:String,attribute:"use-grouping",converter:u=>u==="auto"?"auto":typeof u=="boolean"?u:u==="true"||u===""?!0:u!=="false"})],exports.DsSlider.prototype,"useGrouping",2);n([a.property({type:Number,attribute:"minimum-integer-digits"})],exports.DsSlider.prototype,"minimumIntegerDigits",2);n([a.property({type:Number,attribute:"minimum-fraction-digits"})],exports.DsSlider.prototype,"minimumFractionDigits",2);n([a.property({type:Number,attribute:"maximum-fraction-digits"})],exports.DsSlider.prototype,"maximumFractionDigits",2);n([a.property({type:String,attribute:"thousand-separator"})],exports.DsSlider.prototype,"thousandSeparator",2);n([a.property({type:String,attribute:"fraction-separator"})],exports.DsSlider.prototype,"fractionSeparator",2);n([a.property({type:String,converter:k.objectConverter})],exports.DsSlider.prototype,"size",2);n([a.property({type:Boolean,converter:T.booleanConverter})],exports.DsSlider.prototype,"disabled",2);n([a.property({type:String,attribute:"input-min-aria-label"})],exports.DsSlider.prototype,"inputMinAriaLabel",2);n([a.property({type:String,attribute:"input-max-aria-label"})],exports.DsSlider.prototype,"inputMaxAriaLabel",2);n([E.query(".track")],exports.DsSlider.prototype,"track",2);n([m.state()],exports.DsSlider.prototype,"valueMin",2);n([m.state()],exports.DsSlider.prototype,"valueMax",2);n([m.state()],exports.DsSlider.prototype,"activeThumb",2);n([m.state()],exports.DsSlider.prototype,"animationFrameRequest",2);n([m.state()],exports.DsSlider.prototype,"editingField",2);n([m.state()],exports.DsSlider.prototype,"keyboardMode",2);exports.DsSlider=n([V.customUiKitElement("ds-slider")],exports.DsSlider);

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

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=t.css`
+    :host {
+        display: block;
+    }
+`,n=e.cssWithTokens`
+    .current-value-container {
+        position: relative;
+    }
+    
+    .current-value-text {
+        display: inline-flex;
+        position: absolute;
+    }
+`,o=e.cssWithTokens`
+    .range-value-container {
+        display: flex;
+        justify-content: space-between;
+    }
+    
+    .range-value-text {
+        display: inline-flex;
+    }
+
+    .range-value-label:after {
+        content: ':';
+    }
+`,r=e.cssWithTokens`
+    .track {
+        position: relative;
+        cursor: pointer;
+        top: 0;
+    }
+
+    .track-range {
+        z-index: 1;
+        top: 50%;
+        transform: translateY(-50%);
+        position: absolute;
+    }
+
+    .track, .track-range {
+        background-clip: content-box;
+    }
+`,a=e.cssWithTokens`
+    .thumb {
+        z-index: 2;
+        position: absolute;
+    }
+`;exports.commonStyles=s;exports.currentValueStyles=n;exports.rangeValueStyles=o;exports.thumbStyles=a;exports.trackStyles=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function M({value:a,min:i,max:l}){return Math.min(Math.max(a,i),l)}const S=(a,i,l=10)=>{const f=Math.pow(10,l),h=Math.round(a*f),o=Math.round(i*f);return(h+o)/f},d=({step:a=1,min:i=0,max:l=100,proposedValue:f,role:h,currentValues:o})=>{const m=h==="min"?1:2,u=f;let n,t=i,e=l;return Number.isFinite(u)?(Object.keys(o).forEach(c=>{if(Number(c)<m&&o[c]>=t){if(t=o[c],a===0)return;let r=i;for(;r<=t;)r=S(r,a);t=r}if(Number(c)>m&&o[c]<=e){if(e=o[c],a===0)return;let r=i;for(;r+a<e;)r=S(r,a);e=r}t=M({value:t,min:i,max:l}),e=M({value:e,min:i,max:l})}),u<=t||u>=e?(n=Math.max(t,Math.min(e,u)),{stepValue:n,minLimit:t,maxLimit:e}):a===0?{stepValue:u,minLimit:t,maxLimit:e}:(n=Math.round((u-t)/a)*a+t,n=u-n>e-u?e:n,n=M({value:n,min:t,max:e}),{stepValue:n,minLimit:t,maxLimit:e})):{stepValue:o[String(m)],minLimit:t,maxLimit:e}};exports.getStepValue=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=({value:t,fractionDigits:e})=>{const o=Math.pow(10,e);return Math.round(t*o)/o};exports.roundToDecimals=r;

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

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../mixins/ViewportMixin.cjs"),p=require("../../utils/htmlWithTokens.cjs"),m=require("../../utils/objectConverter.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 y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var q=Object.defineProperty,x=Object.getOwnPropertyDescriptor,o=(i,e,s,r)=>{for(var t=r>1?void 0:r?x(e,s):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(t=(r?a(e,s,t):a(t))||t);return r&&t&&q(e,s,t),t};exports.DsStaticBox=class extends u.ViewportMixin(c.UiKitElement){constructor(){super(...arguments),this.size="medium"}get classes(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get styleTokens(){var e,s;return p.htmlWithTokens`
+            <style>
+                .header {
+                    display: ${((e=this.headerItems)==null?void 0:e.length)>0?"block":"none"};
+                }
+                
+                .footer {
+                    display: ${((s=this.footerItems)==null?void 0:s.length)>0?"block":"none"};
+                }
+            </style>
+        `}render(){return h.html`
+            ${this.styleTokens}
+            <div part="container" data-testid="ds-static-box-container" class=${v.classMap(this.classes)}>
+                <div class="body">
+                    <div part="header" class="header">
+                        <slot name="header"></slot>
+                    </div>
+                    <div part="main" class="main ds-scroll">
+                        <slot name="main"></slot>
+                    </div>
+                </div>
+                <div part="footer" class="footer">
+                    <slot name="footer"></slot>
+                </div>
+            </div>
+        `}};exports.DsStaticBox.styles=[f.commonStyles];o([y.property({type:String,converter:m.objectConverter})],exports.DsStaticBox.prototype,"size",2);o([l.queryAssignedNodes({slot:"header",flatten:!0})],exports.DsStaticBox.prototype,"headerItems",2);o([l.queryAssignedNodes({slot:"footer",flatten:!0})],exports.DsStaticBox.prototype,"footerItems",2);exports.DsStaticBox=o([d.customUiKitElement("ds-static-box")],exports.DsStaticBox);

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

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

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

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=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"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var S=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(n,s,i,t)=>{for(var e=t>1?void 0:t?y(s,i):s,r=n.length-1,p;r>=0;r--)(p=n[r])&&(e=(t?p(s,i,e):p(e))||e);return t&&e&&S(s,i,e),e};exports.DsStepper=class extends l.UiKitElement{constructor(){super(...arguments),this.steps=0,this.currentStep=-1}get classes(){return{container:!0}}render(){if(!this.steps)return c.nothing;const s=Math.max(-1,Math.min(this.currentStep,this.steps));return c.html`
+            <div
+                data-testid="ds-stepper-container"
+                class=${o.classMap(this.classes)}
+                role="list"
+                aria-label="Steps"
+            >
+                ${Array.from({length:this.steps},(i,t)=>{const e=t<=s,r=t===s,p={step:!0,active:e,current:r};return c.html`<span class=${o.classMap(p)} role="listitem" aria-posinset=${t+1} aria-setsize=${this.steps} aria-current=${r?"step":"false"}></span>`})}
+            </div>
+        `}};exports.DsStepper.styles=[h.commonStyles];a([u.property({type:Number,attribute:"steps",reflect:!0})],exports.DsStepper.prototype,"steps",2);a([u.property({type:Number,attribute:"current-step",reflect:!0})],exports.DsStepper.prototype,"currentStep",2);exports.DsStepper=a([m.customUiKitElement("ds-stepper")],exports.DsStepper);

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

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

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

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../base/UiKitElement.cjs"),T=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),f=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),c=require("./styles/common.styles.cjs"),g=require("./theme-config.cjs");var S=Object.defineProperty,D=Object.getOwnPropertyDescriptor,i=(d,e,t,s)=>{for(var a=s>1?void 0:s?D(e,t):e,r=d.length-1,l;r>=0;r--)(l=d[r])&&(a=(s?l(e,t,a):l(a))||a);return s&&a&&S(e,t,a),a};exports.DsTabs=class extends v.UiKitElement{constructor(){super(...arguments),this.selectedTab=0,this.mode="light",this.variant="primary",this.size="large",this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{var t,s,a,r;if(!(this.focusedTabIndex<0))switch(e.key){case"ArrowRight":case"Right":e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)&&(this.focusedTabIndex+=1,(s=this.tabs[this.focusedTabIndex])==null||s.focus());break;case"ArrowLeft":case"Left":e.preventDefault(),this.focusedTabIndex-1>=0&&(this.focusedTabIndex-=1,(a=this.tabs[this.focusedTabIndex])==null||a.focus());break;case"Enter":case" ":e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((r=this.tabs)==null?void 0:r.length)&&this.handleChangeSelectedTab(this.focusedTabIndex);break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,a,r;const e=((t=this.nav)==null?void 0:t.scrollLeft)+((s=this.nav)==null?void 0:s.clientWidth);this.hasScrollLeft=((a=this.nav)==null?void 0:a.scrollLeft)>0,this.hasScrollRight=e<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:"smooth"})},this.handleFocus=e=>{var a;const t=e.target,s=((a=this.tabs)==null?void 0:a.findIndex(r=>r===t))??-1;if(s<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=s},this.handleBlur=()=>{this.focusedTabIndex=-1}}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll("[slot=tab]")),this.panels=Array.from(this.querySelectorAll("[slot=panel]"))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav)}getScrollButtonTemplate(e,t){var r;if(!this.theme||e==="left"&&!this.hasScrollLeft||e==="right"&&!this.hasScrollRight)return u.nothing;const s=`arrow-${e}`,a=(r=g.themeConfig[this.theme])==null?void 0:r["icon-button-variant"];return this.componentFactory.createIconButton({class:`nav-arrow ${e}`,"data-aria-label":`nav-arrow-${e}`,"@click":t,size:["xxsmall","xsmall","small"].includes(this.size)?"medium":"large","icon-name":s,mode:this.mode,variant:a})}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener("resize",this.handleScrollNav),this.nav.addEventListener("scroll",this.handleScrollNav),this.setTabsFocusable()}updated(e){if(super.updated(e),e.has("selectedTab")&&this.selectTab(this.selectedTab),e.has("variant")){const t=this.variant==="secondary"||this.variant==="primary"?this.variant:"primary";this.variant!==t&&(this.variant=t)}this.setupTabAccessibility()}handleTabsSlotchange(e){this.tabs=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(e){this.panels=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var e;(e=this.tabs)==null||e.forEach(t=>{t.setAttribute("tabindex","0")})}selectTab(e){var s,a,r,l,b;(s=this.tabs)==null||s.forEach((h,p)=>{h.removeAttribute("selected"),h.setAttribute("aria-selected",p===e?"true":"false")}),(a=this.tabs[e])==null||a.setAttribute("selected",""),this.panels.forEach(h=>h.removeAttribute("selected")),(r=this.panels[e])==null||r.setAttribute("selected","");const t=(l=this.tabs)==null?void 0:l[this.selectedTab];this.nav.scrollLeft=(t==null?void 0:t.offsetLeft)-((b=this.nav)==null?void 0:b.offsetWidth)/2}setupTabAccessibility(){var e;(e=this.tabs)==null||e.forEach((t,s)=>{t.setAttribute("role","tab"),t.setAttribute("tabindex",s===this.selectedTab&&!this.disabled?"0":"-1"),t.addEventListener("focus",this.handleFocus),t.addEventListener("blur",this.handleBlur)})}handleChangeSelectedTab(e){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{selectedTab:e}})),this.selectedTab=e}handleSelect(e){let t;this.tabs.forEach((s,a)=>{(s===e.target||s.contains(e.target))&&(t=a)}),!(typeof t!="number"||t===this.selectedTab)&&this.handleChangeSelectedTab(t)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return u.html`
+            <div part="container" class=${f.classMap(this.classes)}>
+                <div class=${f.classMap(this.navContainerClasses)}>
+                    ${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
+                    <nav tabindex="-1" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
+                        <slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
+                    </nav>
+                    ${this.getScrollButtonTemplate("right",this.handleScrollRight)}
+                </div>
+                <slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
+            </div>
+        `}};exports.DsTabs.styles=[c.commonStyles,c.navigationStyles,c.tabsStyles,c.panelsStyles];i([n.property({type:Number,attribute:"selected-tab",reflect:!0})],exports.DsTabs.prototype,"selectedTab",2);i([n.property({type:String,reflect:!0})],exports.DsTabs.prototype,"mode",2);i([n.property({type:String,reflect:!0})],exports.DsTabs.prototype,"variant",2);i([n.property({type:String})],exports.DsTabs.prototype,"size",2);i([n.property({type:Boolean,converter:m.booleanConverter})],exports.DsTabs.prototype,"disabled",2);i([o.state()],exports.DsTabs.prototype,"focusedTabIndex",2);i([y.query("nav")],exports.DsTabs.prototype,"nav",2);i([o.state()],exports.DsTabs.prototype,"tabs",2);i([o.state()],exports.DsTabs.prototype,"panels",2);i([o.state()],exports.DsTabs.prototype,"hasScrollLeft",2);i([o.state()],exports.DsTabs.prototype,"hasScrollRight",2);exports.DsTabs=i([T.customUiKitElement("ds-tabs")],exports.DsTabs);

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

@@ -0,0 +1,87 @@
+"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`
+    :host {
+        display: block;
+        width: 100%;
+    }
+`,a=e.css`
+    nav {
+        display: flex;
+        justify-content: flex-start;
+        overflow-x: auto;
+        scroll-behavior: smooth;
+    }
+
+    nav::-webkit-scrollbar {
+        display: none;
+    }
+
+    .nav-container {
+        position: relative;
+        display: flex;
+    }
+
+    .nav-container.scroll-left nav {
+        mask-image: linear-gradient(
+            to left,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 90%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .nav-container.scroll-right nav {
+        mask-image: linear-gradient(
+            to right,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 90%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .nav-container.scroll-left.scroll-right nav {
+        mask-image: linear-gradient(
+            to right,
+            rgba(0, 0, 0, 0) 0%,
+            rgba(0, 0, 0, 0.5) 5%,
+            rgba(0, 0, 0, 1) 10%,
+            rgba(0, 0, 0, 1) 90%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .nav-arrow {
+        visibility: hidden;
+    }
+
+    .nav-container:hover .nav-arrow {
+        visibility: visible;
+    }
+`,s=e.css`
+    ::slotted([slot='tab']) {
+        white-space: nowrap;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        cursor: pointer;
+        flex: 0 1 auto;
+        text-align: center;
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    ::slotted([slot='tab'][selected]) {
+        cursor: auto;
+    }
+`,r=e.css`
+    ::slotted([slot='panel']) {
+        display: none;
+    }
+    ::slotted([slot='panel'][selected]) {
+        display: block;
+    }
+`;exports.commonStyles=t;exports.navigationStyles=a;exports.panelsStyles=r;exports.tabsStyles=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={cupra:{"icon-button-variant":"primary"},"cupra-diagonal":{"icon-button-variant":"naked"},seat:{"icon-button-variant":"primary"}};exports.themeConfig=t;

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

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=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"),b=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/class-map.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),h=require("./styles/common.styles.cjs");var v=Object.defineProperty,T=Object.getOwnPropertyDescriptor,t=(n,o,c,i)=>{for(var e=i>1?void 0:i?T(o,c):o,l=n.length-1,a;l>=0;l--)(a=n[l])&&(e=(i?a(o,c,e):a(e))||e);return i&&e&&v(o,c,e),e};exports.DsTag=class extends g.UiKitElement{constructor(){super(...arguments),this.show=!0,this.clickableIcon=!1,this.iconPosition="left",this.color="black"}get classes(){return{container:!0,[this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;const o=new CustomEvent("clickicon",{bubbles:!0,composed:!0});this.dispatchEvent(o)}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:p.classMap(this.iconClasses),"icon-name":this.iconName,size:16,"@click":this.handleClickIcon}):r.nothing}render(){return this.show?r.html`
+                  <div class=${p.classMap(this.classes)}>
+                      ${u.when(this.iconPosition==="left",()=>r.html`${this.iconTemplate}`)}
+                      <slot></slot>
+                      ${u.when(this.iconPosition==="right",()=>r.html`${this.iconTemplate}`)}
+                  </div>
+              `:r.nothing}};exports.DsTag.styles=[h.commonStyles,h.iconStyles];t([s.property({type:Boolean,converter:m.booleanConverter})],exports.DsTag.prototype,"show",2);t([s.property({type:Boolean,converter:m.booleanConverter,attribute:"clickable-icon"})],exports.DsTag.prototype,"clickableIcon",2);t([s.property({type:String,attribute:"icon-name"})],exports.DsTag.prototype,"iconName",2);t([s.property({type:String,attribute:"icon-position"})],exports.DsTag.prototype,"iconPosition",2);t([s.property({type:String,attribute:"color"})],exports.DsTag.prototype,"color",2);t([b.state()],exports.DsTag.prototype,"onClickHandler",2);exports.DsTag=t([y.customUiKitElement("ds-tag")],exports.DsTag);

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

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),n=e.cssWithTokens`
+    :host {
+        display: inline-block;
+    }
+    
+    .container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+`,t=e.cssWithTokens`
+    .icon.clicable {
+        cursor: pointer;
+    }
+`;exports.commonStyles=n;exports.iconStyles=t;

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

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),m=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs"),T=require("./styles/common.styles.cjs");var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,t=(i,s,n,o)=>{for(var r=o>1?void 0:o?x(s,n):s,l=i.length-1,p;l>=0;l--)(p=i[l])&&(r=(o?p(s,n,r):p(r))||r);return o&&r&&v(s,n,r),r};exports.DsText=class extends u.UiKitElement{constructor(){super(...arguments),this.size="medium",this.weight="regular",this.variant="body",this.mode="light"}get classes(){return{container:!0,[`size-${this.size}`]:!!this.size,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,uppercase:this.uppercase}}get customElementTemplate(){return!this.htmlTagName||!this.value?a.nothing:a.html`${g.unsafeHTML(`<${this.htmlTagName} class="text">${this.value}</${this.htmlTagName}>`)}`}get styles(){return m.htmlWithTokens`
+                <style>
+                    .container {
+                        color: ${this.color||"var(--ds-text-color)"}
+                    }
+                </style>
+            `}render(){return a.html`
+            ${this.styles}
+            <div data-testid="ds-text-container" class=${y.classMap(this.classes)}>
+                ${this.customElementTemplate}
+                <slot></slot>
+            </div>
+        `}};exports.DsText.styles=[T.commonStyles];t([e.property({type:String})],exports.DsText.prototype,"size",2);t([e.property({type:String})],exports.DsText.prototype,"weight",2);t([e.property({type:String})],exports.DsText.prototype,"variant",2);t([e.property({type:String,attribute:"html-tag-name"})],exports.DsText.prototype,"htmlTagName",2);t([e.property({type:String})],exports.DsText.prototype,"value",2);t([e.property({type:String,reflect:!0})],exports.DsText.prototype,"mode",2);t([e.property({type:String,reflect:!0})],exports.DsText.prototype,"color",2);t([e.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsText.prototype,"uppercase",2);exports.DsText=t([c.customUiKitElement("ds-text")],exports.DsText);

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

@@ -0,0 +1,22 @@
+"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`
+    :host {
+        display: contents;
+    }
+
+    ::slotted(*),
+    .text {
+        color: inherit;
+        font-size: inherit;
+        font-weight: inherit;
+        line-height: inherit;
+        margin: 0;
+    }
+
+    .text + ::slotted(*) {
+        display: none;
+    }
+
+    .uppercase {
+        text-transform: uppercase;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-text-input/ds-text-input.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),h=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/inputStatesMixin.cjs"),d=require("../../utils/validateMaxLength.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(o,t,s,e)=>{for(var r=e>1?void 0:e?x(t,s):t,p=o.length-1,l;p>=0;p--)(l=o[p])&&(r=(e?l(t,s,r):l(r))||r);return e&&r&&f(t,s,r),r};exports.DsTextInput=class extends c.inputStatesMixin(u.UiKitElement){constructor(){super(...arguments),this.keyboardMode=!1,this.size="medium",this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.handleClickIcon=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))}}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return i.html`
+            <div class=${v.classMap(this.classes)}>
+                <div class="input-container">
+                    <div><slot></slot></div>
+                    ${this.iconTemplate}
+                </div>
+                <div class="footer">
+                    ${this.helperTextTemplate}
+                    ${this.forcedErrorTemplate}
+                    ${this.invalidErrorTemplate}
+                    ${this.lengthTemplate}
+                </div>
+            </div>
+        `}get iconTemplate(){var t,s,e;return(s=(t=this.nativeInput)==null?void 0:t.value)!=null&&s.length?this.componentFactory.createIconButton({class:"icon-button","icon-name":"cross",size:this.size,disabled:!!((e=this.nativeInput)!=null&&e.disabled),variant:"naked","@click":this.handleClickIcon,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"}):i.nothing}get lengthTemplate(){var s,e,r;const t=(e=(s=this.nativeInput)==null?void 0:s.maxLength)==null?void 0:e.toString();return d.validateMaxLength(t)?i.html`<span class="char-counter">${((r=this.inputStates.currentValue)==null?void 0:r.length)||0}/${t}</span>`:i.nothing}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError?i.nothing:i.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?i.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:i.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?i.nothing:i.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};exports.DsTextInput.styles=[m.commonStyles];n([a.property({type:String})],exports.DsTextInput.prototype,"size",2);n([a.property({type:String,attribute:"helper-text"})],exports.DsTextInput.prototype,"helperText",2);n([a.property({type:String,attribute:"forced-error"})],exports.DsTextInput.prototype,"forcedError",2);n([a.property({type:String,attribute:"invalid-error"})],exports.DsTextInput.prototype,"invalidError",2);n([a.property({type:String,attribute:"data-aria-label-remove-button"})],exports.DsTextInput.prototype,"dataAriaLabelRemoveButton",2);exports.DsTextInput=n([h.customUiKitElement("ds-text-input")],exports.DsTextInput);

package/dist/cjs/components/ds-text-input/styles/common.styles.cjs

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

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

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/ViewportMixin.cjs"),d=require("../../mixins/inputStatesMixin.cjs"),m=require("../../utils/objectConverter.cjs"),v=require("../../utils/validateMaxLength.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),x=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(a,t,s,i)=>{for(var e=i>1?void 0:i?y(t,s):t,l=a.length-1,p;l>=0;l--)(p=a[l])&&(e=(i?p(t,s,e):p(e))||e);return i&&e&&g(t,s,e),e};exports.DsTextarea=class extends d.inputStatesMixin(c.ViewportMixin(h.UiKitElement)){constructor(){super(...arguments),this.keyboardMode=!1,this.size="medium",this.helperText="",this.forcedError="",this.invalidError="",this.mode="light"}onInputReady(t){t.classList.add("ds-scroll")}get classes(){const t=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,error:!!this.forcedError,[t]:!!t,[this.mode]:!!this.mode,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return r.html`
+            <div class=${x.classMap(this.classes)}>
+                <div class="input-container">
+                    <slot></slot>
+                </div>
+                <div class="footer">
+                    ${this.helperTextTemplate}
+                    ${this.forcedErrorTemplate}
+                    ${this.invalidErrorTemplate}
+                    ${this.lengthTemplate}
+                </div>
+            </div>
+        `}get lengthTemplate(){var s,i,e;const t=(i=(s=this.nativeInput)==null?void 0:s.maxLength)==null?void 0:i.toString();return v.validateMaxLength(t)?r.html`<span class="char-counter">${((e=this.inputStates.currentValue)==null?void 0:e.length)||0}/${t}</span>`:r.nothing}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError?r.nothing:r.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?r.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:r.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?r.nothing:r.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};exports.DsTextarea.styles=[f.commonStyles];o([n.property({type:String,converter:m.objectConverter})],exports.DsTextarea.prototype,"size",2);o([n.property({type:String,attribute:"helper-text"})],exports.DsTextarea.prototype,"helperText",2);o([n.property({type:String,attribute:"forced-error"})],exports.DsTextarea.prototype,"forcedError",2);o([n.property({type:String,attribute:"invalid-error"})],exports.DsTextarea.prototype,"invalidError",2);o([n.property({type:String})],exports.DsTextarea.prototype,"mode",2);exports.DsTextarea=o([u.customUiKitElement("ds-textarea")],exports.DsTextarea);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../core/theme.constants.cjs"),p=require("../../decorators/customUiKitElement.cjs"),f=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),y=require("../../utils/PubSub.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),v=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),$=require("../../styles/fonts-config.cjs"),T=require("./themeContext.cjs");var P=Object.defineProperty,F=Object.getOwnPropertyDescriptor,a=(d,e,s,o)=>{for(var t=o>1?void 0:o?F(e,s):e,r=d.length-1,n;r>=0;r--)(n=d[r])&&(t=(o?n(e,s,t):n(t))||t);return o&&t&&P(e,s,t),t};exports.DsThemeProvider=class extends v.LitElement{constructor(){super(...arguments),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){if(super.updated(e),e.has("theme")){if(y.pubSub.publish("theme",this.theme),sessionStorage==null||sessionStorage.setItem(u.THEME_STORAGE_KEY,this.theme),typeof FontFace>"u"||!(document!=null&&document.fonts))return;this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0})}}loadThemeFonts(){var e;(e=$.fontsConfig[this.theme])==null||e.fonts.forEach(s=>{this.loadThemeFont(s)})}async loadThemeFont({weight:e,name:s,file:o}){if(!this.loadFonts)return Promise.resolve();const t=`${s}-${e}`;if(this.loadedFonts.has(t))return;const r=new FontFace(s,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff2') format('woff2'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.woff') format('woff'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.ttf') format('truetype'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${o}.otf') format('opentype')`,{style:"normal",weight:e,display:"swap"});try{await r.load(),document.fonts.add(r),this.loadedFonts.add(t)}catch(n){console.error(`Error loading "${s}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,s)=>{const o="/2.0.0-canary.16",t=`https://ds-assets.cupra.com${o}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${t}"]`))e();else{const r=`ui-kit-theme-${o}`,n=document.getElementById(r),i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=t,i.onload=()=>e(),i.onerror=()=>s(new Error(`Failed to load theme CSS: ${t}`)),document.head.appendChild(i),n==null||n.remove()}}):Promise.resolve()}render(){return this.cssLoaded?l.html`<slot></slot>`:l.nothing}};a([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-fonts"})],exports.DsThemeProvider.prototype,"loadFonts",2);a([h.property({type:Boolean,converter:m.booleanConverter,attribute:"load-styles"})],exports.DsThemeProvider.prototype,"loadStyles",2);a([f.provide({context:T.themeContext}),h.property({type:String})],exports.DsThemeProvider.prototype,"theme",2);a([c.state()],exports.DsThemeProvider.prototype,"cssLoaded",2);a([c.state()],exports.DsThemeProvider.prototype,"loadedFonts",2);exports.DsThemeProvider=a([p.customUiKitElement("ds-theme-provider")],exports.DsThemeProvider);

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),t=e.createContext("theme");exports.themeContext=t;

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

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),l=require("./utils/ToastManager.cjs"),m=require("../../decorators/customUiKitElement.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 g=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"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.cjs"),f=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs"),d=require("./styles/common.styles.cjs");var T=Object.defineProperty,M=Object.getOwnPropertyDescriptor,c=(r,t,a,e)=>{for(var s=e>1?void 0:e?M(t,a):t,i=r.length-1,n;i>=0;i--)(n=r[i])&&(s=(e?n(t,a,s):n(s))||s);return e&&s&&T(t,a,s),s};exports.DsToast=class extends p.UiKitElement{constructor(){super(...arguments),this.position="top-right",this.toasts=[],this.unsubscribe=null}connectedCallback(){super.connectedCallback(),this.unsubscribe=l.toastManager.subscribe(t=>{this.toasts=t})}disconnectedCallback(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),super.disconnectedCallback()}handleAnimationEnd(t){const a=t.target;if(a.classList.contains("exiting")&&(t.animationName==="toast-out-left"||t.animationName==="toast-out-right")){const e=a.getAttribute("data-id");e&&l.toastManager.removeToast(e)}}getToastMessageTemplate(t){const a={toast:!0,[t.status]:!0,exiting:t.exiting};let e=o.nothing;if(t.referenceId){const s=document.querySelector(`[data-id="${t.referenceId}"]`);if(s){const i=s.cloneNode(!0);i.setAttribute("data-template","false"),i.setAttribute("data-id",t.id),e=f.unsafeHTML(i.outerHTML)}}else e=this.componentFactory.createToastMessage({"data-id":t.id,"data-template":!1,title:t.title,text:t.text,status:t.status});return o.html`<div class=${u.classMap(a)} data-id="${t.id}">${e}</div>`}get containerClasses(){return{"toast-container":!0,[this.position]:!0}}render(){return o.html`
+            <div
+                part="toast-container"
+                class=${u.classMap(this.containerClasses)}
+                @animationend=${this.handleAnimationEnd}
+                aria-live="polite"
+            >
+                ${h.repeat(this.toasts,t=>t.id,t=>this.getToastMessageTemplate(t))}
+            </div>
+        `}};exports.DsToast.styles=[d.containerStyles,d.toastStyles];c([g.property({type:String})],exports.DsToast.prototype,"position",2);c([b.state()],exports.DsToast.prototype,"toasts",2);exports.DsToast=c([m.customUiKitElement("ds-toast")],exports.DsToast);