@threadlabs/looma 0.1.26 → 0.1.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-XRJRF3MM.js → chunk-RLELJVBL.js} +33 -33
- package/dist/cjs/ui-chip_2.cjs.entry.js +6 -6
- package/dist/cjs/ui-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ui-disclosure.cjs.entry.js +1 -1
- package/dist/cjs/ui-editable.cjs.entry.js +1 -1
- package/dist/cjs/ui-floating-action-button.cjs.entry.js +1 -1
- package/dist/cjs/ui-form-field.cjs.entry.js +1 -1
- package/dist/cjs/ui-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/ui-input.cjs.entry.js +1 -1
- package/dist/cjs/ui-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/ui-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-multi-combobox.cjs.entry.js +2 -2
- package/dist/cjs/ui-popover.cjs.entry.js +1 -1
- package/dist/cjs/ui-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/ui-radio.cjs.entry.js +1 -1
- package/dist/cjs/ui-search-result-row.cjs.entry.js +1 -1
- package/dist/cjs/ui-search-shell.cjs.entry.js +1 -1
- package/dist/cjs/ui-select.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +2 -2
- package/dist/cjs/ui-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ui-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ui-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ui-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-tree.cjs.entry.js +1 -1
- package/dist/collection/components/ui-chip/ui-chip.css +10 -0
- package/dist/collection/components/ui-chip/ui-chip.js +1 -1
- package/dist/collection/components/ui-combobox/ui-combobox.js +4 -4
- package/dist/collection/components/ui-context-menu/ui-context-menu.js +1 -1
- package/dist/collection/components/ui-dialog/ui-dialog.js +1 -1
- package/dist/collection/components/ui-disclosure/ui-disclosure.js +1 -1
- package/dist/collection/components/ui-editable/ui-editable.js +1 -1
- package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js +1 -1
- package/dist/collection/components/ui-form-field/ui-form-field.js +1 -1
- package/dist/collection/components/ui-icon-button/ui-icon-button.js +1 -1
- package/dist/collection/components/ui-input/ui-input.js +1 -1
- package/dist/collection/components/ui-menu/ui-menu.js +1 -1
- package/dist/collection/components/ui-menu-item/ui-menu-item.js +1 -1
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.css +5 -1
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js +1 -1
- package/dist/collection/components/ui-popover/ui-popover.js +1 -1
- package/dist/collection/components/ui-radio/ui-radio.js +1 -1
- package/dist/collection/components/ui-radio-group/ui-radio-group.js +1 -1
- package/dist/collection/components/ui-search-result-row/ui-search-result-row.js +1 -1
- package/dist/collection/components/ui-search-shell/ui-search-shell.js +1 -1
- package/dist/collection/components/ui-select/ui-select.js +1 -1
- package/dist/collection/components/ui-switch/ui-switch.js +2 -2
- package/dist/collection/components/ui-tabs/ui-tabs.js +1 -1
- package/dist/collection/components/ui-textarea/ui-textarea.js +1 -1
- package/dist/collection/components/ui-toast-region/ui-toast-region.js +1 -1
- package/dist/collection/components/ui-tooltip/ui-tooltip.js +1 -1
- package/dist/collection/components/ui-top-bar/ui-top-bar.js +1 -1
- package/dist/collection/components/ui-tree/ui-tree.js +1 -1
- package/dist/collection/components/ui-tree-item/ui-tree-item.js +2 -2
- package/dist/components/{p-BMgIcOh-.js → p-BKzrrab4.js} +1 -1
- package/dist/components/p-D0wBI-9r.js +1 -0
- package/dist/components/{p-C6p-ygxq.js → p-DZRtXH6j.js} +1 -1
- package/dist/components/p-Vc4ExHFc.js +1 -0
- package/dist/components/ui-chip.js +1 -1
- package/dist/components/ui-combobox.js +1 -1
- package/dist/components/ui-context-menu.js +1 -1
- package/dist/components/ui-dialog.js +1 -1
- package/dist/components/ui-disclosure.js +1 -1
- package/dist/components/ui-editable.js +1 -1
- package/dist/components/ui-floating-action-button.js +1 -1
- package/dist/components/ui-form-field.js +1 -1
- package/dist/components/ui-icon-button.js +1 -1
- package/dist/components/ui-input.js +1 -1
- package/dist/components/ui-menu-item.js +1 -1
- package/dist/components/ui-menu.js +1 -1
- package/dist/components/ui-multi-combobox.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-radio-group.js +1 -1
- package/dist/components/ui-radio.js +1 -1
- package/dist/components/ui-search-result-row.js +1 -1
- package/dist/components/ui-search-shell.js +1 -1
- package/dist/components/ui-select.js +1 -1
- package/dist/components/ui-switch.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-textarea.js +1 -1
- package/dist/components/ui-toast-region.js +1 -1
- package/dist/components/ui-tooltip.js +1 -1
- package/dist/components/ui-top-bar.js +1 -1
- package/dist/components/ui-tree-item.js +1 -1
- package/dist/components/ui-tree.js +1 -1
- package/dist/esm/ui-chip_2.entry.js +6 -6
- package/dist/esm/ui-context-menu.entry.js +1 -1
- package/dist/esm/ui-dialog.entry.js +1 -1
- package/dist/esm/ui-disclosure.entry.js +1 -1
- package/dist/esm/ui-editable.entry.js +1 -1
- package/dist/esm/ui-floating-action-button.entry.js +1 -1
- package/dist/esm/ui-form-field.entry.js +1 -1
- package/dist/esm/ui-icon-button.entry.js +1 -1
- package/dist/esm/ui-input.entry.js +1 -1
- package/dist/esm/ui-menu-item.entry.js +1 -1
- package/dist/esm/ui-menu.entry.js +1 -1
- package/dist/esm/ui-multi-combobox.entry.js +2 -2
- package/dist/esm/ui-popover.entry.js +1 -1
- package/dist/esm/ui-radio-group.entry.js +1 -1
- package/dist/esm/ui-radio.entry.js +1 -1
- package/dist/esm/ui-search-result-row.entry.js +1 -1
- package/dist/esm/ui-search-shell.entry.js +1 -1
- package/dist/esm/ui-select.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +2 -2
- package/dist/esm/ui-tabs.entry.js +1 -1
- package/dist/esm/ui-textarea.entry.js +1 -1
- package/dist/esm/ui-toast-region.entry.js +1 -1
- package/dist/esm/ui-tooltip.entry.js +1 -1
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-tree-item.entry.js +2 -2
- package/dist/esm/ui-tree.entry.js +1 -1
- package/dist/index.cjs +35 -35
- package/dist/index.js +1 -1
- package/dist/looma/looma.esm.js +1 -1
- package/dist/looma/{p-0e1741cb.entry.js → p-071c139c.entry.js} +1 -1
- package/dist/looma/{p-393e3e02.entry.js → p-0fd60103.entry.js} +1 -1
- package/dist/looma/{p-e14024bf.entry.js → p-1a12eb5c.entry.js} +1 -1
- package/dist/looma/{p-bcb1b47b.entry.js → p-1e1de77f.entry.js} +1 -1
- package/dist/looma/{p-0ef4bf13.entry.js → p-20387ffa.entry.js} +1 -1
- package/dist/looma/{p-30f01909.entry.js → p-2f3c1b57.entry.js} +1 -1
- package/dist/looma/{p-5a7261e1.entry.js → p-4fc9917f.entry.js} +1 -1
- package/dist/looma/{p-26d357ae.entry.js → p-607c3056.entry.js} +1 -1
- package/dist/looma/p-66c6b6dd.entry.js +1 -0
- package/dist/looma/{p-89e71bbb.entry.js → p-6cc3180b.entry.js} +1 -1
- package/dist/looma/{p-558d4f5b.entry.js → p-77dcfa6f.entry.js} +1 -1
- package/dist/looma/p-85a6716e.entry.js +1 -0
- package/dist/looma/{p-81c533f5.entry.js → p-8a5e3fe1.entry.js} +1 -1
- package/dist/looma/{p-7319c147.entry.js → p-8f102407.entry.js} +1 -1
- package/dist/looma/{p-87f501cf.entry.js → p-9551ebf6.entry.js} +1 -1
- package/dist/looma/{p-dbcb479c.entry.js → p-9a82c523.entry.js} +1 -1
- package/dist/looma/{p-78b7e466.entry.js → p-a939c00f.entry.js} +1 -1
- package/dist/looma/{p-7eb04f09.entry.js → p-b68762f2.entry.js} +1 -1
- package/dist/looma/{p-95eb3b58.entry.js → p-b75aff63.entry.js} +1 -1
- package/dist/looma/p-caa37be2.entry.js +1 -0
- package/dist/looma/{p-d62da01d.entry.js → p-da6e2d01.entry.js} +1 -1
- package/dist/looma/{p-fc180770.entry.js → p-df696cca.entry.js} +1 -1
- package/dist/looma/{p-92cd1841.entry.js → p-e07e6ac2.entry.js} +1 -1
- package/dist/looma/{p-96ec4d7a.entry.js → p-e406656e.entry.js} +1 -1
- package/dist/looma/{p-5780cefa.entry.js → p-e82f104c.entry.js} +1 -1
- package/dist/looma/{p-166f8593.entry.js → p-f431dc13.entry.js} +1 -1
- package/dist/{ui-affordance-scope.entry-6N4ZQ5FM.js → ui-affordance-scope.entry-7H6GIQEK.js} +1 -1
- package/dist/{ui-avatar-group.entry-FTZVEFGI.js → ui-avatar-group.entry-QB25IUWA.js} +1 -1
- package/dist/{ui-avatar.entry-SST735OH.js → ui-avatar.entry-L377CWPR.js} +1 -1
- package/dist/{ui-badge.entry-DZGS7MUT.js → ui-badge.entry-QHC3KI5S.js} +1 -1
- package/dist/{ui-button.entry-5WX56ARJ.js → ui-button.entry-MZGTPU22.js} +1 -1
- package/dist/{ui-callout.entry-OI5RNRXV.js → ui-callout.entry-2D4LO74K.js} +1 -1
- package/dist/{ui-checkbox.entry-HCGIQPSE.js → ui-checkbox.entry-B2O5DREC.js} +1 -1
- package/dist/{ui-chip_2.entry-G2IGWJTL.js → ui-chip_2.entry-OOSON72O.js} +8 -8
- package/dist/{ui-context-menu.entry-K2LRT2WV.js → ui-context-menu.entry-UY76G7HM.js} +2 -2
- package/dist/{ui-dialog.entry-4W2T27R6.js → ui-dialog.entry-345V7IJ3.js} +2 -2
- package/dist/{ui-disclosure.entry-ONYMXRKR.js → ui-disclosure.entry-RUU7VNDN.js} +2 -2
- package/dist/{ui-editable.entry-4ZHXIOER.js → ui-editable.entry-WWFFHOMP.js} +2 -2
- package/dist/{ui-floating-action-button.entry-XU4JO2ZV.js → ui-floating-action-button.entry-Y2TLDJO4.js} +2 -2
- package/dist/{ui-form-field.entry-BZSEWR4A.js → ui-form-field.entry-C63GZMQR.js} +2 -2
- package/dist/{ui-icon-button.entry-MHJKL5OZ.js → ui-icon-button.entry-35MJYYEI.js} +2 -2
- package/dist/{ui-input.entry-BL6EX3GC.js → ui-input.entry-3FAXEH5M.js} +2 -2
- package/dist/{ui-menu-item.entry-LERF3A4G.js → ui-menu-item.entry-3J42XLCJ.js} +2 -2
- package/dist/{ui-menu.entry-WXDYGFJE.js → ui-menu.entry-YDABO3OO.js} +2 -2
- package/dist/{ui-multi-combobox.entry-WSNWVRXE.js → ui-multi-combobox.entry-XXLS4V3I.js} +3 -3
- package/dist/{ui-popover.entry-P6STTQVS.js → ui-popover.entry-YP7R6FQO.js} +2 -2
- package/dist/{ui-radio-group.entry-GZLHOY2M.js → ui-radio-group.entry-TYXAN7G5.js} +2 -2
- package/dist/{ui-radio.entry-4PXIRDKT.js → ui-radio.entry-JW7HX3LW.js} +2 -2
- package/dist/{ui-search-result-row.entry-LHNOT7MK.js → ui-search-result-row.entry-MKQYGNFO.js} +2 -2
- package/dist/{ui-search-shell.entry-GQCMEU2Z.js → ui-search-shell.entry-KHIQTT4J.js} +2 -2
- package/dist/{ui-select.entry-TZU7XX4U.js → ui-select.entry-R235Y3IL.js} +2 -2
- package/dist/{ui-switch.entry-QFH3YDYP.js → ui-switch.entry-BJ6FIEPB.js} +3 -3
- package/dist/{ui-tabs.entry-A57JVDT2.js → ui-tabs.entry-ZBP3FLR2.js} +2 -2
- package/dist/{ui-textarea.entry-L3RLZIGO.js → ui-textarea.entry-2YW7TCEU.js} +2 -2
- package/dist/{ui-toast-region.entry-XKKEY4K7.js → ui-toast-region.entry-ZSCMMIKQ.js} +2 -2
- package/dist/{ui-tooltip.entry-5WQTX7XF.js → ui-tooltip.entry-VG4AWEBD.js} +2 -2
- package/dist/{ui-top-bar.entry-KMJEFYOM.js → ui-top-bar.entry-CZW3MLC6.js} +2 -2
- package/dist/{ui-tree-item.entry-TUBC57FI.js → ui-tree-item.entry-CU2SWAOK.js} +3 -3
- package/dist/{ui-tree.entry-Y75CRURL.js → ui-tree.entry-M6KXK7GJ.js} +2 -2
- package/package.json +1 -1
- package/dist/components/p-B9CzOHvE.js +0 -1
- package/dist/components/p-BVteuP_d.js +0 -1
- package/dist/looma/p-05592219.entry.js +0 -1
- package/dist/looma/p-262a542c.entry.js +0 -1
- package/dist/looma/p-3a44b9f9.entry.js +0 -1
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
getElement,
|
|
12
12
|
h,
|
|
13
13
|
registerInstance
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RLELJVBL.js";
|
|
15
15
|
|
|
16
16
|
// dist/esm/ui-checkbox.entry.js
|
|
17
17
|
var uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
|
|
@@ -11,10 +11,10 @@ import {
|
|
|
11
11
|
getElement,
|
|
12
12
|
h,
|
|
13
13
|
registerInstance
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RLELJVBL.js";
|
|
15
15
|
|
|
16
16
|
// dist/esm/ui-chip_2.entry.js
|
|
17
|
-
var uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
|
|
17
|
+
var uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
|
|
18
18
|
var UIChip = class {
|
|
19
19
|
constructor(hostRef) {
|
|
20
20
|
registerInstance(this, hostRef);
|
|
@@ -24,7 +24,7 @@ var UIChip = class {
|
|
|
24
24
|
/** Compact typography size. */
|
|
25
25
|
size = "xs";
|
|
26
26
|
render() {
|
|
27
|
-
return h(Host, { key: "970cb48cf8d70c47feaab90fe428c09f0d052a03", "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: "6d8c6104d2869520097a2a61bd2a887b363b4912", class: "chip__surface" }, h("slot", { key: "
|
|
27
|
+
return h(Host, { key: "970cb48cf8d70c47feaab90fe428c09f0d052a03", "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: "6d8c6104d2869520097a2a61bd2a887b363b4912", class: "chip__surface" }, h("span", { key: "638fb68ff5dffa629576c9e1079bb3169f2adb4f", class: "chip__label" }, h("slot", { key: "8b31f2130e202e18d7717aee6add6bc6e7f119b5" }))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
UIChip.style = uiChipCss();
|
|
@@ -533,23 +533,23 @@ var UICombobox = class {
|
|
|
533
533
|
const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
|
|
534
534
|
const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
|
|
535
535
|
const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
|
|
536
|
-
return h(Host, { key: "
|
|
536
|
+
return h(Host, { key: "1f00d9a83729d9c2147ced7e5006b928d1b5e51d", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "10353b147cc68ef1d67be0988849af1527fcf9ba", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "74bb53137d9343add37c22f3ac503eccf41807a9", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
|
|
537
537
|
if (!event.composedPath().some((node) => node instanceof HTMLButtonElement))
|
|
538
538
|
this.input?.focus();
|
|
539
|
-
} }, h("slot", { key: "
|
|
539
|
+
} }, h("slot", { key: "24c26916365013faa4a78bd4fe0d01f6c129c703", name: "start" }), h("input", { key: "835d19e66ec4a24c1a83f43bbc256fa2a9e3332f", id: "input", ref: (element) => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : void 0, "aria-describedby": description, "aria-invalid": String(this.validation.status === "error"), "aria-busy": String(this.validation.status === "pending"), value: this.display, placeholder: this.placeholder, name: this.name || void 0, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => {
|
|
540
540
|
this.composing = false;
|
|
541
541
|
this.onInput(new InputEvent("input"));
|
|
542
|
-
} }), this.clearable && h("button", { key: "
|
|
542
|
+
} }), this.clearable && h("button", { key: "326c1e24d3c417c3a72acd8234a53937b388ba79", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
|
|
543
543
|
this.commit(null, "", null, "clear", "pointer");
|
|
544
544
|
this.close();
|
|
545
545
|
this.input?.focus();
|
|
546
|
-
} }, "\xD7"), this.help && h("button", { key: "
|
|
546
|
+
} }, "\xD7"), this.help && h("button", { key: "6aeb62dc2935eb95670caa1d2028c0931dc362b2", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "9317be0fbb0c1bbb91061be69f38037a97a4c36b", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "1cd2a0ea92df1144ff2297fcf64df7b3d0f4713a", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
|
|
547
547
|
if (this.expanded)
|
|
548
548
|
this.close();
|
|
549
549
|
else
|
|
550
550
|
this.open("disclosure");
|
|
551
551
|
this.input?.focus();
|
|
552
|
-
} }, h("span", { key: "
|
|
552
|
+
} }, h("span", { key: "0188b2d0e8cc7b7ff4d1a2175a0ff0b47d9c7d98", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "e09fd35274c3e1fa6e408850d72f7a07c2bb4baf", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "ddf83a5944dd03fc7eb580b81fcf291e06c03601", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "1d73de1dabb6eaa95af12f2af88dac74e3f163ea", id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map((group) => h("div", { role: group ? "group" : "presentation", "aria-label": group || void 0 }, group && h("div", { class: "group", part: "group" }, group), this.rows.map((row, index) => (row.group ?? "") !== group ? null : h("div", { id: `option-${index}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index ? "" : void 0, part: "option", class: "option", onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(index, "pointer") }, h("slot", { name: `option-${row.id}` }, h("span", { class: "primary", part: "option-primary" }, row.label), row.description && h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && h("div", { key: "a0aaafa2f4ff79efa954ed780f3a7bd81d4b2ecd", id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? "" : void 0, onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(this.rows.length, "pointer") }, h("slot", { key: "53a6706fc2c26097948b08cf0a7ee6040e37fe57", name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? h("div", { class: "message" }, h("slot", { name: "loading" }, "Loading suggestions\u2026")) : this.lookupError ? h("div", { class: "message" }, h("slot", { name: "error" }, this.lookupError)) : !this.rows.length && !this.canCreate ? h("div", { class: "message" }, h("slot", { name: "empty" }, "No suggestions.")) : null, h("slot", { key: "7997a0233a3c1a560b820c846645405ec4ceec1d", name: "footer" })), h("div", { key: "9143eb79141f5f3660a63f7a2471d1eecd8e9332", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "21f310613b058f528f8c4df329864fd8a2a94b55", class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === "pending" ? "Checking value\u2026" : this.validation.issues.map((issue) => issue.message).join(" ")));
|
|
553
553
|
}
|
|
554
554
|
static get watchers() {
|
|
555
555
|
return {
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
getElement,
|
|
15
15
|
h,
|
|
16
16
|
registerInstance
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-RLELJVBL.js";
|
|
18
18
|
|
|
19
19
|
// dist/esm/ui-context-menu.entry.js
|
|
20
20
|
var uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
|
|
@@ -226,7 +226,7 @@ var UIContextMenu = class {
|
|
|
226
226
|
this.closeMenu("action", "pointer");
|
|
227
227
|
};
|
|
228
228
|
render() {
|
|
229
|
-
return h(Host, { key: "
|
|
229
|
+
return h(Host, { key: "292937da8010dc741e3e845b6f7fd0fef6b8bda3", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "4f08876237d1919803200226d956e67de35fffab", name: "trigger" }), h("div", { key: "c2cc0218165d02cc4c7fd11bdc52a51d39897546", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "1c2c6e62c86f3a38f014976843f3354d312d0744", open: this.internalOpen }, h("slot", { key: "baeca960ac6d2277a60dc567f6e4110904d67b5e" }))));
|
|
230
230
|
}
|
|
231
231
|
static get watchers() {
|
|
232
232
|
return {
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
getElement,
|
|
16
16
|
h,
|
|
17
17
|
registerInstance
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-RLELJVBL.js";
|
|
19
19
|
|
|
20
20
|
// dist/esm/ui-dialog.entry.js
|
|
21
21
|
var uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min( calc(100% - (var(--ui-dialog-viewport-gap) * 2)), var(--ui-dialog-max-width, 440px) );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease), transform var(--ui-dialog-duration) var(--ui-motion-ease), visibility var(--ui-dialog-duration), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
|
|
@@ -124,7 +124,7 @@ var UIDialog = class {
|
|
|
124
124
|
this.accessibleLabel = nextLabel;
|
|
125
125
|
};
|
|
126
126
|
render() {
|
|
127
|
-
return h(Host, { key: "
|
|
127
|
+
return h(Host, { key: "f5b4441f54505e40851dd239d12cf8ed09daabfe", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "6896de6166cc085d9bd581dc053705fbce6328d8", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "07515a7b8da25ccbd18bcde226129a569c999af7" })));
|
|
128
128
|
}
|
|
129
129
|
static get watchers() {
|
|
130
130
|
return {
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
getElement,
|
|
16
16
|
h,
|
|
17
17
|
registerInstance
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-RLELJVBL.js";
|
|
19
19
|
|
|
20
20
|
// dist/esm/ui-disclosure.entry.js
|
|
21
21
|
var uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
|
|
@@ -107,7 +107,7 @@ var UIDisclosure = class {
|
|
|
107
107
|
this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
|
|
108
108
|
};
|
|
109
109
|
render() {
|
|
110
|
-
return h(Host, { key: "
|
|
110
|
+
return h(Host, { key: "5c49c41703850437e8b3a1476f3333da83a4f133" }, h("slot", { key: "9a4856ad2ab237331b8485f6c3a423a43ddceb8d" }));
|
|
111
111
|
}
|
|
112
112
|
static get watchers() {
|
|
113
113
|
return {
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
getElement,
|
|
9
9
|
h,
|
|
10
10
|
registerInstance
|
|
11
|
-
} from "./chunk-
|
|
11
|
+
} from "./chunk-RLELJVBL.js";
|
|
12
12
|
|
|
13
13
|
// dist/esm/ui-editable.entry.js
|
|
14
14
|
var uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
|
|
@@ -94,7 +94,7 @@ var UIEditable = class {
|
|
|
94
94
|
this.requestEdit(false, "light-dismiss", "pointer");
|
|
95
95
|
};
|
|
96
96
|
render() {
|
|
97
|
-
return h(Host, { key: "
|
|
97
|
+
return h(Host, { key: "7f0c77aa06281c94407af1f060f5f2b2c34af394", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "4dc13c26dc4080ed0ad972aa677d9e844a0e7597", part: "preview", hidden: this.internalEdit }, h("slot", { key: "8332efed99f05173030d379088e8e97746f32ce6", name: "preview" })), h("div", { key: "ec3e11ec9218077da5f17a0c724cfab17d56fb17", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "46a4618614c6e55c0015d97e687a0f28e05eef38", name: "edit" })));
|
|
98
98
|
}
|
|
99
99
|
static get watchers() {
|
|
100
100
|
return {
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
Host,
|
|
3
3
|
h,
|
|
4
4
|
registerInstance
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-RLELJVBL.js";
|
|
6
6
|
|
|
7
7
|
// dist/esm/ui-floating-action-button.entry.js
|
|
8
8
|
var uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc( var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom) );inset-inline-end:max( var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)), env(safe-area-inset-right) );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var( --ui-floating-action-button-shadow, 0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent) );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease), transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease), box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var( --ui-floating-action-button-hover-shadow, 0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent) )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
|
|
@@ -14,7 +14,7 @@ var UIFloatingActionButton = class {
|
|
|
14
14
|
mobileOnly = false;
|
|
15
15
|
label = "";
|
|
16
16
|
render() {
|
|
17
|
-
return h(Host, { key: "
|
|
17
|
+
return h(Host, { key: "86f7c100efe7fdf900de7abbcc1a01c475b0da1d", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "91398faeb693dcbe11d58e59a183391ce6e4876c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d11b6f638b045d6835279f3381442983b40472d9" })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
UIFloatingActionButton.style = uiFloatingActionButtonCss();
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
getElement,
|
|
7
7
|
h,
|
|
8
8
|
registerInstance
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-RLELJVBL.js";
|
|
10
10
|
|
|
11
11
|
// dist/esm/ui-form-field.entry.js
|
|
12
12
|
var uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);min-inline-size:0;align-content:start;color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){min-block-size:var(--ui-form-field-help-min-block-size, 0);color:var(--ui-text-muted);font-size:0.875rem;line-height:var(--ui-line-height-md)}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
|
|
@@ -111,7 +111,7 @@ var UIFormField = class {
|
|
|
111
111
|
input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
|
|
112
112
|
}
|
|
113
113
|
render() {
|
|
114
|
-
return h(Host, { key: "
|
|
114
|
+
return h(Host, { key: "3d331f3506c3853d751395569e87614c52ce0076", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "1b582b4961a767230b19efa314943f8a5426270e", onSlotchange: this.scheduleWire }));
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
UIFormField.style = uiFormFieldCss();
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
Host,
|
|
3
3
|
h,
|
|
4
4
|
registerInstance
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-RLELJVBL.js";
|
|
6
6
|
|
|
7
7
|
// dist/esm/ui-icon-button.entry.js
|
|
8
8
|
var uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), border-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var( --ui-icon-button-solid-shadow, 0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent) )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
|
|
@@ -17,7 +17,7 @@ var UIIconButton = class {
|
|
|
17
17
|
/** Reveals this control through a surrounding ui-affordance-scope. */
|
|
18
18
|
anticipatory = false;
|
|
19
19
|
render() {
|
|
20
|
-
return h(Host, { key: "
|
|
20
|
+
return h(Host, { key: "9e8ee3ff8c9f9ab5113a7635e49755e0eb998898", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "7f6dd5ae40b595634ba91834c2bb113687ee5cb8", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b" })));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
UIIconButton.style = uiIconButtonCss();
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
getElement,
|
|
8
8
|
h,
|
|
9
9
|
registerInstance
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-RLELJVBL.js";
|
|
11
11
|
|
|
12
12
|
// dist/esm/ui-input.entry.js
|
|
13
13
|
var uiInputCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(input:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
|
|
@@ -83,7 +83,7 @@ var UIInput = class {
|
|
|
83
83
|
});
|
|
84
84
|
};
|
|
85
85
|
render() {
|
|
86
|
-
return h(Host, { key: "
|
|
86
|
+
return h(Host, { key: "90597a900e0504f0e729990dd8cbc84c35d8162f", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7", ref: (el) => this.slotRef = el }));
|
|
87
87
|
}
|
|
88
88
|
static get watchers() {
|
|
89
89
|
return {
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
Host,
|
|
3
3
|
h,
|
|
4
4
|
registerInstance
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-RLELJVBL.js";
|
|
6
6
|
|
|
7
7
|
// dist/esm/ui-menu-item.entry.js
|
|
8
8
|
var uiMenuItemCss = () => `:host{display:block;width:100%}.menu-item__surface{display:block;box-sizing:border-box;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])) .menu-item__surface{background:var(--ui-surface-subtle)}:host([aria-disabled='true']) .menu-item__surface,:host([disabled]) .menu-item__surface{opacity:0.6;cursor:not-allowed}`;
|
|
@@ -13,7 +13,7 @@ var UIMenuItem = class {
|
|
|
13
13
|
disabled = false;
|
|
14
14
|
value = "";
|
|
15
15
|
render() {
|
|
16
|
-
return h(Host, { key: "
|
|
16
|
+
return h(Host, { key: "856cf07264b2eb8e3e51305408855156e11d9a8b", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "a56401f9b910175eb5683d1748f323dce0d55a9c", class: "menu-item__surface" }, h("slot", { key: "4ee22fd4cdb10ec822e4485e48ed8000a10512ae" })));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
UIMenuItem.style = uiMenuItemCss();
|
|
@@ -19,7 +19,7 @@ import {
|
|
|
19
19
|
getElement,
|
|
20
20
|
h,
|
|
21
21
|
registerInstance
|
|
22
|
-
} from "./chunk-
|
|
22
|
+
} from "./chunk-RLELJVBL.js";
|
|
23
23
|
|
|
24
24
|
// dist/esm/ui-menu.entry.js
|
|
25
25
|
var uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
|
|
@@ -167,7 +167,7 @@ var UIMenu = class {
|
|
|
167
167
|
}
|
|
168
168
|
};
|
|
169
169
|
render() {
|
|
170
|
-
return h(Host, { key: "
|
|
170
|
+
return h(Host, { key: "22689ca1b0514bb27a76bfb9a702c0d4ce49d136", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "cff891a33348f077631f1b92f1167285aafd25f1", class: "menu__surface" }, h("slot", { key: "3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5" })));
|
|
171
171
|
}
|
|
172
172
|
static get watchers() {
|
|
173
173
|
return {
|
|
@@ -4,10 +4,10 @@ import {
|
|
|
4
4
|
getElement,
|
|
5
5
|
h,
|
|
6
6
|
registerInstance
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-RLELJVBL.js";
|
|
8
8
|
|
|
9
9
|
// dist/esm/ui-multi-combobox.entry.js
|
|
10
|
-
var uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;max-inline-size:100
|
|
10
|
+
var uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
|
|
11
11
|
var UIMultiCombobox = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
registerInstance(this, hostRef);
|
|
@@ -180,7 +180,7 @@ var UIMultiCombobox = class {
|
|
|
180
180
|
await this.combobox?.focusInput();
|
|
181
181
|
}
|
|
182
182
|
render() {
|
|
183
|
-
return h(Host, { key: "
|
|
183
|
+
return h(Host, { key: "ba4db0fdca6cae344fe6b0bf06c933a9a90d2d3f", onKeyDown: this.onKeyDown }, h("ui-combobox", { key: "f5901b0b078b479425114d998618828cc458e7dd", ref: (element) => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, h("div", { key: "374c80862302d5c36f4849f42e5ed13222addd1c", slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index) => h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: (event) => this.onItemKeyDown(event, index) }, h("slot", { name: `item-${item.id}` }, h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map((option) => h("span", { slot: `option-${option.id}` }, h("slot", { name: `option-${option.id}` }, option.label))), h("span", { key: "a23781c153e154cdff7066868c2da956e26b7d52", slot: "create" }, h("slot", { key: "e3bde0d1e549e785fff877a1a7aac10df308f7a3", name: "create" }, "Create \u201C", this.raw, "\u201D")), h("span", { key: "5837c4cde35d5984aaf1d364f1b850b9d63ff8ca", slot: "loading" }, h("slot", { key: "1bdfa30849bea752bc5c93268b3427c964d1b5d3", name: "loading" }, "Loading suggestions\u2026")), h("span", { key: "519d7b1a7f28f9d19cd441598a690c8b4fdacf5b", slot: "empty" }, h("slot", { key: "3163150e0f1edebb50509a5dacd576e4568eaaae", name: "empty" }, "No suggestions.")), h("span", { key: "655e4f85d70eb97f0f0ecb2bac7b4228f5cf580f", slot: "error" }, h("slot", { key: "a22667db30ee30003855ee69774eff3a4aab8566", name: "error" }, "Unable to load suggestions.")), h("div", { key: "b01b74f3fc7136a3bf1875c81b9f3a662f3e993c", slot: "footer" }, h("slot", { key: "7565ee0798072eebc6d1c458f89ce6c7941577dd", name: "footer" }))));
|
|
184
184
|
}
|
|
185
185
|
static get watchers() {
|
|
186
186
|
return {
|
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
getElement,
|
|
19
19
|
h,
|
|
20
20
|
registerInstance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-RLELJVBL.js";
|
|
22
22
|
|
|
23
23
|
// dist/esm/ui-popover.entry.js
|
|
24
24
|
var uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min( 20rem, calc(100vw - (var(--ui-popover-viewport-gap) * 2)) );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.popover__surface{box-sizing:border-box;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
|
|
@@ -127,7 +127,7 @@ var UIPopover = class {
|
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
129
|
render() {
|
|
130
|
-
return h(Host, { key: "
|
|
130
|
+
return h(Host, { key: "f63907b8e49b8264c291048c509b6164fdd60ca4", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "2425f4394749d994693f4a256256bd9e2f5daf60", class: "popover__surface" }, h("slot", { key: "3b6f925da371d43e828842c4027cddee673d7ab3" })));
|
|
131
131
|
}
|
|
132
132
|
static get watchers() {
|
|
133
133
|
return {
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
getElement,
|
|
8
8
|
h,
|
|
9
9
|
registerInstance
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-RLELJVBL.js";
|
|
11
11
|
|
|
12
12
|
// dist/esm/ui-radio-group.entry.js
|
|
13
13
|
var uiRadioGroupCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}`;
|
|
@@ -114,7 +114,7 @@ var UIRadioGroup = class {
|
|
|
114
114
|
}
|
|
115
115
|
};
|
|
116
116
|
render() {
|
|
117
|
-
return h(Host, { key: "
|
|
117
|
+
return h(Host, { key: "31d8dee04aad4ddbb0bfa617a4e6ed187eab6674", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec" }));
|
|
118
118
|
}
|
|
119
119
|
static get watchers() {
|
|
120
120
|
return {
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
getElement,
|
|
12
12
|
h,
|
|
13
13
|
registerInstance
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RLELJVBL.js";
|
|
15
15
|
|
|
16
16
|
// dist/esm/ui-radio.entry.js
|
|
17
17
|
var uiRadioCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
|
|
@@ -80,7 +80,7 @@ var UIRadio = class {
|
|
|
80
80
|
});
|
|
81
81
|
};
|
|
82
82
|
render() {
|
|
83
|
-
return h(Host, { key: "
|
|
83
|
+
return h(Host, { key: "5bab1394b8238609e4382309e4b11bca82a60b12", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "56ba5b7ec4ab53299c66689558338d2c6ab3e4f6", ref: (el) => this.slotRef = el }));
|
|
84
84
|
}
|
|
85
85
|
static get watchers() {
|
|
86
86
|
return {
|
package/dist/{ui-search-result-row.entry-LHNOT7MK.js → ui-search-result-row.entry-MKQYGNFO.js}
RENAMED
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
Host,
|
|
3
3
|
h,
|
|
4
4
|
registerInstance
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-RLELJVBL.js";
|
|
6
6
|
|
|
7
7
|
// dist/esm/ui-search-result-row.entry.js
|
|
8
8
|
var uiSearchResultRowCss = () => `:host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var( --ui-search-result-row-selected-bg, var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%)) )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}`;
|
|
@@ -41,7 +41,7 @@ var UISearchResultRow = class {
|
|
|
41
41
|
this.hasTrailing = slotHasContent(this.trailingSlot);
|
|
42
42
|
};
|
|
43
43
|
render() {
|
|
44
|
-
return h(Host, { key: "
|
|
44
|
+
return h(Host, { key: "2e1a1fe613e499a8abaaf89c8cc071554b523157" }, h("button", { key: "2224a7593feb6c58b162ce820b2deb9bec4fa1b7", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "87b86a7d31e15b401b933562adba9a24c88e341f", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "00d253826d2d0c60206e20b6428c3277024a24e0", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "3c4ad5b336450c29d56aea538dbc987b9a624c1d", class: "search-result-row__content", part: "content" }, h("span", { key: "305dc47dcac890ca968d622ce3dc18e88d646ab3", class: "search-result-row__title", part: "title" }, h("slot", { key: "5441b78d87cba9e48eb3b786e7ea914479f5ef15", name: "title" })), h("span", { key: "bbd7769b81005b959e6d950255951f0089e9e716", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "8437dd124e858eadb942e2a05ccd87c14a8ea604", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "6939cb19881b17799205a54eda9d34e86563f994", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "2f41b9ec22a0260e4196553a655cc501384f2331", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "162de66c31688de9114233984448eb5b30d48dc3", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
UISearchResultRow.style = uiSearchResultRowCss();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
h,
|
|
3
3
|
registerInstance
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-RLELJVBL.js";
|
|
5
5
|
|
|
6
6
|
// dist/esm/ui-search-shell.entry.js
|
|
7
7
|
var uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min( calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)), var(--ui-search-shell-max-width, 640px) );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}`;
|
|
@@ -32,7 +32,7 @@ var UISearchShell = class {
|
|
|
32
32
|
this.hasFooter = slotHasContent(this.footerSlot);
|
|
33
33
|
};
|
|
34
34
|
render() {
|
|
35
|
-
return h("div", { key: "
|
|
35
|
+
return h("div", { key: "508a5900288b0b7e0651d3a56e1f5a9094061952", class: "search-shell", part: "base" }, h("slot", { key: "54677a395d62aed4538bb36255046a1d679da312", name: "backdrop" }), h("div", { key: "f738673e5a95509803d2c4682adb4aa48f7b798f", class: "search-shell__panel", part: "panel" }, h("div", { key: "8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea", class: "search-shell__search", part: "search" }, h("slot", { key: "28f3d8439964423fe9beeac91490a70a30a36b6e", name: "search" })), h("div", { key: "8bcd00a532eea21a41a7771636bc038c27c55a31", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "4a4c9082f2645e80fdfa2a8b71a1747573d02f73", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "58439a3d479f042f827abce2a99dc1ae75db5ca1", class: "search-shell__body", part: "body" }, h("slot", { key: "5f6c4202b0abeb3708bed415a576e877c94f1eb1", name: "body" })), h("div", { key: "7a2887f7220619db2ccb5a907623c3e760d1e073", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "26c8f839b8add2b52c6940e67a6a7c94a8ffcf31", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
UISearchShell.style = uiSearchShellCss();
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
getElement,
|
|
8
8
|
h,
|
|
9
9
|
registerInstance
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-RLELJVBL.js";
|
|
11
11
|
|
|
12
12
|
// dist/esm/ui-select.entry.js
|
|
13
13
|
var uiSelectCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px), calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
|
|
@@ -86,7 +86,7 @@ var UISelect = class {
|
|
|
86
86
|
});
|
|
87
87
|
};
|
|
88
88
|
render() {
|
|
89
|
-
return h(Host, { key: "
|
|
89
|
+
return h(Host, { key: "5b77bfa817964325038cf338a1c0791abf8d2bfe", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8", ref: (el) => this.slotRef = el }));
|
|
90
90
|
}
|
|
91
91
|
static get watchers() {
|
|
92
92
|
return {
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
getElement,
|
|
11
11
|
h,
|
|
12
12
|
registerInstance
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-RLELJVBL.js";
|
|
14
14
|
|
|
15
15
|
// dist/esm/ui-switch.entry.js
|
|
16
16
|
var uiSwitchCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
|
|
@@ -59,7 +59,7 @@ var UISwitch = class {
|
|
|
59
59
|
this.toggle("pointer");
|
|
60
60
|
};
|
|
61
61
|
render() {
|
|
62
|
-
return h(Host, { key: "
|
|
62
|
+
return h(Host, { key: "e5ec7f2f91e860dd679098f30b40cbe0e52ccb1f", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "c21462377a81d7242633e7d358f56fd7a276f584", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
|
|
63
63
|
const input = e.target;
|
|
64
64
|
const checked = input.checked;
|
|
65
65
|
if (!isControlled(this.checked))
|
|
@@ -71,7 +71,7 @@ var UISwitch = class {
|
|
|
71
71
|
});
|
|
72
72
|
if (isControlled(this.checked))
|
|
73
73
|
input.checked = this.internalChecked;
|
|
74
|
-
} }), h("slot", { key: "
|
|
74
|
+
} }), h("slot", { key: "e3f4f032bc41784ed41591d4fd175b89a4162c49" }));
|
|
75
75
|
}
|
|
76
76
|
static get watchers() {
|
|
77
77
|
return {
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
getElement,
|
|
12
12
|
h,
|
|
13
13
|
registerInstance
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RLELJVBL.js";
|
|
15
15
|
|
|
16
16
|
// dist/esm/ui-tabs.entry.js
|
|
17
17
|
var uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
|
|
@@ -106,7 +106,7 @@ var UITabs = class {
|
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
render() {
|
|
109
|
-
return h(Host, { key: "
|
|
109
|
+
return h(Host, { key: "908dc4228940bbf33530a2b9f5fb36421c51d1a1", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879" }));
|
|
110
110
|
}
|
|
111
111
|
static get watchers() {
|
|
112
112
|
return {
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
getElement,
|
|
8
8
|
h,
|
|
9
9
|
registerInstance
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-RLELJVBL.js";
|
|
11
11
|
|
|
12
12
|
// dist/esm/ui-textarea.entry.js
|
|
13
13
|
var uiTextareaCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
|
|
@@ -85,7 +85,7 @@ var UITextarea = class {
|
|
|
85
85
|
});
|
|
86
86
|
};
|
|
87
87
|
render() {
|
|
88
|
-
return h(Host, { key: "
|
|
88
|
+
return h(Host, { key: "4774b8d20cd4426b1c6205375fd9e4275bc24f08", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "9b5489df35c29bf453d010f85bcb05dcc01fcce9", ref: (el) => this.slotRef = el }));
|
|
89
89
|
}
|
|
90
90
|
static get watchers() {
|
|
91
91
|
return {
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
getElement,
|
|
11
11
|
h,
|
|
12
12
|
registerInstance
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-RLELJVBL.js";
|
|
14
14
|
|
|
15
15
|
// dist/esm/ui-toast-region.entry.js
|
|
16
16
|
var uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
|
|
@@ -85,7 +85,7 @@ var UIToastRegion = class {
|
|
|
85
85
|
});
|
|
86
86
|
};
|
|
87
87
|
render() {
|
|
88
|
-
return h(Host, { key: "
|
|
88
|
+
return h(Host, { key: "e3a71de7854b5937cc3f74858fc69f202fd93c71", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "cdf6ea0118199d149ac08820c69ec8b54654be91" }));
|
|
89
89
|
}
|
|
90
90
|
static get watchers() {
|
|
91
91
|
return {
|
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
getElement,
|
|
19
19
|
h,
|
|
20
20
|
registerInstance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-RLELJVBL.js";
|
|
22
22
|
|
|
23
23
|
// dist/esm/ui-tooltip.entry.js
|
|
24
24
|
var uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}.tooltip__surface{box-sizing:border-box;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
|
|
@@ -232,7 +232,7 @@ var UITooltip = class {
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
render() {
|
|
235
|
-
return h(Host, { key: "
|
|
235
|
+
return h(Host, { key: "2216e8f56c408e775140200881c9bfd99b45f381", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "a547e43fb5f6c3c2f62cf7f1fb9198dc0024a28d", class: "tooltip__surface" }, h("slot", { key: "dc8863505e8140565588c57ea200b7f548fb5df3" })));
|
|
236
236
|
}
|
|
237
237
|
static get watchers() {
|
|
238
238
|
return {
|