@ds-autonomie/web-components 2.14.0 → 2.14.1

package/cdn/chunks/chunk.5RNZMEKI.js

@@ -0,0 +1,388 @@
+import{a as r}from"./chunk.ICWLHTHU.js";import{a as o}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var s=e`
+  ${o}
+  ${r}
+
+  :host {
+    display: block;
+  }
+
+  /** The popup */
+  .select {
+    flex: 1 1 auto;
+    display: inline-flex;
+    width: 100%;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .select::part(popup) {
+    z-index: var(--dsa-wc-z-index-dropdown);
+  }
+
+  .select[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .select[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  /* Combobox */
+  .select__combobox {
+    flex: 1;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    justify-content: start;
+    font: var(--dsa-wc-select-input-font);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    transition:
+      var(--dsa-wc-transition-fast) color,
+      var(--dsa-wc-transition-fast) border,
+      var(--dsa-wc-transition-fast) box-shadow,
+      var(--dsa-wc-transition-fast) background-color;
+    border-radius: var(--dsa-wc-input-border-radius);
+    padding: var(--dsa-wc-select-padding);
+  }
+
+  .select__display-input {
+    position: relative;
+    width: 100%;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--dsa-wc-input-on-base-text-field-input-color);
+    cursor: inherit;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .select__display-input::placeholder {
+    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+    opacity: 1;
+  }
+
+  .select__display-input:focus {
+    outline: none;
+  }
+
+  .select--disabled .select__display-input,
+  .select--disabled .select__display-input::placeholder,
+  .select--disabled .select__expand-icon {
+    color: var(--dsa-wc-input-label-color-disabled);
+  }
+
+  /* Visually hide the display input when multiple is enabled */
+  .select--multiple:not(.select--placeholder-visible) .select__display-input {
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+  }
+
+  .select__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  .select__tags {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-inline-start: var(--dsa-wc-multiselect-tag-margin-inline-start);
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .select__tags dsa-tag {
+    cursor: pointer !important;
+    min-width: 0;
+  }
+
+  .select__tags dsa-tag::part(base) {
+    background: var(--dsa-wc-multiselect-tag-background) !important;
+    color: var(--dsa-wc-multiselect-tag-color) !important;
+    border: solid 1px var(--dsa-wc-multiselect-tag-border-color);
+    border-radius: var(--dsa-wc-multiselect-tag-border-radius);
+    padding: 0 var(--dsa-wc-multiselect-tag-padding-inline);
+  }
+
+  .select--disabled .select__tags dsa-tag::part(base) {
+    background: var(--dsa-wc-multiselect-tag-disabled-background) !important;
+    color: var(--dsa-wc-multiselect-tag-disabled-color) !important;
+    border: solid 1px var(--dsa-wc-multiselect-tag-disabled-border-color);
+    cursor: not-allowed !important;
+  }
+  .select--readonly .select__tags dsa-tag::part(base) {
+    cursor: not-allowed !important;
+  }
+
+  .select--open:not(.select--disabled) .select__combobox,
+  .select--focused:not(.select--disabled) .select__combobox {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+    z-index: 2;
+  }
+
+  /* On base selects */
+  .select--on-base .select__combobox {
+    background-color: var(
+      --dsa-wc-internal-select-on-base-background-color,
+      var(--dsa-wc-input-on-base-background-color)
+    );
+    border: solid var(--dsa-wc-input-border-width)
+      var(
+        --dsa-wc-internal-select-on-base-border-color,
+        var(--dsa-wc-input-on-base-border-color)
+      );
+  }
+
+  .select--on-base:hover:not(.select--disabled):not(.select--readonly)
+    .select__combobox {
+    border-color: var(
+      --dsa-wc-internal-select-on-base-hover-border-color,
+      var(--dsa-wc-input-on-base-border-color-hover)
+    );
+  }
+  .select--on-base.select--disabled .select__combobox {
+    background-color: var(
+      --dsa-wc-internal-select-on-base-disabled-background-color,
+      var(--dsa-wc-input-on-base-background-color-disabled)
+    );
+    border-color: var(
+      --dsa-wc-internal-select-on-base-disabled-border-color,
+      var(--dsa-wc-input-on-base-border-color-disabled)
+    );
+    cursor: var(--dsa-wc-internal-select-disabled-cursor, not-allowed);
+    outline: none;
+  }
+
+  .select--on-base.select--readonly .select__combobox {
+    background-color: var(--dsa-wc-input-on-base-read-only-background-color);
+    border-color: var(--dsa-wc-input-on-base-read-only-border-color);
+    cursor: default;
+  }
+
+  .select--on-base .select__prefix {
+    color: var(--dsa-wc-input-on-base-text-field-input-color);
+  }
+
+  .select--error.select--on-base:not(.select--disabled):not(.select--readonly)
+    .select__combobox {
+    background-color: var(--dsa-wc-input-on-base-background-color-error);
+    border-color: var(--dsa-wc-input-on-base-border-color-error);
+  }
+
+  .select--error.select--on-base:hover:not(.select--disabled):not(
+      .select--readonly
+    )
+    .select__combobox {
+    border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
+  }
+
+  /* On Layer selects */
+  .select--on-layer .select__combobox {
+    background-color: var(
+      --dsa-wc-internal-select-on-layer-background-color,
+      var(--dsa-wc-input-on-layer-background-color)
+    );
+    border: solid var(--dsa-wc-input-border-width)
+      var(
+        --dsa-wc-internal-select-on-layer-border-color,
+        var(--dsa-wc-input-on-layer-border-color)
+      );
+  }
+
+  .select--on-layer:hover:not(.select--disabled):not(.select--readonly)
+    .select__combobox {
+    border-color: var(
+      --dsa-wc-internal-select-on-layer-hover-border-color,
+      var(--dsa-wc-input-on-layer-border-color-hover)
+    );
+  }
+
+  .select--on-layer.select--disabled .select__combobox {
+    background-color: var(
+      --dsa-wc-internal-select-on-layer-disabled-background-color,
+      var(--dsa-wc-input-on-layer-background-color-disabled)
+    );
+    border-color: var(
+      --dsa-wc-internal-select-on-layer-disabled-border-color,
+      var(--dsa-wc-input-on-layer-border-color-disabled)
+    );
+    cursor: var(--dsa-wc-internal-select-disabled-cursor, not-allowed);
+    outline: none;
+  }
+
+  .select--on-layer.select--readonly .select__combobox {
+    background-color: var(--dsa-wc-input-on-layer-read-only-background-color);
+    border-color: var(--dsa-wc-input-on-layer-read-only-border-color);
+    cursor: default;
+  }
+
+  .select--on-layer select__prefix {
+    color: var(--dsa-wc-input-on-layer-text-field-input-color);
+  }
+
+  .select--error.select--on-layer:not(.select--disabled) .select__combobox {
+    background-color: var(--dsa-wc-input-on-layer-background-color-error);
+    border-color: var(--dsa-wc-input-on-layer-border-color-error);
+  }
+
+  .select--error.select--on-layer:hover:not(.select--disabled)
+    .select__combobox {
+    border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
+  }
+
+  /* Sizes */
+  .select--small .select__combobox {
+    font: var(--dsa-wc-select-input-font-small);
+    min-height: var(--dsa-wc-form-input-height-small);
+  }
+
+  .select--small.select--multiple:not(.select--placeholder-visible)
+    .select__combobox {
+    padding-block: 2px;
+    padding-inline-start: 0;
+  }
+
+  .select--small .select__tags {
+    gap: 2px;
+  }
+
+  .select--medium .select__combobox {
+    font: var(--dsa-wc-select-input-font);
+    min-height: var(--dsa-wc-form-input-height);
+  }
+
+  .select--medium.select--multiple:not(.select--placeholder-visible)
+    .select__combobox {
+    padding-inline-start: 0;
+    padding-block: 3px;
+  }
+
+  .select--medium .select__tags {
+    gap: 3px;
+  }
+  .select--large .select__combobox {
+    padding-block: 3px;
+    font: var(--dsa-wc-select-input-font-large);
+    min-height: var(--dsa-wc-form-input-height-large);
+  }
+  .select--large.select--multiple:not(.select--placeholder-visible)
+    .select__combobox {
+  }
+
+  .select--large .select__tags {
+    gap: 4px;
+  }
+
+  /* Prefix */
+  .select__prefix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+  }
+  .select__prefix::slotted(*) {
+    margin-inline-end: var(--dsa-wc-input-margin-inline);
+  }
+  .select--multiple .select__prefix::slotted(*) {
+    margin-inline-start: var(--dsa-wc-input-margin-inline);
+  }
+
+  /* Clear button */
+  .select__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--dsa-wc-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--dsa-wc-transition-fast) color;
+    cursor: pointer;
+    margin-inline-start: var(--dsa-wc-input-margin-inline);
+    font-size: var(--dsa-wc-select-icon-size);
+  }
+
+  :not(.select--disabled) .select__clear:hover,
+  :not(.select--disabled) .select__expand-icon:hover {
+    color: var(--dsa-wc-input-icon-color-hover);
+  }
+
+  .select__clear:focus {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* Expand icon */
+  .select__expand-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+    rotate: 0;
+    color: var(--dsa-wc-input-icon-color);
+    margin-left: var(--dsa-spacing-4);
+    font-size: var(--dsa-wc-select-icon-size);
+  }
+
+  .select--open .select__expand-icon {
+    rotate: -180deg;
+  }
+
+  /* Listbox */
+  .select__listbox {
+    display: block;
+    position: relative;
+    font: var(--dsa-wc-input-text-field-font);
+    box-shadow: var(--dsa-wc-shadow-small);
+    background: var(--dsa-wc-select-listbox-background-color);
+    border: solid var(--dsa-wc-select-listbox-border-width)
+      var(--dsa-wc-select-listbox-border-color);
+    border-radius: var(--dsa-wc-select-listbox-border-radius);
+    padding-inline: 0;
+    margin-top: var(--dsa-wc-select-listbox-margin-top);
+
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    /* stylelint-disable-next-line */
+    max-width: var(--auto-size-available-width);
+    /* stylelint-disable-next-line */
+    max-height: var(--auto-size-available-height);
+  }
+
+  .select__listbox::slotted(dsa-divider) {
+    --spacing-start: var(--dsa-wc-select-listbox-divider-spacing);
+    --spacing-end: var(--dsa-wc-select-listbox-divider-spacing);
+  }
+
+  .select__listbox::slotted(small) {
+    font-size: var(--dsa-wc-input-text-field-font-small);
+    padding-inline: var(--dsa-wc-select-listbox-padding-inline);
+  }
+
+  .hidden-tag-label {
+    display: none;
+  }
+`;export{s as a};

package/cdn/chunks/chunk.5TF2GQ3L.js

@@ -0,0 +1,129 @@
+import{a as V}from"./chunk.5RNZMEKI.js";import{c as F}from"./chunk.3RLUYXJN.js";import{a as M}from"./chunk.WR4O32DX.js";import{a as D}from"./chunk.Q3R2CEGI.js";import{b as L}from"./chunk.FWTZS7LK.js";import{a as v}from"./chunk.KLRPP4NQ.js";import{a as b,c as g}from"./chunk.HHVNQNCC.js";import{a as O,c as C}from"./chunk.TV2TMO2H.js";import{a as w}from"./chunk.F2KBAVBI.js";import{c as T}from"./chunk.4WOVD75K.js";import{d as k}from"./chunk.6DV3UDL6.js";import{a as c}from"./chunk.UJCOUPGF.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as _,b as n,c as u,d}from"./chunk.FC3GHOSX.js";import{a as h}from"./chunk.WJZ4ONP7.js";import{f as a}from"./chunk.IZ2HVRME.js";var s=class extends M{constructor(){super(...arguments);this.formControlController=new L(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new T(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.value="";this.defaultValue=[""];this.multiple=!1;this.variant="base";this.maxOptionsVisible=3;this.clearable=!1;this.open=!1;this.hoist=!1;this.placement="bottom";this.displayValue=!1;this.noSyncWidth=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("dsa-focus")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleKeyDown(t){let e=t.target,i=e.closest(".select__clear")!==null,o=e.closest("dsa-tag")!==null;if(!(i||o)){if(this.open&&(t.key==="Tab"||t.key==="Escape")&&(t.key==="Escape"&&t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let l=this.getAllOptions(),r=this.currentOption?l.indexOf(this.currentOption):-1,p=Math.max(0,r);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"&&r<l.length-1?p=r+1:t.key==="ArrowUp"&&r>0?p=r-1:t.key==="Home"?p=0:t.key==="End"&&(p=l.length-1),this.setCurrentOption(l[p])}if(t.key.length===1||t.key==="Backspace"){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let r of l)if(r.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(r);break}}}}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleComboboxMouseDown(t){let i=t.composedPath().some(o=>o instanceof Element&&o.tagName.toLowerCase()==="dsa-icon-button");this.readonly||this.disabled||i||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleClearClick(t){t.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let i=t.target.closest("dsa-option"),o=this.value;i&&!i.disabled&&(this.multiple?this.toggleOptionSelection(i):this.setSelectedOptions(i),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==o&&this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],i=[];customElements.get("dsa-option")?(t.forEach(o=>{o.multiple=this.multiple,i.push(o.value)}),this.setSelectedOptions(t.filter(o=>o.value!==""&&e.includes(o.value)))):customElements.whenDefined("dsa-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(e),this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(t){let e=this.selectedOptions.findIndex(o=>o===t),i=this.selectedOptions[e+1];i?i.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){return[...this.querySelectorAll("dsa-option")]}setCurrentOption(t){this.getAllOptions().forEach(i=>{i.current=!1,i.tabIndex=-1}),t?(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()):this.currentOption=void 0}setSelectedOptions(t){let e=this.getAllOptions(),i=Array.isArray(t)?t:[t];e.forEach(o=>o.selected=!1),i.length&&i.forEach(o=>o.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var t,e,i,o;this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?(this.value=this.selectedOptions.map(l=>l.value),this.displayLabel=""):(this.value=(e=(t=this.selectedOptions[0])==null?void 0:t.value)!=null?e:"",this.displayLabel=(o=(i=this.selectedOptions[0])==null?void 0:i.getTextLabel())!=null?o:""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleValueChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(i=>i.value!==""&&e.includes(i.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=C(this,"select.show",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.currentOption&&F(this.currentOption,this.listbox,"vertical","auto"),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=C(this,"select.hide",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.setCurrentOption(void 0),this.emit("dsa-after-hide")}}async show(){if(this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!0,await v(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,await v(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}getDescriptionIds(){let t=[];if(this.multiple&&this.maxOptionsVisible>0){let e=this.selectedOptions.slice(0,this.maxOptionsVisible).map(i=>`tag-${i.value}`).join(" ");t=[...t,e]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(t=[...t,"tag-remaining"]),this.error&&(t=[...t,"error-text"]),t=[...t,"help-text","description"],t.join(" ")}renderInput(){var x,$,I,E;let t=this.value.length>0,e=this.hasSlotController.test("label"),i=this.label?!0:!!e,o=this.clearable&&!this.disabled&&!this.readonly&&t,l=this.placeholder&&this.value.length===0,r=this.displayValue?t?this.value.length:1:void 0,p=this.disabled||this.readonly;return h`
+      <dsa-popup
+        class=${k({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":l,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
+        part="popup"
+        placement=${this.placement}
+        strategy=${this.hoist?"fixed":"absolute"}
+        flip
+        shift
+        sync=${this.noSyncWidth?void 0:"width"}
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <div
+          part="combobox"
+          class="select__combobox"
+          slot="anchor"
+          @keydown=${this.handleKeyDown}
+          @mousedown=${this.handleComboboxMouseDown}
+        >
+          <slot part="prefix" name="prefix" class="select__prefix"></slot>
+
+          <input
+            id="input"
+            part="display-input"
+            class="select__display-input"
+            type="text"
+            placeholder=${this.placeholder}
+            .disabled=${this.disabled}
+            .value=${this.displayValue?this.value:this.displayLabel}
+            size=${c(r)}
+            autocomplete="off"
+            spellcheck="false"
+            autocapitalize="off"
+            readonly
+            title=${w(i?void 0:(x=this.accessibleName)!=null?x:this.title)}
+            aria-controls="listbox"
+            aria-expanded=${this.open?"true":"false"}
+            aria-haspopup="listbox"
+            aria-label=${w(i?void 0:($=this.accessibleName)!=null?$:this.title)}
+            aria-disabled=${c(this.readonly?"true":void 0)}
+            aria-describedby=${this.getDescriptionIds()}
+            aria-activedescendant=${(E=(I=this.currentOption)==null?void 0:I.id)!=null?E:""}
+            aria-invalid=${c(this.error?"true":void 0)}
+            aria-required=${c(this.required?"true":void 0)}
+            role="combobox"
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+          />
+
+          ${this.multiple?h`
+                <div part="tags" class="select__tags">
+                  ${this.selectedOptions.map((f,y)=>y<this.maxOptionsVisible||this.maxOptionsVisible<=0?h`
+                        <dsa-tag
+                          part="tag"
+                          exportparts="
+                                base:tag__base,
+                                content:tag__content,
+                                remove-button:tag__remove-button,
+                                remove-button__base:tag__remove-button__base
+                              "
+                          size=${this.size}
+                          removable
+                          ?disable-removable-focus=${this.disabled||this.readonly}
+                          @dsa-remove=${z=>this.handleTagRemove(z,f)}
+                          label=${f.getTextLabel()}
+                        >
+                        </dsa-tag>
+                        <span
+                          id=${`tag-${f.value}`}
+                          class="hidden-tag-label"
+                          >${f.getTextLabel()},</span
+                        >
+                      `:y===this.maxOptionsVisible?h`
+                        <dsa-tag
+                          id="tag-remaining"
+                          size=${this.size}
+                          label="+${this.selectedOptions.length-y}"
+                        >
+                        </dsa-tag>
+                      `:null)}
+                </div>
+              `:""}
+
+          <input
+            class="select__value-input"
+            type="text"
+            ?disabled=${p}
+            ?required=${this.required}
+            .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+            tabindex="-1"
+            aria-hidden="true"
+            @focus=${()=>this.focus()}
+            @invalid=${this.handleInvalid}
+          />
+
+          ${o?h`
+                <button
+                  part="clear-button"
+                  class="select__clear"
+                  type="button"
+                  aria-label=${this.localize.term("clearEntry")}
+                  @mousedown=${this.handleClearMouseDown}
+                  @click=${this.handleClearClick}
+                >
+                  <dsa-icon name="close" library="system"></dsa-icon>
+                </button>
+              `:""}
+          <dsa-icon
+            class="select__expand-icon"
+            name="expand_more"
+            library="system"
+          ></dsa-icon>
+        </div>
+
+        <slot
+          id="listbox"
+          role="listbox"
+          aria-expanded=${this.open?"true":"false"}
+          aria-multiselectable=${this.multiple?"true":"false"}
+          aria-labelledby="label"
+          part="listbox"
+          class="select__listbox"
+          tabindex="-1"
+          @mouseup=${this.handleOptionClick}
+          @slotchange=${this.handleDefaultSlotChange}
+          @keydown=${this.handleKeyDown}
+        ></slot>
+      </dsa-popup>
+    `}};s.styles=V,a([d(".select")],s.prototype,"popup",2),a([d(".select__combobox")],s.prototype,"combobox",2),a([d(".select__display-input")],s.prototype,"displayInput",2),a([d(".select__value-input")],s.prototype,"valueInput",2),a([d(".select__listbox")],s.prototype,"listbox",2),a([u()],s.prototype,"hasFocus",2),a([u()],s.prototype,"displayLabel",2),a([u()],s.prototype,"currentOption",2),a([u()],s.prototype,"selectedOptions",2),a([n({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>typeof t=="string"?t:t.join(" ")}})],s.prototype,"value",2),a([D()],s.prototype,"defaultValue",2),a([n({type:Boolean,reflect:!0})],s.prototype,"multiple",2),a([n({reflect:!0})],s.prototype,"variant",2),a([n({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),a([n({type:Boolean})],s.prototype,"clearable",2),a([n({type:Boolean,reflect:!0})],s.prototype,"open",2),a([n({type:Boolean})],s.prototype,"hoist",2),a([n({reflect:!0})],s.prototype,"placement",2),a([n({attribute:"display-value",type:Boolean})],s.prototype,"displayValue",2),a([n({attribute:"no-sync-width",type:Boolean})],s.prototype,"noSyncWidth",2),a([m("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),a([m("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),a([m("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),a([m("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),s=a([_("dsa-select")],s);O("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};

package/cdn/chunks/chunk.5TNI6NPD.js

@@ -0,0 +1,88 @@
+import{a as r}from"./chunk.GJVNJPCX.js";import{a as e}from"./chunk.VNBROC2T.js";var a=e`
+  ${r}
+
+  :host {
+    display: inline-flex;
+  }
+
+  .breadcrumb-item {
+    display: inline-flex;
+    align-items: center;
+    font: var(--dsa-wc-breadcrumb-item-font);
+    white-space: nowrap;
+    color: var(--dsa-wc-breadcrumb-item-color);
+  }
+
+  .breadcrumb-item__label {
+    display: inline-block;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    text-decoration: none;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    transition: var(--dsa-wc-transition-fast) --color;
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label {
+    text-decoration-line: underline;
+    text-underline-offset: var(--dsa-wc-breadcrumb-item-text-underline-offset);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:hover {
+    color: var(--dsa-wc-breadcrumb-item-hover-color);
+    text-decoration-line: underline;
+    text-decoration-thickness: var(
+      --dsa-wc-breadcrumb-item-text-decoration-thickness
+    );
+    text-underline-offset: var(--dsa-wc-breadcrumb-item-text-underline-offset);
+  }
+
+  :host(:not(:last-of-type)) .breadcrumb-item__label:active {
+    color: var(--dsa-wc-breadcrumb-item-active-color);
+  }
+
+  .breadcrumb-item__label:focus {
+    outline: none;
+  }
+
+  .breadcrumb-item__label:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-breadcrumb-item-outline-offset);
+  }
+
+  .breadcrumb-item__prefix,
+  .breadcrumb-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .breadcrumb-item--has-prefix .breadcrumb-item__prefix {
+    display: inline-flex;
+    margin-inline-end: var(--dsa-wc-breadcrumb-item-spacing);
+  }
+
+  .breadcrumb-item--has-suffix .breadcrumb-item__suffix {
+    display: inline-flex;
+    margin-inline-start: var(--dsa-wc-breadcrumb-item-spacing);
+  }
+
+  :host(:last-of-type) .breadcrumb-item__separator {
+    display: none;
+  }
+
+  .breadcrumb-item__separator {
+    display: inline-flex;
+    align-items: center;
+    margin: 0 var(--dsa-wc-breadcrumb-item-separator-margin-y);
+    user-select: none;
+    color: var(--dsa-wc-breadcrumb-item-icon-color);
+    font-size: var(--dsa-wc-breadcrumb-item-icon-size);
+  }
+`;export{a};

package/cdn/chunks/chunk.62AZ3ZFN.js

@@ -0,0 +1,70 @@
+import{a as t}from"./chunk.GJVNJPCX.js";import{a as o}from"./chunk.VNBROC2T.js";var r=o`
+  ${t}
+
+  :host {
+    --padding: var(
+      --dsa-wc-internal-icon-button-padding,
+      var(--dsa-wc-icon-button-padding)
+    );
+    display: inline-block;
+    position: relative;
+  }
+
+  .copy-button__button {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    border: none;
+    border-radius: var(--dsa-wc-icon-button-border-radius);
+    font-size: inherit;
+    padding: var(--padding);
+    cursor: pointer;
+    transition: var(--dsa-wc-transition-x-fast) color;
+    -webkit-appearance: none;
+  }
+
+  .copy-button__button:focus {
+    outline: none;
+  }
+
+  .copy-button--disabled .copy-button__button {
+    cursor: not-allowed;
+  }
+
+  .copy-button__button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+    border-radius: var(--dsa-wc-focus-ring-radius);
+  }
+
+  .copy-button--small .copy-button__icon {
+    width: var(--dsa-wc-icon-button-size--small);
+    height: var(--dsa-wc-icon-button-size--small);
+  }
+  .copy-button--medium .copy-button__icon {
+    width: var(--dsa-wc-icon-button-size--medium);
+    height: var(--dsa-wc-icon-button-size--medium);
+  }
+  .copy-button--large .copy-button__icon {
+    width: var(--dsa-wc-icon-button-size--large);
+    height: var(--dsa-wc-icon-button-size--large);
+  }
+
+  /* Colors */
+  .copy-button__button {
+    background-color: var(--dsa-wc-button-navigation-on-base-color);
+    border-color: transparent;
+    color: var(--dsa-wc-button-navigation-on-base-font-color);
+  }
+  .copy-button--disabled .copy-button__button {
+    background-color: var(--dsa-wc-button-navigation-on-base-disabled-color);
+    border-color: transparent;
+    color: var(--dsa-wc-button-navigation-on-base-disabled-font-color);
+  }
+  .copy-button--success .copy-button__button {
+    color: var(--dsa-color-primitive-colors-feedback-success-500);
+  }
+  .copy-button--error .copy-button__button {
+    color: var(--dsa-color-primitive-colors-feedback-error-500);
+  }
+`;export{r as a};