@cupra/ui-kit 2.0.0-canary.24 → 2.0.0-canary.240

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

@@ -0,0 +1,75 @@
+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']) .ds-blur {
+        position: relative;
+        isolation: isolate;
+        overflow: visible;
+        background: transparent;
+    }
+
+    :host([data-ui-kit-theme='seat']) .ds-blur::before {
+        content: '';
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        inset-inline-start: 0;
+        background: var(--ui-kit-private-blur-background);
+        -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        border-radius: var(--ui-kit-private-blur-border-radius, inherit);
+        border: var(--ui-kit-private-blur-border, inherit);
+        pointer-events: none;
+        z-index: -1;
+        will-change: filter;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        min-width: var(--ds-sizing-80, 80px);
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-default);
+        --ui-kit-private-blur-size: 2.5rem;
+        --ui-kit-private-blur-border: 1px solid transparent;
+        --ui-kit-private-blur-border-radius: var(--ds-border-radius-full);
+        color: var(--ds-color-text-default);
+        --ui-kit-icon-color: var(--ds-color-text-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.selected {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-active);
+        --ui-kit-private-blur-border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+        --ui-kit-icon-color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='seat']) .container:hover {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .container:focus-visible {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        outline-width: var(--ds-border-width-l, 2px);
+        outline-offset: 0.125rem;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+        outline-style: solid;
+    }
+    :host([data-ui-kit-theme='seat']) .container:active {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='seat']) .container.large {
+        height: 3rem;
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .container.medium {
+        height: 2.5rem;
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+`;exports.seatStyles=t;

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

@@ -1,14 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/arrayConverter.cjs"),C=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const 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 h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),S=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(o,e,t,s)=>{for(var i=s>1?void 0:s?f(e,t):e,r=o.length-1,c;r>=0;r--)(c=o[r])&&(i=(s?c(e,t,i):c(i))||i);return s&&i&&b(e,t,i),i};exports.DsChips=class extends p.UiKitElement{constructor(){super(...arguments),this.multiChoice=null,this.size="medium",this.mode="light",this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,i,r;const e=((t=this.chipsContainer)==null?void 0:t.scrollLeft)+((s=this.chipsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((i=this.chipsContainer)==null?void 0:i.scrollLeft)>0,this.hasScrollRight=e<((r=this.chipsContainer)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:"smooth"})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener("resize",this.handleScrollNav),this.chipsContainer.addEventListener("scroll",this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav),this.chipsContainer.removeEventListener("scroll",this.handleScrollNav)}getScrollButtonTemplate(e,t){if(e==="left"&&!this.hasScrollLeft||e==="right"&&!this.hasScrollRight)return a.nothing;const s=`arrow-${e}`;return this.componentFactory.createIconButton({class:`scroll-button ${e}`,"data-testid":`scroll-button-${e}`,"data-aria-label":`scroll-button-${e}`,"@click":t,size:this.size||"large","icon-name":s,variant:"naked",mode:this.mode})}updated(e){super.updated(e),(e.has("selectedChips")||e.has("multiChoice")||e.has("size")||e.has("mode"))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(t=>{var s,i;t.size=this.size,t.selected=(i=(s=this.selectedChips)==null?void 0:s.includes)==null?void 0:i.call(s,t.value),t.deselectable=!!this.multiChoice,t.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var s,i;let t;this.multiChoice&&!((i=(s=this.selectedChips)==null?void 0:s.includes)!=null&&i.call(s,e.detail.value))?t=[...this.selectedChips||[],e.detail.value]:t=[e.detail.value],this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}handleDeselect(e){const t=[...(this.selectedChips||[]).filter(s=>s!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent("ds-chips:change",{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return a.html`
+const e=require("../../utils/PubSub.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../utils/getDirection/getDirection.cjs"),d=require("../../utils/uiKitHtml.cjs"),f=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 p=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const m=require("../../utils/arrayConverter.cjs"),h=require("./styles/common.styles.cjs"),g=require("./styles/cupra-diagonal.styles.cjs"),_=require("./styles/cupra.styles.cjs"),v=require("./styles/seat-legacy.styles.cjs"),y=require("./styles/seat.styles.cjs");var b=class extends s.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n;let r=Math.abs((e=this.chipsContainer)==null?void 0:e.scrollLeft),i=r+((t=this.chipsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=r>0,this.hasScrollRight=i<((n=this.chipsContainer)==null?void 0:n.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150*u.getDirectionSign(this),behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150*u.getDirectionSign(this),behavior:`smooth`})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav),e.pubSub.subscribe(`direction`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav),e.pubSub.unsubscribe(`direction`,this.handleScrollNav)}getScrollButtonTemplate(e,n){if(e===`left`&&!this.hasScrollLeft||e===`right`&&!this.hasScrollRight)return t.nothing;let r=`arrow-${e}`;return d.uiKitHtml`<ds-icon-button
+            class=${`scroll-button ${e}`}
+            data-testid=${`scroll-button-${e}`}
+            data-aria-label=${this.dataAriaLabelScrollButton||`scroll-button-${e}`}
+            @click=${n}
+            size=${this.size||`large`}
+            icon-name=${r}
+            mirror
+            variant="rounded"
+            mode=${p.ifDefined(this.mode)}
+        ></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(e=>{var t,n;e.size=this.size,e.selected=(t=this.selectedChips)==null||(n=t.includes)==null?void 0:n.call(t,e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var t,n;let r;r=this.multiChoice&&!((t=this.selectedChips)!=null&&(n=t.includes)!=null&&n.call(t,e.detail.value))?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=r,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:r}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return t.html`
             <div
                 class="container"
                 data-testid="ds-chips-container"
                 @select=${this.handleSelect}
                 @deselect=${this.handleDeselect}
             >
-                ${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
-                <nav tabindex="0" class=${S.classMap(this.chipsContainerClasses)}>
+                ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
+                <nav tabindex="0" class=${f.classMap(this.chipsContainerClasses)}>
                     <slot @slotchange=${this.updateChildChips}></slot>
                 </nav>
-                ${this.getScrollButtonTemplate("right",this.handleScrollRight)}
+                ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
             </div>
-        `}};exports.DsChips.styles=[y.commonStyles];l([h.property({type:Array,attribute:"selected-chips",converter:u.arrayConverter,reflect:!0})],exports.DsChips.prototype,"selectedChips",2);l([h.property({type:Boolean,attribute:"multi-choice",converter:C.booleanConverter})],exports.DsChips.prototype,"multiChoice",2);l([h.property({type:String})],exports.DsChips.prototype,"size",2);l([h.property({type:String,reflect:!0})],exports.DsChips.prototype,"mode",2);l([n.state()],exports.DsChips.prototype,"hasScrollLeft",2);l([n.state()],exports.DsChips.prototype,"hasScrollRight",2);l([m.queryAssignedElements({slot:""})],exports.DsChips.prototype,"chips",2);l([v.query(".chips-container")],exports.DsChips.prototype,"chipsContainer",2);exports.DsChips=l([d.customUiKitElement("ds-chips")],exports.DsChips);
+        `}},x=(b.styles=[h.commonStyles,g.cupraDiagonalStyles,y.seatStyles,_.cupraStyles,v.seatLegacyStyles],b);o.default([n.property({type:String,attribute:`data-aria-label-scroll-button`})],x.prototype,`dataAriaLabelScrollButton`,void 0),o.default([n.property({type:Array,attribute:`selected-chips`,converter:m.stringArrayConverter,reflect:!0})],x.prototype,`selectedChips`,void 0),o.default([n.property({type:Boolean,attribute:`multi-choice`,converter:l.booleanConverter})],x.prototype,`multiChoice`,void 0),o.default([n.property({type:String})],x.prototype,`size`,void 0),o.default([n.property({type:String,reflect:!0})],x.prototype,`mode`,void 0),o.default([r.state()],x.prototype,`hasScrollLeft`,void 0),o.default([r.state()],x.prototype,`hasScrollRight`,void 0),o.default([a.queryAssignedElements({slot:``})],x.prototype,`chips`,void 0),o.default([i.query(`.chips-container`)],x.prototype,`chipsContainer`,void 0),x=o.default([c.customUiKitElement(`ds-chips`)],x),Object.defineProperty(exports,"DsChips",{enumerable:!0,get:function(){return x}});

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

@@ -1,67 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.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`
     .container {
         display: inline-flex;
         position: relative;
         max-width: 100%;
         position: relative;
-        --ds-chips-fade-width: 54px;
     }
 
     .chips-container {
         box-sizing: border-box;
         display: inline-flex;
         justify-content: flex-start;
-        overflow-y: auto;
+        overflow-x: auto;
+        overflow-y: hidden;
         scrollbar-width: none;
         scroll-behavior: smooth;
     }
 
-    .chips-container.scroll-left:before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: var(--ds-chips-fade-width);
-        height: 100%;
-        pointer-events: none;
-        background: linear-gradient(
-            to right,
-            var(--ds-chips-fade-color) 0%,
-            var(--ds-chips-fade-color) 40%,
-            rgba(255, 255, 255, 0) 100%
-        );
-        z-index: var(--ds-z-index-default, 1);
-    }
-
-    .chips-container.scroll-right:after {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: var(--ds-chips-fade-width);
-        height: 100%;
-        pointer-events: none;
-        background: linear-gradient(
-            to left,
-            var(--ds-chips-fade-color) 0%,
-            var(--ds-chips-fade-color) 40%,
-            rgba(255, 255, 255, 0) 100%
-        );
-        z-index: var(--ds-z-index-default, 1);
-    }
-
-    //.chips-container.scroll-left.scroll-right {
-    //    mask-image: linear-gradient(
-    //        to right,
-    //        rgba(0, 0, 0, 0) 0px,
-    //        rgba(0, 0, 0, 0) 32px,
-    //        rgba(0, 0, 0, 1) 48px,
-    //        rgba(0, 0, 0, 1) calc(100% - 48px),
-    //        rgba(0, 0, 0, 0) calc(100% - 32px),
-    //        rgba(0, 0, 0, 0) 100%
-    //    );
-    //}
-
     .chips-container::-webkit-scrollbar {
         display: none;
     }
@@ -72,16 +26,18 @@
     }
 
     .scroll-button {
+        display: block;
         position: absolute;
-        top: 0;
+        top: 50%;
+        transform: translateY(-50%);
         z-index: 2;
     }
 
     .scroll-button.left {
-        left: 0;
+        inset-inline-start: 0;
     }
 
     .scroll-button.right {
-        right: 0;
+        inset-inline-end: 0;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-chips/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,10 @@
+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='cupra-diagonal']) .container {
+        --ui-kit-private-chips-fade-color: #15181e;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .chips-container {
+        gap: 0.5rem;
+        border-radius: var(--ds-border-radius-full, 100000px);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-chips/styles/cupra.styles.cjs

@@ -0,0 +1,13 @@
+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='cupra']) .container {
+        --ui-kit-private-chips-fade-color: white;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.dark {
+        --ui-kit-private-chips-fade-color: black;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .chips-container {
+        gap: var(--ds-cp-scale-on-8);
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-chips/styles/seat-legacy.styles.cjs

@@ -0,0 +1,13 @@
+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-legacy']) .container {
+        --ui-kit-private-chips-fade-color: white;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.dark {
+        --ui-kit-private-chips-fade-color: black;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .chips-container {
+        gap: var(--dg-size-08);
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-chips/styles/seat.styles.cjs

@@ -0,0 +1,10 @@
+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']) .container {
+        --ui-kit-private-chips-fade-color: #15181e;
+    }
+
+    :host([data-ui-kit-theme='seat']) .chips-container {
+        gap: 0.5rem;
+        border-radius: var(--ds-border-radius-full, 100000px);
+    }
+`;exports.seatStyles=t;

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

@@ -1,13 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/formatNumber/formatNumber.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 e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),l=require("./styles/common.styles.cjs");var g=Object.defineProperty,d=Object.getOwnPropertyDescriptor,t=(c,r,s,o)=>{for(var n=o>1?void 0:o?d(r,s):r,p=c.length-1,u;p>=0;p--)(u=c[p])&&(n=(o?u(r,s,n):u(n))||n);return o&&n&&g(r,s,n),n};exports.DsCurrency=class extends m.UiKitElement{constructor(){super(...arguments),this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize="medium",this.amountWeight="medium",this.currencySize="medium",this.currencyWeight="medium",this.periodSize="medium",this.periodWeight="medium",this.noteSize="medium",this.noteWeight="medium"}get valueTemplate(){const{formattedValue:r,unitSymbol:s,unitSymbolPosition:o}=h.formatNumber({value:this.amountNumber??0,locale:this.locale,style:"currency",currency:this.currencyCode,localeMatcher:"lookup",minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits}),n=this.amountText||r,p={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0},u={currency:!0,left:o==="left",right:o==="right",text:!0,[`size-${this.currencySize}`]:!0,[`weight-${this.currencyWeight}`]:!0};return i.html`
-            ${o==="left"?i.html`<span class=${a.classMap(u)}>${s}</span>`:i.nothing}
-            <span class=${a.classMap(p)}>${n}</span>
-            ${o==="right"?i.html`<span class=${a.classMap(u)}>${s}</span>`:i.nothing}
-        `}get periodTemplate(){if(!this.period)return i.nothing;const r=new Intl.DisplayNames(this.locale,{type:"dateTimeField"}),s={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return i.html`
-            <span class=${a.classMap(s)}"period">/${r.of(this.period)}</span>
-        `}get noteTemplate(){if(!this.note)return i.nothing;const r={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return i.html` <span class=${a.classMap(r)}>${this.note}</span> `}render(){return i.html`
-            <div class="container">
-                ${this.valueTemplate}
-                ${this.noteTemplate}
-                ${this.periodTemplate}
-            </div>
-        `}};exports.DsCurrency.styles=[l.commonStyles];t([e.property({type:String})],exports.DsCurrency.prototype,"locale",2);t([e.property({type:String,attribute:"currency-code"})],exports.DsCurrency.prototype,"currencyCode",2);t([e.property({type:String,attribute:"amount-text"})],exports.DsCurrency.prototype,"amountText",2);t([e.property({type:Number,attribute:"amount-number"})],exports.DsCurrency.prototype,"amountNumber",2);t([e.property({type:Number,attribute:"minimum-fraction-digits"})],exports.DsCurrency.prototype,"minimumFractionDigits",2);t([e.property({type:Number,attribute:"maximum-fraction-digits"})],exports.DsCurrency.prototype,"maximumFractionDigits",2);t([e.property({type:String})],exports.DsCurrency.prototype,"period",2);t([e.property({type:String})],exports.DsCurrency.prototype,"note",2);t([e.property({type:String,attribute:"thousand-separator"})],exports.DsCurrency.prototype,"thousandSeparator",2);t([e.property({type:String,attribute:"fraction-separator"})],exports.DsCurrency.prototype,"fractionSeparator",2);t([e.property({type:String,attribute:"amount-size"})],exports.DsCurrency.prototype,"amountSize",2);t([e.property({type:String,attribute:"amount-weight"})],exports.DsCurrency.prototype,"amountWeight",2);t([e.property({type:String,attribute:"currency-size"})],exports.DsCurrency.prototype,"currencySize",2);t([e.property({type:String,attribute:"currency-weight"})],exports.DsCurrency.prototype,"currencyWeight",2);t([e.property({type:String,attribute:"period-size"})],exports.DsCurrency.prototype,"periodSize",2);t([e.property({type:String,attribute:"period-weight"})],exports.DsCurrency.prototype,"periodWeight",2);t([e.property({type:String,attribute:"note-size"})],exports.DsCurrency.prototype,"noteSize",2);t([e.property({type:String,attribute:"note-weight"})],exports.DsCurrency.prototype,"noteWeight",2);exports.DsCurrency=t([y.customUiKitElement("ds-currency")],exports.DsCurrency);
+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");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.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("../../utils/formatNumber/formatNumber.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.currencyDisplay=`symbol`,this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`,this.variant=`default`}get valueTemplate(){let{formattedValue:t}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,useGrouping:`always`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,currencyDisplay:this.currencyDisplay,symbolOverrides:this.symbolOverrides,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator}),n=this.valueText||t,r={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0};return e.html`<span class=${a.classMap(r)}><bdi>${n}</bdi></span>`}get periodTemplate(){if(!this.period)return e.nothing;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`}),n={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return e.html`<span class=${a.classMap(n)}"period">/${t.of(this.period)}</span>`}get noteTemplate(){if(!this.note)return e.nothing;let t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return e.html`<span class=${a.classMap(t)}>${this.note}</span>`}render(){let t={container:!0,strikethrough:this.variant===`strikethrough`},n=this.variant===`strikethrough`?e.html`<div class="strikethrough-line"></div>`:e.nothing;return e.html`<div class=${a.classMap(t)}>
+            ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${n}
+        </div>`}},p=(f.styles=[s.commonStyles,c.cupraDiagonalStyles,d.seatStyles,l.cupraStyles,u.seatLegacyStyles],f);n.default([t.property({type:String})],p.prototype,`locale`,void 0),n.default([t.property({type:String,attribute:`currency-code`})],p.prototype,`currencyCode`,void 0),n.default([t.property({type:String,attribute:`currency-display`})],p.prototype,`currencyDisplay`,void 0),n.default([t.property({type:Object,attribute:`symbol-overrides`})],p.prototype,`symbolOverrides`,void 0),n.default([t.property({type:String,attribute:`value-text`})],p.prototype,`valueText`,void 0),n.default([t.property({type:Number,attribute:`amount-number`})],p.prototype,`amountNumber`,void 0),n.default([t.property({type:Number,attribute:`minimum-fraction-digits`})],p.prototype,`minimumFractionDigits`,void 0),n.default([t.property({type:Number,attribute:`maximum-fraction-digits`})],p.prototype,`maximumFractionDigits`,void 0),n.default([t.property({type:String})],p.prototype,`period`,void 0),n.default([t.property({type:String})],p.prototype,`note`,void 0),n.default([t.property({type:String,attribute:`thousand-separator`})],p.prototype,`thousandSeparator`,void 0),n.default([t.property({type:String,attribute:`fraction-separator`})],p.prototype,`fractionSeparator`,void 0),n.default([t.property({type:String,attribute:`amount-size`})],p.prototype,`amountSize`,void 0),n.default([t.property({type:String,attribute:`amount-weight`})],p.prototype,`amountWeight`,void 0),n.default([t.property({type:String,attribute:`period-size`})],p.prototype,`periodSize`,void 0),n.default([t.property({type:String,attribute:`period-weight`})],p.prototype,`periodWeight`,void 0),n.default([t.property({type:String,attribute:`note-size`})],p.prototype,`noteSize`,void 0),n.default([t.property({type:String,attribute:`note-weight`})],p.prototype,`noteWeight`,void 0),n.default([t.property({type:String})],p.prototype,`variant`,void 0),p=n.default([i.customUiKitElement(`ds-currency`)],p),Object.defineProperty(exports,"DsCurrency",{enumerable:!0,get:function(){return p}});

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

@@ -1,10 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.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: inline;
+        display: contents;
     }
 
     .container {
         display: inline-flex;
-        align-items: flex-end;
+        align-items: baseline;
+        position: relative;
     }
-`;exports.commonStyles=i;
+
+    .strikethrough-line {
+        position: absolute;
+        height: 1px;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
+        top: 50%;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-currency/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,69 @@
+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='cupra-diagonal']) .container {
+        gap: var(--ds-spacing-s-2);
+        color: var(--ds-color-text-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text {
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.weight-light {
+        font-weight: var(--ds-typography-weight-currency-data-tertiary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.weight-regular {
+        font-weight: var(--ds-typography-weight-currency-data-secondary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.weight-book {
+        font-weight: var(--ds-typography-weight-currency-data-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.weight-medium {
+        font-weight: var(--ds-typography-weight-currency-display-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-colossal {
+        font-size: var(--ds-typography-size-currency-colossal);
+        line-height: var(--ds-typography-height-currency-colossal);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-huge {
+        font-size: var(--ds-typography-size-currency-huge);
+        line-height: var(--ds-typography-height-currency-huge);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-big {
+        font-size: var(--ds-typography-size-currency-big);
+        line-height: var(--ds-typography-height-currency-big);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-large {
+        font-size: var(--ds-typography-size-currency-large);
+        line-height: var(--ds-typography-height-currency-large);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-medium {
+        font-size: var(--ds-typography-size-currency-medium);
+        line-height: var(--ds-typography-height-currency-medium);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-small {
+        font-size: var(--ds-typography-size-currency-small);
+        line-height: var(--ds-typography-height-currency-small);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-tiny {
+        font-size: var(--ds-typography-size-currency-tiny);
+        line-height: var(--ds-typography-height-currency-tiny);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-micro {
+        font-size: var(--ds-typography-size-currency-micro);
+        line-height: var(--ds-typography-height-currency-micro);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .text.size-nano {
+        font-size: var(--ds-typography-size-currency-nano);
+        line-height: var(--ds-typography-height-currency-nano);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .note {
+        align-self: flex-start;
+        font-feature-settings: 'sups' on;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.strikethrough .text {
+        color: var(--ds-color-text-default-subtle);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .strikethrough-line {
+        background-color: var(--ds-color-text-default-subtle);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-currency/styles/cupra.styles.cjs

@@ -0,0 +1,114 @@
+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='cupra']) .container {
+        gap: 0.125rem;
+        font-family: 'cupra-screen';
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-xxlarge {
+        font-size: 1.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-xlarge {
+        font-size: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-large {
+        font-size: 1.375rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-medium {
+        font-size: 1.125rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-small {
+        font-size: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-xsmall {
+        font-size: 0.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.size-xxsmall {
+        font-size: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.weight-regular {
+        font-weight: 400;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.weight-medium {
+        font-weight: 500;
+    }
+    :host([data-ui-kit-theme='cupra']) .amount.weight-book {
+        font-weight: 350;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-xxlarge {
+        font-size: 1.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-xlarge {
+        font-size: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-large {
+        font-size: 1.375rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-medium {
+        font-size: 1.125rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-small {
+        font-size: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-xsmall {
+        font-size: 0.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.size-xxsmall {
+        font-size: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.weight-regular {
+        font-weight: 400;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.weight-medium {
+        font-weight: 500;
+    }
+    :host([data-ui-kit-theme='cupra']) .currency.weight-book {
+        font-weight: 350;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.size-large {
+        font-size: 1.375rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.size-medium {
+        font-size: 1.125rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.size-small {
+        font-size: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.size-xsmall {
+        font-size: 0.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.size-xxsmall {
+        font-size: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.weight-regular {
+        font-weight: 400;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.weight-medium {
+        font-weight: 500;
+    }
+    :host([data-ui-kit-theme='cupra']) .period.weight-book {
+        font-weight: 350;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.size-medium {
+        font-size: 1.125rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.size-small {
+        font-size: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.size-xsmall {
+        font-size: 0.875rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.size-xxsmall {
+        font-size: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.weight-regular {
+        font-weight: 400;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.weight-medium {
+        font-weight: 500;
+    }
+    :host([data-ui-kit-theme='cupra']) .note.weight-book {
+        font-weight: 350;
+    }
+    :host([data-ui-kit-theme='cupra']) .note {
+        font-feature-settings: 'sups' on;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-currency/styles/seat-legacy.styles.cjs

@@ -0,0 +1,69 @@
+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-legacy']) .container {
+        gap: var(--dg-spacing-s-2);
+        color: var(--dg-color-text-strong);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text {
+        font-family: var(--ui-kit-private-font-currency-family);
+        font-style: var(--ui-kit-private-font-currency-style);
+        letter-spacing: var(--ui-kit-private-font-currency-letter-spacing);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.weight-light {
+        font-weight: var(--ui-kit-private-font-currency-light-weight);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.weight-regular {
+        font-weight: var(--ui-kit-private-font-currency-regular-weight);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.weight-book {
+        font-weight: var(--ui-kit-private-font-currency-book-weight);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.weight-medium {
+        font-weight: var(--ui-kit-private-font-currency-medium-weight);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-colossal {
+        font-size: var(--ui-kit-private-font-currency-colossal-size);
+        line-height: var(--ui-kit-private-font-currency-colossal-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-huge {
+        font-size: var(--ui-kit-private-font-currency-huge-size);
+        line-height: var(--ui-kit-private-font-currency-huge-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-big {
+        font-size: var(--ui-kit-private-font-currency-big-size);
+        line-height: var(--ui-kit-private-font-currency-big-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-large {
+        font-size: var(--ui-kit-private-font-currency-large-size);
+        line-height: var(--ui-kit-private-font-currency-large-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-medium {
+        font-size: var(--ui-kit-private-font-currency-medium-size);
+        line-height: var(--ui-kit-private-font-currency-medium-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-small {
+        font-size: var(--ui-kit-private-font-currency-small-size);
+        line-height: var(--ui-kit-private-font-currency-small-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-tiny {
+        font-size: var(--ui-kit-private-font-currency-tiny-size);
+        line-height: var(--ui-kit-private-font-currency-tiny-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-micro {
+        font-size: var(--ui-kit-private-font-currency-micro-size);
+        line-height: var(--ui-kit-private-font-currency-micro-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .text.size-nano {
+        font-size: var(--ui-kit-private-font-currency-nano-size);
+        line-height: var(--ui-kit-private-font-currency-nano-line-height);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .note {
+        align-self: flex-start;
+        font-feature-settings: 'sups' on;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.strikethrough .text {
+        color: var(--ds-color-text-default-subtle);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .strikethrough-line {
+        background-color: var(--ds-color-text-default-subtle);
+    }
+`;exports.seatLegacyStyles=t;