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

package/dist/cjs/components/ds-secondary-navigation/styles/common.styles.cjs

@@ -1,5 +1,295 @@
-"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`
+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: contents;
     }
-`;exports.commonStyles=s;
+
+    .ds-blur {
+        position: relative;
+        isolation: isolate;
+        overflow: visible;
+        background: transparent;
+    }
+
+    .ds-blur::before {
+        content: '';
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background: var(--ui-kit-private-blur-background);
+        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 {
+        --ui-kit-private-secondary-navigation-container-height: 58px;
+    }
+
+    .container {
+        position: relative;
+        margin: 0 auto;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+    }
+
+    .nav {
+        position: relative;
+        width: 100%;
+        height: var(--ui-kit-private-secondary-navigation-container-height);
+        display: flex;
+        padding: var(--ds-spacing-s-5);
+        justify-content: space-between;
+        align-items: center;
+        gap: var(--ds-spacing-m-1);
+        max-width: 100%;
+        box-sizing: border-box;
+        pointer-events: auto;
+    }
+
+    .nav::before {
+        border-radius: var(--ds-border-radius-surface-navigation, var(--ds-border-radius-s));
+        border: var(--ds-border-width-m) solid var(--ds-color-border-default);
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+        --ui-kit-private-blur-size: 40px;
+    }
+
+    .gutter {
+        padding: 0 var(--ds-spacing-s-5);
+    }
+
+    @media (min-width: 480px) {
+        .gutter {
+            padding: 0 var(--ds-spacing-m-1);
+        }
+    }
+
+    @media (min-width: 768px) {
+        .gutter {
+            padding: 0 var(--ds-spacing-m-2);
+        }
+        .nav {
+            flex-wrap: wrap;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        .gutter {
+            padding: 0;
+            max-width: 1375px;
+        }
+        .nav {
+            width: auto;
+            flex-wrap: nowrap;
+        }
+    }
+
+    @media (min-width: 1440px) {
+        :host {
+            --ui-kit-private-secondary-navigation-container-height: 66px;
+        }
+        .gutter {
+            max-width: 1360px;
+        }
+    }
+
+    @media (min-width: 1920px) {
+        .gutter {
+            max-width: 1824px;
+        }
+    }
+
+    .items-container {
+        flex: 1 1 auto;
+        overflow-x: auto;
+        display: flex;
+        min-width: 0;
+    }
+
+    .scroll-left .items-container {
+        mask-image: linear-gradient(
+            to left,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 80%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .scroll-right .items-container {
+        mask-image: linear-gradient(
+            to right,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 80%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .scroll-left.scroll-right .items-container {
+        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) 80%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    .items-container::-webkit-scrollbar {
+        display: none;
+    }
+
+    .items-container div {
+        display: flex;
+        text-transform: var(--ui-kit-secondary-navigation-text-transform);
+    }
+
+    ::slotted([slot='items']) {
+        width: auto;
+        max-width: 300px;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        overflow: hidden;
+        color: var(--ds-color-text-default) !important;
+        text-align: center;
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-size: var(--ds-typography-size-body-l);
+        font-style: normal;
+        font-weight: 400;
+        line-height: var(--ds-typography-height-body-l);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        text-decoration: none;
+        display: inline-flex;
+        padding: var(--ds-spacing-s-5) var(--ds-spacing-m-1);
+        align-items: center;
+        border-radius: var(--ds-border-radius-interaction-default);
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        flex: 0 0 auto;
+    }
+
+    ::slotted([slot='items']:hover) {
+        color: var(--ds-color-text-default-subtle);
+    }
+
+    ::slotted([slot='items'].selected) {
+        border: var(--ds-border-width-m) solid var(--ds-color-border-selected-subtle);
+        background: var(--ds-color-surface-container-active);
+        color: var(--ds-color-text-selected-subtle) !important;
+    }
+
+    :host a:-webkit-any-link {
+        all: unset;
+        color: -webkit-link;
+        text-decoration: underline;
+        cursor: auto;
+    }
+
+    @media (min-width: 768px) {
+        ::slotted([slot='items']) {
+            padding: var(--ds-spacing-s-5) var(--ds-spacing-m-1);
+        }
+    }
+
+    @media (min-width: 1440px) {
+        ::slotted([slot='items']) {
+            padding: var(--ds-spacing-m-1);
+        }
+    }
+
+    .actions-container {
+        display: flex;
+        align-items: center;
+        gap: var(--ds-spacing-m-1);
+        flex: 0 0 auto;
+        text-overflow: ellipsis;
+        text-transform: var(--ui-kit-secondary-navigation-text-transform);
+    }
+
+    @media (min-width: 0px) {
+        .nav {
+            gap: var(--ds-spacing-s-4);
+        }
+    }
+
+    .dropdown-container {
+        display: none;
+        position: absolute;
+        box-sizing: border-box;
+        width: 100%;
+        z-index: var(--ds-z-index-context-menu);
+        left: 0;
+        bottom: calc(var(--ui-kit-private-secondary-navigation-container-height) + var(--ds-spacing-s-5));
+    }
+
+    .dropdown-container.open {
+        display: flex;
+    }
+
+    .dropdown {
+        width: 100%;
+        display: flex;
+        padding: var(--ds-spacing-s-5);
+        flex-direction: column;
+        gap: var(--ds-spacing-m-1);
+        align-self: stretch;
+        border-radius: var(--ds-border-radius-s);
+        border: var(--ds-border-width-m) solid var(--ds-color-border-default);
+        max-height: 75dvh;
+        overflow-y: scroll;
+        text-transform: var(--ui-kit-secondary-navigation-text-transform);
+
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+        --ui-kit-private-blur-size: 40px;
+    }
+
+    .items-dropdown,
+    .actions-dropdown {
+        pointer-events: auto;
+    }
+
+    .items-dropdown.open .dropdown {
+        align-items: flex-start;
+    }
+
+    .actions-dropdown.open .dropdown {
+        justify-content: flex-end;
+        align-items: flex-end;
+    }
+
+    .dropdown-backdrop {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+    }
+
+    .items-dropdown-button {
+        --ui-kit-button-background: var(--ds-dropdown-select-bg-color-default);
+        --ui-kit-button-background-hover: var(--ds-dropdown-select-bg-color-hover);
+        --ui-kit-button-background-focus: var(--ds-dropdown-select-bg-color-focus);
+        --ui-kit-button-background-active: var(--ds-dropdown-select-bg-color-pressed);
+        --ui-kit-button-color: var(--ds-dropdown-select-text-color-input-default);
+        --ui-kit-button-color-hover: var(--ds-icon-button-icon-color-secondary-hover);
+        --ui-kit-button-border-color: var(--ds-dropdown-select-border-color-default);
+        --ui-kit-button-border-color-hover: var(--ds-icon-button-border-color-secondary-hover);
+        --ui-kit-button-border-color-active: var(--ds-dropdown-select-border-color-pressed);
+        --ui-kit-button-border-width: var(--ds-border-width-m);
+        --ui-kit-button-font-weight: var(--ds-typography-weight-body-primary);
+        --ui-kit-button-text-transform: none;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-segmented-control/ds-segmented-control.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.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 c=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/query-assigned-elements.cjs"),p=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,S=Object.getOwnPropertyDescriptor,i=(l,e,r,t)=>{for(var s=t>1?void 0:t?S(e,r):e,o=l.length-1,n;o>=0;o--)(n=l[o])&&(s=(t?n(e,r,s):n(s))||s);return t&&s&&g(e,r,s),s};exports.DsSegmentedControl=class extends u.UiKitElement{constructor(){super(...arguments),this.size="medium",this.fullWidth=!1}get classes(){return{container:!0,[this.size]:!0,"full-width":this.fullWidth}}firstUpdated(){this.addEventListener("change",()=>this.updateCheckedStates()),this.addEventListener("focusin",e=>this.updateFocusState(e,!0)),this.addEventListener("focusout",e=>this.updateFocusState(e,!1)),this.updateCheckedStates()}updateCheckedStates(){this.slottedElements.forEach(e=>{if(e.tagName==="LABEL"){const r=e,t=this.querySelector(`#${r.htmlFor}`);t&&r.classList.toggle("checked",t.checked)}})}updateFocusState(e,r){const t=e.target,s=t.matches(":focus-visible"),o=this.slottedElements.find(n=>n.tagName==="LABEL"&&n.htmlFor===t.id);o&&o.classList.toggle("focused",s)}render(){return h.html`
-            <fieldset class=${p.classMap(this.classes)}>
+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/query-assigned-elements.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("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=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 c=require("./styles/common.styles.cjs"),l=require("./styles/cupra-diagonal.styles.cjs"),u=require("./styles/cupra.styles.cjs"),d=require("./styles/seat-legacy.styles.cjs"),f=require("./styles/seat.styles.cjs");var p=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.fullWidth=!1}get classes(){return{container:!0,[this.size]:!0,"full-width":this.fullWidth}}firstUpdated(){this.addEventListener(`change`,()=>this.updateCheckedStates()),this.addEventListener(`focusin`,e=>this.updateFocusState(e,!0)),this.addEventListener(`focusout`,e=>this.updateFocusState(e,!1)),this.updateCheckedStates()}updateCheckedStates(){this.slottedElements.forEach(e=>{if(e.tagName===`LABEL`){let t=e,n=this.querySelector(`#${t.htmlFor}`);n&&t.classList.toggle(`checked`,n.checked)}})}updateFocusState(e,t){let n=e.target,r=n.matches(`:focus-visible`),i=this.slottedElements.find(e=>e.tagName===`LABEL`&&e.htmlFor===n.id);i&&i.classList.toggle(`focused`,r)}render(){return e.html`
+            <fieldset class=${s.classMap(this.classes)}>
                 <slot @slotchange=${this.updateCheckedStates}></slot>
             </fieldset>
-        `}};exports.DsSegmentedControl.styles=[f.commonStyles];i([c.property({type:String})],exports.DsSegmentedControl.prototype,"size",2);i([c.property({type:Boolean,converter:d.booleanConverter,attribute:"full-width"})],exports.DsSegmentedControl.prototype,"fullWidth",2);i([m.queryAssignedElements({slot:"",flatten:!0})],exports.DsSegmentedControl.prototype,"slottedElements",2);exports.DsSegmentedControl=i([a.customUiKitElement("ds-segmented-control")],exports.DsSegmentedControl);
+        `}},m=(p.styles=[c.commonStyles,l.cupraDiagonalStyles,f.seatStyles,u.cupraStyles,d.seatLegacyStyles],p);r.default([t.property({type:String})],m.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],m.prototype,`fullWidth`,void 0),r.default([n.queryAssignedElements({slot:``,flatten:!0})],m.prototype,`slottedElements`,void 0),m=r.default([a.customUiKitElement(`ds-segmented-control`)],m),Object.defineProperty(exports,"DsSegmentedControl",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-segmented-control/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.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: flex;
         flex: 1 1 auto;
@@ -46,4 +46,4 @@
     ::slotted(label.checked) {
         flex-shrink: 0;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,56 @@
+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-5);
+        background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        color: var(--ds-color-text-default);
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ds-border-radius-full);
+        outline-style: solid;
+        outline-offset: 0.25rem;
+        outline-width: 0.125rem;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label.checked) {
+        background: var(--ds-color-surface-container-active);
+        border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label:hover) {
+        background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label.focused) {
+        background: var(--ds-color-surface-container-hover);
+        outline-color: var(--ds-color-border-focus-ring);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label:active) {
+        background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
+        height: 3rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
+        height: 2.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='cupra-diagonal']) .small ::slotted(label) {
+        height: 2.25rem;
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/cupra.styles.cjs

@@ -0,0 +1,38 @@
+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 {
+        background: transparent;
+        border: 1px solid var(--ds-color-black);
+        border-radius: 100px;
+        gap: 0.625rem;
+        padding: 0.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted(label) {
+        padding: 0.5rem 1rem;
+        box-sizing: border-box;
+        color: var(--ds-color-grey);
+        background: transparent;
+        font: var(--ds-cp-type-smalltight-book-l);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(label.checked) {
+        background: var(--ds-color-black);
+        border-radius: 100px;
+        color: var(--ds-color-white);
+        font-weight: var(--dg-font-body-m-medium-weight);
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted(label:hover) {
+        color: var(--ds-color-black);
+        font-weight: var(--ds-cp-type-smalltight-regular-l);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(label.checked:hover) {
+        color: var(--ds-color-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='cupra']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/seat-legacy.styles.cjs

@@ -0,0 +1,37 @@
+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 {
+        background: transparent;
+        border: 1px solid var(--dg-global-color-gray-80);
+        border-radius: 2px;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label) {
+        padding: 0.5rem 1rem;
+        box-sizing: border-box;
+        color: var(--dg-global-color-black-100);
+        background: transparent;
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+        outline-color: transparent;
+        outline-style: solid;
+        outline-width: 0.0625rem;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label.checked) {
+        background: var(--dg-global-color-black-100);
+        border: 1px solid var(--dg-global-color-black-100);
+        border-radius: 2px;
+        color: var(--dg-global-color-white-100);
+        font-weight: var(--dg-font-body-m-medium-weight);
+        outline-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label:hover) {
+        font-weight: var(--dg-font-body-m-medium-weight);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/seat.styles.cjs

@@ -0,0 +1,56 @@
+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 {
+        gap: var(--ds-spacing-s-5);
+        background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label) {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        color: var(--ds-color-text-default);
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ds-border-radius-full);
+        outline-style: solid;
+        outline-offset: 0.25rem;
+        outline-width: 0.125rem;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label.checked) {
+        background: var(--ds-color-surface-container-active);
+        border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label:hover) {
+        background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label.focused) {
+        background: var(--ds-color-surface-container-hover);
+        outline-color: var(--ds-color-border-focus-ring);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label:active) {
+        background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
+        height: 3rem;
+        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']) .medium ::slotted(label) {
+        height: 2.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']) .small ::slotted(label) {
+        height: 2.25rem;
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='seat']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-select/controllers/SelectKeyboardController.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=class a{static handleKeydownWhenOpen(t,e){switch(this.KEYS_WHEN_OPEN.has(t.key)&&t.preventDefault(),t.key){case" ":case"Enter":e.commit();break;case"ArrowDown":e.navigateNext();break;case"ArrowUp":e.navigatePrev();break;case"Home":e.navigateFirst();break;case"End":e.navigateLast();break;case"Escape":e.close();break}}static handleKeydownWhenClosed(t,e){this.KEYS_WHEN_CLOSED.has(t.key)&&(t.preventDefault(),e.open())}};a.KEYS_WHEN_OPEN=new Set(["ArrowDown","ArrowUp","Home","End","Enter","Escape"," "]),a.KEYS_WHEN_CLOSED=new Set(["ArrowDown","ArrowUp"," "]);let s=a;exports.SelectKeyboardController=s;
+var e,t=class{static handleKeydownWhenOpen(e,t){switch(this.KEYS_WHEN_OPEN.has(e.key)&&e.preventDefault(),e.key){case` `:case`Enter`:t.commit();break;case`ArrowDown`:t.navigateNext();break;case`ArrowUp`:t.navigatePrev();break;case`Home`:t.navigateFirst();break;case`End`:t.navigateLast();break;case`Escape`:t.close()}}static handleKeydownWhenClosed(e,t){this.KEYS_WHEN_CLOSED.has(e.key)&&(e.preventDefault(),t.open())}};e=t,e.KEYS_WHEN_OPEN=new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`,`Escape`,` `]),e.KEYS_WHEN_CLOSED=new Set([`ArrowDown`,`ArrowUp`,` `]),exports.SelectKeyboardController=t;

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

@@ -1,16 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.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 h=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"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),S=require("./controllers/SelectKeyboardController.cjs"),O=require("./styles/common.styles.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(c,e,t,i)=>{for(var s=i>1?void 0:i?g(e,t):e,a=c.length-1,l;a>=0;a--)(l=c[a])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&f(e,t,s),s};exports.DsSelect=class extends m.UiKitElement{constructor(){super(...arguments),this.mode="light",this.size="medium",this.variant="primary",this._open=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.activeIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(t=>{t.type==="childList"&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this._open=!0,this.activeIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect()},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():this.handleOpen()},this.handleKeydown=e=>{this._open?S.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose}):S.SelectKeyboardController.handleKeydownWhenClosed(e,{open:this.handleOpen})}}firstUpdated(){this.initializeNativeSelect()}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute("aria-hidden","true"),this.nativeSelect.setAttribute("tabindex","-1")}setupEventListeners(){this.nativeSelect.addEventListener("change",this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener("change",this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var t;const e=this.nativeOptions.findIndex(i=>i.value===this.nativeSelect.value);return(t=this.nativeOptions[e])!=null&&t.hidden?this.nativeOptions.findIndex(i=>!i.hidden):e}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){const t=this.nativeOptions.findIndex(i=>!i.hidden);this.advanceSelection(t-this.activeIndex)}}advanceToLast(){if(this.nativeOptions.length){let t=-1;for(let i=this.nativeOptions.length-1;i>=0;i--)if(!this.nativeOptions[i].hidden){t=i;break}this.advanceSelection(t-this.activeIndex)}}advanceSelection(e){const t=this.nativeOptions.length;this.activeIndex=(this.activeIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.activeIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(t=>!t.hidden)&&this.nativeOptions[this.activeIndex].hidden}scrollToActive(e){var t;(t=e==null?void 0:e.scrollIntoView)==null||t.call(e,{block:"nearest"})}commitSelection(){this.handleClose();const e=this.nativeOptions[this.activeIndex];this.nativeSelect&&(e!=null&&e.value)&&this.updateNativeSelectValue(e.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,["input","change"].forEach(t=>this.nativeSelect.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,i,s;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),filled:!!((i=(t=this.nativeOptions)==null?void 0:t.find(a=>a.selected&&!a.hidden))!=null&&i.selected),invalid:!((s=this.nativeSelect)!=null&&s.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return r.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"),i=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 a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=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 d=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-loader-spinner/ds-loader-spinner.cjs");const f=require("./controllers/SelectKeyboardController.cjs"),p=require("./styles/common.styles.cjs"),m=require("./styles/cupra-diagonal.styles.cjs"),h=require("./styles/cupra.styles.cjs"),g=require("./styles/seat-legacy.styles.cjs"),_=require("./styles/seat.styles.cjs");var v=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.loading=!1,this.loadingAriaLabel=`Loading`,this.iconName=void 0,this.dataAriaLabel=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||this.loading||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener(`change`,this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var e;let t=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return(e=this.nativeOptions[t])!=null&&e.hidden?this.nativeOptions.findIndex(e=>!e.hidden):t}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){var t;e==null||(t=e.scrollIntoView)==null||t.call(e,{block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,n;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),readonly:!!this.readonly,loading:!!this.loading,filled:!!((t=this.nativeOptions)!=null&&(t=t.find(e=>e.selected&&!e.hidden))!=null&&t.selected),invalid:!((n=this.nativeSelect)!=null&&n.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.html`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
             <div class=${u.classMap(this.containerClasses)}>
                 ${this.displaySelectTemplate}
                 ${this.optionsContainerTemplate}
                 <slot name="helper-text"></slot>
+                <slot name="readonly-text"></slot>
                 <slot name="forced-error" @slotchange=${this.handleChangeForcedError}></slot>
                 <slot name="invalid-error"></slot>
             </div>
-        `}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this._open?"arrow-up":"arrow-down"})}get displaySelectTemplate(){var i,s,a;const e=this.nativeOptions.find(l=>l.selected),t=(i=Array.from((e==null?void 0:e.childNodes)||[]))==null?void 0:i.map(l=>{const v=l.cloneNode(!0);if(l.nodeType!==3)return v;if(l.textContent.trim()==="")return"";const d=document.createElement("span");return d.classList.add("text"),d.appendChild(v),d});return r.html`
+        `}get spinnerSize(){return this.size===`medium`?20:24}get iconTemplate(){return this.loading?l.uiKitHtml`<ds-loader-spinner
+                class="loading-spinner"
+                show
+                .size=${this.spinnerSize}
+                data-aria-label=${this.loadingAriaLabel}
+            ></ds-loader-spinner>`:l.uiKitHtml`<ds-icon class="icon" icon-name=${this._open?`arrow-up`:`arrow-down`}></ds-icon>`}get leftIconTemplate(){return this.iconName?l.uiKitHtml`<ds-icon class="left-icon" icon-name=${d.ifDefined(this.iconName)}></ds-icon>`:e.nothing}get displaySelectTemplate(){var t,n;let r=this.nativeOptions.find(e=>e.selected),i=(t=Array.from((r==null?void 0:r.childNodes)||[]))==null?void 0:t.map(e=>{let t=e.cloneNode(!0);if(e.nodeType!==3)return t;if(e.textContent.trim()===``)return``;let n=document.createElement(`span`);return n.classList.add(`text`),n.appendChild(t),n}),a=this.nativeLabel?e.html`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>`:e.nothing,o=this.nativeLabel?`display-label`:void 0,s=this.nativeLabel?void 0:this.dataAriaLabel;return e.html`
             <div class="select-outline">
                 <div class="select-container">
-                    <label id="display-label" class="label">${(s=this.nativeLabel)==null?void 0:s.innerText}</label>
+                    ${a}
                     <div
                         class="select"
                         role="combobox"
@@ -18,30 +24,32 @@
                         aria-expanded="${this._open}"
                         aria-activedescendant="${this.activeDescendantId}"
                         aria-controls="options-container"
-                        aria-labelledby="display-label"
-                        aria-disabled=${!!((a=this.nativeSelect)!=null&&a.disabled)}
+                        aria-labelledby=${d.ifDefined(o)}
+                        aria-label=${d.ifDefined(s)}
+                        aria-disabled=${!!((n=this.nativeSelect)!=null&&n.disabled)}
                         @click=${this.handleClickDisplaySelect}
                         @keydown=${this.handleKeydown}
                         @blur=${this.handleClose}
                     >
-                        <span class="select-content">${t}</span>
+                        ${this.leftIconTemplate}
+                        <span class="select-content">${i}</span>
                         ${this.iconTemplate}
                     </div>
                 </div>
             </div>
-        `}get activeDescendantId(){return this._open&&this.activeIndex>=0?`${exports.DsSelect.ARIA_OPTION_PREFIX}${this.nativeOptions[this.activeIndex].value}`:""}get optionsContainerTemplate(){return r.html`
+        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${y.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.html`
             <div id="options-container" class="options-container" role="listbox">
-                ${this.nativeOptions.map((e,t)=>e.hidden?r.nothing:this.renderOptionClone(e,t))}
+                ${this.nativeOptions.map((t,n)=>t.hidden?e.nothing:this.renderOptionClone(t,n))}
             </div>
-        `}renderOptionClone(e,t){const i=Array.from(e.childNodes).map(s=>s.cloneNode(!0));return r.html`
+        `}renderOptionClone(t,n){let r=Array.from(t.childNodes).map(e=>e.cloneNode(!0));return e.html`
             <div
-                id="${exports.DsSelect.ARIA_OPTION_PREFIX}${e.value}"
-                class=${u.classMap({option:!0,active:t===this.activeIndex,selected:e.value===this.nativeSelect.value})}
+                id="${y.ARIA_OPTION_PREFIX}${t.value}"
+                class=${u.classMap({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.value})}
                 role="option"
-                aria-selected="${e.value===this.nativeSelect.value}"
+                aria-selected="${t.value===this.nativeSelect.value}"
                 tabindex="-1"
-                @mousedown=${()=>{this.activeIndex=t,this.commitSelection()}}
+                @mousedown=${()=>this.commitSelection(n)}
             >
-                ${i}
+                ${r}
             </div>
-        `}};exports.DsSelect.styles=[O.commonStyles];exports.DsSelect.ARIA_OPTION_PREFIX="option-";n([h.property({type:String})],exports.DsSelect.prototype,"mode",2);n([h.property({type:String})],exports.DsSelect.prototype,"size",2);n([h.property({type:String})],exports.DsSelect.prototype,"variant",2);n([o.state()],exports.DsSelect.prototype,"_open",2);n([o.state()],exports.DsSelect.prototype,"nativeSelect",2);n([o.state()],exports.DsSelect.prototype,"nativeLabel",2);n([o.state()],exports.DsSelect.prototype,"nativeOptions",2);n([o.state()],exports.DsSelect.prototype,"activeIndex",2);n([o.state()],exports.DsSelect.prototype,"hasForcedError",2);n([p.queryAssignedElements({slot:"",selector:"select",flatten:!0})],exports.DsSelect.prototype,"nativeSelects",2);n([p.queryAssignedElements({slot:"",selector:"label",flatten:!0})],exports.DsSelect.prototype,"nativeLabels",2);n([p.queryAssignedElements({slot:"forced-error",flatten:!0})],exports.DsSelect.prototype,"forcedError",2);n([b.query(".select")],exports.DsSelect.prototype,"displaySelect",2);exports.DsSelect=n([y.customUiKitElement("ds-select")],exports.DsSelect);
+        `}},y=v,b=(v.styles=[p.commonStyles,m.cupraDiagonalStyles,_.seatStyles,h.cupraStyles,g.seatLegacyStyles],v.ARIA_OPTION_PREFIX=`option-`,v);a.default([t.property({type:String})],b.prototype,`mode`,void 0),a.default([t.property({type:String})],b.prototype,`size`,void 0),a.default([t.property({type:String})],b.prototype,`variant`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],b.prototype,`readonly`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],b.prototype,`loading`,void 0),a.default([t.property({type:String,attribute:`loading-aria-label`})],b.prototype,`loadingAriaLabel`,void 0),a.default([t.property({type:String,attribute:`icon-name`})],b.prototype,`iconName`,void 0),a.default([t.property({type:String,attribute:`data-aria-label`})],b.prototype,`dataAriaLabel`,void 0),a.default([n.state()],b.prototype,`_open`,void 0),a.default([n.state()],b.prototype,`_keyboardNavigating`,void 0),a.default([n.state()],b.prototype,`nativeLabel`,void 0),a.default([n.state()],b.prototype,`nativeOptions`,void 0),a.default([n.state()],b.prototype,`keyboardFocusIndex`,void 0),a.default([n.state()],b.prototype,`hasForcedError`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`select`,flatten:!0})],b.prototype,`nativeSelects`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`label`,flatten:!0})],b.prototype,`nativeLabels`,void 0),a.default([i.queryAssignedElements({slot:`forced-error`,flatten:!0})],b.prototype,`forcedError`,void 0),a.default([r.query(`.select`)],b.prototype,`displaySelect`,void 0),b=y=a.default([s.customUiKitElement(`ds-select`)],b),Object.defineProperty(exports,"DsSelect",{enumerable:!0,get:function(){return b}});