@solid-design-system/components 3.24.0 → 4.0.0-next.0

package/cdn-versioned/_components/menu/menu.d.ts

@@ -0,0 +1,24 @@
+import SolidElement from '../../internal/solid-element';
+import type SdMenuItem from '../menu-item/menu-item';
+export interface MenuSelectEventDetail {
+    item: SdMenuItem;
+}
+export default class SdMenu extends SolidElement {
+    static styles: import("lit").CSSResult[];
+    defaultSlot: HTMLSlotElement;
+    connectedCallback(): void;
+    private getAllItems;
+    private handleClick;
+    private handleKeyDown;
+    private handleMouseDown;
+    private handleSlotChange;
+    private isMenuItem;
+    getCurrentItem(): SdMenuItem | undefined;
+    setCurrentItem(item: SdMenuItem): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-menu': SdMenu;
+    }
+}

package/cdn-versioned/_components/menu/menu.js

@@ -0,0 +1,117 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from '../../internal/register-custom-element';
+import { html } from 'lit';
+import { query } from 'lit/decorators.js';
+import SolidElement from '../../internal/solid-element';
+import styles from './menu.styles';
+let SdMenu = class SdMenu extends SolidElement {
+    static { this.styles = [...SolidElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'menu');
+    }
+    getAllItems() {
+        return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el) => {
+            if (el.inert || !this.isMenuItem(el)) {
+                return false;
+            }
+            return true;
+        });
+    }
+    handleClick(event) {
+        const target = event.target;
+        const item = target.closest('sd-menu-item');
+        if (!item || item.disabled || item.inert) {
+            return;
+        }
+        if (item.type === 'checkbox') {
+            item.checked = !item.checked;
+        }
+        this.emit('sd-4-0-0-next-0-select', { detail: { item } });
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Enter') {
+            const item = this.getCurrentItem();
+            event.preventDefault();
+            item?.click();
+        }
+        if (event.key === ' ') {
+            event.preventDefault();
+        }
+        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
+            const items = this.getAllItems();
+            const activeItem = this.getCurrentItem();
+            let index = activeItem ? items.indexOf(activeItem) : 0;
+            if (items.length > 0) {
+                event.preventDefault();
+                if (event.key === 'ArrowDown') {
+                    index++;
+                }
+                else if (event.key === 'ArrowUp') {
+                    index--;
+                }
+                else if (event.key === 'Home') {
+                    index = 0;
+                }
+                else if (event.key === 'End') {
+                    index = items.length - 1;
+                }
+                if (index < 0) {
+                    index = items.length - 1;
+                }
+                if (index > items.length - 1) {
+                    index = 0;
+                }
+                this.setCurrentItem(items[index]);
+                items[index].focus();
+            }
+        }
+    }
+    handleMouseDown(event) {
+        const target = event.target;
+        if (this.isMenuItem(target)) {
+            this.setCurrentItem(target);
+        }
+    }
+    handleSlotChange() {
+        const items = this.getAllItems();
+        if (items.length > 0) {
+            this.setCurrentItem(items[0]);
+        }
+    }
+    isMenuItem(item) {
+        return (item.tagName.toLowerCase() === 'sd-menu-item' ||
+            ['menuitem', 'menuitemcheckbox', 'menuitemradio'].includes(item.getAttribute('role') ?? ''));
+    }
+    getCurrentItem() {
+        return this.getAllItems().find(i => i.getAttribute('tabindex') === '0');
+    }
+    setCurrentItem(item) {
+        const items = this.getAllItems();
+        items.forEach(i => {
+            i.setAttribute('tabindex', i === item ? '0' : '-1');
+        });
+    }
+    render() {
+        return html `
+      <slot
+        @slotchange=${this.handleSlotChange}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      ></slot>
+    `;
+    }
+};
+__decorate([
+    query('slot')
+], SdMenu.prototype, "defaultSlot", void 0);
+SdMenu = __decorate([
+    customElement('sd-menu')
+], SdMenu);
+export default SdMenu;

package/cdn-versioned/_components/menu/menu.styles.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    position: relative;
+    background: var(--sd-panel-background-color);
+    border: solid var(--sd-panel-border-width) var(--sd-panel-border-color);
+    border-radius: var(--sd-border-radius-medium);
+    padding: var(--sd-spacing-x-small) 0;
+    overflow: auto;
+    overscroll-behavior: none;
+  }
+
+  ::slotted(sd-4-0-0-next-0-divider) {
+    --spacing: var(--sd-spacing-x-small);
+  }
+`;

package/cdn-versioned/_components/menu-item/menu-item.d.ts

@@ -0,0 +1,23 @@
+import '../icon/icon';
+import SolidElement from '../../internal/solid-element';
+export default class SdMenuItem extends SolidElement {
+    static styles: import("lit").CSSResult[];
+    private cachedTextLabel;
+    defaultSlot: HTMLSlotElement;
+    menuItem: HTMLElement;
+    type: 'normal' | 'checkbox';
+    checked: boolean;
+    value: string;
+    disabled: boolean;
+    private handleDefaultSlotChange;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
+    handleTypeChange(): void;
+    getTextLabel(): string;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sd-menu-item': SdMenuItem;
+    }
+}

package/cdn-versioned/_components/menu-item/menu-item.js

@@ -0,0 +1,123 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import '../icon/icon';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement } from '../../internal/register-custom-element';
+import { getTextContent } from '../../internal/slot';
+import { html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { watch } from '../../internal/watch';
+import SolidElement from '../../internal/solid-element';
+import styles from './menu-item.styles';
+let SdMenuItem = class SdMenuItem extends SolidElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'normal';
+        this.checked = false;
+        this.value = '';
+        this.disabled = false;
+    }
+    static { this.styles = [...SolidElement.styles, styles]; }
+    handleDefaultSlotChange() {
+        const textLabel = this.getTextLabel();
+        if (typeof this.cachedTextLabel === 'undefined') {
+            this.cachedTextLabel = textLabel;
+            return;
+        }
+        if (textLabel !== this.cachedTextLabel) {
+            this.cachedTextLabel = textLabel;
+            this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });
+        }
+    }
+    handleCheckedChange() {
+        if (this.checked && this.type !== 'checkbox') {
+            this.checked = false;
+            console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
+            return;
+        }
+        if (this.type === 'checkbox') {
+            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
+        }
+        else {
+            this.removeAttribute('aria-checked');
+        }
+    }
+    handleDisabledChange() {
+        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+    }
+    handleTypeChange() {
+        if (this.type === 'checkbox') {
+            this.setAttribute('role', 'menuitemcheckbox');
+            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
+        }
+        else {
+            this.setAttribute('role', 'menuitem');
+            this.removeAttribute('aria-checked');
+        }
+    }
+    getTextLabel() {
+        return getTextContent(this.defaultSlot);
+    }
+    render() {
+        return html `
+      <div
+        part="base"
+        class=${classMap({
+            'menu-item': true,
+            'menu-item--checked': this.checked,
+            'menu-item--disabled': this.disabled,
+            'menu-item--has-submenu': false
+        })}
+      >
+        <span part="checked-icon" class="menu-item__check">
+          <sd-4-0-0-next-0-icon name="check" library="system" aria-hidden="true"></sd-4-0-0-next-0-icon>
+        </span>
+
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+
+        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+
+        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+
+        <span class="menu-item__chevron">
+          <sd-4-0-0-next-0-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-0-0-next-0-icon>
+        </span>
+      </div>
+    `;
+    }
+};
+__decorate([
+    query('slot:not([name])')
+], SdMenuItem.prototype, "defaultSlot", void 0);
+__decorate([
+    query('.menu-item')
+], SdMenuItem.prototype, "menuItem", void 0);
+__decorate([
+    property()
+], SdMenuItem.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SdMenuItem.prototype, "checked", void 0);
+__decorate([
+    property()
+], SdMenuItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SdMenuItem.prototype, "disabled", void 0);
+__decorate([
+    watch('checked')
+], SdMenuItem.prototype, "handleCheckedChange", null);
+__decorate([
+    watch('disabled')
+], SdMenuItem.prototype, "handleDisabledChange", null);
+__decorate([
+    watch('type')
+], SdMenuItem.prototype, "handleTypeChange", null);
+SdMenuItem = __decorate([
+    customElement('sd-menu-item')
+], SdMenuItem);
+export default SdMenuItem;

package/cdn-versioned/_components/menu-item/menu-item.styles.js

@@ -0,0 +1,97 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    font-family: var(--sd-font-sans);
+    font-size: var(--sd-font-size-medium);
+    font-weight: var(--sd-font-weight-normal);
+    line-height: var(--sd-line-height-normal);
+    letter-spacing: var(--sd-letter-spacing-normal);
+    color: var(--sd-color-neutral-700);
+    padding: var(--sd-spacing-2x-small) var(--sd-spacing-2x-small);
+    transition: var(--sd-transition-fast) fill;
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--sd-spacing-x-small);
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--sd-spacing-x-small);
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'])) .menu-item {
+    background-color: var(--sd-color-neutral-100);
+    color: var(--sd-color-neutral-1000);
+  }
+
+  :host(:focus-visible) .menu-item {
+    outline: none;
+    background-color: var(--sd-color-primary-600);
+    color: var(--sd-color-neutral-0);
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+`;

package/cdn-versioned/chunks/chunk.24SF73MY.js

@@ -0,0 +1,17 @@
+import{a as k,b as l,c as H}from"./chunk.SPDB3L7V.js";import{a as M}from"./chunk.TWZDCIM2.js";import{a as T,b as L,c as u}from"./chunk.5YRTJVAZ.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as x,b as o,c as C,h as f}from"./chunk.APMDRZQD.js";import{b,e as y,h as w,i as m}from"./chunk.IRWHG2Q4.js";import{e as s}from"./chunk.TJOCV4DC.js";var i=class extends H{constructor(e){if(super(e),this.it=m,e.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===m||e==null)return this._t=void 0,this.it=e;if(e===w)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let r=[e];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var N=l(i);var a=class extends i{};a.directiveName="unsafeSVG",a.resultType=2;var A=l(a);var d,t=class extends f{constructor(){super(...arguments);this.svg="";this.label="";this.library="default";this.color="currentColor"}connectedCallback(){super.connectedCallback(),T(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),L(this)}getUrl(){let r=u(this.library);return this.name&&r?r.resolver(this.name):this.src}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var v;let r=u(this.library),n=this.getUrl();if(d||(d=new DOMParser),n)try{let c=await M(n);if(n===this.getUrl())if(c.ok){let h=d.parseFromString(c.svg,"text/html").body.querySelector("svg");h!==null?((v=r==null?void 0:r.mutator)==null||v.call(r,h),this.svg=h.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch(c){this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return y`${A(this.svg)}`}};t.styles=[...f.styles,b`:host{box-sizing:content-box!important;display:inline-block;height:1em;width:1em}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}:host([color=white]) svg{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}`],s([C()],t.prototype,"svg",2),s([o({reflect:!0})],t.prototype,"name",2),s([o()],t.prototype,"src",2),s([o()],t.prototype,"label",2),s([o({reflect:!0})],t.prototype,"library",2),s([o({reflect:!0})],t.prototype,"color",2),s([p("label")],t.prototype,"handleLabelChange",1),s([p(["name","src","library"])],t.prototype,"setIcon",1),t=s([x("sd-4-0-0-next-0-icon")],t);export{N as a,t as b};
+/*! Bundled license information:
+
+lit-html/directives/unsafe-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/unsafe-svg.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn-versioned/chunks/chunk.26YUWEYR.js

@@ -0,0 +1 @@
+import{b as e}from"./chunk.HJGLYEWV.js";import{a as r}from"./chunk.TJOCV4DC.js";var i=class extends e{constructor(t){super(t);this._instanceTranslations=null}get instanceTranslations(){return this._instanceTranslations}set instanceTranslations(t){this._instanceTranslations=t,this.host.requestUpdate()}hostConnected(){super.hostConnected(),this.setCustomLocalizationFromData(),new MutationObserver(()=>this.setCustomLocalizationFromData()).observe(this.host,{attributes:!0,attributeFilter:["data-custom-localization"]})}hostDisconnected(){super.hostDisconnected()}setCustomLocalizationFromData(){let t=this.host.dataset.customLocalization;if(t)try{this.setCustomLocalization(JSON.parse(t))}catch(s){console.error("Error parsing custom-localization attribute:",s)}}term(t,...s){let n=this.instanceTranslations&&this.instanceTranslations[t];return n?typeof n=="function"?n(...s):n:super.term(t,...s)}setCustomLocalization(t){this.instanceTranslations=r(r({},this.instanceTranslations),t)}};export{i as a};

package/cdn-versioned/chunks/chunk.2UHPWLJE.js

@@ -0,0 +1 @@
+import{a}from"./chunk.HE2LNCWW.js";import{a as i}from"./chunk.KFW32Q4Q.js";import{a as n}from"./chunk.A3DKF5BY.js";import{a as e}from"./chunk.DCOFYPWX.js";import{a as l,b as d}from"./chunk.APMDRZQD.js";import{b as o,e as r}from"./chunk.IRWHG2Q4.js";import{e as s}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.expandable=!1}render(){return r`<div part="base" class="sm:p-6"><header part="header" id="header" class="${e("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${a(this.expandable?"button":void 0)}" aria-expanded="${a(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${a(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${e("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"text-primary":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${e("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-all ease-in-out duration-300 text-xl sm:text-4xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${e(this.open&&"hidden")}"><sd-4-0-0-next-0-icon library="system" name="chevron-down"></sd-4-0-0-next-0-icon></slot><slot name="collapse-icon" class="${e(!this.open&&"hidden")}"><sd-4-0-0-next-0-icon library="system" name="chevron-down"></sd-4-0-0-next-0-icon></slot></span></header><div part="content" id="content" class="${e("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></div>`}};t.styles=[...i.styles,o`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],s([d({type:Boolean,reflect:!0})],t.prototype,"expandable",2),t=s([l("sd-4-0-0-next-0-quickfact")],t);n("quickfact.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});n("quickfact.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});export{t as a};

package/cdn-versioned/chunks/chunk.36Z2VDHI.js

@@ -0,0 +1 @@
+import{a as i}from"./chunk.HE2LNCWW.js";import{a as f}from"./chunk.6HO6CE4A.js";import{a as l}from"./chunk.DCOFYPWX.js";import{a as h,b as s,d as m,h as o}from"./chunk.APMDRZQD.js";import{b as n,e as a}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.hasSlotController=new f(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(r){this.button.focus(r)}blur(){this.button.blur()}render(){let r={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return a`<a part="base" class="${l("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${i(this.href||void 0)}" target="${i(this.target||void 0)}" download="${i(this.download)}" rel="${i(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${l("inline",r["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${l("inline",r["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};t.styles=[...o.styles,n`::slotted(sd-4-0-0-next-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-4-0-0-next-0-icon){font-size:var(--sd-font-size-base,1rem)}:host([size=lg][standalone]) ::slotted(sd-4-0-0-next-0-icon){font-size:var(--sd-font-size-xl,1.5rem)}`],e([m("a")],t.prototype,"button",2),e([s({type:Boolean,reflect:!0})],t.prototype,"standalone",2),e([s({reflect:!0})],t.prototype,"size",2),e([s({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([s()],t.prototype,"href",2),e([s()],t.prototype,"target",2),e([s()],t.prototype,"download",2),t=e([h("sd-4-0-0-next-0-link")],t);export{t as a};

package/cdn-versioned/chunks/chunk.3L472FD4.js

@@ -0,0 +1 @@
+function i(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}var f=new Set;function m(){let o=document.documentElement.clientWidth;return Math.abs(window.innerWidth-o)}function T(o){if(f.add(o),!document.body.classList.contains("sd-scroll-lock")){let t=m();document.body.classList.add("sd-scroll-lock"),document.body.style.setProperty("--sd-scroll-lock-size",`${t}px`)}}function L(o){f.delete(o),f.size===0&&(document.body.classList.remove("sd-scroll-lock"),document.body.style.removeProperty("--sd-scrollbar-width"))}function y(o,t,l="vertical",s="smooth"){let d=i(o,t),e=d.top+t.scrollTop,c=d.left+t.scrollLeft,n=t.scrollLeft,r=t.scrollLeft+t.offsetWidth,u=t.scrollTop,h=t.scrollTop+t.offsetHeight;(l==="horizontal"||l==="both")&&(c<n?t.scrollTo({left:c,behavior:s}):c+o.clientWidth>r&&t.scrollTo({left:c-t.offsetWidth+o.clientWidth,behavior:s})),(l==="vertical"||l==="both")&&(e<u?t.scrollTo({top:e,behavior:s}):e+o.clientHeight>h&&t.scrollTo({top:e-t.offsetHeight+o.clientHeight,behavior:s}))}export{T as a,L as b,y as c};

package/cdn-versioned/chunks/chunk.4W3WLVGR.js

@@ -0,0 +1,10 @@
+import{a as H,b as U}from"./chunk.5CK64GWQ.js";import{a as B}from"./chunk.D7TMPF3D.js";import{b as N}from"./chunk.65NSSTJE.js";import{a as d}from"./chunk.HE2LNCWW.js";import{a as v,b as x,c as F}from"./chunk.SPDB3L7V.js";import{a as y}from"./chunk.E2DRD2OX.js";import{a as z}from"./chunk.6HO6CE4A.js";import{a as L}from"./chunk.26YUWEYR.js";import{a as n}from"./chunk.DCOFYPWX.js";import{a as M,b as a,c as f,d as w,h as C}from"./chunk.APMDRZQD.js";import{b as T,e as h,h as V,i as _}from"./chunk.IRWHG2Q4.js";import{a as E,e as i}from"./chunk.TJOCV4DC.js";var b=(l,r)=>{var s;let e=l._$AN;if(e===void 0)return!1;for(let o of e)(s=o._$AO)==null||s.call(o,r,!1),b(o,r);return!0},g=l=>{let r,e;do{if((r=l._$AM)===void 0)break;e=r._$AN,e.delete(l),l=r}while((e==null?void 0:e.size)===0)},O=l=>{for(let r;r=l._$AM;l=r){let e=r._$AN;if(e===void 0)r._$AN=e=new Set;else if(e.has(l))break;e.add(l),j(r)}};function R(l){this._$AN!==void 0?(g(this),this._$AM=l,O(this)):this._$AM=l}function J(l,r=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(r)if(Array.isArray(s))for(let p=e;p<s.length;p++)b(s[p],!1),g(s[p]);else s!=null&&(b(s,!1),g(s));else b(this,l)}var j=l=>{var r,e;l.type==v.CHILD&&((r=l._$AP)!=null||(l._$AP=J),(e=l._$AQ)!=null||(l._$AQ=R))},$=class extends F{constructor(){super(...arguments),this._$AN=void 0}_$AT(r,e,s){super._$AT(r,e,s),O(this),this.isConnected=r._$AU}_$AO(r,e=!0){var s,o;r!==this.isConnected&&(this.isConnected=r,r?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),e&&(b(this,r),g(this))}setValue(r){if(H(this._$Ct))this._$Ct._$AI(r,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=r,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var k=class extends ${constructor(e){super(e);this.handlePointerDown=e=>{e.button!==0||this.host.disabled||this.spinOnLongPressCallback(e)};this.handlePointerUp=e=>{e==null||e.preventDefault(),e==null||e.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(e.type!==v.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return _}update(e,[s]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=E({},s),this.host.addEventListener("pointerdown",this.handlePointerDown)),V}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var s;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(s=this.observer)==null||s.disconnect(),this.observer=new MutationObserver(o=>{o.forEach(p=>{p.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var e;clearInterval(this.interval),clearTimeout(this.timeout),(e=this.observer)==null||e.disconnect()}},A=x(k);var K,Q=(K=navigator.userAgentData)==null?void 0:K.brands.some(l=>l.brand.includes("Chromium")),G=Q?!1:navigator.userAgent.includes("Firefox"),t=class extends C{constructor(){super(...arguments);this.formControlController=new N(this);this.hasSlotController=new z(this,"help-text","label","left","right","message","placeholder");this.localize=new L(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsDate)!=null?s:null}set valueAsDate(e){let s=document.createElement("input");s.type="date",s.valueAsDate=e,this.value=s.value}get valueAsNumber(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsNumber)!=null?s:parseFloat(this.value)}set valueAsNumber(e){let s=document.createElement("input");s.type="number",s.valueAsNumber=e,this.value=s.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(e){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleKeyDown(e){let s=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!s&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let e=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=e}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let e=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=e}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,s,o="none"){this.input.setSelectionRange(e,s,o)}setRangeText(e,s,o,p){this.input.setRangeText(e,s,o,p),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var e;return(e=this.input)==null?void 0:e.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")},s=this.label?!0:!!e.label,o=this.helpText?!0:!!e.helpText,p=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),D=this.disabled?"disabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",P=this.size==="sm"?"text-sm":"text-base",q={disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[D],m=this.disabled?"text-neutral-500":"text-primary",u={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],c={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return h`<div part="form-control" class="${n(this.disabled&&"pointer-events-none")}"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${n(s?"inline-block":"hidden",P)}" for="input" aria-hidden="${s?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="relative w-full"><div part="border" class="${n("absolute w-full h-full pointer-events-none border rounded-default",q)}"></div><div part="base" class="${n("px-4 flex flex-row items-center rounded-default transition-all",this.size==="lg"?"py-2":"py-1",!this.disabled&&!this.readonly?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",D==="disabled"?"text-neutral-500":"text-black")}">${e.left?h`<slot name="left" part="left" class="${n("inline-flex",this.size==="sm"?"mr-1":"mr-2",m,c)}"></slot>`:""} <input part="input" id="input" class="${n("min-w-0 flex-grow focus:outline-none bg-transparent placeholder-neutral-700",this.size==="sm"?"h-6":"h-8",P)}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${d(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${d(this.placeholder)}" minlength="${d(this.minlength)}" maxlength="${d(this.maxlength)}" min="${d(this.min)}" max="${d(this.max)}" step="${d(this.step)}" .value="${U(this.value)}" autocapitalize="${d(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${d(this.type==="password"?"off":this.autocomplete)}" autocorrect="${d(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${d(this.pattern)}" enterkeyhint="${d(this.enterkeyhint)}" inputmode="${d(this.inputmode)}" aria-describedby="help-text invalid-message" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${p?h`<button part="clear-button" class="${n("flex justify-center ",u)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-0-0-next-0-icon class="${n("icon-fill-neutral-800",c)}" library="system" name="closing-round"></sd-4-0-0-next-0-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?h`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="flex items-center" type="button" @click="${this.handlePasswordToggle}" tabindex="-1">${this.passwordVisible?h`<slot name="show-password-icon"><sd-4-0-0-next-0-icon class="${n(m,u,c)}" library="system" name="eye"></sd-4-0-0-next-0-icon></slot>`:h`<slot name="hide-password-icon"><sd-4-0-0-next-0-icon class="${n(m,u,c)}" library="system" name="eye-crossed-out"></sd-4-0-0-next-0-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!G?h`<sd-4-0-0-next-0-icon class="${n(m,u,c)}" library="system" name="calendar"></sd-4-0-0-next-0-icon>`:""} ${this.type==="time"?h`<sd-4-0-0-next-0-icon class="${n(m,u,c)}" library="system" name="clock"></sd-4-0-0-next-0-icon>`:""} ${this.type==="search"?h`<button class="flex items-center" type="button" tabindex="-1"><sd-4-0-0-next-0-icon class="${n(m,u,c)}" library="system" name="magnifying-glass"></sd-4-0-0-next-0-icon></button>`:""} ${this.showInvalidStyle?h`<sd-4-0-0-next-0-icon part="invalid-icon" class="${n("text-error",u,c)}" library="system" name="risk"></sd-4-0-0-next-0-icon>`:""} ${this.showValidStyle&&this.styleOnValid?h`<sd-4-0-0-next-0-icon class="${n("text-success flex-shrink-0",u,c)}" library="system" name="status-check" part="valid-icon"></sd-4-0-0-next-0-icon>`:""} ${e.right?h`<slot name="right" part="right" class="${n("inline-flex",m,u,c)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?h`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-0-0-next-0-icon name="system/minus-circle" label="Decrease value" class="${n(m,u,c)}"></sd-4-0-0-next-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-4-0-0-next-0-icon name="system/plus-circle" label="Decrease value" class="${n(m,u,c)}"></sd-4-0-0-next-0-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${n("text-sm text-neutral-700",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...C.styles,T`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-4-0-0-next-0-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`],i([w("#input")],t.prototype,"input",2),i([w("#invalid-message")],t.prototype,"invalidMessage",2),i([f()],t.prototype,"hasFocus",2),i([f()],t.prototype,"showValidStyle",2),i([f()],t.prototype,"showInvalidStyle",2),i([a({reflect:!0})],t.prototype,"type",2),i([a({reflect:!0})],t.prototype,"size",2),i([a()],t.prototype,"inputmode",2),i([a()],t.prototype,"value",2),i([B()],t.prototype,"defaultValue",2),i([a()],t.prototype,"placeholder",2),i([a()],t.prototype,"label",2),i([a({attribute:"help-text"})],t.prototype,"helpText",2),i([a({type:Boolean})],t.prototype,"clearable",2),i([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([a({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([a({attribute:"password-toggle",type:Boolean})],t.prototype,"passwordToggle",2),i([a({attribute:"password-visible",type:Boolean})],t.prototype,"passwordVisible",2),i([a({attribute:"spin-buttons",type:Boolean})],t.prototype,"spinButtons",2),i([a({type:Number})],t.prototype,"minlength",2),i([a({type:Number})],t.prototype,"maxlength",2),i([a()],t.prototype,"min",2),i([a()],t.prototype,"max",2),i([a({reflect:!0})],t.prototype,"form",2),i([a()],t.prototype,"name",2),i([a()],t.prototype,"title",2),i([a({type:Boolean,reflect:!0})],t.prototype,"required",2),i([a()],t.prototype,"pattern",2),i([a()],t.prototype,"step",2),i([a()],t.prototype,"autocapitalize",2),i([a()],t.prototype,"autocorrect",2),i([a()],t.prototype,"autocomplete",2),i([a({type:Boolean})],t.prototype,"autofocus",2),i([a()],t.prototype,"enterkeyhint",2),i([a({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),i([a({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),i([y("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([y("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),i([y("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=i([M("sd-4-0-0-next-0-input")],t);export{t as a};
+/*! Bundled license information:
+
+lit-html/async-directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn-versioned/chunks/chunk.5BROLR6V.js

@@ -0,0 +1,11 @@
+import{a as U}from"./chunk.FREYGZDJ.js";import{a as B}from"./chunk.VNKUGTKM.js";import{a as A}from"./chunk.D7TMPF3D.js";import{a as H}from"./chunk.X2GM34WQ.js";import{a as L,d as P,e as R,f as w}from"./chunk.W7A3TU2Z.js";import{c as K}from"./chunk.3L472FD4.js";import{b as z}from"./chunk.65NSSTJE.js";import{a as E,c as T}from"./chunk.A3DKF5BY.js";import{a as $,b as F}from"./chunk.24SF73MY.js";import{a as C,d as S}from"./chunk.RQYP7MH5.js";import{a as x}from"./chunk.KLRPP4NQ.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as D}from"./chunk.6HO6CE4A.js";import{a as M}from"./chunk.26YUWEYR.js";import{a as r}from"./chunk.DCOFYPWX.js";import{a as k,b as o,c as h,d as c,h as I}from"./chunk.APMDRZQD.js";import{b as V,e as d}from"./chunk.IRWHG2Q4.js";import{e as l}from"./chunk.TJOCV4DC.js";var s=class extends I{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-4-0-0-next-0-input"]});this.hasSlotController=new D(this,"help-text","label");this.localize=new M(this);this.hasHover=!1;this.hasFocus=!1;this.displayInputValue="";this.selectedTextLabel="";this.selectedOptions=[];this.filteredOptions=[];this.allOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.name="";this.value="";this.defaultValue="";this.size="lg";this.placeholder=this.localize.term("comboboxDefaultPlaceholder");this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.currentPlacement=this.placement;this.getOption=H;this.multiple=!1;this.useTags=!0;this.maxOptionsVisible=3;this.styleOnValid=!1;this.filter=(t,e)=>{let i=w(t.value),a=w(t.getTextLabel()),n=w(e);return i.includes(n)||a.includes(n)};this.getTag=t=>d`<sd-4-0-0-next-0-tag ?disabled="${this.disabled}" part="tag" exportparts="
+              base:tag__base,
+              content:tag__content,
+              removable-indicator:tag__removable-indicator,
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-4-0-0-next-0-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{if(t.target.closest(".combobox__clear")===null){if(t.key==="Escape"&&(this.open?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.displayInputValue=""),t.key==="Backspace"&&this.multiple&&this.displayInput.value===""){this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}if(t.key==="Enter"){let a=this.getCurrentOption(),n=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!this.open&&!n){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||a!=null&&a.disabled)return;if(a&&!a.disabled){let p=this.value;this.multiple?(this.toggleOptionSelection(a),this.lastOption=a,this.setOrderedSelectedOptions(a),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(a),this.setSelectedOptions(a)),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==p&&this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")})}this.displayInput.focus({preventScroll:!0}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){if(!this.multiple){let t=this.findOptionByValue(this.getSlottedOptions(),this.value);this.selectedTextLabel=(t==null?void 0:t.getTextLabel())||""}this.formControlController.updateValidity(),this.applySizeToOptions()}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}get options(){let t=e=>{let i=this.displayInput.value,a=this.getOption(e,i);return d`${typeof a=="string"?$(a):a}`};return this.filteredOptions.map(e=>e.tagName.toLowerCase()==="sd-4-0-0-next-0-optgroup"?(Array.from(e.children).forEach(i=>{i.tagName.toLowerCase()==="sd-4-0-0-next-0-option"&&t(i)}),e):t(e))}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let i=this.getTag(t,e);return d`<div @sd-remove="${a=>this.handleTagRemove(a,t)}">${typeof i=="string"?$(i):i}</div>`}return[d``]}):[d`<sd-4-0-0-next-0-tag ?disabled="${this.disabled}" part="tag" exportparts="
+              base:tag__base,
+              content:tag__content,
+              removable-indicator:tag__removable-indicator,
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-4-0-0-next-0-tag>`]}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){t.key==="Backspace"&&this.multiple&&(t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleTagMaxOptionsKeyDown(t){t.key==="Backspace"&&this.multiple&&(t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleLabelClick(){this.displayInput.focus()}handleTagRemove(t,e){t.stopPropagation(),e||this.clearCombobox(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.setOrderedSelectedOptions(e),this.updateComplete.then(()=>{this.selectionChanged(),this.emit("sd-input"),this.emit("sd-change")}))}handleComboboxMouseDown(t){let i=t.composedPath().some(n=>n instanceof HTMLSlotElement&&n.name==="removable-indicator");if(this.disabled||i)return;(this.open?this.hide():this.show()).then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}handleNoResultsClick(t){t.preventDefault(),this.hide()}clearCombobox(){this.value!==""&&(this.value="",this.displayInputValue="",this.selectedTextLabel="",this.lastOption=void 0,this.selectedOptions=[],this.getSlottedOptions().forEach(t=>{t.selected=!1}),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let i=t.target.closest("sd-4-0-0-next-0-option"),a=this.value;i&&!i.disabled&&(this.multiple?(this.toggleOptionSelection(i),this.lastOption=i,this.setOrderedSelectedOptions(i),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(i),this.setSelectedOptions(i)),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==a&&this.updateComplete.then(()=>{this.emit("sd-input"),this.emit("sd-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let i=this.getCurrentOption(),a=e.indexOf(i),n=Math.max(0,a);if(t){let p=a+1;n=p>e.length-1?0:p}else{let p=a-1;n=p<0?e.length-1:p}this.setCurrentOption(e[n]),K(this.getCurrentOption(),this.listbox,"vertical","auto")}getAllFilteredOptions(){return[...this.filteredWrapper.querySelectorAll("sd-4-0-0-next-0-option")]}getCurrentOption(){return this.getAllFilteredOptions().find(t=>t.current)}setCurrentOption(t){let e=this.getAllFilteredOptions();this.displayInput.removeAttribute("aria-activedescendant"),e.forEach(i=>{i.current=!1,i.setAttribute("aria-selected","false")}),t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id))}toggleOptionSelection(t,e){let a=this.getSlottedOptions().find(n=>n.value&&t.value?n.value===t.value:n.getTextLabel()===t.getTextLabel());a&&(a.selected=e!=null?e:!a.selected)}findOptionByValue(t,e){if(e)return Array.isArray(e)?t.find(i=>e.includes(i.value)):t.find(i=>i.value===e)}selectedOptionsAndValueSynced(){var t;return!this.value&&this.selectedOptions.length===0?!0:Array.isArray(this.value)?this.value.length===this.selectedOptions.length:this.value===((t=this.selectedOptions[0])==null?void 0:t.value)}isOptionSelected(t){return t.value?this.value.includes(t.value):this.value.includes(t.getTextLabel())}syncSelectedOptionsAndValue(){return this.selectedOptionsAndValueSynced()?void 0:(this.getSlottedOptions().forEach(e=>{e.selected=!1}),this.selectedOptions=this.getSlottedOptions().filter(e=>this.isOptionSelected(e)),this.selectedOptions.forEach(e=>{e&&(e.selected=!0)}),Promise.resolve())}compareOptions(t,e){return t.value&&e.value?t.value===e.value:t.getTextLabel()===e.getTextLabel()}setSelectedOptions(t){this.getSlottedOptions().forEach(i=>{i.selected=this.compareOptions(i,t)}),this.selectionChanged()}setOrderedSelectedOptions(t){let e=this.getSlottedOptions().find(i=>this.compareOptions(i,t));this.multiple?this.selectedOptions.length>0&&e&&this.selectedOptions.find(i=>this.compareOptions(i,e))?this.selectedOptions=this.selectedOptions.filter(i=>!this.compareOptions(i,e)):this.selectedOptions=[...this.selectedOptions,e]:this.selectedOptions=[e]}selectionChanged(){var e,i,a;let t=this.selectedOptions.some(n=>n?this.isOptionSelected(n):!1);this.multiple?(!t&&this.selectedOptions.length>0?this.value=[...this.value,...this.selectedOptions.map(n=>n.value||n.getTextLabel())]:this.value=this.selectedOptions.map(n=>(n==null?void 0:n.value)||(n==null?void 0:n.getTextLabel())||""),this.displayInputValue=""):(this.value=((e=this.selectedOptions[0])==null?void 0:e.value)||((i=this.selectedOptions[0])==null?void 0:i.getTextLabel())||"",this.selectedTextLabel=((a=this.selectedOptions[0])==null?void 0:a.getTextLabel())||"",this.displayInputValue=""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}createComboboxOptionsFromQuery(t){let e=[];this.filteredOptions=this.getSlottedOptions().filter(i=>this.filter(i,t)||t==="").map(i=>{var y,O,m;let a=i.cloneNode(!0);if(a.current=a.value===((y=this.lastOption)==null?void 0:y.value),a.selected=i.selected,!(((O=i.parentElement)==null?void 0:O.tagName.toLowerCase())==="sd-4-0-0-next-0-optgroup"))return a;let p=i.parentElement,g=(m=p.querySelector('[slot="label"]'))==null?void 0:m.cloneNode(!0),u=e.find(b=>b.id===p.id);if(u){u==null||u.appendChild(a),g&&(u==null||u.appendChild(g));return}let v=p.cloneNode();return v.appendChild(a),g&&v.appendChild(g),e.push(v),v}).filter(Boolean)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleFilterChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}handleUseTagsChange(){let t=this.getAllFilteredOptions();customElements.get("sd-4-0-0-next-0-option")&&t.forEach(e=>{e.checkbox=this.multiple})}applySizeToOptions(){this.getSlottedOptions().forEach(t=>{t.size=this.size})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInput.value):this.createComboboxOptionsFromQuery("")}handleDisplayInputValueChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}async handleOpenChange(){if(this.open&&!this.disabled){this.emit("sd-show"),this.addOpenListeners(),await S(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:i,options:a}=T(this,"combobox.show",{dir:this.localize.dir()});await C(this.popup.popup,i,a),this.emit("sd-after-show"),this.filteredOptions.length===0&&this.emit("sd-error");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("sd-hide"),this.removeOpenListeners(),await S(this);let{keyframes:t,options:e}=T(this,"combobox.hide",{dir:this.localize.dir()});await C(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Promise.race([x(this,"sd-after-show"),x(this,"sd-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.displayInputValue="",this.open=!1,x(this,"sd-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}async handleInput(){let t=this.displayInput.value;this.displayInputValue=t,await this.updateComplete,this.open=this.filteredWrapper.children.length>0,this.formControlController.updateValidity(),this.emit("sd-input")}handleChange(){(!this.selectedOptions||!this.multiple)&&(this.selectedTextLabel=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("sd-change"))}getSlottedOptions(){return P(L(this.defaultSlot)).flat()}getSlottedOptGroups(){return R(L(this.defaultSlot))}async handleDefaultSlotChange(){if(!customElements.get("sd-4-0-0-next-0-option")){customElements.whenDefined("sd-4-0-0-next-0-option").then(()=>this.handleDefaultSlotChange());return}let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();t.forEach((i,a)=>{this.multiple&&(i.checkbox=!0),i.id=i.id||`sd-4-0-0-next-0-combobox-option-${a}`}),e.forEach((i,a)=>{i.id=i.id||`sd-4-0-0-next-0-combobox-optgroup-${a}`}),await this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInputValue):this.createComboboxOptionsFromQuery(""),this.hasFocus&&this.value.length>0&&!this.open&&await this.show()}render(){let t={left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")},e=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),a=this.label?!0:!!e,n=this.helpText?!0:!!i,p=this.clearable&&!this.disabled&&this.value.length>0,g=this.disabled?"disabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",u=this.disabled?"cursor-not-allowed":"cursor-pointer",v=this.disabled?"text-neutral-500":"text-primary",y={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],O={sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size],m={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return d`<div part="form-control" class="${r("relative text-left",u,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><label id="label" part="form-control-label" class="${a&&"inline-block mb-2"}" aria-hidden="${!a}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="relative w-full bg-white text-black"><div part="border" class="${r("absolute top-0 w-full h-full pointer-events-none border rounded-default",this.hasHover&&"bg-neutral-200",{disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[g],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-4-0-0-next-0-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${r("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
+              popup:popup__content,
+            "><div part="combobox" class="${r("relative w-full px-4 flex flex-row items-center rounded-default",this.open&&"shadow",{sm:"py-1 min-h-[32px]",md:"py-1 min-h-[40px]",lg:"py-2 min-h-[48px]"}[this.size])}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}">${t.left?d`<slot part="left" name="left" class="${r("inline-flex",O,v,m)}"></slot>`:""} ${this.multiple&&this.useTags&&this.tags.length>0?d`<div part="tags" class="${r("flex items-center gap-1",O)}">${this.tags}</div>`:null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${r("appearance-none outline-none bg-transparent flex-auto min-w-0",u,this.selectedTextLabel&&!this.multiple?"placeholder-black":"placeholder-neutral-700")}" type="text" placeholder="${this.selectedTextLabel&&!this.multiple?this.selectedTextLabel:this.placeholder}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(b=>b==null?void 0:b.getTextLabel()).join(", ")}</div><input class="${r("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",u)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${p?d`<button part="clear-button" class="${r("flex justify-center",y)}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-0-0-next-0-icon class="${r("text-icon-fill-neutral-800",m)}" name="closing-round" library="system"></sd-4-0-0-next-0-icon></slot></button>`:""} ${this.showInvalidStyle?d`<sd-4-0-0-next-0-icon part="invalid-icon" class="${r(y,m,"text-error")}" library="system" name="risk"></sd-4-0-0-next-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?d`<sd-4-0-0-next-0-icon part="valid-icon" class="${r("flex-shrink-0 text-success",y,m)}" library="system" name="status-check"></sd-4-0-0-next-0-icon>`:""}<slot name="right" part="right" class="${r("inline-flex ml-2 leading-[0]",this.disabled?"text-neutral-500":"text-primary",m)}"><sd-4-0-0-next-0-icon class="${r("transition-all",this.open?"rotate-180":"rotate-0")}" name="chevron-down" part="chevron" library="system" color="currentColor"></sd-4-0-0-next-0-icon></slot></div><div id="listbox" role="listbox" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${r("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox" class="overflow-y-scroll">${this.filteredOptions.length===0?d`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>`:this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-4-0-0-next-0-popup></div><div part="form-control-help-text" id="help-text" class="text-sm text-neutral-700" aria-hidden="${!n}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};s.dependencies={"sd-4-0-0-next-0-icon":F,"sd-4-0-0-next-0-popup":B,"sd-4-0-0-next-0-tag":U},s.styles=[...I.styles,V`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-4-0-0-next-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-4-0-0-next-0-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-4-0-0-next-0-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-4-0-0-next-0-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-4-0-0-next-0-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}[part=filtered-listbox] sd-4-0-0-next-0-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`],l([c("sd-4-0-0-next-0-popup")],s.prototype,"popup",2),l([c('[part="combobox"]')],s.prototype,"combobox",2),l([c('[part="display-input"]')],s.prototype,"displayInput",2),l([c(".value-input")],s.prototype,"valueInput",2),l([c('[part="listbox"]')],s.prototype,"listbox",2),l([c('[part="tags"]')],s.prototype,"tagWrapper",2),l([c('[part="filtered-listbox"]')],s.prototype,"filteredWrapper",2),l([c("slot:not([name])")],s.prototype,"defaultSlot",2),l([c("#invalid-message")],s.prototype,"invalidMessage",2),l([h()],s.prototype,"hasHover",2),l([h()],s.prototype,"hasFocus",2),l([h()],s.prototype,"displayInputValue",2),l([h()],s.prototype,"selectedTextLabel",2),l([h()],s.prototype,"selectedOptions",2),l([h()],s.prototype,"filteredOptions",2),l([h()],s.prototype,"allOptions",2),l([h()],s.prototype,"lastOption",2),l([h()],s.prototype,"showValidStyle",2),l([h()],s.prototype,"showInvalidStyle",2),l([o()],s.prototype,"name",2),l([o({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],s.prototype,"value",2),l([A()],s.prototype,"defaultValue",2),l([o({reflect:!0})],s.prototype,"size",2),l([o()],s.prototype,"placeholder",2),l([o({reflect:!0,type:Boolean})],s.prototype,"disabled",2),l([o({type:Boolean})],s.prototype,"clearable",2),l([o({reflect:!0,type:Boolean})],s.prototype,"open",2),l([o({type:Boolean})],s.prototype,"hoist",2),l([o()],s.prototype,"label",2),l([o({reflect:!0})],s.prototype,"placement",2),l([o({attribute:"help-text"})],s.prototype,"helpText",2),l([o({reflect:!0})],s.prototype,"form",2),l([o({reflect:!0,type:Boolean})],s.prototype,"required",2),l([h()],s.prototype,"currentPlacement",2),l([o()],s.prototype,"getOption",2),l([o({type:Boolean,reflect:!0})],s.prototype,"multiple",2),l([o({type:Boolean,reflect:!0})],s.prototype,"useTags",2),l([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),l([o({type:Boolean,reflect:!0,attribute:"style-on-valid"})],s.prototype,"styleOnValid",2),l([o()],s.prototype,"filter",2),l([o()],s.prototype,"getTag",2),l([f("filter",{waitUntilFirstUpdate:!0})],s.prototype,"handleFilterChange",1),l([f("useTags",{waitUntilFirstUpdate:!0})],s.prototype,"handleUseTagsChange",1),l([f("size",{waitUntilFirstUpdate:!0})],s.prototype,"applySizeToOptions",1),l([f("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),l([f("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),l([f("displayInputValue",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisplayInputValueChange",1),l([f("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),s=l([k("sd-4-0-0-next-0-combobox")],s);E("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});E("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};

package/cdn-versioned/chunks/chunk.5CK64GWQ.js

@@ -0,0 +1,17 @@
+import{a as i,b as o,c as p}from"./chunk.SPDB3L7V.js";import{h as s,i as l,j as a}from"./chunk.IRWHG2Q4.js";var{I:_}=a;var A=e=>e.strings===void 0;var $={},c=(e,t=$)=>e._$AH=t;var v=o(class extends p{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!A(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===s||t===l)return t;let r=e.element,n=e.name;if(e.type===i.PROPERTY){if(t===r[n])return s}else if(e.type===i.BOOLEAN_ATTRIBUTE){if(!!t===r.hasAttribute(n))return s}else if(e.type===i.ATTRIBUTE&&r.getAttribute(n)===t+"")return s;return c(e),t}});export{A as a,v as b};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn-versioned/chunks/chunk.5YRTJVAZ.js

@@ -0,0 +1 @@
+import{a as i}from"./chunk.K7HF3VBZ.js";import{b as c}from"./chunk.EFLL7VXU.js";var o=[c,i],e=[];function I(r){e.push(r)}function u(r){e=e.filter(t=>t!==r)}function f(r){return o.find(t=>t.name===r)}function p(r,t){a(r),o.push({name:r,resolver:t.resolver,mutator:t.mutator}),e.forEach(n=>{n.library===r&&n.setIcon()})}function a(r){o=o.filter(t=>t.name!==r)}export{I as a,u as b,f as c,p as d,a as e};

package/cdn-versioned/chunks/chunk.5ZDWEJDB.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.26YUWEYR.js";import{a as d}from"./chunk.DCOFYPWX.js";import{a as g,b as n,c as u,h as f}from"./chunk.APMDRZQD.js";import{b as v,e as l}from"./chunk.IRWHG2Q4.js";import{e as s}from"./chunk.TJOCV4DC.js";var e=class extends f{constructor(){super(...arguments);this.localize=new m(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1;this.isKeyboardNavigation=!1;this.scrollContainer=null}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollIndicatorVisibility()}),this.updateComplete.then(()=>{this.scrollContainer=this.renderRoot.querySelector(".scroll-container"),this.scrollContainer&&this.resizeObserver.observe(this.scrollContainer)})}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer&&this.resizeObserver.unobserve(this.scrollContainer)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.updateScrollIndicatorVisibility())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get container(){return this.renderRoot.querySelector(".scroll-container")}updateScrollIndicatorVisibility(){let t=this.container;if(!t)return;let r=this.isScrollHorizontalEnabled&&t.scrollLeft>0,o=this.isScrollHorizontalEnabled&&t.scrollLeft+t.clientWidth<t.scrollWidth-1,h=this.isScrollVerticalEnabled&&t.scrollTop>0,a=this.isScrollVerticalEnabled&&t.scrollTop+t.clientHeight<t.scrollHeight-1,c=this.renderRoot.querySelector('[part="button-start"]'),i=this.renderRoot.querySelector('[part="button-end"]');this.canScroll={left:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:r,right:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:o,up:this.isKeyboardNavigation?this.isScrollVerticalEnabled:h,down:this.isKeyboardNavigation?this.isScrollVerticalEnabled:a};let b=r||h,p=o||a;b&&this.dispatchEvent(new CustomEvent("start")),p&&this.dispatchEvent(new CustomEvent("end")),this.isKeyboardNavigation&&(c&&(c.hidden=!b),c&&b&&!(a||o)&&c.focus(),i&&(i.hidden=!p),i&&p&&!(h||r)&&i.focus())}handleScroll(t,r){var i;let o=t==="left"||t==="up"?-this.step:this.step,h=t==="left"||t==="right"?"left":"top";this.isKeyboardNavigation=(r==null?void 0:r.pointerType)!=="mouse";let a={behavior:"smooth"};a[h]=o,(i=this.scrollContainer)==null||i.scrollBy(a);let c=`button-${t}`;this.dispatchEvent(new CustomEvent(c,{bubbles:!0,composed:!0}))}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",r="scroll-shadow absolute z-10 pointer-events-none";return l`<div part="base" class="${d("scroll-container flex overflow-hidden flex-1",this.orientation==="horizontal"&&"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",this.orientation==="vertical"&&"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",this.orientation==="auto"&&"scroll-auto overflow-auto",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset?"p-4":"")}" @scroll="${this.updateScrollIndicatorVisibility}" tabindex="0"><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?l`${this.isScrollHorizontalEnabled?l`${this.canScroll.left?l`<div part="button-left" class="absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8"><button part="button-start" class="${d(t)}" @click="${o=>this.handleScroll("left",o)}"><slot name="icon-start"><sd-4-0-0-next-0-icon library="system" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-4-0-0-next-0-icon></slot></button></div>`:null} ${this.canScroll.right?l`<div part="button-right" class="absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8"><button part="button-end" class="${d(t)}" @click="${o=>this.handleScroll("right",o)}"><slot name="icon-end"><sd-4-0-0-next-0-icon library="system" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-4-0-0-next-0-icon></slot></button></div>`:null}`:null} ${this.isScrollVerticalEnabled?l`${this.canScroll.up?l`<div part="button-top" class="absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8"><button part="button-start" class="${d(t)}" @click="${o=>this.handleScroll("up",o)}"><slot name="icon-start"><sd-4-0-0-next-0-icon library="system" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-4-0-0-next-0-icon></slot></button></div>`:null} ${this.canScroll.down?l`<div part="button-bottom" class="absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8"><button part="button-end" class="${d(t)}" @click="${o=>this.handleScroll("down",o)}"><slot name="icon-end"><sd-4-0-0-next-0-icon library="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-4-0-0-next-0-icon></slot></button></div>`:null}`:null}`:null} ${this.shadows?l`${this.isScrollHorizontalEnabled?l`${this.canScroll.left?l`<div part="shadow-left" class="${r} left top-0 left-0 w-[6px] h-full"></div>`:null} ${this.canScroll.right?l`<div part="shadow-right" class="${r} right top-0 right-0 w-[6px] h-full"></div>`:null}`:null} ${this.isScrollVerticalEnabled?l`${this.canScroll.up?l`<div part="shadow-top" class="${r} top top-0 left-0 w-full h-[6px]"></div>`:null} ${this.canScroll.down?l`<div part="shadow-bottom" class="${r} bottom bottom-0 left-0 w-full h-[6px]"></div>`:null}`:null}`:null}`}};e.styles=[...f.styles,v`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-4-0-0-next-0-icon--top{align-self:flex-start}.sd-4-0-0-next-0-icon--down{align-self:flex-end}`],s([n({type:String,reflect:!0})],e.prototype,"orientation",2),s([n({type:Boolean,reflect:!0})],e.prototype,"scrollbars",2),s([n({type:Boolean,reflect:!0})],e.prototype,"buttons",2),s([n({type:Boolean,reflect:!0})],e.prototype,"shadows",2),s([n({type:Boolean,reflect:!0})],e.prototype,"inset",2),s([n({type:Number,reflect:!0})],e.prototype,"step",2),s([u()],e.prototype,"canScroll",2),s([u()],e.prototype,"isScrollHorizontalEnabled",2),s([u()],e.prototype,"isScrollVerticalEnabled",2),s([u()],e.prototype,"isKeyboardNavigation",2),e=s([g("sd-4-0-0-next-0-scrollable")],e);export{e as a};