@shineuix/core 1.0.0 → 1.0.1

package/dist/esm/sui-tree-select.entry.js

@@ -1,22 +1,22 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h } from './index-ChCjmDsd.js';
-import { d as describedBy, F as FieldShell } from './field-shell-CEYVCg71.js';
-import { b as PopupSpacer, P as PopupLoading, a as PopupStatus } from './popup-rows-BJoWtcWR.js';
-import { G as Glyph, k as chevronRight, r as check, z as xmark, a as circleNotch, q as chevronDown, s as magnifyingGlass } from './glyphs-CCanZos8.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { d as describedBy, F as FieldShell } from './field-shell-BNwQXVz7.js';
+import { b as PopupSpacer, P as PopupLoading, a as PopupStatus } from './popup-rows-CVG0i70m.js';
+import { G as Glyph, k as chevronRight, r as check, z as xmark, a as circleNotch, q as chevronDown, s as magnifyingGlass } from './glyphs-Bz_EavVJ.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { u as uid } from './id-U06fVoGD.js';
 import { i as installFormControl, d as delegateFocus, s as setFormValue, r as requiredValidity } from './form-control-DtXnoXGH.js';
 import { f as formDisabledState } from './form-disabled-CGWvlrv_.js';
 import { m as multiFormValue } from './form-multi-BE4gZZNA.js';
 import { s as sameKey, l as listProp, h as hasKey, n as noKey, k as keyText } from './options-4hLA9Kl1.js';
-import { m as matchWidth, k as applyPosition, j as positionOverlay } from './overlay-q4EhLR9c.js';
-import { p as popupSurface, f as focusAfterPass } from './popup-surface-e-RPdWCn.js';
+import { m as matchWidth, k as applyPosition, j as positionOverlay } from './overlay-CDCglLuo.js';
+import { p as popupSurface, f as focusAfterPass } from './popup-surface--R2lfYaJ.js';
 import { k as keepFocusWithin } from './focus-CYlxvoVo.js';
 import { S as SuiPopupMetrics, r as rowWindow, f as flatRuns, s as scrollTopFor } from './virtual-Btp15dVO.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import { d as drivesList, p as pointerSpot } from './key-nav-Bt5Kx3zM.js';
 import './focus-trap-8R5d4SBR.js';
-import './motion-DXIDl7cw.js';
+import './motion-CZ4DDtn8.js';
 
 const suiTreeSelectCss = () => `.sc-sui-tree-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-tree-select:not(:disabled){cursor:default}.sui-tree-select.sc-sui-tree-select{position:relative}.sui-tree-select.inline.sc-sui-tree-select{display:flex;align-items:flex-start}.row.sc-sui-tree-select{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:pointer}.row.active.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.active.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.exp.sc-sui-tree-select{width:14px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--ink-faint);font-size:9px}.exp.leaf.sc-sui-tree-select{visibility:hidden}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transform:rotate(90deg)}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree-select{font-size:12px;color:var(--ink-muted)}.label.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.sc-sui-tree-select .chk.sc-sui-tree-select{margin-inline-start:auto;flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.row.sc-sui-tree-select sui-checkbox.sc-sui-tree-select{pointer-events:none;display:flex}@media (forced-colors: active){.row.active.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.row.sel.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree-select .exp.sc-sui-tree-select,.row.sel.sc-sui-tree-select .icon.sc-sui-tree-select,.row.sel.sc-sui-tree-select .chk.sc-sui-tree-select{color:HighlightText}}`;
 
@@ -107,7 +107,7 @@ const SuiTreeSelect = class {
     variant = 'default';
     /**
      * Ink for the quiet variant on the brand chrome. `inverse` takes the inverse inks, the inverse hover
-     * wash and the inverse focus colour, as `sui-button`'s tone of the same name does, so the value
+     * wash and the inverse focus color, as `sui-button`'s tone of the same name does, so the value
      * reads on a `tone="brand"` toolbar. Opening the field shows its shell in the card's own inks. The
      * default variant ignores it.
      */
@@ -693,9 +693,9 @@ const SuiTreeSelect = class {
         const triggerClass = inline
             ? { 'sui-inline': true, [size]: true, open: this.open, shell: this.open, invalid, placeholder: !display, readonly: this.readOnly, inverse: this.tone === 'inverse' }
             : { 'sui-popup-trigger': true, 'sui-frame': true, trigger: true, [size]: true, focus: this.focused, open: this.open, invalid, placeholder: !display, readonly: this.readOnly };
-        return (h(FieldShell, { key: '6dbc7900d126a08175a78520e7e930380c5fff4e', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: '323e1f84f08796f4ad045844db11bad6ed0d18ba', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("button", { key: 'a87db84e97eaa536d5d45092f60b58753a26432e', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: () => (this.open ? this.requestClose('trigger') : this.show()), onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: 'c27ba4253aa271fd1ea1ac9b2f3d51097330bf57', class: "val" }, display || localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
+        return (h(FieldShell, { key: '3cc695f501768dbe3757a290aeb21780bafd1933', label: inline ? undefined : this.label, required: this.required, help: this.help, error: this.error, htmlFor: this.fieldId, descId: this.fieldId }, h("div", { key: 'deec66ce6e76b425f24ca60c95e56e16f2751890', class: { 'sui-tree-select': true, open: this.open, inline }, onKeyDown: this.onKeyDown }, h("button", { key: '50af3a401f53ebefe9528675fdfb45b8671aeef5', ref: (el) => (this.trigger = el), id: this.fieldId, type: "button", class: triggerClass, disabled: this.isDisabled, role: "combobox", "aria-label": inline ? this.label || this.hostLabel : this.label ? undefined : this.hostLabel, "aria-haspopup": "tree", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, "aria-invalid": invalid ? 'true' : null, "aria-describedby": describedBy(this.fieldId, this.help, this.error), "aria-required": this.required ? 'true' : null, "aria-readonly": this.readOnly ? 'true' : null, "aria-keyshortcuts": canClear ? 'Delete' : null, "aria-busy": this.loading ? 'true' : null, onClick: () => (this.open ? this.requestClose('trigger') : this.show()), onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }, h("span", { key: '2e8c545e94610267072611d286dfd95f11f280ee', class: "val" }, display || localeText(undefined, 'tree-select.placeholder', this.placeholder, 'Select')), canClear ? (h("span", { class: "clear", "aria-hidden": "true", onClick: this.clear }, h(Glyph, { glyph: xmark }))) : null, this.loading
             ? h(Glyph, { glyph: circleNotch, class: "spin sui-popup-spin" })
-            : h(Glyph, { glyph: chevronDown, class: "chev" })), this.open || this.closing ? (h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (h("div", { class: "sui-popup-search" }, h("div", { class: "sui-popup-search-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, empty ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, h(PopupStatus, { key: '9e12e04e58ee21ea38adb7734cd264cbbb4f7a12', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
+            : h(Glyph, { glyph: chevronDown, class: "chev" })), this.open || this.closing ? (h("div", { key: "panel", ref: (el) => (this.panel = el), class: { 'sui-popup-panel': true, panel: true, closing: this.closing }, inert: this.closing, role: "presentation", onScroll: this.onPanelScroll, onKeyDown: this.onPanelKey, ...{ onSuiChange: (e) => e.stopPropagation() } }, this.filter ? (h("div", { class: "sui-popup-search" }, h("div", { class: "sui-popup-search-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { ref: (el) => (this.filterInput = el), type: "text", placeholder: localeText(undefined, 'tree-select.search', undefined, 'Search'), "aria-label": localeText(undefined, 'tree-select.searchOptions', undefined, 'Search options'), "aria-controls": `${this.fieldId}-tree`, "aria-activedescendant": activeId, value: this.query, onInput: (e) => this.onQuery(e.target.value) })))) : null, this.loading ? h(PopupLoading, { message: loadingText }) : null, empty ? h("div", { key: "empty", class: "sui-popup-empty" }, emptyText) : null, h("div", { key: "tree", id: `${this.fieldId}-tree`, role: "tree", "aria-label": this.label || this.hostLabel, "aria-multiselectable": this.multiple ? 'true' : null, "aria-busy": this.loading ? 'true' : null }, this.loading ? null : this.renderRows(rows, win)))) : null, h(PopupStatus, { key: '987c8b92d05fac33db67b7611cedf1a0f3f72121', message: !this.open ? '' : this.loading ? loadingText : empty ? emptyText : '' }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/sui-tree-table.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-Cs2X0Kih.js';
-import { s as sortRows, h as filterRows } from './filter-ZlsTVKJg.js';
-import { s as setRowsSelected, c as clearSelection } from './selection-DxKNScsQ.js';
+import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-BsRW1Q8k.js';
+import { s as sortRows, h as filterRows } from './filter-Dk_l9VYa.js';
+import { s as setRowsSelected, c as clearSelection } from './selection-DJoQuCKe.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
-import './format-CZfiz5da.js';
+import './format-CcjT1PHH.js';
 
 const isBranch = (n) => (n.children ? n.children.length > 0 : n.leaf === false);
 /**
@@ -115,10 +115,10 @@ function sortTree(nodes, sorts, columns, nullOrder) {
 /**
  * Fills in what the ticks imply.
  *
- * A caller stores the keys a person actually ticked; everything else follows from the shape of the
+ * A caller stores the keys a person actually checked; everything else follows from the shape of the
  * tree, and recomputing it is cheaper and safer than storing it. A branch is selected when every
  * child is, partial when some are, and neither otherwise, all the way up. A leaf is whatever the
- * ticked set says.
+ * checked set says.
  */
 function resolveTreeSelection(nodes, checked) {
     const selected = new Set();
@@ -155,7 +155,7 @@ function resolveTreeSelection(nodes, checked) {
     return { selected, partial };
 }
 /**
- * Ticks or clears one node and everything under it.
+ * Checks or clears one node and everything under it.
  *
  * Only descendants are written. Ancestors are not stored at all: `resolveTreeSelection` derives
  * them, so there is no second copy of the answer to go stale when the tree changes shape under a
@@ -214,10 +214,10 @@ const SuiTreeTable = class {
      *  attribute. */
     expanded = [];
     /** `none`, `single` (one highlighted row) or `checkbox` (a box per row, a select-all box in the
-     *  header, and a tick that carries down a whole subtree). */
+     *  header, and a check that carries down a whole subtree). */
     selectionMode = 'none';
-    /** The keys the user has ticked. Under `checkbox` a branch is stored only when it was ticked
-     *  whole: the mixed and fully ticked states of every ancestor are derived from the tree on each
+    /** The keys the user has checked. Under `checkbox` a branch is stored only when it was checked
+     *  whole: the mixed and fully checked states of every ancestor are derived from the tree on each
      *  render, so there is no second copy to go stale when the tree changes shape. Mutable; updated
      *  before `suiSelectionChange` fires. Property, not attribute. */
     selection = [];
@@ -268,7 +268,7 @@ const SuiTreeTable = class {
     emptyFilterMessage;
     /** Fires when a branch opens or closes; detail is the array of open keys. Does not bubble. */
     suiExpandedChange;
-    /** Fires when the selection changes; detail is the new `selection`, the ticked keys. Does not
+    /** Fires when the selection changes; detail is the new `selection`, the checked keys. Does not
      *  bubble. */
     suiSelectionChange;
     /** Asks the host for a branch's children: fires when a node marked `leaf: false` that has none
@@ -422,10 +422,10 @@ const SuiTreeTable = class {
         const m = this.selMemo;
         if (m && m.deps.every((d, i) => d === deps[i]))
             return m.sel;
-        const ticked = new Set(this.selection || []);
+        const checked = new Set(this.selection || []);
         const resolved = this.selectionMode === 'checkbox'
-            ? resolveTreeSelection(view.nodes, ticked)
-            : { selected: ticked, partial: NO_KEYS };
+            ? resolveTreeSelection(view.nodes, checked)
+            : { selected: checked, partial: NO_KEYS };
         const sel = {
             full: resolved.selected,
             partial: resolved.partial,
@@ -487,7 +487,7 @@ const SuiTreeTable = class {
      *
      * The table reports its whole model, so what the person did is read from the difference with the
      * model it was handed: select-all is the `exclude` model, clear-all an empty one, and anything
-     * else a set of rows ticked or unticked, each of which carries down its subtree here.
+     * else a set of rows checked or unchecked, each of which carries down its subtree here.
      */
     onSelect = (e) => {
         const mode = this.selectionMode;
@@ -542,7 +542,7 @@ const SuiTreeTable = class {
     render() {
         const view = this.view();
         const sel = this.resolved();
-        return (h("sui-data-table", { key: 'b3760610df8b06e19db8b4d99b462d8ce417da45', ref: (el) => (this.tableEl = el), class: "tt", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, columns: this.columns, rows: view.rows, rowKey: this.rowKeyAt, rowTree: view.meta, rowPartial: sel.partial, expandedRows: view.open, lazy: true, totalRecords: view.rows.length, sorts: this.sorts, sortMode: this.sortMode, sortIndicator: this.sortIndicator, filterDisplay: this.filterDisplay, filterModel: this.filterModel, globalFilter: this.globalFilter, globalFilterFields: this.globalFilterFields, selectionMode: this.selectionMode, selection: sel.model, density: this.density, striped: this.striped, gridlines: this.gridlines, loading: this.loading, emptyMessage: this.emptyMessage === '' ? '' : localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : localeText(undefined, 'tree-table.emptyFilter', this.emptyFilterMessage, 'No matches.'), onSuiExpandedRowsChange: this.onRowExpand, onSuiSelectionChange: this.onSelect, onSuiSort: this.onSort, onSuiFilter: this.onFilter, onSuiRowClick: this.stopInner, onSuiRowContextMenu: this.stopInner }));
+        return (h("sui-data-table", { key: '4ffb5c7d65b0420ed485c104357b9e476d49c50c', ref: (el) => (this.tableEl = el), class: "tt", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, columns: this.columns, rows: view.rows, rowKey: this.rowKeyAt, rowTree: view.meta, rowPartial: sel.partial, expandedRows: view.open, lazy: true, totalRecords: view.rows.length, sorts: this.sorts, sortMode: this.sortMode, sortIndicator: this.sortIndicator, filterDisplay: this.filterDisplay, filterModel: this.filterModel, globalFilter: this.globalFilter, globalFilterFields: this.globalFilterFields, selectionMode: this.selectionMode, selection: sel.model, density: this.density, striped: this.striped, gridlines: this.gridlines, loading: this.loading, emptyMessage: this.emptyMessage === '' ? '' : localeText(undefined, 'tree-table.empty', this.emptyMessage, 'Nothing here yet.'), emptyFilterMessage: this.emptyFilterMessage === '' ? '' : localeText(undefined, 'tree-table.emptyFilter', this.emptyFilterMessage, 'No matches.'), onSuiExpandedRowsChange: this.onRowExpand, onSuiSelectionChange: this.onSelect, onSuiSort: this.onSort, onSuiFilter: this.onFilter, onSuiRowClick: this.stopInner, onSuiRowContextMenu: this.stopInner }));
     }
 };
 SuiTreeTable.style = suiTreeTableCss();

package/dist/esm/sui-tree.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-ChCjmDsd.js';
 import { u as uid } from './id-U06fVoGD.js';
-import { P as PopupLoading, a as PopupStatus } from './popup-rows-BJoWtcWR.js';
-import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-Cs2X0Kih.js';
-import { G as Glyph, a as circleNotch, k as chevronRight, r as check, s as magnifyingGlass, ab as minus } from './glyphs-CCanZos8.js';
+import { P as PopupLoading, a as PopupStatus } from './popup-rows-CVG0i70m.js';
+import { i as inheritAriaLabel, a as inheritAriaLabelledby } from './aria-BsRW1Q8k.js';
+import { G as Glyph, a as circleNotch, k as chevronRight, r as check, s as magnifyingGlass, ab as minus } from './glyphs-Bz_EavVJ.js';
 import { a as localeFormat, l as localeText } from './locale-lWhwwQJ2.js';
 import { i as isRtl } from './direction-GAnFXayY.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
@@ -184,7 +184,7 @@ const SuiTree = class {
         return out;
     }
     /** Every node the filter keeps, open or shut. The select-all header works on these, so a box a
-        filter has hidden is never ticked behind the user's back. */
+        filter has hidden is never checked behind the user's back. */
     filtered() {
         const out = [];
         const walk = (list) => {
@@ -221,7 +221,7 @@ const SuiTree = class {
             return;
         this.suiSelectionChange.emit(this.selection);
     }
-    /** Select-all header: ticks every node the filter shows, or clears them when they are all ticked. */
+    /** Select-all header: checks every node the filter shows, or clears them when they are all checked. */
     toggleAll = () => {
         const all = this.filtered().map((n) => n.key);
         if (!all.length)
@@ -500,13 +500,13 @@ const SuiTree = class {
         const list = this.flat();
         const tabKey = this.tabKey(list);
         const all = this.filtered();
-        const ticked = all.filter((n) => (this.selection || []).includes(n.key)).length;
-        const allOn = all.length > 0 && ticked === all.length;
-        const some = ticked > 0 && !allOn;
+        const checked = all.filter((n) => (this.selection || []).includes(n.key)).length;
+        const allOn = all.length > 0 && checked === all.length;
+        const some = checked > 0 && !allOn;
         const loadingText = localeText(undefined, 'tree.loading', this.loadingMessage, 'Loading');
         const searching = !!this.query.trim();
         const noMatches = localeText(undefined, 'tree.emptyFilter', this.emptyFilterMessage, 'No matches.');
-        return (h("div", { key: '8abcfbc1dc76caa96f8a4d66ae00fa5dd7b75739', class: "sui-tree" }, h(PopupStatus, { key: '346cc2347132eb6cc3d53c0f42285bf34ad83271', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? h(PopupLoading, { message: loadingText }) : [
+        return (h("div", { key: '2b479f4dd8003158237f3c9db68a63083556aea4', class: "sui-tree" }, h(PopupStatus, { key: 'b96d9880eb84639b7921a2351d65fd4a3eb56147', message: this.loading ? loadingText : searching && list.length === 0 ? noMatches : '' }), this.loading ? h(PopupLoading, { message: loadingText }) : [
             this.filter ? (h("div", { class: "filter" }, h("div", { class: "filter-box sui-frame" }, h(Glyph, { glyph: magnifyingGlass }), h("input", { type: "text", placeholder: localeText(undefined, 'tree.filterPlaceholder', undefined, 'Filter'), "aria-label": localeText(undefined, 'tree.filter', undefined, 'Filter'), value: this.query, onInput: (e) => (this.query = e.target.value) })))) : null,
             this.selectionMode === 'checkbox' ? (h("button", { type: "button", class: "all", role: "checkbox", "aria-checked": allOn ? 'true' : some ? 'mixed' : 'false', disabled: all.length === 0, onClick: this.toggleAll }, h("span", { class: { box: true, on: allOn, mixed: some }, "aria-hidden": "true" }, allOn ? h(Glyph, { glyph: check }) : null, some ? h(Glyph, { glyph: minus }) : null), h("span", { class: "all-label" }, localeText(undefined, 'tree.selectAll', undefined, 'Select all')))) : null,
             h("div", { role: "tree", class: "tree", "aria-label": this.hostLabel, "aria-labelledby": this.hostLabelledby, "aria-multiselectable": this.selectionMode === 'checkbox' ? 'true' : null, onClick: this.onClick, onKeyDown: this.onKeyDown }, list.length === 0 ? null : this.renderNodes(this.nodes || [], 0, tabKey)),

package/dist/esm/sui-trend.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-ChCjmDsd.js';
-import { T as TrendMark } from './trend-DQYtuzUm.js';
+import { T as TrendMark } from './trend-CYX2hNcF.js';
 import { l as localeText } from './locale-lWhwwQJ2.js';
-import './glyphs-CCanZos8.js';
+import './glyphs-Bz_EavVJ.js';
 
 const suiTrendCss = () => `.sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}`;
 
@@ -19,13 +19,13 @@ const SuiTrend = class {
      *  the positive ink (the ink under brand status, green under semantic); `critical`, bad news, in
      *  the danger ink with the arrow ringed and a hidden "unfavorable" after the figure; `neutral`,
      *  neither, in the muted ink at regular weight, the arrow kept and unringed, so no tone rests on
-     *  colour alone. Whether a rise is good is yours to say, since a rising receivable is
+     *  color alone. Whether a rise is good is yours to say, since a rising receivable is
      *  bad: `severity="critical"` marks it. An unknown value reads as `positive`. Reflected. */
     severity = 'positive';
     /** Faint context after the value: "this week", "vs. July". */
     note;
     render() {
-        return (h(Host, { key: '79e986e55d646f05c004c4128f38c5c6840c7689' }, h(TrendMark, { key: '762c23ba28e341475d9753d3a63c0c5845676c21', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
+        return (h(Host, { key: '0ce2ad49d0222cd47146d7cd7c0750da65e30460' }, h(TrendMark, { key: '1531d7173cd8ef5f58e0a52e1d80a7746b03d007', value: this.value, direction: this.direction, severity: this.severity, note: this.note, unfavorable: localeText(undefined, 'trend.unfavorable', undefined, 'unfavorable') })));
     }
 };
 SuiTrend.style = suiTrendCss() + trendCss();

package/dist/esm/sui-virtual-scroller.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
+import { i as inheritAriaLabel } from './aria-BsRW1Q8k.js';
 import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { d as clamp, n as numberFormat } from './format-CZfiz5da.js';
+import { d as clamp, n as numberFormat } from './format-CcjT1PHH.js';
 import { a as localeFormat, i as intlLocale } from './locale-lWhwwQJ2.js';
 import { c as callRender, m as mountContent } from './render-content-q0JbXN8q.js';
 import { r as rowWindow, f as flatRuns } from './virtual-Btp15dVO.js';
@@ -241,7 +241,7 @@ const SuiVirtualScroller = class {
             : grid
                 ? { width: `${this.cols() * colW}px`, height: `${count * rowH}px` }
                 : { height: `${count * rowH}px` };
-        return (h("div", { key: 'd40c74cfe34cd8db771bf64beb407ce89c166aff', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? h("div", { class: "index" }, this.indexLabel(win)) : null, h("div", { key: 'e365e23abaedb78db35c3ff533b2a55dd54c6a6f', class: "viewport", ref: (el) => (this.viewport = el), style: viewStyle, tabindex: "0", role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || null, onScroll: this.onScroll }, h("div", { key: '076c612bb390210f35a22d591c4c9776b319c62b', class: "spacer", role: grid ? 'grid' : 'list', "aria-rowcount": grid ? count : null, "aria-colcount": grid ? this.cols() : null, style: spacerStyle }, cells))));
+        return (h("div", { key: '32c96dd1c6ca8804c5ce41ef51985ea9cb2b8393', class: { 'sui-vs': true, [this.orientation]: true } }, this.showIndex ? h("div", { class: "index" }, this.indexLabel(win)) : null, h("div", { key: '6b2ed9e0e939ce9bf9a681324ea8b70607650b14', class: "viewport", ref: (el) => (this.viewport = el), style: viewStyle, tabindex: "0", role: this.hostLabel ? 'region' : undefined, "aria-label": this.hostLabel || null, onScroll: this.onScroll }, h("div", { key: '5a2e6aced77e8961f9ba802888055efd1b883a02', class: "spacer", role: grid ? 'grid' : 'list', "aria-rowcount": grid ? count : null, "aria-colcount": grid ? this.cols() : null, style: spacerStyle }, cells))));
     }
     static get watchers() { return {
         "renderItem": [{

package/dist/esm/{trend-DQYtuzUm.js → trend-CYX2hNcF.js}

@@ -1,5 +1,5 @@
 import { h } from './index-ChCjmDsd.js';
-import { G as Glyph, h as arrowUp, j as arrowDown } from './glyphs-CCanZos8.js';
+import { G as Glyph, h as arrowUp, j as arrowDown } from './glyphs-Bz_EavVJ.js';
 
 const TREND_SEVERITIES = ['positive', 'critical', 'neutral'];
 /**

package/dist/shineui/fonts/OFL.txt

@@ -2,9 +2,9 @@ DM Sans is bundled with @shineuix/core and is not ours. It ships under the SIL O
 which requires this notice to travel with the font file, so this directory is copied into dist as a
 whole and this file goes with it.
 
-This copy is modified, as the licence allows: it is the Latin subset with tabular figures added
+This copy is modified, as the license allows: it is the Latin subset with tabular figures added
 (zero.tf to nine.tf and a tnum feature, built by scripts/font/add-tnum.py from the digits already in
-the font). Nothing else in it changes. The modified font stays under the same licence.
+the font). Nothing else in it changes. The modified font stays under the same license.
 
 Copyright 2014-2024 The DM Sans Project Authors (https://github.com/googlefonts/dm-sans)
 

package/dist/shineui/index.esm.js

@@ -1 +1 @@
-export{c as createEditor}from"./p-Cwg6GP5B.js";export{c as checkboxEditor,d as dateEditor,n as numberEditor,a as numberRange,p as pattern,r as required,s as selectEditor,t as textEditor}from"./p-BgS1skn-.js";export{m as money}from"./p-DHVm09RY.js";export{t as trapFocus}from"./p-8R5d4SBR.js";export{k as keyFilter}from"./p-BM1Zzj1H.js";export{r as registerLocale,s as setLocale}from"./p-lWhwwQJ2.js";export{e as NAMED_PRESETS,g as NEUTRALS,N as NEUTRAL_KEYS,S as SHIPPED,d as derive,m as matchShipped,f as resolvedAccent,s as sheetSelector,t as tokensToCss}from"./p-BZHfNo5D.js";export{a as applyTheme,r as readTheme}from"./p-KzF-D40r.js";function o(t,e){let o;if(e&&"string"!=typeof e)o=e;else{const t=e?`sui-toast-host[name="${e.replace(/"/g,'\\"')}"]`:"sui-toast-host";o=document.querySelector(t),o||(o=document.createElement("sui-toast-host"),e&&o.setAttribute("name",e),document.body.appendChild(o))}customElements.whenDefined("sui-toast-host").then((()=>o.push(t)))}function i(t){const e={};return t.forEach(((t,o)=>{const s=e[o];void 0===s?e[o]=t:Array.isArray(s)?s.push(t):e[o]=[s,t]})),e}function l(t){return async e=>{const o=await t["~standard"].validate(i(e)),s={};for(const t of o.issues||[]){const e=u(t.path);e&&!s[e]?s[e]=t.message:e||s[""]||(s[""]=t.message)}return s}}function u(t){if(!t||!t.length)return"";const e=t[0];return String("object"==typeof e&&null!==e&&"key"in e?e.key:e)}function h(t,e=document){const o=e.defaultView;if(!t){const t=o.__suiAuditTree;if(!t)return;for(const e of t.hosts)for(const o of t.keys)delete e[o];for(const[e,o]of t.moved)e["s-ol"]=o;return void(o.__suiAuditTree=null)}if(o.__suiAuditTree)return;const s=(t,e)=>Object.getOwnPropertyDescriptor(t,e),r={childNodes:s(o.Node.prototype,"childNodes"),firstChild:s(o.Node.prototype,"firstChild"),lastChild:s(o.Node.prototype,"lastChild"),textContent:s(o.Node.prototype,"textContent"),children:s(o.Element.prototype,"children"),childElementCount:s(o.Element.prototype,"childElementCount")},n=Object.keys(r),c=[],a=[];for(const t of Array.from(e.querySelectorAll("*")))if("__childNodes"in t){for(const e of n)Object.defineProperty(t,e,{...r[e],configurable:!0});c.push(t)}const i=e.createTreeWalker(e,o.NodeFilter.SHOW_ALL);for(let t=i.nextNode();t;t=i.nextNode())t["s-ol"]&&(a.push([t,t["s-ol"]]),delete t["s-ol"]);o.__suiAuditTree={hosts:c,keys:n,moved:a}}export{h as auditTree,i as formValues,l as standardResolver,o as toast}
+export{c as createEditor}from"./p-Dz-j4-EI.js";export{c as checkboxEditor,d as dateEditor,n as numberEditor,a as numberRange,p as pattern,r as required,s as selectEditor,t as textEditor}from"./p-BVvIr7N_.js";export{m as money}from"./p-BnfaBLhb.js";export{t as trapFocus}from"./p-8R5d4SBR.js";export{k as keyFilter}from"./p-BM1Zzj1H.js";export{r as registerLocale,s as setLocale}from"./p-lWhwwQJ2.js";export{e as NAMED_PRESETS,g as NEUTRALS,N as NEUTRAL_KEYS,S as SHIPPED,d as derive,m as matchShipped,f as resolvedAccent,s as sheetSelector,t as tokensToCss}from"./p-CIj1hqWb.js";export{a as applyTheme,r as readTheme}from"./p-BmKc-qo-.js";function o(t,e){let o;if(e&&"string"!=typeof e)o=e;else{const t=e?`sui-toast-host[name="${e.replace(/"/g,'\\"')}"]`:"sui-toast-host";o=document.querySelector(t),o||(o=document.createElement("sui-toast-host"),e&&o.setAttribute("name",e),document.body.appendChild(o))}customElements.whenDefined("sui-toast-host").then((()=>o.push(t)))}function i(t){const e={};return t.forEach(((t,o)=>{const s=e[o];void 0===s?e[o]=t:Array.isArray(s)?s.push(t):e[o]=[s,t]})),e}function l(t){return async e=>{const o=await t["~standard"].validate(i(e)),s={};for(const t of o.issues||[]){const e=u(t.path);e&&!s[e]?s[e]=t.message:e||s[""]||(s[""]=t.message)}return s}}function u(t){if(!t||!t.length)return"";const e=t[0];return String("object"==typeof e&&null!==e&&"key"in e?e.key:e)}function h(t,e=document){const o=e.defaultView;if(!t){const t=o.__suiAuditTree;if(!t)return;for(const e of t.hosts)for(const o of t.keys)delete e[o];for(const[e,o]of t.moved)e["s-ol"]=o;return void(o.__suiAuditTree=null)}if(o.__suiAuditTree)return;const s=(t,e)=>Object.getOwnPropertyDescriptor(t,e),r={childNodes:s(o.Node.prototype,"childNodes"),firstChild:s(o.Node.prototype,"firstChild"),lastChild:s(o.Node.prototype,"lastChild"),textContent:s(o.Node.prototype,"textContent"),children:s(o.Element.prototype,"children"),childElementCount:s(o.Element.prototype,"childElementCount")},n=Object.keys(r),c=[],a=[];for(const t of Array.from(e.querySelectorAll("*")))if("__childNodes"in t){for(const e of n)Object.defineProperty(t,e,{...r[e],configurable:!0});c.push(t)}const i=e.createTreeWalker(e,o.NodeFilter.SHOW_ALL);for(let t=i.nextNode();t;t=i.nextNode())t["s-ol"]&&(a.push([t,t["s-ol"]]),delete t["s-ol"]);o.__suiAuditTree={hosts:c,keys:n,moved:a}}export{h as auditTree,i as formValues,l as standardResolver,o as toast}

package/dist/shineui/p-019bf5bd.entry.js

@@ -0,0 +1 @@
+import{r as s,h as i,a as r}from"./p-ChCjmDsd.js";import{A as t,R as e}from"./p-DxC_Hzk_.js";import{d as a}from"./p-BnfaBLhb.js";import"./p-lWhwwQJ2.js";const n=class{constructor(i){s(this,i)}data=[];width=96;height=28;accent=!1;min;max;static points(s,i,r,t,e){if(!s||s.length<2)return"";const n="number"==typeof t?t:Math.min(...s),l=("number"==typeof e?e:Math.max(...s))-n||1;return s.map(((t,e)=>`${(e/(s.length-1)*(i-2)+1).toFixed(1)},${((1-a((t-n)/l,0,1))*(r-4)+2).toFixed(1)}`)).join(" ")}render(){const s=n.points(this.data,this.width,this.height,this.min,this.max);if(!s)return i(r,null);const a=`var(--sui-sparkline-line, ${this.accent?t:e[1]})`,[l,o]=s.split(" ").pop().split(",");return i(r,null,i("svg",{class:"spark",width:this.width,height:this.height,"aria-hidden":"true",focusable:"false"},i("polyline",{points:s,fill:"none",stroke:a,"stroke-width":1.5,"stroke-linejoin":"round","stroke-linecap":"round"}),i("circle",{cx:l,cy:o,r:2.4,fill:a})))}};n.style=".sc-sui-sparkline-h{display:inline-block;line-height:0;vertical-align:bottom}.spark.sc-sui-sparkline{display:block;overflow:visible}@media (forced-colors: active){.spark.sc-sui-sparkline polyline.sc-sui-sparkline{stroke:CanvasText}.spark.sc-sui-sparkline circle.sc-sui-sparkline{fill:CanvasText}}";export{n as sui_sparkline}

package/dist/shineui/p-01ae6c12.entry.js

@@ -0,0 +1 @@
+export{SuiDatePicker as sui_date_picker}from"./p-1YFx2Hpt.js";export{SuiInputNumber as sui_input_number}from"./p-BocbCdvI.js";import"./p-ChCjmDsd.js";import"./p-DLfOvQY0.js";import"./p-CHznIlgx.js";import"./p-BsRW1Q8k.js";import"./p-GAnFXayY.js";import"./p-U06fVoGD.js";import"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";import"./p-DxQKrio7.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";import"./p-D12pOgZQ.js";import"./p-CYlxvoVo.js";import"./p-9-zmhK_0.js";import"./p-BnfaBLhb.js";import"./p-CnJv00ak.js";import"./p-CGWvlrv_.js";import"./p-BM1Zzj1H.js";

package/dist/shineui/{p-a5eda169.entry.js → p-04799a04.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,f as e,h as o}from"./p-ChCjmDsd.js";import{d as a,F as u}from"./p-hpOwNlzr.js";import{p as l,P as n,a as r}from"./p-D2s8hI2j.js";import{G as c,r as p,z as h,a as d,q as m}from"./p-DGU97JSr.js";import{i as v,a as f}from"./p-Cs2X0Kih.js";import{u as g}from"./p-U06fVoGD.js";import{i as x,d as b,s as y,r as w}from"./p-B3wtlP4_.js";import{f as k}from"./p-CGWvlrv_.js";import{m as z}from"./p-BE4gZZNA.js";import{n as C,o as F,f as j,k as A,h as D,s as S,l as O}from"./p-_HRbdUU3.js";import{m as T,k as M,j as q}from"./p--VsCbcYp.js";import{p as G}from"./p-B6tiG-uD.js";import{S as $,r as B,v as I,s as L}from"./p-Btp15dVO.js";import{a as N,l as H}from"./p-lWhwwQJ2.js";import{d as R,p as V}from"./p-Bt5Kx3zM.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const P=["sm","md","lg"],K=[],U=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiSelect=s(this,"suiSelect",7),this.suiChange=s(this,"suiChange",7),this.suiSearch=s(this,"suiSearch",7),this.suiOpen=s(this,"suiOpen",3),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),this.suiClose=s(this,"suiClose",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;options=[];externalFilter=!1;placeholder;multiple=!1;value="";disabled=!1;readOnly=!1;invalid=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;dropdown=!1;forceSelection=!1;allowCustom=!1;max;size="md";variant="default";tone;open=!1;openOnFocus=!1;required=!1;name;suiInput;suiSelect;suiChange;suiSearch;suiOpen;suiFocus;suiBlur;suiClose;hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){R(i)&&(this.keyNav=!0)}onPointerNav(i){const s=V(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;browse=!1;panelScrollTop=0;formDisabled=!1;query="";announce="";get isDisabled(){return this.disabled||this.formDisabled}fieldId=g("sui-auto-complete");input;box;panel;scrollFrame;initial="";committed="";seen=new Map;metrics=new $;windowed=!1;closing=!1;popup=G({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){x(this.host,this.internals),b(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=v(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=f(this.host,(i=>{this.hostLabelledby=i})),this.open&&this.panel&&e(this)}get text(){return"string"==typeof this.value?this.value:""}pickedCache;get picked(){const i=this.value;return Array.isArray(i)?(this.pickedCache&&this.pickedCache.src===i||(this.pickedCache={src:i,out:i.filter((i=>!C(i)))}),this.pickedCache.out):K}get q(){return this.multiple?this.query:this.text}get cap(){const i=Math.floor(Number(this.max));return Number.isFinite(i)&&i>=1?i:void 0}get atCap(){const i=this.cap;return null!=i&&this.picked.length>=i}componentWillLoad(){this.multiple&&!Array.isArray(this.value)&&(this.value=[]),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.committed=this.text,this.syncForm()}componentDidRender(){this.syncForm(),this.open&&(this.afterOpen(),this.multiple&&this.reposition()),this.remeasure()}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;let s=this.metrics.measure(this.panel,this.panel.querySelector(".sui-popup-option"),i);s=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||s,s&&e(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const t=this.virtualScrollThreshold;return!(t>0)||s<t?null:B(I(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=I(F(this.matchingOptions())),t=L(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=t&&(this.panel.scrollTop=t,this.panelScrollTop=this.panel.scrollTop)}componentDidLoad(){this.syncForm()}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.isDisabled,s=this.required&&!i&&!this.readOnly;if(this.multiple){const t=this.picked;return y(this.internals,i?null:z(this.name,t)??(t.length?t.join(","):null)),void w(this.internals,s,0===t.length,this.label,this.input,this.error)}y(this.internals,i?null:this.text),w(this.internals,s,!this.text,this.label,this.input,this.error)}onMultipleChange(i){i&&!Array.isArray(this.value)?this.value=[]:i||"string"==typeof this.value||(this.value=""),this.query="",this.announce="",this.browse=!1,this.hoverIdx=-1,this.syncForm()}onOpenChange(i){if(this.hoverIdx=-1,this.panelScrollTop=0,this.metrics.reset(),i)return this.popup.reopen(),void(this.closing=!1);this.teardown(),this.browse=!1,this.windowed=!1,this.closing=this.popup.close()}onOptions(){this.hoverIdx>=this.matchingOptions().length&&(this.hoverIdx=-1)}formResetCallback(){const i=this.initial;this.value=Array.isArray(i)?[...i]:i,this.committed=this.text,this.query="",this.announce="",this.input&&(this.input.value=this.multiple?"":this.text),this.requestClose("cancel"),this.syncForm()}formDisabledCallback(i){this.formDisabled=k(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}allCache;all(){return this.flat().out}flat(){if(!this.allCache||this.allCache.src!==this.options){const i=j(O(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=A(i.value);s.has(t)||s.set(t,i)})),this.allCache={src:this.options,out:i,byValue:s}}return this.allCache}labelOf(i){const s=A(i);return this.flat().byValue.get(s)?.label??this.seen.get(s)??s}matchingOptions(){if(this.loading)return[];if(this.browse)return this.all();const i=this.q;if(!i)return this.multiple?this.all():[];if(this.externalFilter)return this.all();const s=i.toLowerCase();return this.all().filter((i=>i.label.toLowerCase().includes(s)))}isOff(i,s,t){return!!i.disabled||t&&!s.has(A(i.value))}show(i=!1){this.open||this.isDisabled||this.readOnly||!this.q&&!i||(this.open=!0,this.suiOpen.emit())}browseAll(){this.isDisabled||this.readOnly||(this.browse=!0,this.resetScroll(),this.open||(this.open=!0,this.suiOpen.emit()),this.suiSearch.emit({query:this.q,reason:"dropdown"}),this.input?.focus())}requestClose(i){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1))}afterOpen(){this.open&&this.input&&this.popup.open(this.panel)}get isQuiet(){return"quiet"===this.variant}reposition(){if(!this.input||!this.panel)return;const i=(this.isQuiet||this.multiple)&&this.box?this.box:this.input;T(i,this.panel,this.isQuiet?200:0),M(this.panel,q(i,this.panel,"bottom",6,"start"))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}settle(i){i!==this.committed&&(this.committed=i,this.suiChange.emit(i))}commit(){let i=this.text;if(this.forceSelection&&i){const s=this.all().find((s=>!s.disabled&&s.label.toLowerCase()===i.toLowerCase()));if(s)return s.label!==this.committed?void this.pick(s):void(i!==s.label&&(this.value=s.label,this.suiInput.emit(s.label)));this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),i=""}this.settle(i)}pick(i){if(this.isDisabled||i.disabled)return;const s=this.text!==i.label;this.value=i.label,this.requestClose("pick"),s&&this.suiInput.emit(i.label),this.suiSelect.emit(i.value),this.settle(i.label)}say(i,s,t){this.announce=N(void 0,i,void 0,s,{value:t})}sayAdded(i){this.announce=this.atCap?N(void 0,"auto-complete.addedAtLimit",void 0,"{value} added. Limit of {n} reached.",{value:i,n:String(this.cap)}):N(void 0,"auto-complete.added",void 0,"{value} added.",{value:i})}limitText(){return N(void 0,"auto-complete.limitReached",void 0,"Limit of {n} reached.",{n:String(this.cap)})}setValues(i){this.value=i,this.suiChange.emit(i)}clearQuery(){this.browse=!1,this.resetScroll(),this.input&&(this.input.value=""),this.query&&(this.query="",this.suiInput.emit(""))}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picked;if(D(s,i.value))return void this.removeValue(i.value);if(this.atCap)return void(this.announce=this.limitText());this.seen.set(A(i.value),i.label);const t=[...s,i.value];this.value=t,this.sayAdded(i.label),this.suiSelect.emit(i.value),this.suiChange.emit(t),this.clearQuery(),this.hoverIdx=this.matchingOptions().findIndex((s=>S(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;D(t,i)&&(this.setValues(t.filter((s=>!S(s,i)))),this.say("auto-complete.removed","{value} removed.",this.labelOf(i)),s&&this.input?.focus())}commitQuery(){const i=this.query.trim();if(!i)return!1;const s=i.toLowerCase(),t=this.all().find((i=>!i.disabled&&i.label.toLowerCase()===s));return t?D(this.picked,t.value)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",t.label),this.clearQuery(),!0):this.atCap?(this.announce=this.limitText(),!1):(this.toggle(t),!0):!(!this.allowCustom||(D(this.picked,i)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",i),this.clearQuery(),0):this.atCap?(this.announce=this.limitText(),1):(this.setValues([...this.picked,i]),this.sayAdded(i),this.clearQuery(),0)))}clearText=()=>{if(!this.isDisabled&&!this.readOnly){if(this.multiple){const i=this.picked.length>0;if(!i&&!this.query)return;return this.clearQuery(),this.requestClose("cancel"),i&&(this.setValues([]),this.announce=H(void 0,"auto-complete.cleared",void 0,"All values removed.")),void this.input?.focus()}this.text&&(this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),this.settle(""),this.input?.focus())}};onDropdownClick=()=>{this.isDisabled||this.readOnly||(this.open?this.requestClose("trigger"):this.browseAll())};onBoxMouseDown=i=>{const s=i.target;s!==this.input&&(i.preventDefault(),s.closest("button")||this.input?.focus())};onFocus=()=>{this.focused=!0,this.suiFocus.emit(),this.openOnFocus&&this.show(this.multiple)};onBlur=()=>{this.focused=!1,this.multiple&&this.query&&!this.isDisabled&&!this.readOnly&&(this.commitQuery(),this.clearQuery()),this.suiBlur.emit()};move(i){const s=this.matchingOptions();if(!s.length)return;const t=new Set(this.picked.map(A)),e=this.multiple&&this.atCap;let o=this.hoverIdx<0&&-1===i?0:this.hoverIdx;for(let a=0;a<s.length&&(o=(o+i+s.length)%s.length,this.isOff(s[o],t,e));a++);this.hoverIdx=o,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onInput=i=>{const s=i.target.value;this.multiple?this.query=s:this.value=s,this.hoverIdx=-1,this.browse=!1,this.resetScroll(),s?this.show():this.multiple||this.requestClose("cancel"),this.suiInput.emit(s),this.suiSearch.emit({query:s,reason:"input"})};onKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const s=this.matchingOptions();switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void(this.q?this.show():this.dropdown&&this.browseAll());case"Enter":{const t=this.open?s[this.hoverIdx]:void 0;return null!=t?(i.preventDefault(),void(this.multiple?this.toggle(t):this.pick(t))):this.multiple?void(this.query.trim()&&(i.preventDefault(),this.commitQuery())):(this.requestClose("pick"),void this.commit())}case"Backspace":return void(this.multiple&&!this.query&&this.picked.length&&this.removeValue(this.picked[this.picked.length-1]));case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape")));case"Tab":return void this.requestClose("outside")}};hl(i){const s=this.q;if(!s)return i;const t=i.toLowerCase().indexOf(s.toLowerCase());return t<0?i:[i.slice(0,t),o("strong",null,i.slice(t,t+s.length)),i.slice(t+s.length)]}renderRow(i,s,t,e,a){const u=this.multiple,l=u&&e.has(A(i.value)),n=this.isOff(i,e,a);return o("div",{id:`${this.fieldId}-opt-${s}`,key:i.value,role:"option","aria-selected":(u?l:s===this.hoverIdx)?"true":"false","aria-disabled":n?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{"sui-popup-option":!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:l,disabled:n},onMouseEnter:()=>this.hoverIdx=s,onMouseLeave:()=>this.hoverIdx=-1,onClick:()=>{n||(u?this.toggle(i):this.pick(i))}},o("span",{class:"sui-popup-option-label"},this.hl(i.label)),l?o(c,{glyph:p}):null)}renderChips(i){return i.length?o("span",{class:"sui-chips",role:"list"},i.map(((i,s)=>o("span",{role:"listitem",key:`${s}:${i}`},o("sui-chip",{size:"sm",label:this.labelOf(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.removeValue(i,!0)}}))))):null}render(){const i=this.multiple,s=i?this.picked:K,t=new Set(s.map(A)),e=i&&this.atCap,p=this.q,v=this.matchingOptions(),f=F(v),g=this.windowFor(f,v.length);this.windowed=!!g;const x=this.invalid||!!this.error,b=P.includes(this.size)?this.size:"md",y=this.open&&null!=v[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,w=this.clearable&&(i?s.length>0||!!this.query:!!this.text)&&!this.isDisabled&&!this.readOnly,k=(w?1:0)+(this.dropdown||this.loading?1:0),z=this.isQuiet,C=o("input",{key:"3a24794a6e9bd84af5f91ae76deef1c6f954fe9c",ref:i=>this.input=i,id:this.fieldId,class:z?{val:!0}:i?{entry:!0}:{"sui-input":!0,"sui-frame":!0,[b]:!0,invalid:x,[`side-${k}`]:k>0},type:"text",size:z?1:void 0,role:"combobox",autocomplete:"off",value:p,placeholder:i&&s.length?void 0:this.placeholder,disabled:this.isDisabled,readOnly:this.readOnly,required:!i&&this.required,"aria-required":i&&this.required?"true":null,"aria-label":z?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-activedescendant":y,"aria-invalid":x?"true":null,"aria-busy":this.loading?"true":null,"aria-describedby":a(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:()=>{i||this.commit()},onKeyDown:this.onKeyDown}),j=w?o("button",{type:"button",class:z?"clear":"side-btn","aria-label":H(void 0,"auto-complete.clear",void 0,"Clear"),disabled:this.isDisabled,onClick:this.clearText},o(c,{glyph:h})):null,D=this.dropdown?o("button",{type:"button",class:z?{chev:!0}:{"side-btn":!0,drop:!0,open:this.open},"aria-label":H(void 0,"auto-complete.showOptions",void 0,"Show options"),"aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,disabled:this.isDisabled||this.readOnly,onClick:this.onDropdownClick},o(c,this.loading?{glyph:d,class:"sui-popup-spin"}:{glyph:m,class:z?void 0:"chev"})):this.loading?o(c,{glyph:d,class:z?"spin sui-popup-spin":"side-spin sui-popup-spin"}):null,S=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},j,D):null,O=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},T=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",M=H(void 0,"auto-complete.loading",this.loadingMessage,"Loading"),q=!this.browse&&p.trim()?H(void 0,"auto-complete.emptyFilter",this.emptyFilterMessage,"No matches."):H(void 0,"auto-complete.empty",this.emptyMessage,"Nothing here yet."),G=this.open||this.closing?o("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onMouseDown:i=>i.preventDefault(),onScroll:this.onPanelScroll},this.loading?o(n,{message:M}):null,this.loading||0!==v.length?null:o("div",{key:"empty",class:"sui-popup-empty empty"},q),o("div",{key:"list",id:`${this.fieldId}-list`,role:"listbox","aria-multiselectable":i?"true":null,"aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-busy":this.loading?"true":null},this.loading||0===v.length?null:l(f,g,(i=>`${this.fieldId}-grp-${i}`),((i,s)=>this.renderRow(i,s,v.length,t,e))))):null,$=z?[o("div",{ref:i=>this.box=i,class:{"sui-inline":!0,text:!0,multi:i,[b]:!0,invalid:x,disabled:this.isDisabled,shell:this.open||this.focused,inverse:"inverse"===this.tone},...O,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":T},C)):o("span",{class:"fit","data-value":T},C),j,D),G]:i?[o("div",{ref:i=>this.box=i,class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,[b]:!0,invalid:x,disabled:this.isDisabled,readonly:this.readOnly,[`side-${k}`]:k>0},...O,onMouseDown:this.onBoxMouseDown},this.renderChips(s),C),G,S]:[C,G,S];return o(u,{key:"2ee44b829b6a23ad1df3a935bad104a8981dc4a4",label:z?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"47978a0f3f487ed0c9ae007ae0e11b28c3b9025b",class:{wrap:!0,inline:z,multiple:i,open:this.open}},$,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(r,{key:"39f74c834bf8ec93d093926ca352892082e184db",message:this.open?this.loading?M:0===v.length?q:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}}};U.style=".sc-sui-auto-complete-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-auto-complete{position:relative}.wrap.inline.sc-sui-auto-complete{display:flex;align-items:flex-start}.wrap.open.sc-sui-auto-complete .sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-panel.sc-sui-auto-complete .empty.sc-sui-auto-complete{padding:9px 10px}.sui-popup-option.sc-sui-auto-complete strong.sc-sui-auto-complete{font-weight:700}.side.sc-sui-auto-complete{position:absolute;top:0;bottom:0;inset-inline-end:6px;display:flex;align-items:center;gap:2px}.side-btn.sc-sui-auto-complete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.side-btn.sc-sui-auto-complete:hover{color:var(--ink);background:var(--surface-hover)}.side-btn.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.side-btn.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);background:transparent;cursor:not-allowed}.side-btn.drop.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.side-btn.drop.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.side-spin.sc-sui-auto-complete{width:22px;text-align:center;font-size:11px;color:var(--ink-faint)}.wrap.sc-sui-auto-complete .sui-input.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.side-2.sc-sui-auto-complete{padding-inline-end:58px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-2.sc-sui-auto-complete{padding-inline-end:58px}.sui-inline.multi.sc-sui-auto-complete .flow.sc-sui-auto-complete{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sui-inline.multi.sc-sui-auto-complete .fit.sc-sui-auto-complete{flex:1 0 auto;min-width:2ch}.sr-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-auto-complete{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-auto-complete{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-auto-complete .sui-field-label.sc-sui-auto-complete{color:var(--danger)}.sui-field-req.sc-sui-auto-complete{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-auto-complete{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-auto-complete{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-frame.sc-sui-auto-complete{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-auto-complete:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-auto-complete,.sui-frame.readonly.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-auto-complete:focus-within,.sui-frame.invalid.focus.sc-sui-auto-complete,.sui-frame.invalid.open.sc-sui-auto-complete{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-auto-complete{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-auto-complete{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-auto-complete:disabled,.sui-popup-trigger.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-popup-trigger.sc-sui-auto-complete .val.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-auto-complete .chev.sc-sui-auto-complete{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:0.4}.sui-popup-trigger.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-auto-complete{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-auto-complete{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-auto-complete{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-auto-complete{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-auto-complete{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-auto-complete input.sc-sui-auto-complete{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-auto-complete{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-auto-complete{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-auto-complete{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-auto-complete{animation-duration:2s}}.sui-popup-spacer.sc-sui-auto-complete{flex:none;pointer-events:none}.sui-popup-option.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-auto-complete{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-auto-complete{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-auto-complete{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-auto-complete{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-auto-complete{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}.sui-popup-option.hover.sc-sui-auto-complete{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-auto-complete{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{color:HighlightText}.sui-popup-option.disabled.sc-sui-auto-complete{color:GrayText}}.sui-inline.sc-sui-auto-complete{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-auto-complete{min-height:var(--control-sm)}.sui-inline.md.sc-sui-auto-complete{min-height:var(--control-md)}.sui-inline.lg.sc-sui-auto-complete{min-height:var(--control-lg)}.sui-inline.text.sc-sui-auto-complete{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-auto-complete{cursor:default}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-auto-complete:focus{outline:none}.sui-inline.sc-sui-auto-complete:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-auto-complete{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-auto-complete{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-auto-complete{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete .lead.sc-sui-auto-complete{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .val.sc-sui-auto-complete{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete:disabled.placeholder .val.sc-sui-auto-complete,.sui-inline.disabled.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled{cursor:not-allowed}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-inline.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .clear.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .chev.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover:not(:disabled),.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:focus-visible,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:disabled,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .clear.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .chev.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.inverse.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell) sui-chip.sc-sui-auto-complete{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-auto-complete{border-color:CanvasText}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-auto-complete{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:GrayText}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}}.sui-chip-box.sc-sui-auto-complete{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-auto-complete:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-auto-complete{display:contents}.sui-chips.sc-sui-auto-complete>[role=\"listitem\"].sc-sui-auto-complete{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-auto-complete .entry.sc-sui-auto-complete{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-auto-complete .entry.sc-sui-auto-complete{padding:2px 2px}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}";export{U as sui_auto_complete}
+import{r as i,c as s,g as t,f as e,h as o}from"./p-ChCjmDsd.js";import{d as a,F as u}from"./p-DLfOvQY0.js";import{p as l,P as n,a as r}from"./p-CQIXI5a2.js";import{G as c,r as p,z as h,a as d,q as m}from"./p-CHznIlgx.js";import{i as v,a as f}from"./p-BsRW1Q8k.js";import{u as g}from"./p-U06fVoGD.js";import{i as x,d as b,s as y,r as w}from"./p-B3wtlP4_.js";import{f as k}from"./p-CGWvlrv_.js";import{m as z}from"./p-BE4gZZNA.js";import{n as C,o as F,f as j,k as A,h as D,s as O,l as S}from"./p-_HRbdUU3.js";import{m as T,k as M,j as q}from"./p-DxQKrio7.js";import{p as I}from"./p-D12pOgZQ.js";import{S as L,r as $,v as B,s as G}from"./p-Btp15dVO.js";import{a as H,l as Q}from"./p-lWhwwQJ2.js";import{d as R,p as N}from"./p-Bt5Kx3zM.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const V=["sm","md","lg"],P=[],K=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiSelect=s(this,"suiSelect",7),this.suiChange=s(this,"suiChange",7),this.suiSearch=s(this,"suiSearch",7),this.suiOpen=s(this,"suiOpen",3),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),this.suiClose=s(this,"suiClose",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;options=[];externalFilter=!1;placeholder;multiple=!1;value="";disabled=!1;readOnly=!1;invalid=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;dropdown=!1;forceSelection=!1;allowCustom=!1;max;size="md";variant="default";tone;open=!1;openOnFocus=!1;required=!1;name;suiInput;suiSelect;suiChange;suiSearch;suiOpen;suiFocus;suiBlur;suiClose;hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){R(i)&&(this.keyNav=!0)}onPointerNav(i){const s=N(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;browse=!1;panelScrollTop=0;formDisabled=!1;query="";announce="";get isDisabled(){return this.disabled||this.formDisabled}fieldId=g("sui-auto-complete");input;box;panel;scrollFrame;initial="";committed="";seen=new Map;metrics=new L;windowed=!1;closing=!1;popup=I({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){x(this.host,this.internals),b(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=v(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=f(this.host,(i=>{this.hostLabelledby=i})),this.open&&this.panel&&e(this)}get text(){return"string"==typeof this.value?this.value:""}pickedCache;get picked(){const i=this.value;return Array.isArray(i)?(this.pickedCache&&this.pickedCache.src===i||(this.pickedCache={src:i,out:i.filter((i=>!C(i)))}),this.pickedCache.out):P}get q(){return this.multiple?this.query:this.text}get cap(){const i=Math.floor(Number(this.max));return Number.isFinite(i)&&i>=1?i:void 0}get atCap(){const i=this.cap;return null!=i&&this.picked.length>=i}componentWillLoad(){this.multiple&&!Array.isArray(this.value)&&(this.value=[]),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.committed=this.text,this.syncForm()}componentDidRender(){this.syncForm(),this.open&&(this.afterOpen(),this.multiple&&this.reposition()),this.remeasure()}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;let s=this.metrics.measure(this.panel,this.panel.querySelector(".sui-popup-option"),i);s=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||s,s&&e(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const t=this.virtualScrollThreshold;return!(t>0)||s<t?null:$(B(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=B(F(this.matchingOptions())),t=G(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=t&&(this.panel.scrollTop=t,this.panelScrollTop=this.panel.scrollTop)}componentDidLoad(){this.syncForm()}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.isDisabled,s=this.required&&!i&&!this.readOnly;if(this.multiple){const t=this.picked;return y(this.internals,i?null:z(this.name,t)??(t.length?t.join(","):null)),void w(this.internals,s,0===t.length,this.label,this.input,this.error)}y(this.internals,i?null:this.text),w(this.internals,s,!this.text,this.label,this.input,this.error)}onMultipleChange(i){i&&!Array.isArray(this.value)?this.value=[]:i||"string"==typeof this.value||(this.value=""),this.query="",this.announce="",this.browse=!1,this.hoverIdx=-1,this.syncForm()}onOpenChange(i){if(this.hoverIdx=-1,this.panelScrollTop=0,this.metrics.reset(),i)return this.popup.reopen(),void(this.closing=!1);this.teardown(),this.browse=!1,this.windowed=!1,this.closing=this.popup.close()}onOptions(){this.hoverIdx>=this.matchingOptions().length&&(this.hoverIdx=-1)}formResetCallback(){const i=this.initial;this.value=Array.isArray(i)?[...i]:i,this.committed=this.text,this.query="",this.announce="",this.input&&(this.input.value=this.multiple?"":this.text),this.requestClose("cancel"),this.syncForm()}formDisabledCallback(i){this.formDisabled=k(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}allCache;all(){return this.flat().out}flat(){if(!this.allCache||this.allCache.src!==this.options){const i=j(S(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=A(i.value);s.has(t)||s.set(t,i)})),this.allCache={src:this.options,out:i,byValue:s}}return this.allCache}labelOf(i){const s=A(i);return this.flat().byValue.get(s)?.label??this.seen.get(s)??s}matchingOptions(){if(this.loading)return[];if(this.browse)return this.all();const i=this.q;if(!i)return this.multiple?this.all():[];if(this.externalFilter)return this.all();const s=i.toLowerCase();return this.all().filter((i=>i.label.toLowerCase().includes(s)))}isOff(i,s,t){return!!i.disabled||t&&!s.has(A(i.value))}show(i=!1){this.open||this.isDisabled||this.readOnly||!this.q&&!i||(this.open=!0,this.suiOpen.emit())}browseAll(){this.isDisabled||this.readOnly||(this.browse=!0,this.resetScroll(),this.open||(this.open=!0,this.suiOpen.emit()),this.suiSearch.emit({query:this.q,reason:"dropdown"}),this.input?.focus())}requestClose(i){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1))}afterOpen(){this.open&&this.input&&this.popup.open(this.panel)}get isQuiet(){return"quiet"===this.variant}reposition(){if(!this.input||!this.panel)return;const i=(this.isQuiet||this.multiple)&&this.box?this.box:this.input;T(i,this.panel,this.isQuiet?200:0),M(this.panel,q(i,this.panel,"bottom",6,"start"))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}settle(i){i!==this.committed&&(this.committed=i,this.suiChange.emit(i))}commit(){let i=this.text;if(this.forceSelection&&i){const s=this.all().find((s=>!s.disabled&&s.label.toLowerCase()===i.toLowerCase()));if(s)return s.label!==this.committed?void this.pick(s):void(i!==s.label&&(this.value=s.label,this.suiInput.emit(s.label)));this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),i=""}this.settle(i)}pick(i){if(this.isDisabled||i.disabled)return;const s=this.text!==i.label;this.value=i.label,this.requestClose("pick"),s&&this.suiInput.emit(i.label),this.suiSelect.emit(i.value),this.settle(i.label)}say(i,s,t){this.announce=H(void 0,i,void 0,s,{value:t})}sayAdded(i){this.announce=this.atCap?H(void 0,"auto-complete.addedAtLimit",void 0,"{value} added. Limit of {n} reached.",{value:i,n:String(this.cap)}):H(void 0,"auto-complete.added",void 0,"{value} added.",{value:i})}limitText(){return H(void 0,"auto-complete.limitReached",void 0,"Limit of {n} reached.",{n:String(this.cap)})}setValues(i){this.value=i,this.suiChange.emit(i)}clearQuery(){this.browse=!1,this.resetScroll(),this.input&&(this.input.value=""),this.query&&(this.query="",this.suiInput.emit(""))}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picked;if(D(s,i.value))return void this.removeValue(i.value);if(this.atCap)return void(this.announce=this.limitText());this.seen.set(A(i.value),i.label);const t=[...s,i.value];this.value=t,this.sayAdded(i.label),this.suiSelect.emit(i.value),this.suiChange.emit(t),this.clearQuery(),this.hoverIdx=this.matchingOptions().findIndex((s=>O(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;D(t,i)&&(this.setValues(t.filter((s=>!O(s,i)))),this.say("auto-complete.removed","{value} removed.",this.labelOf(i)),s&&this.input?.focus())}commitQuery(){const i=this.query.trim();if(!i)return!1;const s=i.toLowerCase(),t=this.all().find((i=>!i.disabled&&i.label.toLowerCase()===s));return t?D(this.picked,t.value)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",t.label),this.clearQuery(),!0):this.atCap?(this.announce=this.limitText(),!1):(this.toggle(t),!0):!(!this.allowCustom||(D(this.picked,i)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",i),this.clearQuery(),0):this.atCap?(this.announce=this.limitText(),1):(this.setValues([...this.picked,i]),this.sayAdded(i),this.clearQuery(),0)))}clearText=()=>{if(!this.isDisabled&&!this.readOnly){if(this.multiple){const i=this.picked.length>0;if(!i&&!this.query)return;return this.clearQuery(),this.requestClose("cancel"),i&&(this.setValues([]),this.announce=Q(void 0,"auto-complete.cleared",void 0,"All values removed.")),void this.input?.focus()}this.text&&(this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),this.settle(""),this.input?.focus())}};onDropdownClick=()=>{this.isDisabled||this.readOnly||(this.open?this.requestClose("trigger"):this.browseAll())};onBoxMouseDown=i=>{const s=i.target;s!==this.input&&(i.preventDefault(),s.closest("button")||this.input?.focus())};onFocus=()=>{this.focused=!0,this.suiFocus.emit(),this.openOnFocus&&this.show(this.multiple)};onBlur=()=>{this.focused=!1,this.multiple&&this.query&&!this.isDisabled&&!this.readOnly&&(this.commitQuery(),this.clearQuery()),this.suiBlur.emit()};move(i){const s=this.matchingOptions();if(!s.length)return;const t=new Set(this.picked.map(A)),e=this.multiple&&this.atCap;let o=this.hoverIdx<0&&-1===i?0:this.hoverIdx;for(let a=0;a<s.length&&(o=(o+i+s.length)%s.length,this.isOff(s[o],t,e));a++);this.hoverIdx=o,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onInput=i=>{const s=i.target.value;this.multiple?this.query=s:this.value=s,this.hoverIdx=-1,this.browse=!1,this.resetScroll(),s?this.show():this.multiple||this.requestClose("cancel"),this.suiInput.emit(s),this.suiSearch.emit({query:s,reason:"input"})};onKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const s=this.matchingOptions();switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void(this.q?this.show():this.dropdown&&this.browseAll());case"Enter":{const t=this.open?s[this.hoverIdx]:void 0;return null!=t?(i.preventDefault(),void(this.multiple?this.toggle(t):this.pick(t))):this.multiple?void(this.query.trim()&&(i.preventDefault(),this.commitQuery())):(this.requestClose("pick"),void this.commit())}case"Backspace":return void(this.multiple&&!this.query&&this.picked.length&&this.removeValue(this.picked[this.picked.length-1]));case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape")));case"Tab":return void this.requestClose("outside")}};hl(i){const s=this.q;if(!s)return i;const t=i.toLowerCase().indexOf(s.toLowerCase());return t<0?i:[i.slice(0,t),o("strong",null,i.slice(t,t+s.length)),i.slice(t+s.length)]}renderRow(i,s,t,e,a){const u=this.multiple,l=u&&e.has(A(i.value)),n=this.isOff(i,e,a);return o("div",{id:`${this.fieldId}-opt-${s}`,key:i.value,role:"option","aria-selected":(u?l:s===this.hoverIdx)?"true":"false","aria-disabled":n?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{"sui-popup-option":!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:l,disabled:n},onMouseEnter:()=>this.hoverIdx=s,onMouseLeave:()=>this.hoverIdx=-1,onClick:()=>{n||(u?this.toggle(i):this.pick(i))}},o("span",{class:"sui-popup-option-label"},this.hl(i.label)),l?o(c,{glyph:p}):null)}renderChips(i){return i.length?o("span",{class:"sui-chips",role:"list"},i.map(((i,s)=>o("span",{role:"listitem",key:`${s}:${i}`},o("sui-chip",{size:"sm",label:this.labelOf(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.removeValue(i,!0)}}))))):null}render(){const i=this.multiple,s=i?this.picked:P,t=new Set(s.map(A)),e=i&&this.atCap,p=this.q,v=this.matchingOptions(),f=F(v),g=this.windowFor(f,v.length);this.windowed=!!g;const x=this.invalid||!!this.error,b=V.includes(this.size)?this.size:"md",y=this.open&&null!=v[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,w=this.clearable&&(i?s.length>0||!!this.query:!!this.text)&&!this.isDisabled&&!this.readOnly,k=(w?1:0)+(this.dropdown||this.loading?1:0),z=this.isQuiet,C=o("input",{key:"af9072e76d9503fc4db22b2bad1942e1a7bfffb7",ref:i=>this.input=i,id:this.fieldId,class:z?{val:!0}:i?{entry:!0}:{"sui-input":!0,"sui-frame":!0,[b]:!0,invalid:x,[`side-${k}`]:k>0},type:"text",size:z?1:void 0,role:"combobox",autocomplete:"off",value:p,placeholder:i&&s.length?void 0:this.placeholder,disabled:this.isDisabled,readOnly:this.readOnly,required:!i&&this.required,"aria-required":i&&this.required?"true":null,"aria-label":z?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-activedescendant":y,"aria-invalid":x?"true":null,"aria-busy":this.loading?"true":null,"aria-describedby":a(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:()=>{i||this.commit()},onKeyDown:this.onKeyDown}),j=w?o("button",{type:"button",class:z?"clear":"side-btn","aria-label":Q(void 0,"auto-complete.clear",void 0,"Clear"),disabled:this.isDisabled,onClick:this.clearText},o(c,{glyph:h})):null,D=this.dropdown?o("button",{type:"button",class:z?{chev:!0}:{"side-btn":!0,drop:!0,open:this.open},"aria-label":Q(void 0,"auto-complete.showOptions",void 0,"Show options"),"aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,disabled:this.isDisabled||this.readOnly,onClick:this.onDropdownClick},o(c,this.loading?{glyph:d,class:"sui-popup-spin"}:{glyph:m,class:z?void 0:"chev"})):this.loading?o(c,{glyph:d,class:z?"spin sui-popup-spin":"side-spin sui-popup-spin"}):null,O=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},j,D):null,S=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},T=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",M=Q(void 0,"auto-complete.loading",this.loadingMessage,"Loading"),q=!this.browse&&p.trim()?Q(void 0,"auto-complete.emptyFilter",this.emptyFilterMessage,"No matches."):Q(void 0,"auto-complete.empty",this.emptyMessage,"Nothing here yet."),I=this.open||this.closing?o("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onMouseDown:i=>i.preventDefault(),onScroll:this.onPanelScroll},this.loading?o(n,{message:M}):null,this.loading||0!==v.length?null:o("div",{key:"empty",class:"sui-popup-empty empty"},q),o("div",{key:"list",id:`${this.fieldId}-list`,role:"listbox","aria-multiselectable":i?"true":null,"aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-busy":this.loading?"true":null},this.loading||0===v.length?null:l(f,g,(i=>`${this.fieldId}-grp-${i}`),((i,s)=>this.renderRow(i,s,v.length,t,e))))):null,L=z?[o("div",{ref:i=>this.box=i,class:{"sui-inline":!0,text:!0,multi:i,[b]:!0,invalid:x,disabled:this.isDisabled,shell:this.open||this.focused,inverse:"inverse"===this.tone},...S,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":T},C)):o("span",{class:"fit","data-value":T},C),j,D),I]:i?[o("div",{ref:i=>this.box=i,class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,[b]:!0,invalid:x,disabled:this.isDisabled,readonly:this.readOnly,[`side-${k}`]:k>0},...S,onMouseDown:this.onBoxMouseDown},this.renderChips(s),C),I,O]:[C,I,O];return o(u,{key:"8a6a9faa1b534654a6bf887115e193d774b37ba6",label:z?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"11b9fda4a7af2ef5a407740b260b0b1b7de10971",class:{wrap:!0,inline:z,multiple:i,open:this.open}},L,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(r,{key:"6d615fb28138f2711f34d3636efebba6c2ba01d1",message:this.open?this.loading?M:0===v.length?q:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}}};K.style=".sc-sui-auto-complete-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-auto-complete{position:relative}.wrap.inline.sc-sui-auto-complete{display:flex;align-items:flex-start}.wrap.open.sc-sui-auto-complete .sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-panel.sc-sui-auto-complete .empty.sc-sui-auto-complete{padding:9px 10px}.sui-popup-option.sc-sui-auto-complete strong.sc-sui-auto-complete{font-weight:700}.side.sc-sui-auto-complete{position:absolute;top:0;bottom:0;inset-inline-end:6px;display:flex;align-items:center;gap:2px}.side-btn.sc-sui-auto-complete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.side-btn.sc-sui-auto-complete:hover{color:var(--ink);background:var(--surface-hover)}.side-btn.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.side-btn.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);background:transparent;cursor:not-allowed}.side-btn.drop.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.side-btn.drop.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.side-spin.sc-sui-auto-complete{width:22px;text-align:center;font-size:11px;color:var(--ink-faint)}.wrap.sc-sui-auto-complete .sui-input.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.side-2.sc-sui-auto-complete{padding-inline-end:58px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-2.sc-sui-auto-complete{padding-inline-end:58px}.sui-inline.multi.sc-sui-auto-complete .flow.sc-sui-auto-complete{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sui-inline.multi.sc-sui-auto-complete .fit.sc-sui-auto-complete{flex:1 0 auto;min-width:2ch}.sr-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-auto-complete{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-auto-complete{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-auto-complete .sui-field-label.sc-sui-auto-complete{color:var(--danger)}.sui-field-req.sc-sui-auto-complete{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-auto-complete{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-auto-complete{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-frame.sc-sui-auto-complete{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-auto-complete:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-auto-complete,.sui-frame.readonly.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-auto-complete:focus-within,.sui-frame.invalid.focus.sc-sui-auto-complete,.sui-frame.invalid.open.sc-sui-auto-complete{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-auto-complete{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-auto-complete{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-auto-complete:disabled,.sui-popup-trigger.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-popup-trigger.sc-sui-auto-complete .val.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-auto-complete .chev.sc-sui-auto-complete{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:0.4}.sui-popup-trigger.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-auto-complete{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-auto-complete{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-auto-complete{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-auto-complete{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-auto-complete{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-auto-complete input.sc-sui-auto-complete{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-auto-complete{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-auto-complete{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-auto-complete{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-auto-complete{animation-duration:2s}}.sui-popup-spacer.sc-sui-auto-complete{flex:none;pointer-events:none}.sui-popup-option.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-auto-complete{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-auto-complete{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-auto-complete{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-auto-complete{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-auto-complete{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}.sui-popup-option.hover.sc-sui-auto-complete{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-auto-complete{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{color:HighlightText}.sui-popup-option.disabled.sc-sui-auto-complete{color:GrayText}}.sui-inline.sc-sui-auto-complete{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-auto-complete{min-height:var(--control-sm)}.sui-inline.md.sc-sui-auto-complete{min-height:var(--control-md)}.sui-inline.lg.sc-sui-auto-complete{min-height:var(--control-lg)}.sui-inline.text.sc-sui-auto-complete{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-auto-complete{cursor:default}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-auto-complete:focus{outline:none}.sui-inline.sc-sui-auto-complete:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-auto-complete{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-auto-complete{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-auto-complete{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete .lead.sc-sui-auto-complete{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .val.sc-sui-auto-complete{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete:disabled.placeholder .val.sc-sui-auto-complete,.sui-inline.disabled.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled{cursor:not-allowed}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-inline.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .clear.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .chev.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover:not(:disabled),.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:focus-visible,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:disabled,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .clear.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .chev.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.inverse.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell) sui-chip.sc-sui-auto-complete{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-auto-complete{border-color:CanvasText}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-auto-complete{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:GrayText}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}}.sui-chip-box.sc-sui-auto-complete{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-auto-complete:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-auto-complete{display:contents}.sui-chips.sc-sui-auto-complete>[role=\"listitem\"].sc-sui-auto-complete{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-auto-complete .entry.sc-sui-auto-complete{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-auto-complete .entry.sc-sui-auto-complete{padding:2px 2px}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}";export{K as sui_auto_complete}

package/dist/shineui/p-054037eb.entry.js

@@ -0,0 +1 @@
+import{r as i,c as s,g as t,h as e,a as r}from"./p-ChCjmDsd.js";import{G as o,U as l,r as a,ab as c,s as n,q as d,k as u,ak as h,F as p,o as v,f as k,aj as f,H as g}from"./p-CHznIlgx.js";import{r as b,s as x,R as m}from"./p-C-x2TWbq.js";import{u as w}from"./p-U06fVoGD.js";import{d as y}from"./p-BnfaBLhb.js";import{l as z,a as H}from"./p-lWhwwQJ2.js";import{i as j}from"./p-GAnFXayY.js";import{d as C}from"./p-B3wtlP4_.js";import"./p-CKZsMl6B.js";import"./p-SU0AMGKA.js";const S=class{constructor(t){i(this,t),this.suiSourceChange=s(this,"suiSourceChange",3),this.suiTargetChange=s(this,"suiTargetChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3)}get host(){return t(this)}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=w("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){C(this.host,(()=>{const i=this.selSide()||"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth||0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth||0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()||"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)||[]}nameOf(i){return"s"===i?z(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):z(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>b(s[i],e)))}holding(i){const s=this.selection||[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes||!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));x(e,this.selection)||(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=y(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?H(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):H(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes||this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag||this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)||(i.preventDefault(),this.over&&this.over.side===s||(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s||!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes||this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1||"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(j(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(j(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=H(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=H(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=y(s,0,r-1);if(o===t.idx)return void(this.live=0===o?H(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):H(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=H(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=H(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=H(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))||!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=H(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(o,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),d=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],x=this.filtering(i),w=this.nameOf(i),y=this.loading?z(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length||this.drag?"":x?z(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):z(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading||r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const c=String(r.value),n=g[c]=(g[c]||0)+1,v=p.includes(t);b.push(e("li",{key:n>1?`${c}#${n}`:c,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u||x},role:"option","aria-selected":v?"true":"false",tabIndex:t===d?0:-1,draggable:u&&!x,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(o,{glyph:a}):null):null,e(o,{glyph:l,class:"grip"}),e(m,{item:r,avatar:r.avatar||r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dlend`})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(o,{glyph:n}),e("input",{type:"text",placeholder:z(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":H(void 0,"pick-list.filter",void 0,"Filter {list}",{list:w}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":H(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:w}),disabled:0===r.length||this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(o,{glyph:a}):null,f?e(o,{glyph:c}):null),e("span",null,z(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:`${this.fieldId}-hint`,"aria-busy":this.loading?"true":null,style:{maxHeight:`${this.height}px`},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},z(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:d,all:h}:{one:u,all:p},l=this.stacked?{one:v,all:f}:{one:k,all:g};return e(r,{key:"18fcc8f51cea3774bf06bc330ca3d546ca476693"},e("div",{key:"c805c7c1d32ce1715467d15c22d3b1c3d2c33590",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,z(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,z(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t||0===this.listOf("s").length),this.ctrl(l.one,z(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,z(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t||0===this.listOf("t").length)),this.pane("t")),e("div",{key:"36c2eb060d54db1d933d3d2b7be75627ca3da7e7",class:"sui-rl-live",id:`${this.fieldId}-hint`},this.boxes?z(void 0,"pick-list.hintBoxes",void 0,"Press Space to check a row, Enter to lift it, and the arrow keys to move it between and within the lists."):z(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"5842ece0d6ebd92ec0a4281d464eb5082bc541ed",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}};S.style=".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-pick-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}";export{S as sui_pick_list}