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

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.css`
+    :host {
+        display: contents;
+    }
+
+    .container {
+        display: block;
+    }
+
+    .container.vertical ::slotted(ds-radio-button) {
+        display: block;
+    }
+
+    .container.horizontal ::slotted(ds-radio-button) {
+        display: inline-flex;
+        vertical-align: top;
+    }
+`;exports.commonStyles=e;

package/dist/cjs/components/ds-radio-group/ds-radio-group.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../decorators/customUiKitElement.cjs"),n=require("../../mixins/FormAssociatedMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),c=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),i=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"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./ds-radio-group.styles.cjs");var R=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(a,e,s,r)=>{for(var t=r>1?void 0:r?f(e,s):e,p=a.length-1,d;p>=0;p--)(d=a[p])&&(t=(r?d(e,s,t):d(t))||t);return r&&t&&R(e,s,t),t};exports.DsRadioGroup=class extends n.FormAssociatedMixin(c.LitElement){constructor(){super(...arguments),this.mode="light",this.size="large"}updateRadioChecked(){requestAnimationFrame(()=>{this.radioElements.forEach(e=>{e.checked=e.value===this.value})})}setRadioProps(e){requestAnimationFrame(()=>{["name","size","mode"].forEach(r=>{e.has(r)&&this.radioElements.forEach(t=>{t[r]=this[r]})})})}updated(e){super.updated(e),this.setRadioProps(e)}firstUpdated(e){super.firstUpdated(e),this.updateRadioChecked(),this.setRadioProps(e)}handleChangeRadio(e){var s;this.value=(s=e.detail)==null?void 0:s.value}get classes(){return{container:!0}}render(){return l.html`
+            <fieldset class=${h.classMap(this.classes)} @change=${this.handleChangeRadio}>
+                <slot></slot>
+            </fieldset>
+        `}};exports.DsRadioGroup.styles=[y.commonStyles];o([i.property({type:String})],exports.DsRadioGroup.prototype,"name",2);o([i.property({type:String,reflect:!0})],exports.DsRadioGroup.prototype,"value",2);o([i.property({type:String,reflect:!0})],exports.DsRadioGroup.prototype,"mode",2);o([i.property({type:String})],exports.DsRadioGroup.prototype,"size",2);o([m.queryAssignedElements({selector:"ds-radio"})],exports.DsRadioGroup.prototype,"radioElements",2);exports.DsRadioGroup=o([u.customUiKitElement("ds-radio-group",{skipTagAsComponentName:!0})],exports.DsRadioGroup);

package/dist/cjs/components/ds-radio-group/ds-radio-group.styles.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        width: 100%;
+    }
+
+    .container {
+        padding: 0;
+        border: none;
+        display: contents;
+    }
+`;exports.commonStyles=t;

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../ds-icon/ds-icon.cjs");const d=require("./styles/common.styles.cjs");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(i,e,t,r)=>{for(var s=r>1?void 0:r?v(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(s=(r?o(e,t,s):o(s))||s);return r&&s&&g(e,t,s),s};exports.DsRating=class extends p.UiKitElement{constructor(){super(...arguments),this.disabled=!1,this.hideRatingText=!1}get displayValue(){if(this.value===void 0||this.value===null||this.value<0)return 0;const e=Math.max(0,Math.min(5,this.value)),t=Math.floor(e),r=Number((e-t).toFixed(2));return t+Math.round(r/.5)*.5}get classes(){return{container:!0,disabled:this.disabled}}getStarIconName(e,t){return t>=e?"star-filled":t>=e-.5?"half-star-filled":"star"}get starsTemplate(){const e=this.displayValue,t=[];for(let r=1;r<=5;r++){const s=this.getStarIconName(r,e);s&&t.push(this.componentFactory.createIcon({class:"star-icon","icon-name":s,size:16}))}return t}render(){const e=this.value!==void 0&&this.value>=0?this.value:0,r=Math.max(0,Math.min(5,e)).toString();return u.html`
+            <div class=${h.classMap(this.classes)} aria-label=${`Rating: ${r} out of 5`} role="img">
+                <div class="stars-wrapper">${this.starsTemplate}</div>
+                ${this.hideRatingText?"":u.html`<span class="rating-text">${r}</span>`}
+            </div>
+        `}};exports.DsRating.styles=[d.commonStyles];a([l.property({type:Number})],exports.DsRating.prototype,"value",2);a([l.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsRating.prototype,"disabled",2);a([l.property({type:Boolean,converter:c.booleanConverter,attribute:"hide-rating-text"})],exports.DsRating.prototype,"hideRatingText",2);exports.DsRating=a([m.customUiKitElement("ds-rating")],exports.DsRating);

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

@@ -0,0 +1,7 @@
+"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"),r=e.css`
+    .container,
+    .stars-wrapper {
+        display: flex;
+        align-items: center;
+    }
+`;exports.commonStyles=r;

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

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),m=require("../../mixins/FormAssociatedMixin.cjs"),p=require("../../utils/booleanConverter.cjs"),v=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),S=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),a=require("./styles/common.styles.cjs");var T=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(n,t,o,l)=>{for(var i=l>1?void 0:l?b(t,o):t,c=n.length-1,h;c>=0;c--)(h=n[c])&&(i=(l?h(t,o,i):h(i))||i);return l&&i&&T(t,o,i),i};exports.DsSearch=class extends m.FormAssociatedMixin(d.UiKitElement){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.name="",this.placeholder="",this.type="text",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value="",this.dispatchEvent(new CustomEvent("ds-search:clear",{bubbles:!0,composed:!0}))},this.handleInput=t=>{const o=t.target;this._value=o.value||""},this.handleSuccess=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-success",{bubbles:!0,composed:!0,detail:{position:t}}))},this.handleError=t=>{this.dispatchEvent(new CustomEvent("ds-search:position-error",{bubbles:!0,composed:!0,detail:{error:t}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(t){this._value=t}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return s.html`
+            ${this.componentFactory.createIcon({class:"search-icon","icon-name":"magnifying-glass"})}
+        `}get positionIconTemplate(){return s.html`
+            ${this.componentFactory.createIcon({class:"position-icon","icon-name":"position"})}
+        `}get clearIconTemplate(){return s.html`
+            ${this.componentFactory.createIcon({class:"clear-icon","data-testid":"clear-icon","icon-name":"cross","@click":this.handleClickClearIcon})}
+        `}get inputTemplate(){return s.html`
+            <input
+                class="input-field"
+                type=${this.type}
+                name=${this.name}
+                maxlength=${this.maxLength}
+                .placeholder=${this.placeholder}
+                .value=${this._value}
+                aria-label=${this._value}
+                @focus=${this.handleFocus}
+                @blur=${this.handleBlur}
+                @input=${this.handleInput}
+                ?disabled=${this.disabled}
+            />
+        `}get helperTextTemplate(){return this.helperText?s.html`
+            <div class="helper-text" @click=${this.handleClickHelperText}>
+                ${this.positionIconTemplate}
+                ${this.helperText}
+            </div>
+        `:s.nothing}get errorTextTemplate(){return this.errorText?s.html`<div class="error-text">${this.errorText}</div>`:s.nothing}get styleTokens(){return v.htmlWithTokens`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                    pointer-events: ${this.disabled?"none":"visible"};
+                }
+            </style>
+        `}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return s.html`
+            ${this.styleTokens}
+            <div class=${g.classMap(this.classes)}>
+                <div class="input-container">
+                    ${this.searchIconTemplate}
+                    ${this.inputTemplate}
+                    ${this.clearIconTemplate}
+                </div>
+                ${this.errorTextTemplate}
+                ${this.helperTextTemplate}
+            </div>
+        `}};exports.DsSearch.styles=[a.commonStyles,a.containerStyles,a.helperTextStyles,a.inputFieldStyles,a.inputContainerStyles];e([r.property({type:String,reflect:!0,attribute:"initial-value"})],exports.DsSearch.prototype,"initialValue",2);e([r.property({type:String})],exports.DsSearch.prototype,"label",2);e([r.property({type:String,attribute:"helper-text"})],exports.DsSearch.prototype,"helperText",2);e([r.property({type:String,attribute:"error-text"})],exports.DsSearch.prototype,"errorText",2);e([r.property({type:Boolean,converter:p.booleanConverter})],exports.DsSearch.prototype,"disabled",2);e([r.property({type:Boolean,converter:p.booleanConverter})],exports.DsSearch.prototype,"success",2);e([r.property({type:String,reflect:!0})],exports.DsSearch.prototype,"mode",2);e([r.property({type:String})],exports.DsSearch.prototype,"size",2);e([r.property({type:String})],exports.DsSearch.prototype,"name",2);e([r.property({type:String})],exports.DsSearch.prototype,"placeholder",2);e([r.property({type:String,attribute:"max-length"})],exports.DsSearch.prototype,"maxLength",2);e([r.property({type:String})],exports.DsSearch.prototype,"type",2);e([u.state()],exports.DsSearch.prototype,"_value",2);e([u.state()],exports.DsSearch.prototype,"focused",2);e([S.query(".input-field")],exports.DsSearch.prototype,"inputField",2);exports.DsSearch=e([y.customUiKitElement("ds-search")],exports.DsSearch);

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

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    .error-text,
+    .helper-text {
+        user-select: none;
+    }
+`,n=e.css`
+    .container {
+        position: relative;
+    }
+`,i=e.css`
+    .input-field::-webkit-search-decoration,
+    .input-field::-webkit-search-cancel-button,
+    .input-field::-webkit-search-results-button,
+    .input-field::-webkit-search-results-decoration,
+    .input-field::-webkit-inner-spin-button,
+    .input-field::-webkit-calendar-picker-indicator {
+        display: none;
+    }
+
+    .input-field {
+        box-sizing: border-box;
+        width: 100%;
+        border: none;
+        outline: none;
+        background-color: transparent;
+    }
+
+    .input-field:focus {
+        outline: none;
+    }
+`,s=e.css`
+    .helper-text {
+        cursor: pointer;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+    }
+`,r=e.css`
+    .input-container {
+        align-items: center;
+        justify-content: center;
+        display: flex;
+        position: relative;
+    }
+`;exports.commonStyles=t;exports.containerStyles=n;exports.helperTextStyles=s;exports.inputContainerStyles=r;exports.inputFieldStyles=i;

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

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),d=require("../../mixins/inputStatesMixin.cjs"),h=require("../../utils/booleanConverter.cjs"),v=require("../../utils/validateMaxLength.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const 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-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(s,t,r,i)=>{for(var n=i>1?void 0:i?y(t,r):t,p=s.length-1,l;p>=0;p--)(l=s[p])&&(n=(i?l(t,r,n):l(n))||n);return i&&n&&b(t,r,n),n};exports.DsSearchInput=class extends d.inputStatesMixin(u.UiKitElement){constructor(){super(...arguments),this.size="medium",this.variant="primary",this.loading=!1,this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.dataAriaLabelPositionButton="",this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event("ds-search-input:click-position-button",{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
+            <div part="container" class=${m.classMap(this.classes)}>
+                <div part="input-container" class="input-container">
+                    ${this.searchIconTemplate}
+                    <slot></slot>
+                    <span class="buttons-container">
+                        ${this.removeTemplate}
+                        ${this.positionTemplate}
+                        ${this.loaderSpinnerTemplate}
+                    </span>
+                </div>
+                ${this.footerTemplate}
+            </div>
+        `}get searchIconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"magnifying-glass",variant:"standard"})}get removeTemplate(){var t,r,i;return!((r=(t=this.nativeInput)==null?void 0:t.value)!=null&&r.length)||this.loading?e.nothing:this.componentFactory.createIconButton({class:"remove-icon-button","icon-name":"cross",disabled:!!((i=this.nativeInput)!=null&&i.disabled),size:this.size,variant:"naked","@click":this.handleRemove,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"})}get positionTemplate(){var t;return this.loading||!this.withPositionButton?e.nothing:this.componentFactory.createIconButton({class:"position-icon-button","icon-name":"position",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"naked","@click":this.handleClickPositionButton,"data-aria-label":this.dataAriaLabelPositionButton||"position button"})}get loaderSpinnerTemplate(){return this.componentFactory.createLoaderSpinner({show:this.loading})}get footerTemplate(){var t,r;return!((t=this.helperText)!=null&&t.length)&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number((r=this.nativeInput)==null?void 0:r.maxLength)<0?e.nothing:e.html`
+            <div class="footer">
+                ${this.helperTextTemplate}
+                ${this.forcedErrorTemplate}
+                ${this.invalidErrorTemplate}
+                ${this.lengthTemplate}
+            </div>
+        `}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){var r,i,n;const t=(i=(r=this.nativeInput)==null?void 0:r.maxLength)==null?void 0:i.toString();return v.validateMaxLength(t)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${t}</span>`:e.nothing}};exports.DsSearchInput.styles=[g.commonStyles];o([a.property({type:String})],exports.DsSearchInput.prototype,"size",2);o([a.property({type:String})],exports.DsSearchInput.prototype,"variant",2);o([a.property({type:Boolean,converter:h.booleanConverter})],exports.DsSearchInput.prototype,"loading",2);o([a.property({type:String,attribute:"helper-text"})],exports.DsSearchInput.prototype,"helperText",2);o([a.property({type:String,attribute:"forced-error"})],exports.DsSearchInput.prototype,"forcedError",2);o([a.property({type:String,attribute:"invalid-error"})],exports.DsSearchInput.prototype,"invalidError",2);o([a.property({type:String,attribute:"data-aria-label-remove-button"})],exports.DsSearchInput.prototype,"dataAriaLabelRemoveButton",2);o([a.property({type:String,attribute:"data-aria-label-position-button"})],exports.DsSearchInput.prototype,"dataAriaLabelPositionButton",2);o([a.property({type:Boolean,converter:h.booleanConverter,attribute:"with-position-button"})],exports.DsSearchInput.prototype,"withPositionButton",2);exports.DsSearchInput=o([c.customUiKitElement("ds-search-input")],exports.DsSearchInput);

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

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

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

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),g=require("../../mixins/ViewportMixin.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 h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),v=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"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),w=require("./styles/common.styles.cjs");var y=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(d,e,t,s)=>{for(var o=s>1?void 0:s?x(e,t):e,r=d.length-1,a;r>=0;r--)(a=d[r])&&(o=(s?a(e,t,o):a(o))||o);return s&&o&&y(e,t,o),o};exports.DsSecondaryNavigation=class extends g.ViewportMixin(m.UiKitElement){constructor(){super(...arguments),this.dropdownButtonText="Menu",this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var t,s,o,r;const e=((t=this.itemsContainer)==null?void 0:t.scrollLeft)+((s=this.itemsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((o=this.itemsContainer)==null?void 0:o.scrollLeft)>0,this.hasScrollRight=e<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}updated(e){super.updated(e),e.has("viewport")&&this.updateCtas(),e.has("selectedIndex")&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),this.resizeObserver.observe(this.itemsContainer),window.addEventListener("resize",this.handleScroll),(t=this.itemsContainer)==null||t.addEventListener("scroll",this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScroll)}get selectedItemText(){var e,t,s;return((s=(t=(e=this.items)==null?void 0:e[this.selectedIndex])==null?void 0:t.textContent)==null?void 0:s.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1,this.openCtas=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((t,s)=>{s===this.selectedIndex?t.classList.add("selected"):t.classList.remove("selected")})}updateCtas(){var e;(e=this.ctas)==null||e.forEach(t=>{["xxl","xl"].includes(this.viewport)?t==null||t.setAttribute("size","large"):t==null||t.setAttribute("size","medium")})}handleItemClick(e){var o,r;const t=e.target,s=((o=this.items)==null?void 0:o.indexOf(t))??-1;if(s!==-1){this.selectedIndex=s,this.updateSelectedItem();const a=((r=t.textContent)==null?void 0:r.trim())||t.getAttribute("data-label")||"";this.dispatchEvent(new CustomEvent("ds-secondary-navigation:select",{detail:{index:s,label:a},bubbles:!0,composed:!0})),this.closeDropdowns()}}render(){return i.html`
+            ${this.backdropTemplate}
+            <div class="container gutter">
+                <nav data-testid="ds-secondary-navigation-container" class=${c.classMap(this.classes)}>
+                    ${this.itemsTemplate}
+                    ${this.itemsDropdownButtonTemplate}
+                    ${this.actionsTemplate}
+                    ${this.actionsDropdownButtonTemplate}
+                </nav>
+                ${this.itemsDropdownTemplate}
+                ${this.actionsDropdownTemplate}
+            </div>
+        `}get itemsTemplate(){return["l","xl","xxl"].includes(this.viewport)?i.html`
+            <div class="items-container">
+                <div>
+                    <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
+                </div>
+            </div>
+        `:i.nothing}get actionsTemplate(){return["m","l","xl","xxl"].includes(this.viewport)?i.html`
+            <div class="actions-container">
+                <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
+            </div>
+        `:i.nothing}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.openItems?"arrow-up":"arrow-down",size:20})}get itemsDropdownButtonTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?i.html`
+            <button
+                class="items-dropdown-button"
+                @click=${this.toggleItemsDropdown}
+                aria-expanded=${this.openItems}
+                aria-haspopup="true"
+            >
+                <span>${this.selectedItemText}</span>
+                ${this.iconTemplate}
+            </button>
+        `:i.nothing}get itemsDropdownTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?i.html`
+            <div
+                class=${c.classMap({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
+                role="menu"
+                aria-hidden=${!this.openItems}
+            >
+                <div
+                    class="dropdown ds-blur"
+                >
+                    <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
+                </div>
+            </div>
+        `:i.nothing}get actionsDropdownButtonTemplate(){return["xxs","xs","s"].includes(this.viewport)?this.componentFactory.createIconButton({class:"nav-arrow","data-aria-label":"open actions dropdown","@click":this.toggleActionsDropdown,size:"medium","icon-name":"triple-dot-v"}):i.nothing}get actionsDropdownTemplate(){return["xxs","xs","s"].includes(this.viewport)?i.html`
+            <div                     
+                class=${c.classMap({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}                    
+                role="menu"
+                aria-hidden=${!this.openCtas}
+            >
+                <div
+                    class="dropdown ds-blur"
+
+                >
+                    <slot name="actions"></slot>
+                </div>
+            </div>
+        `:i.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?i.nothing:i.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};exports.DsSecondaryNavigation.styles=[w.commonStyles];n([h.property({type:String,attribute:"dropdown-button-text"})],exports.DsSecondaryNavigation.prototype,"dropdownButtonText",2);n([h.property({type:Number,attribute:"selected-index"})],exports.DsSecondaryNavigation.prototype,"selectedIndex",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"openItems",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"openCtas",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"hasScrollLeft",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"hasScrollRight",2);n([p.queryAssignedElements({slot:"items"})],exports.DsSecondaryNavigation.prototype,"items",2);n([p.queryAssignedElements({slot:"actions"})],exports.DsSecondaryNavigation.prototype,"ctas",2);n([v.query(".items-container")],exports.DsSecondaryNavigation.prototype,"itemsContainer",2);exports.DsSecondaryNavigation=n([u.customUiKitElement("ds-secondary-navigation")],exports.DsSecondaryNavigation);

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

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

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

@@ -0,0 +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)}>
+                <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);

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

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: flex;
+        flex: 1 1 auto;
+    }
+
+    .container {
+        display: inline-flex;
+        padding: 0;
+        border: 0;
+        background: gray;
+        border-radius: 2em;
+        flex: 0 0 auto;
+        min-width: 0;
+        max-width: 100%;
+    }
+
+    .container.full-width {
+        display: flex;
+    }
+
+    ::slotted(input) {
+        position: absolute;
+        opacity: 0;
+        width: 0;
+        height: 0;
+        margin: 0;
+        padding: 0;
+    }
+
+    ::slotted(label) {
+        cursor: pointer;
+        display: block;
+        align-content: center;
+        text-align: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        flex: 1 1 auto;
+    }
+
+    .full-width ::slotted(label) {
+        flex: 1 1 content;
+    }
+
+    ::slotted(label.checked) {
+        flex-shrink: 0;
+    }
+`;exports.commonStyles=t;

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

@@ -0,0 +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;

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

@@ -0,0 +1,47 @@
+"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`
+            <slot @slotchange=${this.initializeNativeSelect}></slot>
+            <div class=${u.classMap(this.containerClasses)}>
+                ${this.displaySelectTemplate}
+                ${this.optionsContainerTemplate}
+                <slot name="helper-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`
+            <div class="select-outline">
+                <div class="select-container">
+                    <label id="display-label" class="label">${(s=this.nativeLabel)==null?void 0:s.innerText}</label>
+                    <div
+                        class="select"
+                        role="combobox"
+                        tabindex="0"
+                        aria-expanded="${this._open}"
+                        aria-activedescendant="${this.activeDescendantId}"
+                        aria-controls="options-container"
+                        aria-labelledby="display-label"
+                        aria-disabled=${!!((a=this.nativeSelect)!=null&&a.disabled)}
+                        @click=${this.handleClickDisplaySelect}
+                        @keydown=${this.handleKeydown}
+                        @blur=${this.handleClose}
+                    >
+                        <span class="select-content">${t}</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`
+            <div id="options-container" class="options-container" role="listbox">
+                ${this.nativeOptions.map((e,t)=>e.hidden?r.nothing:this.renderOptionClone(e,t))}
+            </div>
+        `}renderOptionClone(e,t){const i=Array.from(e.childNodes).map(s=>s.cloneNode(!0));return r.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})}
+                role="option"
+                aria-selected="${e.value===this.nativeSelect.value}"
+                tabindex="-1"
+                @mousedown=${()=>{this.activeIndex=t,this.commitSelection()}}
+            >
+                ${i}
+            </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);

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+    :host {
+        display: contents;
+    }
+
+    ::slotted(:not([slot])) {
+        display: none;
+    }
+
+    .disabled {
+        pointer-events: none;
+    }
+
+    .select,
+    .option {
+        cursor: pointer;
+    }
+
+    .option.selected {
+        pointer-events: none;
+    }
+`;exports.commonStyles=o;

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

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,t,r,c)=>{for(var e=c>1?void 0:c?y(t,r):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(e=(c?o(t,r,e):o(e))||e);return c&&e&&v(t,r,e),e};exports.DsSelection=class extends l.UiKitElement{get iconTemplate(){return this.componentFactory.createIcon({class:"icon",size:40,"icon-name":this.checked?"check":"plus"})}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return u.html`
+            <span data-testid="ds-selection-container" class=${d.classMap(this.classes)} @click=${this.handleClick}>
+                ${this.iconTemplate}
+            </span>
+        `}};exports.DsSelection.styles=[m.commonStyles];i([p.property({type:Boolean,converter:h.booleanConverter})],exports.DsSelection.prototype,"checked",2);exports.DsSelection=i([a.customUiKitElement("ds-selection")],exports.DsSelection);

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

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

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

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),u=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"),g=require("./styles/common.styles.cjs");var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(n,t,a,s)=>{for(var e=s>1?void 0:s?h(t,a):t,i=n.length-1,l;i>=0;i--)(l=n[i])&&(e=(s?l(t,a,e):l(e))||e);return s&&e&&v(t,a,e),e};exports.DsSidebarNavigation=class extends r.UiKitElement{constructor(){super(...arguments),this.open=!1,this.toggleModal=()=>{this.open=!this.open},this.handleSlotChange=t=>{const e=t.target.assignedElements().find(i=>i.tagName==="DS-BUTTON");this.setMainCtaSize(e)},this.setMainCtaSize=t=>{t&&t.setAttribute("size",JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"}))}}firstUpdated(t){var s;super.firstUpdated(t);const a=(s=this.mainCtas)==null?void 0:s[0];a&&this.setMainCtaSize(a)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:"modal-button","icon-name":this.open?"cross":"triple-dot-v","@click":this.toggleModal,"data-testid":"modal-button","data-aria-label":"more actions",size:JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"})})}classes(){return{container:!0,open:this.open}}render(){return c.html`
+      <div class=${p.classMap(this.classes())}>
+        <nav class="nav" part="bar">
+          <div class="aside" part="aside">
+            <slot name="aside-text"></slot>
+            <span class="helper-text-container">
+                <slot name="aside-icon"></slot>
+                <slot name="aside-helper-text"></slot>
+            </span>
+          </div>
+          <div class="actions-container" part="actions-container">
+            <slot name="main-cta" @slotchange=${this.handleSlotChange}></slot>
+            ${this.modalButtonTemplate()}
+          </div>
+        </nav>
+          <div part="modal" class="modal">
+              <slot name="ctas"></slot>
+          </div>
+      </div>
+    `}};exports.DsSidebarNavigation.styles=[g.commonStyles];o([d.state()],exports.DsSidebarNavigation.prototype,"open",2);o([u.queryAssignedElements({slot:"main-cta",selector:"ds-button",flatten:!0})],exports.DsSidebarNavigation.prototype,"mainCtas",2);exports.DsSidebarNavigation=o([m.customUiKitElement("ds-sidebar-navigation")],exports.DsSidebarNavigation);

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+    :host {
+        display: contents;
+    }
+
+    .container {
+        width: 100%;
+    }
+
+    .nav {
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        display: flex;
+        box-sizing: border-box;
+    }
+`;exports.commonStyles=o;