@threadlabs/looma 0.1.28 → 0.2.0
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-G5AWV77V.js → chunk-JXSHRMYW.js} +32 -33
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/looma.cjs.js +1 -1
- package/dist/cjs/ui-chip_2.cjs.entry.js +190 -498
- package/dist/cjs/ui-combobox.cjs.entry.js +708 -0
- 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 +3 -3
- 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-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-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/collection-manifest.json +0 -1
- package/dist/collection/components/ui-combobox/ui-combobox.css +23 -0
- package/dist/collection/components/ui-combobox/ui-combobox.js +298 -21
- 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 +3 -3
- 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-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/index.d.ts +0 -2
- package/dist/components/index.js +1 -1
- package/dist/components/{p-B1macZOS.js → p-DWN2m6ta.js} +1 -1
- package/dist/components/p-DYiNETk6.js +1 -0
- 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-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/loader.js +1 -1
- package/dist/esm/looma.js +1 -1
- package/dist/esm/ui-chip_2.entry.js +192 -500
- package/dist/esm/ui-combobox.entry.js +706 -0
- 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 +3 -3
- 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-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-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 +471 -514
- package/dist/index.js +2 -2
- package/dist/looma/looma.esm.js +1 -1
- package/dist/looma/{p-9a82c523.entry.js → p-1249a806.entry.js} +1 -1
- package/dist/looma/p-1c00670f.entry.js +1 -0
- package/dist/looma/p-22842f8c.entry.js +1 -0
- package/dist/looma/{p-1e1de77f.entry.js → p-2915d5c0.entry.js} +1 -1
- package/dist/looma/{p-88e61cab.entry.js → p-37ec2b4b.entry.js} +1 -1
- package/dist/looma/{p-2f3c1b57.entry.js → p-3b2961a6.entry.js} +1 -1
- package/dist/looma/{p-e07e6ac2.entry.js → p-3f60f4c8.entry.js} +1 -1
- package/dist/looma/{p-9551ebf6.entry.js → p-424d6719.entry.js} +1 -1
- package/dist/looma/{p-6cc3180b.entry.js → p-4caccfce.entry.js} +1 -1
- package/dist/looma/p-55e06e2e.entry.js +1 -0
- package/dist/looma/{p-3957f7ef.entry.js → p-56dac38a.entry.js} +1 -1
- package/dist/looma/p-5cbbf7a0.entry.js +1 -0
- package/dist/looma/{p-f431dc13.entry.js → p-6f20d470.entry.js} +1 -1
- package/dist/looma/{p-b68762f2.entry.js → p-7c0b5364.entry.js} +1 -1
- package/dist/looma/{p-e82f104c.entry.js → p-8bdd9495.entry.js} +1 -1
- package/dist/looma/{p-df696cca.entry.js → p-9cfbf722.entry.js} +1 -1
- package/dist/looma/{p-607c3056.entry.js → p-b6ede6bb.entry.js} +1 -1
- package/dist/looma/p-b6fb6ba3.entry.js +1 -0
- package/dist/looma/{p-da6e2d01.entry.js → p-b76e2111.entry.js} +1 -1
- package/dist/looma/{p-1a12eb5c.entry.js → p-d372b0db.entry.js} +1 -1
- package/dist/looma/p-d46317e0.entry.js +1 -0
- package/dist/looma/{p-20387ffa.entry.js → p-d4825822.entry.js} +1 -1
- package/dist/looma/{p-8a5e3fe1.entry.js → p-d5c3954f.entry.js} +1 -1
- package/dist/looma/{p-4f68f939.entry.js → p-e604e906.entry.js} +1 -1
- package/dist/looma/{p-e406656e.entry.js → p-f1f7c5cb.entry.js} +1 -1
- package/dist/types/components/ui-combobox/ui-combobox.d.ts +35 -4
- package/dist/types/components.d.ts +56 -153
- package/dist/{ui-affordance-scope.entry-X5526PRP.js → ui-affordance-scope.entry-VR7FLAWG.js} +1 -1
- package/dist/{ui-avatar-group.entry-U72MPB5K.js → ui-avatar-group.entry-L3UKOY3U.js} +1 -1
- package/dist/{ui-avatar.entry-OC4J3LTV.js → ui-avatar.entry-VM5OHEFQ.js} +1 -1
- package/dist/{ui-badge.entry-4MSUQRQV.js → ui-badge.entry-ZTM4OPUD.js} +1 -1
- package/dist/{ui-button.entry-22DESWN4.js → ui-button.entry-CIPUSV5B.js} +1 -1
- package/dist/{ui-callout.entry-LOGODDM5.js → ui-callout.entry-OBFCI2O7.js} +1 -1
- package/dist/{ui-checkbox.entry-XAGW3BW4.js → ui-checkbox.entry-XT6ET56H.js} +1 -1
- package/dist/{ui-tooltip.entry-AQ6UPBUP.js → ui-chip_2.entry-32SHCLV6.js} +18 -3
- package/dist/{ui-chip_2.entry-JCPHPXAG.js → ui-combobox.entry-ONBBPQ2C.js} +169 -30
- package/dist/{ui-context-menu.entry-24YOHF7L.js → ui-context-menu.entry-RXNUOK24.js} +2 -2
- package/dist/{ui-dialog.entry-XKNYDWOQ.js → ui-dialog.entry-IJXNUARC.js} +2 -2
- package/dist/{ui-disclosure.entry-2AWCGZ4C.js → ui-disclosure.entry-5QS7UDRH.js} +2 -2
- package/dist/{ui-editable.entry-HLEWO7BN.js → ui-editable.entry-D7LOQN2H.js} +3 -3
- package/dist/{ui-floating-action-button.entry-2NJDB4YN.js → ui-floating-action-button.entry-XQZCTZQT.js} +2 -2
- package/dist/{ui-form-field.entry-FJ5HYCTN.js → ui-form-field.entry-A654LJZE.js} +2 -2
- package/dist/{ui-icon-button.entry-YZHJQ5YR.js → ui-icon-button.entry-MJ7F7ZIH.js} +2 -2
- package/dist/{ui-input.entry-JMBLMNP6.js → ui-input.entry-B2XM7JQU.js} +2 -2
- package/dist/{ui-menu-item.entry-VBGXM66D.js → ui-menu-item.entry-JULYSFVW.js} +2 -2
- package/dist/{ui-menu.entry-I2N5H3YC.js → ui-menu.entry-ORRWW7HD.js} +2 -2
- package/dist/{ui-popover.entry-7JRSJM5S.js → ui-popover.entry-W67V4UPA.js} +2 -2
- package/dist/{ui-radio-group.entry-Q2XB7P3B.js → ui-radio-group.entry-KCFOR27M.js} +2 -2
- package/dist/{ui-radio.entry-NJO4NA4M.js → ui-radio.entry-I2P4V5E3.js} +2 -2
- package/dist/{ui-search-result-row.entry-RPMNDSRN.js → ui-search-result-row.entry-GHODLSLR.js} +2 -2
- package/dist/{ui-search-shell.entry-FMIMYD3B.js → ui-search-shell.entry-PDB5UN4B.js} +2 -2
- package/dist/{ui-select.entry-7NDBWNAU.js → ui-select.entry-D3CZHCKB.js} +2 -2
- package/dist/{ui-switch.entry-YUCPIZE4.js → ui-switch.entry-WUDRL4H5.js} +3 -3
- package/dist/{ui-tabs.entry-FXZWV665.js → ui-tabs.entry-MW64GKIJ.js} +2 -2
- package/dist/{ui-textarea.entry-HHLQR5GG.js → ui-textarea.entry-VHRBYY6G.js} +2 -2
- package/dist/{ui-toast-region.entry-PIIBHNYA.js → ui-toast-region.entry-ET75RWYP.js} +2 -2
- package/dist/{ui-top-bar.entry-S2L7ZM4U.js → ui-top-bar.entry-QIYA3LD3.js} +2 -2
- package/dist/{ui-tree-item.entry-UID7IJPA.js → ui-tree-item.entry-BDB7VEUS.js} +3 -3
- package/dist/{ui-tree.entry-UMD3DNG5.js → ui-tree.entry-GSC7BPRN.js} +2 -2
- package/package.json +1 -1
- package/vue/{chunk-2DDIBSFD.js → chunk-ROMBQS2L.js} +32 -89
- package/vue/editor/index.js +1 -1
- package/vue/index.d.ts +30 -107
- package/vue/index.js +1 -3
- package/dist/cjs/ui-multi-combobox.cjs.entry.js +0 -190
- package/dist/cjs/ui-tooltip.cjs.entry.js +0 -241
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.css +0 -33
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js +0 -553
- package/dist/components/p-DiyiodGX.js +0 -1
- package/dist/components/p-d5fk1vBI.js +0 -1
- package/dist/components/ui-multi-combobox.d.ts +0 -11
- package/dist/components/ui-multi-combobox.js +0 -1
- package/dist/esm/ui-multi-combobox.entry.js +0 -188
- package/dist/esm/ui-tooltip.entry.js +0 -239
- package/dist/looma/p-071c139c.entry.js +0 -1
- package/dist/looma/p-311e54d4.entry.js +0 -1
- package/dist/looma/p-4a10a875.entry.js +0 -1
- package/dist/looma/p-4fc9917f.entry.js +0 -1
- package/dist/looma/p-63a9159f.entry.js +0 -1
- package/dist/looma/p-82de1112.entry.js +0 -1
- package/dist/looma/p-caa37be2.entry.js +0 -1
- package/dist/types/components/ui-multi-combobox/ui-multi-combobox.d.ts +0 -51
- package/dist/ui-multi-combobox.entry-MEX7MU7P.js +0 -196
package/dist/index.cjs
CHANGED
|
@@ -1211,6 +1211,267 @@ var init_manager_C_0syqXZ = __esm({
|
|
|
1211
1211
|
var ui_chip_2_entry_exports = {};
|
|
1212
1212
|
__export(ui_chip_2_entry_exports, {
|
|
1213
1213
|
ui_chip: () => UIChip,
|
|
1214
|
+
ui_tooltip: () => UITooltip
|
|
1215
|
+
});
|
|
1216
|
+
var uiChipCss, UIChip, uiTooltipCss, UITooltip;
|
|
1217
|
+
var init_ui_chip_2_entry = __esm({
|
|
1218
|
+
"dist/esm/ui-chip_2.entry.js"() {
|
|
1219
|
+
init_index_8BGiMGQ0();
|
|
1220
|
+
init_manager_C_0syqXZ();
|
|
1221
|
+
init_events_JwSoedEO();
|
|
1222
|
+
init_controlled_state_BnGhGgTH();
|
|
1223
|
+
init_positioning_Drmwg_C1();
|
|
1224
|
+
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%)}`;
|
|
1225
|
+
UIChip = class {
|
|
1226
|
+
constructor(hostRef) {
|
|
1227
|
+
registerInstance(this, hostRef);
|
|
1228
|
+
}
|
|
1229
|
+
/** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
|
|
1230
|
+
appearance = "tag";
|
|
1231
|
+
/** Compact typography size. */
|
|
1232
|
+
size = "xs";
|
|
1233
|
+
render() {
|
|
1234
|
+
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" }))));
|
|
1235
|
+
}
|
|
1236
|
+
};
|
|
1237
|
+
UIChip.style = uiChipCss();
|
|
1238
|
+
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}}`;
|
|
1239
|
+
UITooltip = class {
|
|
1240
|
+
constructor(hostRef) {
|
|
1241
|
+
registerInstance(this, hostRef);
|
|
1242
|
+
this.opened = createEvent(this, "open");
|
|
1243
|
+
this.closed = createEvent(this, "close");
|
|
1244
|
+
}
|
|
1245
|
+
get host() {
|
|
1246
|
+
return getElement(this);
|
|
1247
|
+
}
|
|
1248
|
+
for = "";
|
|
1249
|
+
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
1250
|
+
open;
|
|
1251
|
+
defaultOpen = false;
|
|
1252
|
+
placement = "top-start";
|
|
1253
|
+
/** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
|
|
1254
|
+
showDelay = 500;
|
|
1255
|
+
/** Pointer leave grace period in milliseconds. */
|
|
1256
|
+
hideDelay = 100;
|
|
1257
|
+
/** Click or tap pins the description; activate again to dismiss. */
|
|
1258
|
+
toggleOnClick = false;
|
|
1259
|
+
pinned = false;
|
|
1260
|
+
focused = false;
|
|
1261
|
+
opened;
|
|
1262
|
+
closed;
|
|
1263
|
+
internalOpen = false;
|
|
1264
|
+
overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
|
|
1265
|
+
trigger = null;
|
|
1266
|
+
surface = null;
|
|
1267
|
+
showTimer = null;
|
|
1268
|
+
hideTimer = null;
|
|
1269
|
+
syncFromProp() {
|
|
1270
|
+
this.clearTimers();
|
|
1271
|
+
if (isControlled(this.open))
|
|
1272
|
+
this.internalOpen = this.open;
|
|
1273
|
+
}
|
|
1274
|
+
resetSurface() {
|
|
1275
|
+
this.syncTrigger();
|
|
1276
|
+
this.setupSurface();
|
|
1277
|
+
this.syncOverlay();
|
|
1278
|
+
}
|
|
1279
|
+
syncOverlay() {
|
|
1280
|
+
if (this.internalOpen) {
|
|
1281
|
+
this.surface?.show();
|
|
1282
|
+
openOverlay({
|
|
1283
|
+
id: this.overlayId,
|
|
1284
|
+
modal: false,
|
|
1285
|
+
element: this.host,
|
|
1286
|
+
relatedElements: this.trigger ? [this.trigger] : void 0,
|
|
1287
|
+
dismissible: true,
|
|
1288
|
+
requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
|
|
1289
|
+
});
|
|
1290
|
+
} else {
|
|
1291
|
+
this.surface?.hide();
|
|
1292
|
+
closeOverlay(this.overlayId);
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
componentDidLoad() {
|
|
1296
|
+
if (!this.host.id)
|
|
1297
|
+
this.host.id = this.overlayId;
|
|
1298
|
+
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
1299
|
+
this.syncTrigger();
|
|
1300
|
+
this.setupSurface();
|
|
1301
|
+
this.host.addEventListener("pointerenter", this.onSurfaceEnter);
|
|
1302
|
+
this.host.addEventListener("pointerleave", this.onTriggerLeave);
|
|
1303
|
+
this.syncOverlay();
|
|
1304
|
+
}
|
|
1305
|
+
componentDidUpdate() {
|
|
1306
|
+
this.syncTrigger();
|
|
1307
|
+
}
|
|
1308
|
+
disconnectedCallback() {
|
|
1309
|
+
this.clearTimers();
|
|
1310
|
+
this.detachTriggerListeners();
|
|
1311
|
+
this.surface?.destroy();
|
|
1312
|
+
this.surface = null;
|
|
1313
|
+
this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
|
|
1314
|
+
this.host.removeEventListener("pointerleave", this.onTriggerLeave);
|
|
1315
|
+
closeOverlay(this.overlayId);
|
|
1316
|
+
}
|
|
1317
|
+
syncTrigger() {
|
|
1318
|
+
const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
|
|
1319
|
+
if (next === this.trigger)
|
|
1320
|
+
return;
|
|
1321
|
+
this.detachTriggerListeners();
|
|
1322
|
+
this.trigger = next;
|
|
1323
|
+
this.attachTriggerListeners();
|
|
1324
|
+
this.surface?.setAnchor(next);
|
|
1325
|
+
}
|
|
1326
|
+
setupSurface() {
|
|
1327
|
+
this.surface?.destroy();
|
|
1328
|
+
this.surface = createAnchoredSurface(this.host, {
|
|
1329
|
+
anchor: this.trigger,
|
|
1330
|
+
placement: this.placement
|
|
1331
|
+
});
|
|
1332
|
+
}
|
|
1333
|
+
attachTriggerListeners() {
|
|
1334
|
+
this.detachTriggerListeners();
|
|
1335
|
+
if (!this.trigger)
|
|
1336
|
+
return;
|
|
1337
|
+
const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
|
|
1338
|
+
ids.add(this.host.id);
|
|
1339
|
+
this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
|
|
1340
|
+
this.trigger.addEventListener("click", this.onTriggerClick);
|
|
1341
|
+
this.trigger.addEventListener("keydown", this.onTriggerKeydown);
|
|
1342
|
+
this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
|
|
1343
|
+
this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
|
|
1344
|
+
this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
|
|
1345
|
+
this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
|
|
1346
|
+
}
|
|
1347
|
+
detachTriggerListeners() {
|
|
1348
|
+
if (!this.trigger)
|
|
1349
|
+
return;
|
|
1350
|
+
const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
|
|
1351
|
+
if (ids.length)
|
|
1352
|
+
this.trigger.setAttribute("aria-describedby", ids.join(" "));
|
|
1353
|
+
else
|
|
1354
|
+
this.trigger.removeAttribute("aria-describedby");
|
|
1355
|
+
this.trigger.removeEventListener("click", this.onTriggerClick);
|
|
1356
|
+
this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
|
|
1357
|
+
this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
|
|
1358
|
+
this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
|
|
1359
|
+
this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
|
|
1360
|
+
this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
|
|
1361
|
+
}
|
|
1362
|
+
clearShowTimer() {
|
|
1363
|
+
if (this.showTimer === null)
|
|
1364
|
+
return;
|
|
1365
|
+
clearTimeout(this.showTimer);
|
|
1366
|
+
this.showTimer = null;
|
|
1367
|
+
}
|
|
1368
|
+
clearHideTimer() {
|
|
1369
|
+
if (this.hideTimer === null)
|
|
1370
|
+
return;
|
|
1371
|
+
clearTimeout(this.hideTimer);
|
|
1372
|
+
this.hideTimer = null;
|
|
1373
|
+
}
|
|
1374
|
+
clearTimers() {
|
|
1375
|
+
this.clearShowTimer();
|
|
1376
|
+
this.clearHideTimer();
|
|
1377
|
+
}
|
|
1378
|
+
setInteractionOpen(nextOpen, trigger) {
|
|
1379
|
+
if (this.internalOpen === nextOpen)
|
|
1380
|
+
return;
|
|
1381
|
+
if (!isControlled(this.open))
|
|
1382
|
+
this.internalOpen = nextOpen;
|
|
1383
|
+
dispatchDetail(this.host, nextOpen ? "open" : "close", {
|
|
1384
|
+
open: nextOpen,
|
|
1385
|
+
reason: "action",
|
|
1386
|
+
trigger
|
|
1387
|
+
});
|
|
1388
|
+
}
|
|
1389
|
+
onSurfaceEnter = () => this.clearHideTimer();
|
|
1390
|
+
onTriggerClick = (event) => {
|
|
1391
|
+
if (!this.toggleOnClick)
|
|
1392
|
+
return;
|
|
1393
|
+
this.clearTimers();
|
|
1394
|
+
this.pinned = !this.pinned;
|
|
1395
|
+
this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
|
|
1396
|
+
};
|
|
1397
|
+
onTriggerKeydown = (event) => {
|
|
1398
|
+
if (event.key === "Escape")
|
|
1399
|
+
this.clearTimers();
|
|
1400
|
+
};
|
|
1401
|
+
onTriggerEnter = (event) => {
|
|
1402
|
+
if (event.pointerType === "touch")
|
|
1403
|
+
return;
|
|
1404
|
+
this.clearHideTimer();
|
|
1405
|
+
if (this.internalOpen || this.showTimer !== null)
|
|
1406
|
+
return;
|
|
1407
|
+
this.showTimer = setTimeout(() => {
|
|
1408
|
+
this.showTimer = null;
|
|
1409
|
+
this.setInteractionOpen(true, "pointer");
|
|
1410
|
+
}, Math.max(0, this.showDelay));
|
|
1411
|
+
};
|
|
1412
|
+
onTriggerLeave = () => {
|
|
1413
|
+
this.clearShowTimer();
|
|
1414
|
+
if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
|
|
1415
|
+
return;
|
|
1416
|
+
this.hideTimer = setTimeout(() => {
|
|
1417
|
+
this.hideTimer = null;
|
|
1418
|
+
this.setInteractionOpen(false, "pointer");
|
|
1419
|
+
}, Math.max(0, this.hideDelay));
|
|
1420
|
+
};
|
|
1421
|
+
onTriggerFocusIn = () => {
|
|
1422
|
+
this.focused = true;
|
|
1423
|
+
this.clearTimers();
|
|
1424
|
+
this.setInteractionOpen(true, "keyboard");
|
|
1425
|
+
};
|
|
1426
|
+
onTriggerFocusOut = (e) => {
|
|
1427
|
+
const related = e.relatedTarget;
|
|
1428
|
+
if (related && this.host.contains(related))
|
|
1429
|
+
return;
|
|
1430
|
+
this.focused = false;
|
|
1431
|
+
this.pinned = false;
|
|
1432
|
+
this.clearTimers();
|
|
1433
|
+
this.setInteractionOpen(false, "keyboard");
|
|
1434
|
+
};
|
|
1435
|
+
handleRequestClose(reason, trigger) {
|
|
1436
|
+
if (reason === "escape" || reason === "light-dismiss" && this.toggleOnClick) {
|
|
1437
|
+
this.pinned = false;
|
|
1438
|
+
this.clearTimers();
|
|
1439
|
+
if (!isControlled(this.open))
|
|
1440
|
+
this.internalOpen = false;
|
|
1441
|
+
dispatchDetail(this.host, "close", {
|
|
1442
|
+
open: false,
|
|
1443
|
+
reason,
|
|
1444
|
+
trigger
|
|
1445
|
+
});
|
|
1446
|
+
}
|
|
1447
|
+
}
|
|
1448
|
+
render() {
|
|
1449
|
+
return h(Host, { key: "fd4d81febd147b846aca66e94f25d56f14b171dc", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "d31ac8c0e087becd7e60459f2cd894a9b15e95fa", class: "tooltip__surface" }, h("slot", { key: "06e7aac9b6992a9cf0f92c9d356b97d18fb2da8b" })));
|
|
1450
|
+
}
|
|
1451
|
+
static get watchers() {
|
|
1452
|
+
return {
|
|
1453
|
+
"open": [{
|
|
1454
|
+
"syncFromProp": 0
|
|
1455
|
+
}],
|
|
1456
|
+
"for": [{
|
|
1457
|
+
"resetSurface": 0
|
|
1458
|
+
}],
|
|
1459
|
+
"placement": [{
|
|
1460
|
+
"resetSurface": 0
|
|
1461
|
+
}],
|
|
1462
|
+
"internalOpen": [{
|
|
1463
|
+
"syncOverlay": 0
|
|
1464
|
+
}]
|
|
1465
|
+
};
|
|
1466
|
+
}
|
|
1467
|
+
};
|
|
1468
|
+
UITooltip.style = uiTooltipCss();
|
|
1469
|
+
}
|
|
1470
|
+
});
|
|
1471
|
+
|
|
1472
|
+
// dist/esm/ui-combobox.entry.js
|
|
1473
|
+
var ui_combobox_entry_exports = {};
|
|
1474
|
+
__export(ui_combobox_entry_exports, {
|
|
1214
1475
|
ui_combobox: () => UICombobox
|
|
1215
1476
|
});
|
|
1216
1477
|
function formatEditingValue(raw, selection, format) {
|
|
@@ -1270,27 +1531,13 @@ async function validateField(request, config) {
|
|
|
1270
1531
|
issues = [...issues, ...config.issues ?? []];
|
|
1271
1532
|
return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
|
|
1272
1533
|
}
|
|
1273
|
-
var
|
|
1274
|
-
var
|
|
1275
|
-
"dist/esm/ui-
|
|
1534
|
+
var uiComboboxCss, UICombobox;
|
|
1535
|
+
var init_ui_combobox_entry = __esm({
|
|
1536
|
+
"dist/esm/ui-combobox.entry.js"() {
|
|
1276
1537
|
init_index_8BGiMGQ0();
|
|
1277
1538
|
init_positioning_Drmwg_C1();
|
|
1278
1539
|
init_manager_C_0syqXZ();
|
|
1279
|
-
|
|
1280
|
-
UIChip = class {
|
|
1281
|
-
constructor(hostRef) {
|
|
1282
|
-
registerInstance(this, hostRef);
|
|
1283
|
-
}
|
|
1284
|
-
/** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
|
|
1285
|
-
appearance = "tag";
|
|
1286
|
-
/** Compact typography size. */
|
|
1287
|
-
size = "xs";
|
|
1288
|
-
render() {
|
|
1289
|
-
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" }))));
|
|
1290
|
-
}
|
|
1291
|
-
};
|
|
1292
|
-
UIChip.style = uiChipCss();
|
|
1293
|
-
uiComboboxCss = () => `:host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;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))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}`;
|
|
1540
|
+
uiComboboxCss = () => `:host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;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))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}:host([multiple]) .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)}:host([multiple]) 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}`;
|
|
1294
1541
|
UICombobox = class {
|
|
1295
1542
|
constructor(hostRef) {
|
|
1296
1543
|
registerInstance(this, hostRef);
|
|
@@ -1301,6 +1548,9 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1301
1548
|
this.dependencyInvalidate = createEvent(this, "dependency-invalidate");
|
|
1302
1549
|
this.validationChange = createEvent(this, "validation-change");
|
|
1303
1550
|
this.optionsChange = createEvent(this, "options-change");
|
|
1551
|
+
this.addItem = createEvent(this, "add-item");
|
|
1552
|
+
this.removeItem = createEvent(this, "remove-item");
|
|
1553
|
+
this.createItem = createEvent(this, "create-item");
|
|
1304
1554
|
}
|
|
1305
1555
|
get host() {
|
|
1306
1556
|
return getElement(this);
|
|
@@ -1309,9 +1559,16 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1309
1559
|
label = "";
|
|
1310
1560
|
placeholder = "";
|
|
1311
1561
|
name = "";
|
|
1312
|
-
/**
|
|
1562
|
+
/**
|
|
1563
|
+
* Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
|
|
1564
|
+
* With `multiple`, this is the controlled list of selected items instead.
|
|
1565
|
+
*/
|
|
1313
1566
|
value;
|
|
1314
1567
|
defaultValue;
|
|
1568
|
+
/** Render selected values as removable chips before the cursor. `value` becomes the item list. */
|
|
1569
|
+
multiple = false;
|
|
1570
|
+
/** Characters that commit the current query and leave the input ready for the next item (multiple only). */
|
|
1571
|
+
tokenSeparators = [];
|
|
1315
1572
|
/** Controlled raw editing text; independent of canonical selection. */
|
|
1316
1573
|
query;
|
|
1317
1574
|
defaultQuery = "";
|
|
@@ -1328,6 +1585,7 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1328
1585
|
/** Optional description shown by the connected question-mark button. */
|
|
1329
1586
|
help = "";
|
|
1330
1587
|
queryChange;
|
|
1588
|
+
/** Single mode: the ComboboxChange. Multiple mode: the full current item list on any change. */
|
|
1331
1589
|
valueChange;
|
|
1332
1590
|
freeEntry;
|
|
1333
1591
|
createEntry;
|
|
@@ -1335,6 +1593,12 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1335
1593
|
validationChange;
|
|
1336
1594
|
/** Supplies the current result rows for framework-owned rich slots. */
|
|
1337
1595
|
optionsChange;
|
|
1596
|
+
/** Multiple mode: a suggestion or exact-match token was committed as a new item. */
|
|
1597
|
+
addItem;
|
|
1598
|
+
/** Multiple mode: a selected item was removed via chip keyboard controls. */
|
|
1599
|
+
removeItem;
|
|
1600
|
+
/** Multiple mode: an unmatched query was submitted for creation. */
|
|
1601
|
+
createItem;
|
|
1338
1602
|
raw = "";
|
|
1339
1603
|
display = "";
|
|
1340
1604
|
selected = null;
|
|
@@ -1362,7 +1626,22 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1362
1626
|
proposedChange;
|
|
1363
1627
|
formattedRaw;
|
|
1364
1628
|
formattedWith;
|
|
1629
|
+
/** Multiple mode: the controlled selected items (from `value`). Empty otherwise. */
|
|
1630
|
+
get items() {
|
|
1631
|
+
return this.multiple && Array.isArray(this.value) ? this.value : [];
|
|
1632
|
+
}
|
|
1633
|
+
get selectedValues() {
|
|
1634
|
+
return new Set(this.items.map((item) => item.value));
|
|
1635
|
+
}
|
|
1365
1636
|
componentWillLoad() {
|
|
1637
|
+
if (this.multiple) {
|
|
1638
|
+
this.selected = null;
|
|
1639
|
+
this.raw = this.query ?? this.defaultQuery;
|
|
1640
|
+
this.display = this.raw;
|
|
1641
|
+
this.initialRaw = this.raw;
|
|
1642
|
+
this.applyServerIssues();
|
|
1643
|
+
return;
|
|
1644
|
+
}
|
|
1366
1645
|
this.selected = this.value !== void 0 ? this.value : this.defaultValue ?? null;
|
|
1367
1646
|
this.raw = this.query ?? this.defaultQuery;
|
|
1368
1647
|
if (this.query === void 0 && !this.raw && this.selected !== null) {
|
|
@@ -1399,7 +1678,7 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1399
1678
|
this.surface = createAnchoredSurface(this.popup, { anchor: this.field, placement: "bottom-start" });
|
|
1400
1679
|
}
|
|
1401
1680
|
syncValue() {
|
|
1402
|
-
if (this.value === void 0)
|
|
1681
|
+
if (this.multiple || this.value === void 0)
|
|
1403
1682
|
return;
|
|
1404
1683
|
this.selected = this.value;
|
|
1405
1684
|
if (this.query === void 0) {
|
|
@@ -1441,9 +1720,14 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1441
1720
|
if (next.context !== previous?.context) {
|
|
1442
1721
|
this.close();
|
|
1443
1722
|
const policy = next.invalidation ?? "retain-query";
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1723
|
+
if (this.multiple) {
|
|
1724
|
+
if (policy === "clear")
|
|
1725
|
+
this.setMultiQuery("", "programmatic");
|
|
1726
|
+
} else {
|
|
1727
|
+
const value = policy === "retain" ? this.selected : null;
|
|
1728
|
+
const query = policy === "clear" ? "" : this.raw;
|
|
1729
|
+
this.commit(value, query, null, "invalidation", "programmatic");
|
|
1730
|
+
}
|
|
1447
1731
|
this.validation = { status: "pristine", touched: false, dirty: this.raw !== this.initialRaw, issues: [] };
|
|
1448
1732
|
}
|
|
1449
1733
|
this.applyServerIssues();
|
|
@@ -1514,11 +1798,16 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1514
1798
|
this.resetValidation();
|
|
1515
1799
|
}
|
|
1516
1800
|
const ids = /* @__PURE__ */ new Set();
|
|
1801
|
+
const selected = this.multiple ? this.selectedValues : void 0;
|
|
1517
1802
|
this.rows = options.filter((option) => {
|
|
1518
1803
|
if (ids.has(option.id))
|
|
1519
1804
|
return false;
|
|
1520
1805
|
ids.add(option.id);
|
|
1521
|
-
|
|
1806
|
+
if (this.fullSet)
|
|
1807
|
+
return true;
|
|
1808
|
+
if (selected)
|
|
1809
|
+
return !selected.has(option.value) && (config.filter ? config.filter(option, query, config.context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
|
|
1810
|
+
return config.filter ? config.filter(option, query, config.context) : config.provider ? true : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase());
|
|
1522
1811
|
});
|
|
1523
1812
|
const groups = /* @__PURE__ */ new Map();
|
|
1524
1813
|
for (const row of this.rows) {
|
|
@@ -1632,6 +1921,18 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1632
1921
|
const option = this.rows[index];
|
|
1633
1922
|
if (option?.disabled)
|
|
1634
1923
|
return;
|
|
1924
|
+
if (this.multiple) {
|
|
1925
|
+
if (option)
|
|
1926
|
+
this.addSelectedItem(option, trigger);
|
|
1927
|
+
else if (this.canCreate && index === this.rows.length)
|
|
1928
|
+
this.createSelectedItem(this.raw.trim(), trigger);
|
|
1929
|
+
else
|
|
1930
|
+
return;
|
|
1931
|
+
this.setMultiQuery("", trigger);
|
|
1932
|
+
this.close();
|
|
1933
|
+
this.input?.focus();
|
|
1934
|
+
return;
|
|
1935
|
+
}
|
|
1635
1936
|
if (option)
|
|
1636
1937
|
this.commit(option.value, option.label, option, "selection", trigger);
|
|
1637
1938
|
else if (this.canCreate && index === this.rows.length)
|
|
@@ -1643,6 +1944,104 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1643
1944
|
if (this.config.validateOn !== "submit")
|
|
1644
1945
|
queueMicrotask(() => void this.validate());
|
|
1645
1946
|
}
|
|
1947
|
+
// --- Multiple-mode helpers ---------------------------------------------
|
|
1948
|
+
emitItems(items) {
|
|
1949
|
+
this.valueChange.emit(items);
|
|
1950
|
+
}
|
|
1951
|
+
setMultiQuery(query, trigger) {
|
|
1952
|
+
if (this.query === void 0) {
|
|
1953
|
+
this.raw = query;
|
|
1954
|
+
this.display = query;
|
|
1955
|
+
this.formattedRaw = void 0;
|
|
1956
|
+
}
|
|
1957
|
+
if (this.input)
|
|
1958
|
+
this.input.value = query;
|
|
1959
|
+
this.queryChange.emit({ query, display: query, trigger });
|
|
1960
|
+
}
|
|
1961
|
+
addSelectedItem(option, trigger) {
|
|
1962
|
+
this.addItem.emit({ item: option, index: this.items.length, trigger });
|
|
1963
|
+
this.emitItems([...this.items, option]);
|
|
1964
|
+
}
|
|
1965
|
+
createSelectedItem(query, trigger) {
|
|
1966
|
+
if (!query)
|
|
1967
|
+
return;
|
|
1968
|
+
this.createItem.emit({ query, trigger });
|
|
1969
|
+
}
|
|
1970
|
+
commitQuery(trigger) {
|
|
1971
|
+
const query = this.raw.trim();
|
|
1972
|
+
if (!query)
|
|
1973
|
+
return;
|
|
1974
|
+
const normalized = query.toLocaleLowerCase();
|
|
1975
|
+
const option = this.rows.find((row) => row.label.trim().toLocaleLowerCase() === normalized);
|
|
1976
|
+
if (option) {
|
|
1977
|
+
this.setMultiQuery("", trigger);
|
|
1978
|
+
this.addSelectedItem(option, trigger);
|
|
1979
|
+
} else if (this.config.allowCreate) {
|
|
1980
|
+
this.setMultiQuery("", trigger);
|
|
1981
|
+
this.createSelectedItem(query, trigger);
|
|
1982
|
+
}
|
|
1983
|
+
}
|
|
1984
|
+
removeItemAt(index, trigger) {
|
|
1985
|
+
const item = this.items[index];
|
|
1986
|
+
if (!item || item.disabled || this.disabled || this.readOnly)
|
|
1987
|
+
return;
|
|
1988
|
+
this.removeItem.emit({ item, index, trigger });
|
|
1989
|
+
this.emitItems(this.items.filter((_, position) => position !== index));
|
|
1990
|
+
requestAnimationFrame(() => {
|
|
1991
|
+
const buttons = this.host.shadowRoot?.querySelectorAll('[part="item"]') ?? [];
|
|
1992
|
+
const next = buttons[Math.min(index, buttons.length - 1)] ?? buttons[index - 1];
|
|
1993
|
+
if (next && next.dataset.value !== item.value)
|
|
1994
|
+
next.focus();
|
|
1995
|
+
else
|
|
1996
|
+
void this.focusInput();
|
|
1997
|
+
});
|
|
1998
|
+
}
|
|
1999
|
+
focusItem(index) {
|
|
2000
|
+
this.host.shadowRoot?.querySelectorAll('[part="item"]')[index]?.focus();
|
|
2001
|
+
}
|
|
2002
|
+
onItemKeyDown = (event, index) => {
|
|
2003
|
+
if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
|
|
2004
|
+
return;
|
|
2005
|
+
if (event.key === "ArrowLeft") {
|
|
2006
|
+
event.preventDefault();
|
|
2007
|
+
event.stopPropagation();
|
|
2008
|
+
this.focusItem(Math.max(0, index - 1));
|
|
2009
|
+
} else if (event.key === "ArrowRight") {
|
|
2010
|
+
event.preventDefault();
|
|
2011
|
+
event.stopPropagation();
|
|
2012
|
+
if (index === this.items.length - 1)
|
|
2013
|
+
void this.focusInput();
|
|
2014
|
+
else
|
|
2015
|
+
this.focusItem(index + 1);
|
|
2016
|
+
} else if (event.key === "Backspace" || event.key === "Delete") {
|
|
2017
|
+
event.preventDefault();
|
|
2018
|
+
event.stopPropagation();
|
|
2019
|
+
this.removeItemAt(index, "keyboard");
|
|
2020
|
+
}
|
|
2021
|
+
};
|
|
2022
|
+
handleMultipleKeydown(event) {
|
|
2023
|
+
if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
|
|
2024
|
+
return false;
|
|
2025
|
+
if (this.tokenSeparators.includes(event.key)) {
|
|
2026
|
+
event.preventDefault();
|
|
2027
|
+
event.stopPropagation();
|
|
2028
|
+
this.commitQuery("keyboard");
|
|
2029
|
+
return true;
|
|
2030
|
+
}
|
|
2031
|
+
if (this.raw || (this.input?.selectionStart ?? 0) > 0)
|
|
2032
|
+
return false;
|
|
2033
|
+
if (event.key === "ArrowLeft" && this.items.length) {
|
|
2034
|
+
event.preventDefault();
|
|
2035
|
+
this.focusItem(this.items.length - 1);
|
|
2036
|
+
return true;
|
|
2037
|
+
}
|
|
2038
|
+
if (event.key === "Backspace" && this.items.length) {
|
|
2039
|
+
event.preventDefault();
|
|
2040
|
+
this.removeItemAt(this.items.length - 1, "keyboard");
|
|
2041
|
+
return true;
|
|
2042
|
+
}
|
|
2043
|
+
return false;
|
|
2044
|
+
}
|
|
1646
2045
|
move(key) {
|
|
1647
2046
|
const indices = this.rows.flatMap((row, index) => row.disabled ? [] : [index]);
|
|
1648
2047
|
if (this.canCreate)
|
|
@@ -1657,6 +2056,8 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1657
2056
|
onKeydown = (event) => {
|
|
1658
2057
|
if (this.composing || event.isComposing || this.disabled || this.readOnly)
|
|
1659
2058
|
return;
|
|
2059
|
+
if (this.multiple && this.handleMultipleKeydown(event))
|
|
2060
|
+
return;
|
|
1660
2061
|
if (event.key === "Escape" && this.expanded) {
|
|
1661
2062
|
event.preventDefault();
|
|
1662
2063
|
event.stopPropagation();
|
|
@@ -1694,7 +2095,7 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1694
2095
|
this.close();
|
|
1695
2096
|
this.format("blur");
|
|
1696
2097
|
this.validation = { ...this.validation, touched: true };
|
|
1697
|
-
if (this.config.allowFreeText && this.selected === null)
|
|
2098
|
+
if (!this.multiple && this.config.allowFreeText && this.selected === null)
|
|
1698
2099
|
this.commit(null, this.raw, null, "free-entry", "keyboard");
|
|
1699
2100
|
if ((this.config.validateOn ?? "blur") === "blur")
|
|
1700
2101
|
void this.validate();
|
|
@@ -1738,23 +2139,23 @@ var init_ui_chip_2_entry = __esm({
|
|
|
1738
2139
|
const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
|
|
1739
2140
|
const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
|
|
1740
2141
|
const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
|
|
1741
|
-
return h(Host, { key: "
|
|
2142
|
+
return h(Host, { key: "fc4c0192d3be88d8c0199ae1bcca44232bd22351", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "bdd0d244c6ef448978fa77aac3a2d3b71d713553", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "afb3972aab52171a3b25ede863c31059e56f5d91", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
|
|
1742
2143
|
if (!event.composedPath().some((node) => node instanceof HTMLButtonElement))
|
|
1743
2144
|
this.input?.focus();
|
|
1744
|
-
} }, h("slot", { key: "
|
|
2145
|
+
} }, h("slot", { key: "65e4e201d6c11cd2638e392e1298662de7ba4d57", name: "start" }), this.multiple && h("div", { key: "b80b5b85fa0540139b9756fcc494aef9df245c15", 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))))), h("input", { key: "64f76055ae412cc87119270eec10c69000a72563", 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: () => {
|
|
1745
2146
|
this.composing = false;
|
|
1746
2147
|
this.onInput(new InputEvent("input"));
|
|
1747
|
-
} }), this.clearable && h("button", { key: "
|
|
2148
|
+
} }), this.clearable && h("button", { key: "eac4c18dadcea92065af4ecd871d925ef1248d47", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
|
|
1748
2149
|
this.commit(null, "", null, "clear", "pointer");
|
|
1749
2150
|
this.close();
|
|
1750
2151
|
this.input?.focus();
|
|
1751
|
-
} }, "\xD7"), this.help && h("button", { key: "
|
|
2152
|
+
} }, "\xD7"), this.help && h("button", { key: "9a559d49a495ead3dbf159f170c594e0aaa0d0d0", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "73940e568b976f85399d5baa5e247a4a606d0039", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "30dd6746ffb121888a4c4fb6df54720906badf78", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
|
|
1752
2153
|
if (this.expanded)
|
|
1753
2154
|
this.close();
|
|
1754
2155
|
else
|
|
1755
2156
|
this.open("disclosure");
|
|
1756
2157
|
this.input?.focus();
|
|
1757
|
-
} }, h("span", { key: "
|
|
2158
|
+
} }, h("span", { key: "7d3b10a765ee0a6c40d7b0b49e98c676a5837944", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "efff00f45dc281b727789eb2aa84ff772bb5c925", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "770bc12b873026b571bd3ae2a80416e8af52b8d4", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "ed48c8dd8b672a577d567ca5e795b8a53fde2761", 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: "43215f449bbccde407ef818cee473f69870f6f8c", 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: "3ff70ff3ab8e24afc369a26e8474e7d1220ed6eb", 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: "8b1fbd4f5c372393d294d8c218ae1785e6b0334f", name: "footer" })), h("div", { key: "18e68687f04e35535edee363683523ce6bbb0291", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "e4a7db06abcfaf08b8ac592107531a13ef3a5897", 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(" ")));
|
|
1758
2159
|
}
|
|
1759
2160
|
static get watchers() {
|
|
1760
2161
|
return {
|
|
@@ -2001,7 +2402,7 @@ var init_ui_context_menu_entry = __esm({
|
|
|
2001
2402
|
this.closeMenu("action", "pointer");
|
|
2002
2403
|
};
|
|
2003
2404
|
render() {
|
|
2004
|
-
return h(Host, { key: "
|
|
2405
|
+
return h(Host, { key: "aaf9f27402b0c88cede3847ee9c8f61ac844f889", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "d801d564ec2ee073e517cb991c26efc61d3e499d", name: "trigger" }), h("div", { key: "4febcc5d76c79c2e5361db7b203e971582197fd2", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "7aace2479a8014a20da35f69bd3ed57b402f9ef2", open: this.internalOpen }, h("slot", { key: "a31d703c437cf5d9ab82e5f7793caa093a312dfd" }))));
|
|
2005
2406
|
}
|
|
2006
2407
|
static get watchers() {
|
|
2007
2408
|
return {
|
|
@@ -2139,7 +2540,7 @@ var init_ui_dialog_entry = __esm({
|
|
|
2139
2540
|
this.accessibleLabel = nextLabel;
|
|
2140
2541
|
};
|
|
2141
2542
|
render() {
|
|
2142
|
-
return h(Host, { key: "
|
|
2543
|
+
return h(Host, { key: "b606ef8c95728b5538047a7134030455fedf69e4", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "85531d82c36e79230cbb22c105ff3821f1f35f58", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "8216096bc94e8261680664398691b8ea877daa0f" })));
|
|
2143
2544
|
}
|
|
2144
2545
|
static get watchers() {
|
|
2145
2546
|
return {
|
|
@@ -2272,7 +2673,7 @@ var init_ui_disclosure_entry = __esm({
|
|
|
2272
2673
|
this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
|
|
2273
2674
|
};
|
|
2274
2675
|
render() {
|
|
2275
|
-
return h(Host, { key: "
|
|
2676
|
+
return h(Host, { key: "91d1df53268f18c8c15192fb66b67baa7053fe93" }, h("slot", { key: "578c99f8fd09415c5e63e9f6a860fe204471da2f" }));
|
|
2276
2677
|
}
|
|
2277
2678
|
static get watchers() {
|
|
2278
2679
|
return {
|
|
@@ -2341,7 +2742,7 @@ var init_ui_editable_entry = __esm({
|
|
|
2341
2742
|
}
|
|
2342
2743
|
focusEditor() {
|
|
2343
2744
|
const editRoot = this.host.querySelector('[slot="edit"]');
|
|
2344
|
-
const candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox
|
|
2745
|
+
const candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox") ? editRoot : editRoot?.querySelector("input, textarea, select, button, [tabindex], ui-combobox");
|
|
2345
2746
|
const focusInput = candidate?.focusInput;
|
|
2346
2747
|
if (typeof focusInput === "function")
|
|
2347
2748
|
void focusInput.call(candidate);
|
|
@@ -2382,7 +2783,7 @@ var init_ui_editable_entry = __esm({
|
|
|
2382
2783
|
this.requestEdit(false, "light-dismiss", "pointer");
|
|
2383
2784
|
};
|
|
2384
2785
|
render() {
|
|
2385
|
-
return h(Host, { key: "
|
|
2786
|
+
return h(Host, { key: "c11babe81053ecc0fb6390507f74d5094c551f48", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6", part: "preview", hidden: this.internalEdit }, h("slot", { key: "29537eed3c19da07a61b0236a563912eec332572", name: "preview" })), h("div", { key: "a8cdb53c61041361ff97762bdf1e8e6992706751", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "466c6bf07d44ab07ccab1fd138412e43a291dcca", name: "edit" })));
|
|
2386
2787
|
}
|
|
2387
2788
|
static get watchers() {
|
|
2388
2789
|
return {
|
|
@@ -2414,7 +2815,7 @@ var init_ui_floating_action_button_entry = __esm({
|
|
|
2414
2815
|
mobileOnly = false;
|
|
2415
2816
|
label = "";
|
|
2416
2817
|
render() {
|
|
2417
|
-
return h(Host, { key: "
|
|
2818
|
+
return h(Host, { key: "54f6284109397d15e2b3ef92f68e9bd4cf91fbae", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "222c6807ae4639eb20dc25be08fe5f4e91c638de" })));
|
|
2418
2819
|
}
|
|
2419
2820
|
};
|
|
2420
2821
|
UIFloatingActionButton.style = uiFloatingActionButtonCss();
|
|
@@ -2533,7 +2934,7 @@ var init_ui_form_field_entry = __esm({
|
|
|
2533
2934
|
input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
|
|
2534
2935
|
}
|
|
2535
2936
|
render() {
|
|
2536
|
-
return h(Host, { key: "
|
|
2937
|
+
return h(Host, { key: "f052dbf0ba289bf187ea78c458260110fbfa059a", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "f26f48581b5781e8c3d7830ddd3707ea4fb04420", onSlotchange: this.scheduleWire }));
|
|
2537
2938
|
}
|
|
2538
2939
|
};
|
|
2539
2940
|
UIFormField.style = uiFormFieldCss();
|
|
@@ -2561,7 +2962,7 @@ var init_ui_icon_button_entry = __esm({
|
|
|
2561
2962
|
/** Reveals this control through a surrounding ui-affordance-scope. */
|
|
2562
2963
|
anticipatory = false;
|
|
2563
2964
|
render() {
|
|
2564
|
-
return h(Host, { key: "
|
|
2965
|
+
return h(Host, { key: "8d0f84c9d3aaa69f47430369b511bb4160de5cc8", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "b896cdb091e9733b2b8625463f1324819c23965c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "76ab5e5f4d34e3f0850287b4552dde060b3798e7" })));
|
|
2565
2966
|
}
|
|
2566
2967
|
};
|
|
2567
2968
|
UIIconButton.style = uiIconButtonCss();
|
|
@@ -2651,7 +3052,7 @@ var init_ui_input_entry = __esm({
|
|
|
2651
3052
|
});
|
|
2652
3053
|
};
|
|
2653
3054
|
render() {
|
|
2654
|
-
return h(Host, { key: "
|
|
3055
|
+
return h(Host, { key: "92505de6b1245569a6d4746418a70f8d7bc4eed9", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "d5743dc62037b5d7722cfbb64a582592327c75e5", ref: (el) => this.slotRef = el }));
|
|
2655
3056
|
}
|
|
2656
3057
|
static get watchers() {
|
|
2657
3058
|
return {
|
|
@@ -2697,7 +3098,7 @@ var init_ui_menu_item_entry = __esm({
|
|
|
2697
3098
|
disabled = false;
|
|
2698
3099
|
value = "";
|
|
2699
3100
|
render() {
|
|
2700
|
-
return h(Host, { key: "
|
|
3101
|
+
return h(Host, { key: "d0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "7fc584fb670b5b8ce0bbd3be1fea08f87de4a298", class: "menu-item__surface" }, h("slot", { key: "066fb08bc22996d439f3216e401a93a084e3e299" })));
|
|
2701
3102
|
}
|
|
2702
3103
|
};
|
|
2703
3104
|
UIMenuItem.style = uiMenuItemCss();
|
|
@@ -2862,222 +3263,26 @@ var init_ui_menu_entry = __esm({
|
|
|
2862
3263
|
}
|
|
2863
3264
|
};
|
|
2864
3265
|
render() {
|
|
2865
|
-
return h(Host, { key: "
|
|
2866
|
-
}
|
|
2867
|
-
static get watchers() {
|
|
2868
|
-
return {
|
|
2869
|
-
"open": [{
|
|
2870
|
-
"syncFromProp": 0
|
|
2871
|
-
}],
|
|
2872
|
-
"for": [{
|
|
2873
|
-
"resetSurface": 0
|
|
2874
|
-
}],
|
|
2875
|
-
"placement": [{
|
|
2876
|
-
"resetSurface": 0
|
|
2877
|
-
}],
|
|
2878
|
-
"internalOpen": [{
|
|
2879
|
-
"syncSurface": 0
|
|
2880
|
-
}]
|
|
2881
|
-
};
|
|
2882
|
-
}
|
|
2883
|
-
};
|
|
2884
|
-
UIMenu.style = uiMenuCss();
|
|
2885
|
-
}
|
|
2886
|
-
});
|
|
2887
|
-
|
|
2888
|
-
// dist/esm/ui-multi-combobox.entry.js
|
|
2889
|
-
var ui_multi_combobox_entry_exports = {};
|
|
2890
|
-
__export(ui_multi_combobox_entry_exports, {
|
|
2891
|
-
ui_multi_combobox: () => UIMultiCombobox
|
|
2892
|
-
});
|
|
2893
|
-
var uiMultiComboboxCss, UIMultiCombobox;
|
|
2894
|
-
var init_ui_multi_combobox_entry = __esm({
|
|
2895
|
-
"dist/esm/ui-multi-combobox.entry.js"() {
|
|
2896
|
-
init_index_8BGiMGQ0();
|
|
2897
|
-
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}`;
|
|
2898
|
-
UIMultiCombobox = class {
|
|
2899
|
-
constructor(hostRef) {
|
|
2900
|
-
registerInstance(this, hostRef);
|
|
2901
|
-
this.queryChange = createEvent(this, "query-change");
|
|
2902
|
-
this.addItem = createEvent(this, "add-item");
|
|
2903
|
-
this.removeItem = createEvent(this, "remove-item");
|
|
2904
|
-
this.createItem = createEvent(this, "create-item");
|
|
2905
|
-
this.optionsChange = createEvent(this, "options-change");
|
|
2906
|
-
}
|
|
2907
|
-
get host() {
|
|
2908
|
-
return getElement(this);
|
|
2909
|
-
}
|
|
2910
|
-
label = "";
|
|
2911
|
-
placeholder = "";
|
|
2912
|
-
items = [];
|
|
2913
|
-
config = {};
|
|
2914
|
-
query;
|
|
2915
|
-
defaultQuery = "";
|
|
2916
|
-
/** Characters that commit the current query and leave the input ready for the next item. */
|
|
2917
|
-
tokenSeparators = [];
|
|
2918
|
-
disabled = false;
|
|
2919
|
-
readOnly = false;
|
|
2920
|
-
required = false;
|
|
2921
|
-
name = "";
|
|
2922
|
-
queryChange;
|
|
2923
|
-
addItem;
|
|
2924
|
-
removeItem;
|
|
2925
|
-
createItem;
|
|
2926
|
-
optionsChange;
|
|
2927
|
-
raw = "";
|
|
2928
|
-
rows = [];
|
|
2929
|
-
combobox;
|
|
2930
|
-
filteredConfig;
|
|
2931
|
-
filteredConfigSource;
|
|
2932
|
-
filteredSelection = "";
|
|
2933
|
-
componentWillLoad() {
|
|
2934
|
-
this.raw = this.query ?? this.defaultQuery;
|
|
2935
|
-
}
|
|
2936
|
-
syncQuery() {
|
|
2937
|
-
if (this.query !== void 0)
|
|
2938
|
-
this.raw = this.query;
|
|
2939
|
-
}
|
|
2940
|
-
get selectedValues() {
|
|
2941
|
-
return new Set(this.items.map((item) => item.value));
|
|
2942
|
-
}
|
|
2943
|
-
get comboboxConfig() {
|
|
2944
|
-
const selectionKey = this.items.map((item) => item.value).join("\0");
|
|
2945
|
-
if (this.filteredConfig && this.filteredConfigSource === this.config && this.filteredSelection === selectionKey) {
|
|
2946
|
-
return this.filteredConfig;
|
|
2947
|
-
}
|
|
2948
|
-
const ownerFilter = this.config.filter;
|
|
2949
|
-
const selected = this.selectedValues;
|
|
2950
|
-
this.filteredConfigSource = this.config;
|
|
2951
|
-
this.filteredSelection = selectionKey;
|
|
2952
|
-
this.filteredConfig = {
|
|
2953
|
-
...this.config,
|
|
2954
|
-
filter: (option, query, context) => !selected.has(option.value) && (ownerFilter ? ownerFilter(option, query, context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()))
|
|
2955
|
-
};
|
|
2956
|
-
return this.filteredConfig;
|
|
2957
|
-
}
|
|
2958
|
-
setQuery(query, trigger) {
|
|
2959
|
-
if (this.query === void 0)
|
|
2960
|
-
this.raw = query;
|
|
2961
|
-
this.queryChange.emit({ query, display: query, trigger });
|
|
2962
|
-
}
|
|
2963
|
-
clearCommittedQuery(input, trigger) {
|
|
2964
|
-
input.value = "";
|
|
2965
|
-
this.raw = "";
|
|
2966
|
-
this.setQuery("", trigger);
|
|
2967
|
-
}
|
|
2968
|
-
onQueryChange = (event) => {
|
|
2969
|
-
event.stopPropagation();
|
|
2970
|
-
this.setQuery(event.detail.query, event.detail.trigger);
|
|
2971
|
-
};
|
|
2972
|
-
onOptionsChange = (event) => {
|
|
2973
|
-
event.stopPropagation();
|
|
2974
|
-
this.rows = event.detail;
|
|
2975
|
-
this.optionsChange.emit(event.detail);
|
|
2976
|
-
};
|
|
2977
|
-
onValueChange = (event) => {
|
|
2978
|
-
event.stopPropagation();
|
|
2979
|
-
if (event.detail.kind !== "selection" || !event.detail.option)
|
|
2980
|
-
return;
|
|
2981
|
-
const item = event.detail.option;
|
|
2982
|
-
this.addItem.emit({ item, index: this.items.length, trigger: event.detail.trigger });
|
|
2983
|
-
queueMicrotask(() => this.setQuery("", event.detail.trigger));
|
|
2984
|
-
};
|
|
2985
|
-
onCreateEntry = (event) => {
|
|
2986
|
-
event.stopPropagation();
|
|
2987
|
-
const query = event.detail.query.trim();
|
|
2988
|
-
if (!query)
|
|
2989
|
-
return;
|
|
2990
|
-
this.setQuery("", event.detail.trigger);
|
|
2991
|
-
this.createItem.emit({ query, trigger: event.detail.trigger });
|
|
2992
|
-
};
|
|
2993
|
-
commitQuery(input, trigger) {
|
|
2994
|
-
const query = this.raw.trim();
|
|
2995
|
-
if (!query)
|
|
2996
|
-
return;
|
|
2997
|
-
const normalizedQuery = query.toLocaleLowerCase();
|
|
2998
|
-
const option = this.rows.find((row) => row.label.trim().toLocaleLowerCase() === normalizedQuery);
|
|
2999
|
-
if (option) {
|
|
3000
|
-
this.clearCommittedQuery(input, trigger);
|
|
3001
|
-
this.addItem.emit({ item: option, index: this.items.length, trigger });
|
|
3002
|
-
} else if (this.config.allowCreate) {
|
|
3003
|
-
this.clearCommittedQuery(input, trigger);
|
|
3004
|
-
this.createItem.emit({ query, trigger });
|
|
3005
|
-
}
|
|
3006
|
-
}
|
|
3007
|
-
remove(index, trigger) {
|
|
3008
|
-
const item = this.items[index];
|
|
3009
|
-
if (!item || item.disabled || this.disabled || this.readOnly)
|
|
3010
|
-
return;
|
|
3011
|
-
this.removeItem.emit({ item, index, trigger });
|
|
3012
|
-
requestAnimationFrame(() => {
|
|
3013
|
-
const buttons = this.host.shadowRoot?.querySelectorAll('[part="item"]') ?? [];
|
|
3014
|
-
const next = buttons[Math.min(index, buttons.length - 1)] ?? buttons[index - 1];
|
|
3015
|
-
if (next && next.dataset.value !== item.value)
|
|
3016
|
-
next.focus();
|
|
3017
|
-
else
|
|
3018
|
-
void this.focusInput();
|
|
3019
|
-
});
|
|
3020
|
-
}
|
|
3021
|
-
focusItem(index) {
|
|
3022
|
-
this.host.shadowRoot?.querySelectorAll('[part="item"]')[index]?.focus();
|
|
3023
|
-
}
|
|
3024
|
-
onItemKeyDown = (event, index) => {
|
|
3025
|
-
if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
|
|
3026
|
-
return;
|
|
3027
|
-
if (event.key === "ArrowLeft") {
|
|
3028
|
-
event.preventDefault();
|
|
3029
|
-
event.stopPropagation();
|
|
3030
|
-
this.focusItem(Math.max(0, index - 1));
|
|
3031
|
-
} else if (event.key === "ArrowRight") {
|
|
3032
|
-
event.preventDefault();
|
|
3033
|
-
event.stopPropagation();
|
|
3034
|
-
if (index === this.items.length - 1)
|
|
3035
|
-
void this.focusInput();
|
|
3036
|
-
else
|
|
3037
|
-
this.focusItem(index + 1);
|
|
3038
|
-
} else if (event.key === "Backspace" || event.key === "Delete") {
|
|
3039
|
-
event.preventDefault();
|
|
3040
|
-
event.stopPropagation();
|
|
3041
|
-
this.remove(index, "keyboard");
|
|
3042
|
-
}
|
|
3043
|
-
};
|
|
3044
|
-
onKeyDown = (event) => {
|
|
3045
|
-
if (event.defaultPrevented || event.isComposing || this.disabled || this.readOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
|
|
3046
|
-
return;
|
|
3047
|
-
const input = event.composedPath().find((node) => node instanceof HTMLInputElement);
|
|
3048
|
-
if (!input)
|
|
3049
|
-
return;
|
|
3050
|
-
if (this.tokenSeparators.includes(event.key)) {
|
|
3051
|
-
event.preventDefault();
|
|
3052
|
-
event.stopPropagation();
|
|
3053
|
-
this.commitQuery(input, "keyboard");
|
|
3054
|
-
return;
|
|
3055
|
-
}
|
|
3056
|
-
if (this.raw || (input.selectionStart ?? 0) > 0)
|
|
3057
|
-
return;
|
|
3058
|
-
if (event.key === "ArrowLeft" && this.items.length) {
|
|
3059
|
-
event.preventDefault();
|
|
3060
|
-
this.focusItem(this.items.length - 1);
|
|
3061
|
-
} else if (event.key === "Backspace" && this.items.length) {
|
|
3062
|
-
event.preventDefault();
|
|
3063
|
-
this.remove(this.items.length - 1, "keyboard");
|
|
3064
|
-
}
|
|
3065
|
-
};
|
|
3066
|
-
async focusInput() {
|
|
3067
|
-
await this.combobox?.focusInput();
|
|
3068
|
-
}
|
|
3069
|
-
render() {
|
|
3070
|
-
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" }))));
|
|
3266
|
+
return h(Host, { key: "5b64cc53ca56ea04a63013c8cb61231c9b1045cc", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "6410a56cc5efcffd0673c9abdf8f8aa45295c516", class: "menu__surface" }, h("slot", { key: "7e7f9d3b19bbf3024d61ecf44cd8b103748ef966" })));
|
|
3071
3267
|
}
|
|
3072
3268
|
static get watchers() {
|
|
3073
3269
|
return {
|
|
3074
|
-
"
|
|
3075
|
-
"
|
|
3270
|
+
"open": [{
|
|
3271
|
+
"syncFromProp": 0
|
|
3272
|
+
}],
|
|
3273
|
+
"for": [{
|
|
3274
|
+
"resetSurface": 0
|
|
3275
|
+
}],
|
|
3276
|
+
"placement": [{
|
|
3277
|
+
"resetSurface": 0
|
|
3278
|
+
}],
|
|
3279
|
+
"internalOpen": [{
|
|
3280
|
+
"syncSurface": 0
|
|
3076
3281
|
}]
|
|
3077
3282
|
};
|
|
3078
3283
|
}
|
|
3079
3284
|
};
|
|
3080
|
-
|
|
3285
|
+
UIMenu.style = uiMenuCss();
|
|
3081
3286
|
}
|
|
3082
3287
|
});
|
|
3083
3288
|
|
|
@@ -3200,7 +3405,7 @@ var init_ui_popover_entry = __esm({
|
|
|
3200
3405
|
}
|
|
3201
3406
|
};
|
|
3202
3407
|
render() {
|
|
3203
|
-
return h(Host, { key: "
|
|
3408
|
+
return h(Host, { key: "65a0927abc40450205989704bfde2cf7fd80d1f9", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "255acaf99e0fe70a92048351b24bdfde1a4ea45f", class: "popover__surface" }, h("slot", { key: "9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07" })));
|
|
3204
3409
|
}
|
|
3205
3410
|
static get watchers() {
|
|
3206
3411
|
return {
|
|
@@ -3337,7 +3542,7 @@ var init_ui_radio_group_entry = __esm({
|
|
|
3337
3542
|
}
|
|
3338
3543
|
};
|
|
3339
3544
|
render() {
|
|
3340
|
-
return h(Host, { key: "
|
|
3545
|
+
return h(Host, { key: "9bdfe6b5209b5444cb27dde3226ec33866999c25", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "b81a2f1e4c49000cfb5357570b460564ced48d91" }));
|
|
3341
3546
|
}
|
|
3342
3547
|
static get watchers() {
|
|
3343
3548
|
return {
|
|
@@ -3440,7 +3645,7 @@ var init_ui_radio_entry = __esm({
|
|
|
3440
3645
|
});
|
|
3441
3646
|
};
|
|
3442
3647
|
render() {
|
|
3443
|
-
return h(Host, { key: "
|
|
3648
|
+
return h(Host, { key: "32df72dff7253956875ef28f593462ddbbb90eef", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "0c78f3e3bdf4d618547b267128c6fc0fdd651599", ref: (el) => this.slotRef = el }));
|
|
3444
3649
|
}
|
|
3445
3650
|
static get watchers() {
|
|
3446
3651
|
return {
|
|
@@ -3511,7 +3716,7 @@ var init_ui_search_result_row_entry = __esm({
|
|
|
3511
3716
|
this.hasTrailing = slotHasContent(this.trailingSlot);
|
|
3512
3717
|
};
|
|
3513
3718
|
render() {
|
|
3514
|
-
return h(Host, { key: "
|
|
3719
|
+
return h(Host, { key: "923d7ac982594e39c06421b60f115acbb395f169" }, h("button", { key: "c97e45ba33297a8aeaa4a9726402c71e3ca73a7b", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "dea0781519760f5dc2b46902ef86f9e72ccfa6df", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746", class: "search-result-row__content", part: "content" }, h("span", { key: "6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e", class: "search-result-row__title", part: "title" }, h("slot", { key: "9653efc0b61c49d36034c4c75a3e9b3d7a6f837b", name: "title" })), h("span", { key: "b10885a7649c75f9e6903354f5804f459aa883b7", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "430520c0e349344fc4c549cd36a0137d39fc8d24", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "769ed2f62ead7ce32b13cdad93a7bbb981b13b3c", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "86490f5fef29c6fa4d8ddf838de5f9aee8535db0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
|
|
3515
3720
|
}
|
|
3516
3721
|
};
|
|
3517
3722
|
UISearchResultRow.style = uiSearchResultRowCss();
|
|
@@ -3555,7 +3760,7 @@ var init_ui_search_shell_entry = __esm({
|
|
|
3555
3760
|
this.hasFooter = slotHasContent2(this.footerSlot);
|
|
3556
3761
|
};
|
|
3557
3762
|
render() {
|
|
3558
|
-
return h("div", { key: "
|
|
3763
|
+
return h("div", { key: "049a6451f10f1906881efc8fc2cdeba656e68733", class: "search-shell", part: "base" }, h("slot", { key: "e807b035ccb9ec9425651b59a0d137ebc54329aa", name: "backdrop" }), h("div", { key: "5d785a0d4dab1fed7f6750b82485b9e50edd62d9", class: "search-shell__panel", part: "panel" }, h("div", { key: "b41c40485d61d9436504483759a5f42d96e5aad2", class: "search-shell__search", part: "search" }, h("slot", { key: "b19058bca701cc26d286c8694c7cdc6306e100c4", name: "search" })), h("div", { key: "260164b95427e03329f28247e8dbda867506e672", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "49963c82e54aee2b5c4c4809ce2b152f770b4468", class: "search-shell__body", part: "body" }, h("slot", { key: "ae32ec8c9ec89310ad1805f1c65bc8208ee12f29", name: "body" })), h("div", { key: "f5fc9f356035e277e4c9bb0e188d7b4be3642c27", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "dbf1022e49a054eee1c5e70b675c71d1cf3488bf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
|
|
3559
3764
|
}
|
|
3560
3765
|
};
|
|
3561
3766
|
UISearchShell.style = uiSearchShellCss();
|
|
@@ -3648,7 +3853,7 @@ var init_ui_select_entry = __esm({
|
|
|
3648
3853
|
});
|
|
3649
3854
|
};
|
|
3650
3855
|
render() {
|
|
3651
|
-
return h(Host, { key: "
|
|
3856
|
+
return h(Host, { key: "2b3348e1694cfd113163af3adf939fd64cb40654", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "40e627125a906cf4bf294eb085c172a5370f3a54", ref: (el) => this.slotRef = el }));
|
|
3652
3857
|
}
|
|
3653
3858
|
static get watchers() {
|
|
3654
3859
|
return {
|
|
@@ -3734,7 +3939,7 @@ var init_ui_switch_entry = __esm({
|
|
|
3734
3939
|
this.toggle("pointer");
|
|
3735
3940
|
};
|
|
3736
3941
|
render() {
|
|
3737
|
-
return h(Host, { key: "
|
|
3942
|
+
return h(Host, { key: "eaee279bbc787c844f2ad265da03fca608d9c429", 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: "2ebfa684bf08735a4e89a06001f6758885c40ffb", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
|
|
3738
3943
|
const input = e.target;
|
|
3739
3944
|
const checked = input.checked;
|
|
3740
3945
|
if (!isControlled(this.checked))
|
|
@@ -3746,7 +3951,7 @@ var init_ui_switch_entry = __esm({
|
|
|
3746
3951
|
});
|
|
3747
3952
|
if (isControlled(this.checked))
|
|
3748
3953
|
input.checked = this.internalChecked;
|
|
3749
|
-
} }), h("slot", { key: "
|
|
3954
|
+
} }), h("slot", { key: "ff9975d4ccbffbed2b97060eabf347653d5f5110" }));
|
|
3750
3955
|
}
|
|
3751
3956
|
static get watchers() {
|
|
3752
3957
|
return {
|
|
@@ -3863,7 +4068,7 @@ var init_ui_tabs_entry = __esm({
|
|
|
3863
4068
|
}
|
|
3864
4069
|
};
|
|
3865
4070
|
render() {
|
|
3866
|
-
return h(Host, { key: "
|
|
4071
|
+
return h(Host, { key: "61044ac3f2fcb0f766d931416f42ff17ec94c00d", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "3260c95bdd24581045b1c4e4d1b8f4d08daf02b4" }));
|
|
3867
4072
|
}
|
|
3868
4073
|
static get watchers() {
|
|
3869
4074
|
return {
|
|
@@ -3968,7 +4173,7 @@ var init_ui_textarea_entry = __esm({
|
|
|
3968
4173
|
});
|
|
3969
4174
|
};
|
|
3970
4175
|
render() {
|
|
3971
|
-
return h(Host, { key: "
|
|
4176
|
+
return h(Host, { key: "a554edb1a0ef40a2c116e3064e52af7474e065e4", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "a4eb8034ec11f8b3b06ace7287410fd839004593", ref: (el) => this.slotRef = el }));
|
|
3972
4177
|
}
|
|
3973
4178
|
static get watchers() {
|
|
3974
4179
|
return {
|
|
@@ -4083,7 +4288,7 @@ var init_ui_toast_region_entry = __esm({
|
|
|
4083
4288
|
});
|
|
4084
4289
|
};
|
|
4085
4290
|
render() {
|
|
4086
|
-
return h(Host, { key: "
|
|
4291
|
+
return h(Host, { key: "9f9c2e14150c631c0f7cb427c693dcd52c20897d", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "9e1d9ebb6b587afab2c4302241cecb03a321cee1" }));
|
|
4087
4292
|
}
|
|
4088
4293
|
static get watchers() {
|
|
4089
4294
|
return {
|
|
@@ -4100,253 +4305,6 @@ var init_ui_toast_region_entry = __esm({
|
|
|
4100
4305
|
}
|
|
4101
4306
|
});
|
|
4102
4307
|
|
|
4103
|
-
// dist/esm/ui-tooltip.entry.js
|
|
4104
|
-
var ui_tooltip_entry_exports = {};
|
|
4105
|
-
__export(ui_tooltip_entry_exports, {
|
|
4106
|
-
ui_tooltip: () => UITooltip
|
|
4107
|
-
});
|
|
4108
|
-
var uiTooltipCss, UITooltip;
|
|
4109
|
-
var init_ui_tooltip_entry = __esm({
|
|
4110
|
-
"dist/esm/ui-tooltip.entry.js"() {
|
|
4111
|
-
init_index_8BGiMGQ0();
|
|
4112
|
-
init_manager_C_0syqXZ();
|
|
4113
|
-
init_events_JwSoedEO();
|
|
4114
|
-
init_controlled_state_BnGhGgTH();
|
|
4115
|
-
init_positioning_Drmwg_C1();
|
|
4116
|
-
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}}`;
|
|
4117
|
-
UITooltip = class {
|
|
4118
|
-
constructor(hostRef) {
|
|
4119
|
-
registerInstance(this, hostRef);
|
|
4120
|
-
this.opened = createEvent(this, "open");
|
|
4121
|
-
this.closed = createEvent(this, "close");
|
|
4122
|
-
}
|
|
4123
|
-
get host() {
|
|
4124
|
-
return getElement(this);
|
|
4125
|
-
}
|
|
4126
|
-
for = "";
|
|
4127
|
-
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
4128
|
-
open;
|
|
4129
|
-
defaultOpen = false;
|
|
4130
|
-
placement = "top-start";
|
|
4131
|
-
/** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
|
|
4132
|
-
showDelay = 500;
|
|
4133
|
-
/** Pointer leave grace period in milliseconds. */
|
|
4134
|
-
hideDelay = 100;
|
|
4135
|
-
/** Click or tap pins the description; activate again to dismiss. */
|
|
4136
|
-
toggleOnClick = false;
|
|
4137
|
-
pinned = false;
|
|
4138
|
-
focused = false;
|
|
4139
|
-
opened;
|
|
4140
|
-
closed;
|
|
4141
|
-
internalOpen = false;
|
|
4142
|
-
overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
|
|
4143
|
-
trigger = null;
|
|
4144
|
-
surface = null;
|
|
4145
|
-
showTimer = null;
|
|
4146
|
-
hideTimer = null;
|
|
4147
|
-
syncFromProp() {
|
|
4148
|
-
this.clearTimers();
|
|
4149
|
-
if (isControlled(this.open))
|
|
4150
|
-
this.internalOpen = this.open;
|
|
4151
|
-
}
|
|
4152
|
-
resetSurface() {
|
|
4153
|
-
this.syncTrigger();
|
|
4154
|
-
this.setupSurface();
|
|
4155
|
-
this.syncOverlay();
|
|
4156
|
-
}
|
|
4157
|
-
syncOverlay() {
|
|
4158
|
-
if (this.internalOpen) {
|
|
4159
|
-
this.surface?.show();
|
|
4160
|
-
openOverlay({
|
|
4161
|
-
id: this.overlayId,
|
|
4162
|
-
modal: false,
|
|
4163
|
-
element: this.host,
|
|
4164
|
-
relatedElements: this.trigger ? [this.trigger] : void 0,
|
|
4165
|
-
dismissible: true,
|
|
4166
|
-
requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
|
|
4167
|
-
});
|
|
4168
|
-
} else {
|
|
4169
|
-
this.surface?.hide();
|
|
4170
|
-
closeOverlay(this.overlayId);
|
|
4171
|
-
}
|
|
4172
|
-
}
|
|
4173
|
-
componentDidLoad() {
|
|
4174
|
-
if (!this.host.id)
|
|
4175
|
-
this.host.id = this.overlayId;
|
|
4176
|
-
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
4177
|
-
this.syncTrigger();
|
|
4178
|
-
this.setupSurface();
|
|
4179
|
-
this.host.addEventListener("pointerenter", this.onSurfaceEnter);
|
|
4180
|
-
this.host.addEventListener("pointerleave", this.onTriggerLeave);
|
|
4181
|
-
this.syncOverlay();
|
|
4182
|
-
}
|
|
4183
|
-
componentDidUpdate() {
|
|
4184
|
-
this.syncTrigger();
|
|
4185
|
-
}
|
|
4186
|
-
disconnectedCallback() {
|
|
4187
|
-
this.clearTimers();
|
|
4188
|
-
this.detachTriggerListeners();
|
|
4189
|
-
this.surface?.destroy();
|
|
4190
|
-
this.surface = null;
|
|
4191
|
-
this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
|
|
4192
|
-
this.host.removeEventListener("pointerleave", this.onTriggerLeave);
|
|
4193
|
-
closeOverlay(this.overlayId);
|
|
4194
|
-
}
|
|
4195
|
-
syncTrigger() {
|
|
4196
|
-
const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
|
|
4197
|
-
if (next === this.trigger)
|
|
4198
|
-
return;
|
|
4199
|
-
this.detachTriggerListeners();
|
|
4200
|
-
this.trigger = next;
|
|
4201
|
-
this.attachTriggerListeners();
|
|
4202
|
-
this.surface?.setAnchor(next);
|
|
4203
|
-
}
|
|
4204
|
-
setupSurface() {
|
|
4205
|
-
this.surface?.destroy();
|
|
4206
|
-
this.surface = createAnchoredSurface(this.host, {
|
|
4207
|
-
anchor: this.trigger,
|
|
4208
|
-
placement: this.placement
|
|
4209
|
-
});
|
|
4210
|
-
}
|
|
4211
|
-
attachTriggerListeners() {
|
|
4212
|
-
this.detachTriggerListeners();
|
|
4213
|
-
if (!this.trigger)
|
|
4214
|
-
return;
|
|
4215
|
-
const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
|
|
4216
|
-
ids.add(this.host.id);
|
|
4217
|
-
this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
|
|
4218
|
-
this.trigger.addEventListener("click", this.onTriggerClick);
|
|
4219
|
-
this.trigger.addEventListener("keydown", this.onTriggerKeydown);
|
|
4220
|
-
this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
|
|
4221
|
-
this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
|
|
4222
|
-
this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
|
|
4223
|
-
this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
|
|
4224
|
-
}
|
|
4225
|
-
detachTriggerListeners() {
|
|
4226
|
-
if (!this.trigger)
|
|
4227
|
-
return;
|
|
4228
|
-
const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
|
|
4229
|
-
if (ids.length)
|
|
4230
|
-
this.trigger.setAttribute("aria-describedby", ids.join(" "));
|
|
4231
|
-
else
|
|
4232
|
-
this.trigger.removeAttribute("aria-describedby");
|
|
4233
|
-
this.trigger.removeEventListener("click", this.onTriggerClick);
|
|
4234
|
-
this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
|
|
4235
|
-
this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
|
|
4236
|
-
this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
|
|
4237
|
-
this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
|
|
4238
|
-
this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
|
|
4239
|
-
}
|
|
4240
|
-
clearShowTimer() {
|
|
4241
|
-
if (this.showTimer === null)
|
|
4242
|
-
return;
|
|
4243
|
-
clearTimeout(this.showTimer);
|
|
4244
|
-
this.showTimer = null;
|
|
4245
|
-
}
|
|
4246
|
-
clearHideTimer() {
|
|
4247
|
-
if (this.hideTimer === null)
|
|
4248
|
-
return;
|
|
4249
|
-
clearTimeout(this.hideTimer);
|
|
4250
|
-
this.hideTimer = null;
|
|
4251
|
-
}
|
|
4252
|
-
clearTimers() {
|
|
4253
|
-
this.clearShowTimer();
|
|
4254
|
-
this.clearHideTimer();
|
|
4255
|
-
}
|
|
4256
|
-
setInteractionOpen(nextOpen, trigger) {
|
|
4257
|
-
if (this.internalOpen === nextOpen)
|
|
4258
|
-
return;
|
|
4259
|
-
if (!isControlled(this.open))
|
|
4260
|
-
this.internalOpen = nextOpen;
|
|
4261
|
-
dispatchDetail(this.host, nextOpen ? "open" : "close", {
|
|
4262
|
-
open: nextOpen,
|
|
4263
|
-
reason: "action",
|
|
4264
|
-
trigger
|
|
4265
|
-
});
|
|
4266
|
-
}
|
|
4267
|
-
onSurfaceEnter = () => this.clearHideTimer();
|
|
4268
|
-
onTriggerClick = (event) => {
|
|
4269
|
-
if (!this.toggleOnClick)
|
|
4270
|
-
return;
|
|
4271
|
-
this.clearTimers();
|
|
4272
|
-
this.pinned = !this.pinned;
|
|
4273
|
-
this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
|
|
4274
|
-
};
|
|
4275
|
-
onTriggerKeydown = (event) => {
|
|
4276
|
-
if (event.key === "Escape")
|
|
4277
|
-
this.clearTimers();
|
|
4278
|
-
};
|
|
4279
|
-
onTriggerEnter = (event) => {
|
|
4280
|
-
if (event.pointerType === "touch")
|
|
4281
|
-
return;
|
|
4282
|
-
this.clearHideTimer();
|
|
4283
|
-
if (this.internalOpen || this.showTimer !== null)
|
|
4284
|
-
return;
|
|
4285
|
-
this.showTimer = setTimeout(() => {
|
|
4286
|
-
this.showTimer = null;
|
|
4287
|
-
this.setInteractionOpen(true, "pointer");
|
|
4288
|
-
}, Math.max(0, this.showDelay));
|
|
4289
|
-
};
|
|
4290
|
-
onTriggerLeave = () => {
|
|
4291
|
-
this.clearShowTimer();
|
|
4292
|
-
if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
|
|
4293
|
-
return;
|
|
4294
|
-
this.hideTimer = setTimeout(() => {
|
|
4295
|
-
this.hideTimer = null;
|
|
4296
|
-
this.setInteractionOpen(false, "pointer");
|
|
4297
|
-
}, Math.max(0, this.hideDelay));
|
|
4298
|
-
};
|
|
4299
|
-
onTriggerFocusIn = () => {
|
|
4300
|
-
this.focused = true;
|
|
4301
|
-
this.clearTimers();
|
|
4302
|
-
this.setInteractionOpen(true, "keyboard");
|
|
4303
|
-
};
|
|
4304
|
-
onTriggerFocusOut = (e) => {
|
|
4305
|
-
const related = e.relatedTarget;
|
|
4306
|
-
if (related && this.host.contains(related))
|
|
4307
|
-
return;
|
|
4308
|
-
this.focused = false;
|
|
4309
|
-
this.pinned = false;
|
|
4310
|
-
this.clearTimers();
|
|
4311
|
-
this.setInteractionOpen(false, "keyboard");
|
|
4312
|
-
};
|
|
4313
|
-
handleRequestClose(reason, trigger) {
|
|
4314
|
-
if (reason === "escape" || reason === "light-dismiss" && this.toggleOnClick) {
|
|
4315
|
-
this.pinned = false;
|
|
4316
|
-
this.clearTimers();
|
|
4317
|
-
if (!isControlled(this.open))
|
|
4318
|
-
this.internalOpen = false;
|
|
4319
|
-
dispatchDetail(this.host, "close", {
|
|
4320
|
-
open: false,
|
|
4321
|
-
reason,
|
|
4322
|
-
trigger
|
|
4323
|
-
});
|
|
4324
|
-
}
|
|
4325
|
-
}
|
|
4326
|
-
render() {
|
|
4327
|
-
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" })));
|
|
4328
|
-
}
|
|
4329
|
-
static get watchers() {
|
|
4330
|
-
return {
|
|
4331
|
-
"open": [{
|
|
4332
|
-
"syncFromProp": 0
|
|
4333
|
-
}],
|
|
4334
|
-
"for": [{
|
|
4335
|
-
"resetSurface": 0
|
|
4336
|
-
}],
|
|
4337
|
-
"placement": [{
|
|
4338
|
-
"resetSurface": 0
|
|
4339
|
-
}],
|
|
4340
|
-
"internalOpen": [{
|
|
4341
|
-
"syncOverlay": 0
|
|
4342
|
-
}]
|
|
4343
|
-
};
|
|
4344
|
-
}
|
|
4345
|
-
};
|
|
4346
|
-
UITooltip.style = uiTooltipCss();
|
|
4347
|
-
}
|
|
4348
|
-
});
|
|
4349
|
-
|
|
4350
4308
|
// dist/esm/ui-top-bar.entry.js
|
|
4351
4309
|
var ui_top_bar_entry_exports = {};
|
|
4352
4310
|
__export(ui_top_bar_entry_exports, {
|
|
@@ -4390,7 +4348,7 @@ var init_ui_top_bar_entry = __esm({
|
|
|
4390
4348
|
this.hasActions = slotHasContent3(this.actionsSlot);
|
|
4391
4349
|
};
|
|
4392
4350
|
render() {
|
|
4393
|
-
return h(Host, { key: "
|
|
4351
|
+
return h(Host, { key: "1ef941e211c9536c034a40c0f7a255068595de10" }, h("header", { key: "f1ea465d17753224d72971d26f70b546b93de8ba", class: "top-bar", part: "base" }, h("div", { key: "4eab975109467ad41e16527102b31e6e6d7421c8", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "3388d0e2346de4c08d85dd4c3a998e5f668a05f6", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "7b176d6e82da08eb495f3ca2c83505327c21f525", class: "top-bar__title" }, h("slot", { key: "8196e5489d2f43a72f794aad8ceaa44c358810e9" })), h("div", { key: "2b29c72174559865fb01b99cfab830f74640a8a5", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "9597fde0cf05821e641471343a38dd3190f1e18f", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "1f19003e43fb28ac4ff4debd27e1a0fa9f342275", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
|
|
4394
4352
|
}
|
|
4395
4353
|
};
|
|
4396
4354
|
UITopBar.style = uiTopBarCss();
|
|
@@ -4521,10 +4479,10 @@ var init_ui_tree_item_entry = __esm({
|
|
|
4521
4479
|
const expanded = this.isExpanded();
|
|
4522
4480
|
const disclosureLabel = `${expanded ? "Collapse" : "Expand"} ${this.label || "item"}`;
|
|
4523
4481
|
const dragLabel = `Drag ${this.label || "item"} to reorder`;
|
|
4524
|
-
return h(Host, { key: "
|
|
4482
|
+
return h(Host, { key: "0ce6384903be2181055c76808cd4664dcfa8de54", role: "treeitem", "aria-label": this.label || void 0, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : void 0, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? "true" : void 0, "data-container": this.container ? "" : void 0, "data-selected": this.selected ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-drag-type": this.dragType || "item", "data-drop-scope": this.dropScope || void 0, "data-accepts": this.accepts || void 0, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
|
|
4525
4483
|
"--ui-tree-item-depth": String(level - 1),
|
|
4526
4484
|
"margin-inline-start": level > 1 ? "var(--ui-tree-indent, 16px)" : "0px"
|
|
4527
|
-
} }, h("div", { key: "
|
|
4485
|
+
} }, h("div", { key: "7d6923da8fd8be7fffc7cf345ac4d1211217c21a", class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup("grip-vertical") })) : null, this.container ? h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { "disclosure-icon": true, "disclosure-icon--expanded": expanded }, innerHTML: loomaIconMarkup("chevron-down") })) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: "ef8959fc858b90c7ea26c8ff740cfe02fb372686", class: "leading", part: "leading" }, h("slot", { key: "1e00da2acd23ae6430e38b26502d9f3951461c93", name: "leading" })), h("span", { key: "f37a63aa0c6e73f134442589314fae01e01cf782", class: "label", part: "label" }, h("slot", { key: "f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2" })), h("span", { key: "de6492f81ac5747d913132c275abb9157d18deab", class: "actions", part: "actions" }, h("slot", { key: "f5316e3a5fb67130ef1401253dc5ef6b7072840e", name: "actions" })), h("span", { key: "89da3b2bab7a953368810319148a644e62bc9a47", class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, h("slot", { name: "children" })) : null, h("span", { key: "9a66f1ba72290a037ef02ccbd49243463ba34b67", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
|
|
4528
4486
|
}
|
|
4529
4487
|
static get watchers() {
|
|
4530
4488
|
return {
|
|
@@ -5000,7 +4958,7 @@ var init_ui_tree_entry = __esm({
|
|
|
5000
4958
|
}
|
|
5001
4959
|
};
|
|
5002
4960
|
render() {
|
|
5003
|
-
return h(Host, { key: "
|
|
4961
|
+
return h(Host, { key: "bae06665078a67c59db2d9e72c7dea6ddeeb9e56", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "232cb02f1a50bc5e18a92c0d8677e917870ec75e" }));
|
|
5004
4962
|
}
|
|
5005
4963
|
};
|
|
5006
4964
|
UITree.style = uiTreeCss();
|
|
@@ -5020,6 +4978,7 @@ var init_ = __esm({
|
|
|
5020
4978
|
"./ui-callout.entry.js": () => Promise.resolve().then(() => (init_ui_callout_entry(), ui_callout_entry_exports)),
|
|
5021
4979
|
"./ui-checkbox.entry.js": () => Promise.resolve().then(() => (init_ui_checkbox_entry(), ui_checkbox_entry_exports)),
|
|
5022
4980
|
"./ui-chip_2.entry.js": () => Promise.resolve().then(() => (init_ui_chip_2_entry(), ui_chip_2_entry_exports)),
|
|
4981
|
+
"./ui-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_combobox_entry(), ui_combobox_entry_exports)),
|
|
5023
4982
|
"./ui-context-menu.entry.js": () => Promise.resolve().then(() => (init_ui_context_menu_entry(), ui_context_menu_entry_exports)),
|
|
5024
4983
|
"./ui-dialog.entry.js": () => Promise.resolve().then(() => (init_ui_dialog_entry(), ui_dialog_entry_exports)),
|
|
5025
4984
|
"./ui-disclosure.entry.js": () => Promise.resolve().then(() => (init_ui_disclosure_entry(), ui_disclosure_entry_exports)),
|
|
@@ -5030,7 +4989,6 @@ var init_ = __esm({
|
|
|
5030
4989
|
"./ui-input.entry.js": () => Promise.resolve().then(() => (init_ui_input_entry(), ui_input_entry_exports)),
|
|
5031
4990
|
"./ui-menu-item.entry.js": () => Promise.resolve().then(() => (init_ui_menu_item_entry(), ui_menu_item_entry_exports)),
|
|
5032
4991
|
"./ui-menu.entry.js": () => Promise.resolve().then(() => (init_ui_menu_entry(), ui_menu_entry_exports)),
|
|
5033
|
-
"./ui-multi-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_multi_combobox_entry(), ui_multi_combobox_entry_exports)),
|
|
5034
4992
|
"./ui-popover.entry.js": () => Promise.resolve().then(() => (init_ui_popover_entry(), ui_popover_entry_exports)),
|
|
5035
4993
|
"./ui-radio-group.entry.js": () => Promise.resolve().then(() => (init_ui_radio_group_entry(), ui_radio_group_entry_exports)),
|
|
5036
4994
|
"./ui-radio.entry.js": () => Promise.resolve().then(() => (init_ui_radio_entry(), ui_radio_entry_exports)),
|
|
@@ -5041,7 +4999,6 @@ var init_ = __esm({
|
|
|
5041
4999
|
"./ui-tabs.entry.js": () => Promise.resolve().then(() => (init_ui_tabs_entry(), ui_tabs_entry_exports)),
|
|
5042
5000
|
"./ui-textarea.entry.js": () => Promise.resolve().then(() => (init_ui_textarea_entry(), ui_textarea_entry_exports)),
|
|
5043
5001
|
"./ui-toast-region.entry.js": () => Promise.resolve().then(() => (init_ui_toast_region_entry(), ui_toast_region_entry_exports)),
|
|
5044
|
-
"./ui-tooltip.entry.js": () => Promise.resolve().then(() => (init_ui_tooltip_entry(), ui_tooltip_entry_exports)),
|
|
5045
5002
|
"./ui-top-bar.entry.js": () => Promise.resolve().then(() => (init_ui_top_bar_entry(), ui_top_bar_entry_exports)),
|
|
5046
5003
|
"./ui-tree-item.entry.js": () => Promise.resolve().then(() => (init_ui_tree_item_entry(), ui_tree_item_entry_exports)),
|
|
5047
5004
|
"./ui-tree.entry.js": () => Promise.resolve().then(() => (init_ui_tree_entry(), ui_tree_entry_exports))
|
|
@@ -6660,7 +6617,7 @@ var globalScripts = () => {
|
|
|
6660
6617
|
var defineCustomElements = async (win2, options) => {
|
|
6661
6618
|
if (typeof window === "undefined") return void 0;
|
|
6662
6619
|
await globalScripts();
|
|
6663
|
-
return bootstrapLazy([["ui-
|
|
6620
|
+
return bootstrapLazy([["ui-combobox", [[769, "ui-combobox", { "label": [1], "placeholder": [1], "name": [1], "value": [1], "defaultValue": [1, "default-value"], "multiple": [516], "tokenSeparators": [16], "query": [1], "defaultQuery": [1, "default-query"], "config": [16], "disabled": [4], "readOnly": [4, "readonly"], "required": [4], "size": [1], "labelVisibility": [1, "label-visibility"], "disclosure": [4], "clearable": [4], "help": [1], "raw": [32], "display": [32], "selected": [32], "expanded": [32], "rows": [32], "active": [32], "loading": [32], "helpOpen": [32], "lookupError": [32], "validation": [32], "validate": [64], "focusInput": [64] }, null, { "value": [{ "syncValue": 0 }], "query": [{ "syncQuery": 0 }], "disabled": [{ "syncDisabled": 0 }], "readOnly": [{ "syncDisabled": 0 }], "config": [{ "syncConfig": 0 }] }]]], ["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32], "focusTrigger": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-callout", [[769, "ui-callout", { "tone": [1] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32], "accessibleLabel": [32] }, null, { "open": [{ "syncFromProp": 0 }], "label": [{ "syncLabelFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-editable", [[769, "ui-editable", { "edit": [4], "defaultEdit": [4, "default-edit"], "disabled": [4], "internalEdit": [32] }, null, { "edit": [{ "syncFromProp": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-tree", [[769, "ui-tree", { "label": [1], "hoverExpandDelay": [2, "hover-expand-delay"], "maxDepth": [2, "max-depth"] }]]], ["ui-tree-item", [[769, "ui-tree-item", { "itemId": [1, "item-id"], "label": [1], "dropDepth": [2, "drop-depth"], "subtreeDepth": [2, "subtree-depth"], "container": [4], "sortable": [4], "dragType": [1, "drag-type"], "dropScope": [1, "drop-scope"], "accepts": [1], "expanded": [4], "defaultExpanded": [4, "default-expanded"], "selected": [4], "disabled": [4], "internalExpanded": [32], "structuralLevel": [32], "tabStop": [32] }, null, { "expanded": [{ "syncExpandedFromProp": 0 }] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-chip_2", [[769, "ui-chip", { "appearance": [1], "size": [1] }], [769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "toggleOnClick": [4, "toggle-on-click"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]]], options);
|
|
6664
6621
|
};
|
|
6665
6622
|
|
|
6666
6623
|
// loader/index.js
|