@cupra/ui-kit 2.0.0-canary.23 → 2.0.0-canary.231

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

@@ -0,0 +1,264 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']) {
+        --ui-kit-private-sidebar-navigation-nav-height: 5.5rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .nav {
+        padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-2, 16px);
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5, 8px);
+        background: var(--ds-color-surface-container-hover, rgba(250, 250, 250, 0.1));
+        -webkit-backdrop-filter: blur(3.75rem);
+        backdrop-filter: blur(3.75rem);
+
+        height: var(--ui-kit-private-sidebar-navigation-nav-height, 88px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .aside {
+        display: flex;
+        padding: var(--ds-spacing-s-1, 0);
+        align-items: center;
+        justify-content: center;
+        gap: var(--ds-spacing-m-2, 16px);
+        flex: 1 1 auto;
+
+        font-family: var(--ds-typography-family-primary, 'cupra-screen'), sans-serif;
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-font-letter-spacing-0-5, 0.5px);
+
+        /* ellipsis styles */
+        overflow: hidden;
+        width: 100%;
+    }
+
+    :host([data-ui-kit-theme='seat']) .helper-text-container {
+        display: flex;
+        padding: var(--ds-spacing-s-1, 0);
+        justify-content: flex-start;
+        align-items: center;
+        gap: var(--ds-spacing-s-5, 8px);
+        flex: 1 1 auto;
+
+        /* ellipsis styles */
+        min-width: 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+        color: var(--ds-color-text-default, #fafafa);
+
+        font-size: var(--ds-font-size-14, 14px);
+        line-height: var(--ds-font-line-height-20, 20px);
+        flex: 0 0 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+        color: var(--ds-button-text-color-link-default, #fafafa);
+
+        font-size: var(--ds-typography-size-body-m, 14px);
+        line-height: var(--ds-typography-height-body-m, 20px);
+        /* ellipsis styles */
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-icon']) {
+        flex: 0 0 auto;
+        --ui-kit-icon-color: var(--ds-button-text-color-link-default, #fafafa);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .actions-container {
+        display: flex;
+        padding: var(--ds-spacing-s-1, 0);
+        justify-content: flex-end;
+        align-items: center;
+        gap: var(--ds-spacing-s-5, 8px);
+        align-self: stretch;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted([slot='main-cta']) {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .modal {
+        visibility: hidden;
+        box-sizing: border-box;
+
+        -webkit-backdrop-filter: blur(0.75rem);
+
+        backdrop-filter: blur(0.75rem);
+        background: var(--ds-color-bg-overlay, rgba(9, 9, 11, 0.8));
+        display: flex;
+        justify-content: flex-end;
+        align-items: flex-end;
+        position: absolute;
+        width: 100%;
+        height: calc(100% - var(--ui-kit-private-sidebar-navigation-nav-height));
+        padding: var(--ds-spacing-m-2, 16px);
+        flex-direction: column;
+        gap: var(--ds-spacing-layout-s, 16px);
+        flex-shrink: 0;
+        left: 0;
+        top: 0;
+        z-index: var(--ds-z-index-modal);
+    }
+
+    :host([data-ui-kit-theme='seat']) .open .modal {
+        visibility: visible;
+    }
+
+    @media (min-width: 480px) {
+        :host([data-ui-kit-theme='seat']) {
+            --ui-kit-private-sidebar-navigation-nav-height: 5.875rem;
+        }
+
+        :host([data-ui-kit-theme='seat']) .nav {
+            padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-4, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+            font-size: var(--ds-font-size-18, 18px);
+            line-height: var(--ds-font-line-height-26, 26px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+            font-size: var(--ds-typography-size-body-l, 16px);
+            line-height: var(--ds-typography-height-body-l, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-icon']) {
+            --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+            --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        }
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) {
+            --ui-kit-private-sidebar-navigation-nav-height: 4.5rem;
+        }
+
+        :host([data-ui-kit-theme='seat']) .nav {
+            flex-direction: row;
+            padding: var(--ds-spacing-m-2, 16px) var(--ds-spacing-m-4, 24px);
+            align-items: center;
+            flex-shrink: 0;
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+            font-size: var(--ds-font-size-24, 24px);
+            line-height: var(--ds-font-line-height-32, 32px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+            font-size: var(--ds-typography-size-body-l, 16px);
+            line-height: var(--ds-typography-height-body-l, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .actions-container {
+            flex: 0 0 auto;
+            gap: var(--ds-spacing-m-2, 16px);
+        }
+
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='main-cta']) {
+            flex: 0 0 auto;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        :host([data-ui-kit-theme='seat']) {
+            --ui-kit-private-sidebar-navigation-nav-height: 6.125rem;
+        }
+
+        :host([data-ui-kit-theme='seat']) .nav {
+            flex-direction: column;
+            padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-2, 16px);
+            align-items: flex-start;
+            gap: var(--ds-spacing-s-5, 8px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+            font-size: var(--ds-font-size-18, 18px);
+            line-height: var(--ds-font-line-height-26, 26px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+            font-size: var(--ds-typography-size-body-m, 14px);
+            line-height: var(--ds-typography-height-body-m, 20px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-icon']) {
+            --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+            --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .actions-container {
+            flex: 1 1 auto;
+            gap: var(--ds-spacing-m-2, 16px);
+        }
+
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='main-cta']) {
+            flex: 1 1 auto;
+        }
+    }
+
+    @media (min-width: 1440px) {
+        :host([data-ui-kit-theme='seat']) {
+            --ui-kit-private-sidebar-navigation-nav-height: 7rem;
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+            font-size: var(--ds-font-size-24, 24px);
+            line-height: var(--ds-font-line-height-32, 32px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+            font-size: var(--ds-typography-size-body-l, 16px);
+            line-height: var(--ds-typography-height-body-l, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-icon']) {
+            --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+            --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .actions-container {
+            gap: var(--ds-spacing-s-5, 8px);
+        }
+    }
+
+    @media (min-width: 1920px) {
+        :host([data-ui-kit-theme='seat']) {
+            --ui-kit-private-sidebar-navigation-nav-height: 4.5rem;
+        }
+
+        :host([data-ui-kit-theme='seat']) .nav {
+            flex-direction: row;
+            padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-4, 24px);
+            align-items: center;
+            flex-shrink: 0;
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-text']) {
+            font-size: var(--ds-font-size-24, 24px);
+            line-height: var(--ds-font-line-height-32, 32px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .aside ::slotted([slot='aside-helper-text']) {
+            font-size: var(--ds-typography-size-body-l, 16px);
+            line-height: var(--ds-typography-height-body-l, 24px);
+        }
+
+        :host([data-ui-kit-theme='seat']) .actions-container {
+            flex: 0 0 auto;
+            gap: var(--ds-spacing-m-2, 16px);
+        }
+
+        :host([data-ui-kit-theme='seat']) ::slotted([slot='main-cta']) {
+            flex: 0 0 auto;
+        }
+    }
+`;exports.seatStyles=t;

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

@@ -0,0 +1,8 @@
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/style-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`text`,this.animation=`shimmer`}get classes(){return{skeleton:!0,[`variant-${this.variant}`]:!0,[`animation-${this.animation}`]:!0}}get inlineStyles(){return{width:this.width??void 0,height:this.height??void 0}}render(){return e.html`
+            <div
+                class=${a.classMap(this.classes)}
+                style=${o.styleMap(this.inlineStyles)}
+                role="presentation"
+                aria-hidden="true"
+            ></div>
+        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`width`,void 0),r.default([n.property({type:String})],l.prototype,`height`,void 0),r.default([n.property({type:String})],l.prototype,`animation`,void 0),l=r.default([i.customUiKitElement(`ds-skeleton`)],l),Object.defineProperty(exports,"DsSkeleton",{enumerable:!0,get:function(){return l}});

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

@@ -0,0 +1,43 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host {
+        display: block;
+    }
+
+    .skeleton {
+        position: relative;
+        overflow: hidden;
+        background: linear-gradient(
+            90deg,
+            var(--ds-color-surface-skeleton-start) 0%,
+            var(--ds-color-surface-skeleton-mid) 50%,
+            var(--ds-color-surface-skeleton-end) 100%
+        );
+        background-size: 200% 100%;
+    }
+
+    .skeleton.variant-text {
+        height: 16px;
+        border-radius: var(--ds-border-radius-04);
+    }
+
+    .skeleton.variant-circular {
+        border-radius: var(--ds-border-radius-full);
+    }
+
+    .skeleton.variant-rectangular {
+        border-radius: var(--ds-border-radius-00);
+    }
+
+    .skeleton.animation-shimmer {
+        animation: shimmer 1.5s ease-in-out infinite;
+    }
+
+    @keyframes shimmer {
+        0% {
+            background-position: 200% 0;
+        }
+        100% {
+            background-position: -200% 0;
+        }
+    }
+`;exports.commonStyles=t;

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

@@ -1,33 +1,33 @@
-"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`
+require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/ViewportMixin.cjs"),d=require("../../utils/objectConverter.cjs"),f=require("../../utils/formatNumber/formatNumber.cjs");require("../ds-text-input/ds-text-input.cjs");const p=require("./utils/roundToDecimals/roundToDecimals.cjs"),m=require("./utils/getStepValue/getStepValue.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/live.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/live.cjs");const g=require("./styles/common.styles.cjs"),_=require("./styles/cupra-diagonal.styles.cjs"),v=require("./styles/cupra.styles.cjs"),y=require("./styles/seat-legacy.styles.cjs"),b=require("./styles/seat.styles.cjs");var x=class extends u.ViewportMixin(a.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,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.allowThumbOverlap=!1,this.keyboardMode=!1,this._initialValuesApplied=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);this.activeThumb=typeof this._valueMax!=`number`||t<=this._valueMin?`min`:t>=this._valueMax?`max`:t-this._valueMin<this._valueMax-t?`min`:`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{var t,n,r,i;this.disabled||(e==null||(t=e.preventDefault)==null||t.call(e),this.setActiveThumb(e),this.handleMouseMove(e),(n=window)==null||n.addEventListener(`mousemove`,this.handleMouseMove),(r=window)==null||r.addEventListener(`touchmove`,this.handleMouseMove),(i=window)==null||i.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{var e,t,n;(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r}),a=p.roundToDecimals({value:i,fractionDigits:this.maximumFractionDigits});this.handleChange({value:a,role:r}),this.isControlled(r)||(n.value=String(a))},this.onInputBlur=e=>{var t;this.editingField=void 0;let n=e.currentTarget;n==null||(t=n.classList)==null||t.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}get sliderSizeToTextInputSize(){var e;return(typeof this.size==`string`?this.size:(e=this.size)==null?void 0:e[this.viewport])===`large`?`large`:`medium`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return m.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues,allowOverlap:this.allowThumbOverlap})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax),this._initialValuesApplied||(this._initialValuesApplied=!0,this.applyInitialValues())}disconnectedCallback(){var e,t,n,r,i,a;super.disconnectedCallback(),(e=window)==null||e.removeEventListener(`mousemove`,this.handleMouseMove),(t=window)==null||t.removeEventListener(`touchmove`,this.handleMouseMove),(n=window)==null||n.removeEventListener(`pointerup`,this.handlePointerUp),(r=window)==null||r.removeEventListener(`keydown`,this.handleKeydown),(i=window)==null||i.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),(a=window)==null||a.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){var t,n,r;super.firstUpdated(e),(t=window)==null||t.addEventListener(`keydown`,this.handleKeydown),(n=window)==null||n.addEventListener(`mousedown`,this.handlePointerOrMouseDown),(r=window)==null||r.addEventListener(`pointerdown`,this.handlePointerOrMouseDown)}applyInitialValues(){[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=e===`min`?`initialValueMin`:`initialValueMax`,n=this[t];if(typeof n!=`number`)return;let{stepValue:r}=this.computeStep({proposedValue:n,role:e}),i=e===`min`?`_valueMin`:`_valueMax`;this[i]!==r&&this.handleChange({value:r,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){var e;let t=(e=this.renderRoot)==null?void 0:e.querySelector(`.thumb`);return t?t.offsetWidth/2:0}trackPosition(e){let t=S.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${S.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=p.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){let t={value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping};return f.formatNumber(t)}get rangeValuesTemplates(){let{formattedNumber:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r??(i?`right`:void 0),{formattedNumber:o}=this.formatNumber(this.max);return e.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}
+                ${this.minLabel?e.html`<span class="range-value-label">${this.minLabel}</span>`:e.nothing}
+                ${a===`left`?e.html`<span>${i}</span>`:e.nothing}
                 <span>${t}</span>
-                ${r==="right"?o.html`<span>${s}</span>`:o.nothing}
+                ${a===`right`?e.html`<span>${i}</span>`:e.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}
+                ${this.maxLabel?e.html` <span class="range-value-label">${this.maxLabel}</span>`:e.nothing}
+                ${a===`left`?e.html`<span>${i}</span>`:e.nothing}
+                <span>${o}</span>
+                ${a===`right`?e.html`<span>${i}</span>`:e.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`
+        `}getThumbTemplate(t){let n=this.getRoleById(t),r=n===`min`?this._valueMin:this._valueMax,{minLimit:i,maxLimit:a}=this.computeStep({proposedValue:r,role:n}),o=this.getTrackPct(r);return e.html`
             <style>
                 .thumb${t} {
-                    left: ${l}%;
+                    left: ${this.trackPosition(o)};
                 }
             </style>
             <div
                 class="thumb${t} thumb"
-                @focus=${()=>{this.activeThumb=t===1?"min":"max"}}
-                @keydown=${p=>this.onThumbKeyDown(p,t)}
+                @focus=${()=>{this.activeThumb=n}}
+                @keydown=${e=>this.onThumbKeyDown(e,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}
+                aria-label=${t===1?`Minumum value`:`Maximum Value`}
+                aria-valuemin=${i}
+                aria-valuemax=${a}
+                aria-valuenow=${r}
             >
                 <svg
                     class="thumb-svg"
@@ -38,55 +38,86 @@
                     <circle cx="17" cy="17" r="16" class="thumb-circle" />
                 </svg>
             </div>
-        `}get thumbTemplates(){return o.html`
+        `}get thumbTemplates(){return e.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`
+            ${this.isRange?this.getThumbTemplate(2):e.nothing}
+        `}get trackRangeTemplate(){let t=this.getTrackPct(this._valueMin),n=this.isRange?this.trackPosition(t):`0px`,r=this.isRange?this.trackWidth(this.getTrackPct(this._valueMax)-t):this.trackPosition(t);return e.html`
             <style>
                 .track-range {
-                    left: ${t}%;
-                    width: ${e}%;
+                    left: ${n};
+                    width: ${r};
                 }
             </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`
+        `}getInputTemplate(e){let t=this.getRoleById(e),n=this.editingField===t,r=t===`min`?this._valueMin:this._valueMax,{formattedNumber:i,unitSymbol:a,unitSymbolPosition:o}=this.formatNumber(r),s=this.unitSymbolPosition??o,l=this.unitSymbol??a,u=l?s===`left`?`${l} ${i}`:`${i} ${l}`:`${i}`,d=n?`number`:`text`,f=n?String(r??``):u,p=e===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,m=this.isRange?e===1?`Start value`:`End value`:`Value`,g=p??m;return c.uiKitHtml`
             <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}
-                />
+                <ds-text-input size=${this.sliderSizeToTextInputSize} hide-clear-button>
+                    <input
+                        class="input-value input-value-${e}"
+                        type=${d}
+                        .value=${h.live(f)}
+                        step=${String(this.step??1)}
+                        ?disabled=${this.disabled}
+                        tabindex=${this.disabled?-1:0}
+                        aria-disabled=${String(!!this.disabled)}
+                        aria-label=${g}
+                        ?readonly=${this.disabled}
+                        @focus=${t=>this.onInputFocus(t,e)}
+                        @blur=${this.onInputBlur}
+                        @change=${t=>this.commitInputValue(t,e)}
+                        @keydown=${t=>this.onInputKeyDown(t,e)}
+                        title=${f}
+                    />
+                </ds-text-input>
             </div>
-        `}get inputsTemplate(){return o.html`
+        `}get inputsTemplate(){return e.html`
             <div class="inputs-container">
                 ${this.getInputTemplate(1)}
-                ${typeof this.initialValueMax=="number"?this.getInputTemplate(2):o.nothing}
+                ${this.isRange?this.getInputTemplate(2):e.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`
+        `}getSecondaryInputTemplate(t){let n=this.getRoleById(t)===`min`?this._valueMin:this._valueMax,{unitSymbol:r,unitSymbolPosition:i}=this.formatNumber(n),a=this.unitSymbol??r,o=this.unitSymbolPosition??i??`right`,s=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,l=this.isRange?t===1?`Start value`:`End value`:`Value`,u=s??l,d=a?e.html`<span class="secondary-unit-text">${a}</span>`:e.nothing;return c.uiKitHtml`
+            <div class="secondary-input-group">
+                ${o===`left`?d:e.nothing}
+                <div class="secondary-input-wrapper">
+                    <ds-text-input size="xlarge" hide-clear-button>
+                        <input
+                            class="secondary-input-value secondary-input-value-${t}"
+                            type="number"
+                            .value=${h.live(String(n??``))}
+                            step=${String(this.step??1)}
+                            ?disabled=${this.disabled}
+                            tabindex=${this.disabled?-1:0}
+                            aria-disabled=${String(!!this.disabled)}
+                            aria-label=${u}
+                            ?readonly=${this.disabled}
+                            @change=${e=>this.commitInputValue(e,t)}
+                            @keydown=${e=>this.onInputKeyDown(e,t)}
+                            title=${String(n??``)}
+                        />
+                    </ds-text-input>
+                </div>
+                ${o===`right`?d:e.nothing}
+            </div>
+        `}get secondaryInputsTemplate(){return e.html`
+            <div class="secondary-inputs-container">
+                ${this.getSecondaryInputTemplate(1)}
+                ${this.isRange?e.html`<span class="secondary-inputs-separator">-</span>${this.getSecondaryInputTemplate(2)}`:e.nothing}
+            </div>
+        `}get containerClasses(){var e;let 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,[`variant-${this.variant}`]:!!this.variant}}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){return o.html`
+        `}render(){let t=this.variant===`secondary`;return e.html`
             ${this.styleTokens}
-            <div class=${q.classMap(this.containerClasses)}>
-                <div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track"  role="presentation">
+            <div class=${l.classMap(this.containerClasses)}>
+                ${t?this.secondaryInputsTemplate:e.nothing}
+                <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}
+                ${t?e.nothing: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);
+        `}},S=x,C=(x.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles,g.inputResetStyles,_.cupraDiagonalStyles,b.seatStyles,v.cupraStyles,y.seatLegacyStyles],x.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-private-slider-thumb-radius, 0px)`,x);i.default([t.property({type:String})],C.prototype,`variant`,void 0),i.default([t.property({type:Number})],C.prototype,`min`,void 0),i.default([t.property({type:Number})],C.prototype,`max`,void 0),i.default([t.property({type:String,attribute:`min-label`})],C.prototype,`minLabel`,void 0),i.default([t.property({type:String,attribute:`max-label`})],C.prototype,`maxLabel`,void 0),i.default([t.property({type:Number})],C.prototype,`step`,void 0),i.default([t.property({type:Number,attribute:`initial-value-min`})],C.prototype,`initialValueMin`,void 0),i.default([t.property({type:Number,attribute:`initial-value-max`})],C.prototype,`initialValueMax`,void 0),i.default([t.property({type:Number,attribute:`value-min`})],C.prototype,`valueMin`,void 0),i.default([t.property({type:Number,attribute:`value-max`})],C.prototype,`valueMax`,void 0),i.default([t.property({type:String,reflect:!0})],C.prototype,`mode`,void 0),i.default([t.property({type:String,attribute:`locale`})],C.prototype,`locale`,void 0),i.default([t.property({type:String,attribute:`locale-matcher`})],C.prototype,`localeMatcher`,void 0),i.default([t.property({type:String,attribute:`unit-symbol`})],C.prototype,`unitSymbol`,void 0),i.default([t.property({type:String,attribute:`unit-symbol-position`})],C.prototype,`unitSymbolPosition`,void 0),i.default([t.property({type:String,attribute:`unit-style`})],C.prototype,`unitStyle`,void 0),i.default([t.property({type:String,attribute:`currency`})],C.prototype,`currency`,void 0),i.default([t.property({type:String,attribute:`unit`})],C.prototype,`unit`,void 0),i.default([t.property({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``||e!==`false`})],C.prototype,`useGrouping`,void 0),i.default([t.property({type:Number,attribute:`minimum-integer-digits`})],C.prototype,`minimumIntegerDigits`,void 0),i.default([t.property({type:Number,attribute:`minimum-fraction-digits`})],C.prototype,`minimumFractionDigits`,void 0),i.default([t.property({type:Number,attribute:`maximum-fraction-digits`})],C.prototype,`maximumFractionDigits`,void 0),i.default([t.property({type:String,attribute:`thousand-separator`})],C.prototype,`thousandSeparator`,void 0),i.default([t.property({type:String,attribute:`fraction-separator`})],C.prototype,`fractionSeparator`,void 0),i.default([t.property({type:String,converter:d.objectConverter})],C.prototype,`size`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],C.prototype,`disabled`,void 0),i.default([t.property({type:String,attribute:`input-min-aria-label`})],C.prototype,`inputMinAriaLabel`,void 0),i.default([t.property({type:String,attribute:`input-max-aria-label`})],C.prototype,`inputMaxAriaLabel`,void 0),i.default([t.property({type:Boolean,attribute:`allow-thumb-overlap`,converter:s.booleanConverter})],C.prototype,`allowThumbOverlap`,void 0),i.default([r.query(`.track`)],C.prototype,`track`,void 0),i.default([n.state()],C.prototype,`_valueMin`,void 0),i.default([n.state()],C.prototype,`_valueMax`,void 0),i.default([n.state()],C.prototype,`editingField`,void 0),C=S=i.default([o.customUiKitElement(`ds-slider`)],C),Object.defineProperty(exports,"DsSlider",{enumerable:!0,get:function(){return C}});

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

@@ -1,22 +1,22 @@
-"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`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
     }
-`,n=e.cssWithTokens`
+`,n=e.css`
     .current-value-container {
         position: relative;
     }
-    
+
     .current-value-text {
         display: inline-flex;
         position: absolute;
     }
-`,o=e.cssWithTokens`
+`,r=e.css`
     .range-value-container {
         display: flex;
         justify-content: space-between;
     }
-    
+
     .range-value-text {
         display: inline-flex;
     }
@@ -24,7 +24,7 @@
     .range-value-label:after {
         content: ':';
     }
-`,r=e.cssWithTokens`
+`,i=e.css`
     .track {
         position: relative;
         cursor: pointer;
@@ -38,12 +38,26 @@
         position: absolute;
     }
 
-    .track, .track-range {
+    .track,
+    .track-range {
         background-clip: content-box;
     }
-`,a=e.cssWithTokens`
+`,a=e.css`
     .thumb {
         z-index: 2;
         position: absolute;
     }
-`;exports.commonStyles=s;exports.currentValueStyles=n;exports.rangeValueStyles=o;exports.thumbStyles=a;exports.trackStyles=r;
+`,o=e.css`
+    .input-value::-webkit-inner-spin-button,
+    .input-value::-webkit-outer-spin-button,
+    .secondary-input-value::-webkit-inner-spin-button,
+    .secondary-input-value::-webkit-outer-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input-value[type='number'],
+    .secondary-input-value[type='number'] {
+        -moz-appearance: textfield;
+    }
+`;exports.commonStyles=t,exports.currentValueStyles=n,exports.inputResetStyles=o,exports.rangeValueStyles=r,exports.thumbStyles=a,exports.trackStyles=i;