@threadlabs/looma 0.1.24 → 0.1.25
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-IMHSPETJ.js → chunk-UY423IKN.js} +33 -32
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/looma.cjs.js +1 -1
- package/dist/cjs/{ui-combobox.cjs.entry.js → ui-chip_2.cjs.entry.js} +29 -4
- 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 +100 -0
- package/dist/cjs/ui-floating-action-button.cjs.entry.js +1 -1
- package/dist/cjs/ui-form-field.cjs.entry.js +1 -1
- package/dist/cjs/ui-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/ui-input.cjs.entry.js +1 -1
- package/dist/cjs/ui-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/ui-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-multi-combobox.cjs.entry.js +158 -0
- package/dist/cjs/ui-popover.cjs.entry.js +1 -1
- package/dist/cjs/ui-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/ui-radio.cjs.entry.js +1 -1
- package/dist/cjs/ui-search-result-row.cjs.entry.js +1 -1
- package/dist/cjs/ui-search-shell.cjs.entry.js +1 -1
- package/dist/cjs/ui-select.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +2 -2
- package/dist/cjs/ui-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ui-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ui-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ui-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-tree.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/ui-chip/ui-chip.css +4 -0
- package/dist/collection/components/ui-chip/ui-chip.js +23 -1
- package/dist/collection/components/ui-combobox/ui-combobox.js +49 -4
- package/dist/collection/components/ui-context-menu/ui-context-menu.js +1 -1
- package/dist/collection/components/ui-dialog/ui-dialog.js +1 -1
- package/dist/collection/components/ui-disclosure/ui-disclosure.js +1 -1
- package/dist/collection/components/ui-editable/ui-editable.css +2 -0
- package/dist/collection/components/ui-editable/ui-editable.js +196 -0
- package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js +1 -1
- package/dist/collection/components/ui-form-field/ui-form-field.js +1 -1
- package/dist/collection/components/ui-icon-button/ui-icon-button.js +1 -1
- package/dist/collection/components/ui-input/ui-input.js +1 -1
- package/dist/collection/components/ui-menu/ui-menu.js +1 -1
- package/dist/collection/components/ui-menu-item/ui-menu-item.js +1 -1
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.css +29 -0
- package/dist/collection/components/ui-multi-combobox/ui-multi-combobox.js +503 -0
- 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/collection/field/editable.js +1 -0
- package/dist/collection/field/multi-combobox.js +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DIGcRYAW.js → p-B9CzOHvE.js} +1 -1
- package/dist/components/p-BMgIcOh-.js +1 -0
- package/dist/components/p-BVteuP_d.js +1 -0
- package/dist/components/{p-Bk55QiUK.js → p-C6p-ygxq.js} +1 -1
- package/dist/components/ui-chip.js +1 -1
- package/dist/components/ui-combobox.js +1 -1
- package/dist/components/ui-context-menu.js +1 -1
- package/dist/components/ui-dialog.js +1 -1
- package/dist/components/ui-disclosure.js +1 -1
- package/dist/components/ui-editable.d.ts +11 -0
- package/dist/components/ui-editable.js +1 -0
- package/dist/components/ui-floating-action-button.js +1 -1
- package/dist/components/ui-form-field.js +1 -1
- package/dist/components/ui-icon-button.js +1 -1
- package/dist/components/ui-input.js +1 -1
- package/dist/components/ui-menu-item.js +1 -1
- package/dist/components/ui-menu.js +1 -1
- package/dist/components/ui-multi-combobox.d.ts +11 -0
- package/dist/components/ui-multi-combobox.js +1 -0
- 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-combobox.entry.js → ui-chip_2.entry.js} +30 -6
- package/dist/esm/ui-context-menu.entry.js +1 -1
- package/dist/esm/ui-dialog.entry.js +1 -1
- package/dist/esm/ui-disclosure.entry.js +1 -1
- package/dist/esm/ui-editable.entry.js +98 -0
- package/dist/esm/ui-floating-action-button.entry.js +1 -1
- package/dist/esm/ui-form-field.entry.js +1 -1
- package/dist/esm/ui-icon-button.entry.js +1 -1
- package/dist/esm/ui-input.entry.js +1 -1
- package/dist/esm/ui-menu-item.entry.js +1 -1
- package/dist/esm/ui-menu.entry.js +1 -1
- package/dist/esm/ui-multi-combobox.entry.js +156 -0
- package/dist/esm/ui-popover.entry.js +1 -1
- package/dist/esm/ui-radio-group.entry.js +1 -1
- package/dist/esm/ui-radio.entry.js +1 -1
- package/dist/esm/ui-search-result-row.entry.js +1 -1
- package/dist/esm/ui-search-shell.entry.js +1 -1
- package/dist/esm/ui-select.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +2 -2
- package/dist/esm/ui-tabs.entry.js +1 -1
- package/dist/esm/ui-textarea.entry.js +1 -1
- package/dist/esm/ui-toast-region.entry.js +1 -1
- package/dist/esm/ui-tooltip.entry.js +1 -1
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-tree-item.entry.js +2 -2
- package/dist/esm/ui-tree.entry.js +1 -1
- package/dist/index.cjs +339 -63
- package/dist/index.d.cts +18 -1
- package/dist/index.d.ts +18 -1
- package/dist/index.js +2 -2
- package/dist/looma/looma.esm.js +1 -1
- package/dist/looma/{p-314d5c7c.entry.js → p-0e1741cb.entry.js} +1 -1
- package/dist/looma/{p-bd00d4e8.entry.js → p-0ef4bf13.entry.js} +1 -1
- package/dist/looma/{p-8e254bc4.entry.js → p-166f8593.entry.js} +1 -1
- package/dist/looma/p-262a542c.entry.js +1 -0
- package/dist/looma/{p-672e3d16.entry.js → p-26d357ae.entry.js} +1 -1
- package/dist/looma/{p-b63f6d4f.entry.js → p-30f01909.entry.js} +1 -1
- package/dist/looma/p-393e3e02.entry.js +1 -0
- package/dist/looma/p-3a44b9f9.entry.js +1 -0
- package/dist/looma/{p-fd1e4d22.entry.js → p-558d4f5b.entry.js} +1 -1
- package/dist/looma/{p-25e18ad6.entry.js → p-5780cefa.entry.js} +1 -1
- package/dist/looma/p-5a7261e1.entry.js +1 -0
- package/dist/looma/{p-03f44c45.entry.js → p-7319c147.entry.js} +1 -1
- package/dist/looma/{p-f1750fd7.entry.js → p-78b7e466.entry.js} +1 -1
- package/dist/looma/{p-7c4a225f.entry.js → p-7eb04f09.entry.js} +1 -1
- package/dist/looma/{p-e0f241ab.entry.js → p-81c533f5.entry.js} +1 -1
- package/dist/looma/{p-8e6b1001.entry.js → p-87f501cf.entry.js} +1 -1
- package/dist/looma/{p-cc915913.entry.js → p-89e71bbb.entry.js} +1 -1
- package/dist/looma/{p-a63e2561.entry.js → p-92cd1841.entry.js} +1 -1
- package/dist/looma/{p-5a900d89.entry.js → p-95eb3b58.entry.js} +1 -1
- package/dist/looma/{p-839faf55.entry.js → p-96ec4d7a.entry.js} +1 -1
- package/dist/looma/p-b6c776fb.entry.js +1 -0
- package/dist/looma/{p-2c03fa73.entry.js → p-bcb1b47b.entry.js} +1 -1
- package/dist/looma/{p-68430534.entry.js → p-d62da01d.entry.js} +1 -1
- package/dist/looma/{p-13f8195a.entry.js → p-dbcb479c.entry.js} +1 -1
- package/dist/looma/{p-920656cf.entry.js → p-e14024bf.entry.js} +1 -1
- package/dist/looma/{p-3ef2a21b.entry.js → p-fc180770.entry.js} +1 -1
- package/dist/types/components/ui-chip/ui-chip.d.ts +2 -0
- package/dist/types/components/ui-combobox/ui-combobox.d.ts +4 -0
- package/dist/types/components/ui-editable/ui-editable.d.ts +24 -0
- package/dist/types/components/ui-multi-combobox/ui-multi-combobox.d.ts +47 -0
- package/dist/types/components.d.ts +234 -0
- package/dist/types/field/editable.d.ts +5 -0
- package/dist/types/field/multi-combobox.d.ts +11 -0
- package/dist/{ui-affordance-scope.entry-3TUZ6GLW.js → ui-affordance-scope.entry-VSSP52ZP.js} +1 -1
- package/dist/{ui-avatar-group.entry-XGJKN25W.js → ui-avatar-group.entry-JMCLL6FW.js} +1 -1
- package/dist/{ui-avatar.entry-SN3G44HW.js → ui-avatar.entry-X2YQ3QPG.js} +1 -1
- package/dist/{ui-badge.entry-B6WDCWJX.js → ui-badge.entry-OJ6FJJKL.js} +1 -1
- package/dist/{ui-button.entry-AZYUELLV.js → ui-button.entry-ZN6JLND7.js} +1 -1
- package/dist/{ui-callout.entry-QRPWRMPC.js → ui-callout.entry-7K6NXQ7U.js} +1 -1
- package/dist/{ui-checkbox.entry-OB6GFC4M.js → ui-checkbox.entry-GUYRVU6O.js} +1 -1
- package/dist/{ui-combobox.entry-IIMMUJF7.js → ui-chip_2.entry-M2DOTIGY.js} +32 -7
- package/dist/{ui-context-menu.entry-AIULIE5Y.js → ui-context-menu.entry-BM7FHOUJ.js} +2 -2
- package/dist/{ui-dialog.entry-QSYWYHLY.js → ui-dialog.entry-AZAD37CG.js} +2 -2
- package/dist/{ui-disclosure.entry-3BJEYU3U.js → ui-disclosure.entry-XDPGKMBK.js} +2 -2
- package/dist/ui-editable.entry-S3TE6KFT.js +110 -0
- package/dist/{ui-floating-action-button.entry-JEVNV6FI.js → ui-floating-action-button.entry-U7HGA3CS.js} +2 -2
- package/dist/{ui-form-field.entry-PKSY7UU4.js → ui-form-field.entry-C2ZSP3TM.js} +2 -2
- package/dist/{ui-icon-button.entry-TPX7BE7R.js → ui-icon-button.entry-P6H2LY7D.js} +2 -2
- package/dist/{ui-input.entry-6NCLNW4E.js → ui-input.entry-GTNQJCQ2.js} +2 -2
- package/dist/{ui-menu-item.entry-KA2K3PKV.js → ui-menu-item.entry-2HWOGUO5.js} +2 -2
- package/dist/{ui-menu.entry-7GDO5L2T.js → ui-menu.entry-NZ7ER54K.js} +2 -2
- package/dist/ui-multi-combobox.entry-DZ5LLSVQ.js +167 -0
- package/dist/{ui-popover.entry-FR6YRNK6.js → ui-popover.entry-ZOEQMUWG.js} +2 -2
- package/dist/{ui-radio-group.entry-7QHXQSNO.js → ui-radio-group.entry-QCQ46EK5.js} +2 -2
- package/dist/{ui-radio.entry-YNMXKLDW.js → ui-radio.entry-QAATWUYT.js} +2 -2
- package/dist/{ui-search-result-row.entry-AHVVAAIO.js → ui-search-result-row.entry-2I3DH2OT.js} +2 -2
- package/dist/{ui-search-shell.entry-CNBEAMEZ.js → ui-search-shell.entry-7RS55ORF.js} +2 -2
- package/dist/{ui-select.entry-TUY6TCTC.js → ui-select.entry-6O4KD4G7.js} +2 -2
- package/dist/{ui-switch.entry-26LFI7B5.js → ui-switch.entry-DY5PSHCQ.js} +3 -3
- package/dist/{ui-tabs.entry-LXB62RJJ.js → ui-tabs.entry-6X56UOUE.js} +2 -2
- package/dist/{ui-textarea.entry-JYGMGPX2.js → ui-textarea.entry-RDYP6O77.js} +2 -2
- package/dist/{ui-toast-region.entry-TOW4KZLZ.js → ui-toast-region.entry-EBY42KS5.js} +2 -2
- package/dist/{ui-tooltip.entry-SKFNYXPH.js → ui-tooltip.entry-PLXMPOKV.js} +2 -2
- package/dist/{ui-top-bar.entry-S3YP52EA.js → ui-top-bar.entry-QKE2DLVD.js} +2 -2
- package/dist/{ui-tree-item.entry-LWYIPYLC.js → ui-tree-item.entry-TC6YWIC6.js} +3 -3
- package/dist/{ui-tree.entry-LXKUQFRU.js → ui-tree.entry-UL6UHCUT.js} +2 -2
- package/package.json +1 -1
- package/vue/{chunk-D4AJULDE.js → chunk-GXQY27K2.js} +84 -1
- package/vue/editor/index.js +1 -1
- package/vue/index.d.ts +118 -2
- package/vue/index.js +5 -1
- package/dist/cjs/ui-chip.cjs.entry.js +0 -19
- package/dist/esm/ui-chip.entry.js +0 -17
- package/dist/looma/p-82f2fa3d.entry.js +0 -1
- package/dist/looma/p-97e8cb0e.entry.js +0 -1
- package/dist/looma/p-9e1c4020.entry.js +0 -1
- package/dist/looma/p-cfba8f7c.entry.js +0 -1
- package/dist/ui-chip.entry-XSNPJXX3.js +0 -22
|
@@ -6,38 +6,39 @@ var __glob = (map) => (path) => {
|
|
|
6
6
|
|
|
7
7
|
// import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js
|
|
8
8
|
var globImport_entry_js = __glob({
|
|
9
|
-
"./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-
|
|
10
|
-
"./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-
|
|
11
|
-
"./ui-avatar.entry.js": () => import("./ui-avatar.entry-
|
|
12
|
-
"./ui-badge.entry.js": () => import("./ui-badge.entry-
|
|
13
|
-
"./ui-button.entry.js": () => import("./ui-button.entry-
|
|
14
|
-
"./ui-callout.entry.js": () => import("./ui-callout.entry-
|
|
15
|
-
"./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-
|
|
16
|
-
"./ui-
|
|
17
|
-
"./ui-
|
|
18
|
-
"./ui-
|
|
19
|
-
"./ui-
|
|
20
|
-
"./ui-
|
|
21
|
-
"./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-
|
|
22
|
-
"./ui-form-field.entry.js": () => import("./ui-form-field.entry-
|
|
23
|
-
"./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-
|
|
24
|
-
"./ui-input.entry.js": () => import("./ui-input.entry-
|
|
25
|
-
"./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-
|
|
26
|
-
"./ui-menu.entry.js": () => import("./ui-menu.entry-
|
|
27
|
-
"./ui-
|
|
28
|
-
"./ui-
|
|
29
|
-
"./ui-radio.entry.js": () => import("./ui-radio.entry-
|
|
30
|
-
"./ui-
|
|
31
|
-
"./ui-search-
|
|
32
|
-
"./ui-
|
|
33
|
-
"./ui-
|
|
34
|
-
"./ui-
|
|
35
|
-
"./ui-
|
|
36
|
-
"./ui-
|
|
37
|
-
"./ui-
|
|
38
|
-
"./ui-
|
|
39
|
-
"./ui-
|
|
40
|
-
"./ui-tree.entry.js": () => import("./ui-tree.entry-
|
|
9
|
+
"./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-VSSP52ZP.js"),
|
|
10
|
+
"./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-JMCLL6FW.js"),
|
|
11
|
+
"./ui-avatar.entry.js": () => import("./ui-avatar.entry-X2YQ3QPG.js"),
|
|
12
|
+
"./ui-badge.entry.js": () => import("./ui-badge.entry-OJ6FJJKL.js"),
|
|
13
|
+
"./ui-button.entry.js": () => import("./ui-button.entry-ZN6JLND7.js"),
|
|
14
|
+
"./ui-callout.entry.js": () => import("./ui-callout.entry-7K6NXQ7U.js"),
|
|
15
|
+
"./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-GUYRVU6O.js"),
|
|
16
|
+
"./ui-chip_2.entry.js": () => import("./ui-chip_2.entry-M2DOTIGY.js"),
|
|
17
|
+
"./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-BM7FHOUJ.js"),
|
|
18
|
+
"./ui-dialog.entry.js": () => import("./ui-dialog.entry-AZAD37CG.js"),
|
|
19
|
+
"./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-XDPGKMBK.js"),
|
|
20
|
+
"./ui-editable.entry.js": () => import("./ui-editable.entry-S3TE6KFT.js"),
|
|
21
|
+
"./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-U7HGA3CS.js"),
|
|
22
|
+
"./ui-form-field.entry.js": () => import("./ui-form-field.entry-C2ZSP3TM.js"),
|
|
23
|
+
"./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-P6H2LY7D.js"),
|
|
24
|
+
"./ui-input.entry.js": () => import("./ui-input.entry-GTNQJCQ2.js"),
|
|
25
|
+
"./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-2HWOGUO5.js"),
|
|
26
|
+
"./ui-menu.entry.js": () => import("./ui-menu.entry-NZ7ER54K.js"),
|
|
27
|
+
"./ui-multi-combobox.entry.js": () => import("./ui-multi-combobox.entry-DZ5LLSVQ.js"),
|
|
28
|
+
"./ui-popover.entry.js": () => import("./ui-popover.entry-ZOEQMUWG.js"),
|
|
29
|
+
"./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-QCQ46EK5.js"),
|
|
30
|
+
"./ui-radio.entry.js": () => import("./ui-radio.entry-QAATWUYT.js"),
|
|
31
|
+
"./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-2I3DH2OT.js"),
|
|
32
|
+
"./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-7RS55ORF.js"),
|
|
33
|
+
"./ui-select.entry.js": () => import("./ui-select.entry-6O4KD4G7.js"),
|
|
34
|
+
"./ui-switch.entry.js": () => import("./ui-switch.entry-DY5PSHCQ.js"),
|
|
35
|
+
"./ui-tabs.entry.js": () => import("./ui-tabs.entry-6X56UOUE.js"),
|
|
36
|
+
"./ui-textarea.entry.js": () => import("./ui-textarea.entry-RDYP6O77.js"),
|
|
37
|
+
"./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-EBY42KS5.js"),
|
|
38
|
+
"./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-PLXMPOKV.js"),
|
|
39
|
+
"./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-QKE2DLVD.js"),
|
|
40
|
+
"./ui-tree-item.entry.js": () => import("./ui-tree-item.entry-TC6YWIC6.js"),
|
|
41
|
+
"./ui-tree.entry.js": () => import("./ui-tree.entry-UL6UHCUT.js")
|
|
41
42
|
});
|
|
42
43
|
|
|
43
44
|
// dist/esm/index-8BGiMGQ0.js
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
return index.bootstrapLazy([["ui-combobox.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"
|
|
9
|
+
return index.bootstrapLazy([["ui-multi-combobox.cjs",[[769,"ui-multi-combobox",{"label":[1],"placeholder":[1],"items":[16],"config":[16],"query":[1],"defaultQuery":[1,"default-query"],"disabled":[4],"readOnly":[4,"readonly"],"required":[4],"name":[1],"raw":[32],"rows":[32],"focusInput":[64]},null,{"query":[{"syncQuery":0}]}]]],["ui-context-menu.cjs",[[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.cjs",[[769,"ui-affordance-scope",{"nearRadius":[514,"near-radius"]},null,{"nearRadius":[{"connectCoordinator":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[4]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-callout.cjs",[[769,"ui-callout",{"tone":[1]}]]],["ui-checkbox.cjs",[[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.cjs",[[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.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-editable.cjs",[[769,"ui-editable",{"edit":[4],"defaultEdit":[4,"default-edit"],"disabled":[4],"internalEdit":[32]},null,{"edit":[{"syncFromProp":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513],"anticipatory":[516]}]]],["ui-input.cjs",[[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.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[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.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[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.cjs",[[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.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-tree.cjs",[[769,"ui-tree",{"label":[1],"hoverExpandDelay":[2,"hover-expand-delay"],"maxDepth":[2,"max-depth"]}]]],["ui-tree-item.cjs",[[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.cjs",[[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-tooltip.cjs",[[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}]}]]],["ui-chip_2.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"name":[1],"value":[1],"defaultValue":[1,"default-value"],"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}]}],[769,"ui-chip",{"appearance":[1],"size":[1]}]]]], options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/looma.cjs.js
CHANGED
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["ui-combobox.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"
|
|
22
|
+
return index.bootstrapLazy([["ui-multi-combobox.cjs",[[769,"ui-multi-combobox",{"label":[1],"placeholder":[1],"items":[16],"config":[16],"query":[1],"defaultQuery":[1,"default-query"],"disabled":[4],"readOnly":[4,"readonly"],"required":[4],"name":[1],"raw":[32],"rows":[32],"focusInput":[64]},null,{"query":[{"syncQuery":0}]}]]],["ui-context-menu.cjs",[[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.cjs",[[769,"ui-affordance-scope",{"nearRadius":[514,"near-radius"]},null,{"nearRadius":[{"connectCoordinator":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[4]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-callout.cjs",[[769,"ui-callout",{"tone":[1]}]]],["ui-checkbox.cjs",[[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.cjs",[[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.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-editable.cjs",[[769,"ui-editable",{"edit":[4],"defaultEdit":[4,"default-edit"],"disabled":[4],"internalEdit":[32]},null,{"edit":[{"syncFromProp":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513],"anticipatory":[516]}]]],["ui-input.cjs",[[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.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[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.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[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.cjs",[[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.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-tree.cjs",[[769,"ui-tree",{"label":[1],"hoverExpandDelay":[2,"hover-expand-delay"],"maxDepth":[2,"max-depth"]}]]],["ui-tree-item.cjs",[[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.cjs",[[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-tooltip.cjs",[[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}]}]]],["ui-chip_2.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"name":[1],"value":[1],"defaultValue":[1,"default-value"],"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}]}],[769,"ui-chip",{"appearance":[1],"size":[1]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -4,6 +4,22 @@ var index = require('./index-BHG9Rpil.js');
|
|
|
4
4
|
var positioning = require('./positioning-i0WrCAdF.js');
|
|
5
5
|
var manager = require('./manager-Ce25WRtl.js');
|
|
6
6
|
|
|
7
|
+
const uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
|
|
8
|
+
|
|
9
|
+
const UIChip = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
}
|
|
13
|
+
/** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
|
|
14
|
+
appearance = 'tag';
|
|
15
|
+
/** Compact typography size. */
|
|
16
|
+
size = 'xs';
|
|
17
|
+
render() {
|
|
18
|
+
return (index.h(index.Host, { key: '970cb48cf8d70c47feaab90fe428c09f0d052a03', "data-appearance": this.appearance, "data-size": this.size }, index.h("span", { key: '6d8c6104d2869520097a2a61bd2a887b363b4912', class: "chip__surface" }, index.h("slot", { key: 'b61c50a8060d8a2684aed6f87dc859b1c9e99858' }))));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
UIChip.style = uiChipCss();
|
|
22
|
+
|
|
7
23
|
/** Formatting is additive: every original character must survive in order.
|
|
8
24
|
* Normalization belongs to submitted output, never the visible editing buffer. */
|
|
9
25
|
function formatEditingValue(raw, selection, format) {
|
|
@@ -97,6 +113,8 @@ const UICombobox = class {
|
|
|
97
113
|
readOnly = false;
|
|
98
114
|
required = false;
|
|
99
115
|
size = 'md';
|
|
116
|
+
/** Keep the native label accessible while allowing compact composed controls. */
|
|
117
|
+
labelVisibility = 'visible';
|
|
100
118
|
disclosure = false;
|
|
101
119
|
clearable = false;
|
|
102
120
|
/** Optional description shown by the connected question-mark button. */
|
|
@@ -318,8 +336,9 @@ const UICombobox = class {
|
|
|
318
336
|
}, reason === 'disclosure' ? 0 : Math.max(0, config.debounce ?? 200));
|
|
319
337
|
}
|
|
320
338
|
get canCreate() {
|
|
339
|
+
const candidates = this.config.options ? [...this.config.options, ...this.rows] : this.rows;
|
|
321
340
|
return Boolean(this.config.allowCreate && this.raw.trim() && !this.loading && !this.lookupError
|
|
322
|
-
&& !
|
|
341
|
+
&& !candidates.some(row => row.label.toLocaleLowerCase() === this.raw.toLocaleLowerCase()));
|
|
323
342
|
}
|
|
324
343
|
format(timing) {
|
|
325
344
|
if ((this.config.formatOn ?? 'blur') !== timing || !this.input)
|
|
@@ -504,19 +523,24 @@ const UICombobox = class {
|
|
|
504
523
|
catch { /* Aborted work never becomes current field state. */ }
|
|
505
524
|
return this.validation;
|
|
506
525
|
}
|
|
526
|
+
/** Focus the native editing input from a composed control. */
|
|
527
|
+
async focusInput() { this.input?.focus(); }
|
|
507
528
|
render() {
|
|
508
529
|
const description = [this.helpOpen ? 'help-text' : '', this.validation.issues.length ? 'validation' : ''].filter(Boolean).join(' ') || undefined;
|
|
509
530
|
const status = this.loading ? 'Loading suggestions…' : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : '');
|
|
510
531
|
const groups = [...new Set(this.rows.map(row => row.group ?? ''))];
|
|
511
|
-
return index.h(index.Host, { key: '
|
|
532
|
+
return index.h(index.Host, { key: 'a33890c2824f29dfea5e22edddca4480a6d1d032', "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, index.h("label", { key: 'c936530cf696c1d14245fd83895e9c58c908df12', htmlFor: "input", part: "label", class: this.labelVisibility === 'sr-only' ? 'sr-only' : undefined }, this.label, this.required ? ' *' : ''), index.h("div", { key: '0fe0ed9b15a3e256867e071ca7e4fa3abc66f27c', class: "field", part: "field", ref: element => this.field = element, onClick: event => {
|
|
533
|
+
if (!event.composedPath().some(node => node instanceof HTMLButtonElement))
|
|
534
|
+
this.input?.focus();
|
|
535
|
+
} }, index.h("slot", { key: '9cc4c22eb7776e415792fbdf3c17c962c7107f70', name: "start" }), index.h("input", { key: '0898e8ec5af57c7ba8ad227164f7955ef4011729', 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}` : undefined, "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 || undefined, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => { this.composing = false; this.onInput(new InputEvent('input')); } }), this.clearable && index.h("button", { key: 'f9a49484ae9bcc4ace72a46d0c59202040ff39d8', type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => { this.commit(null, '', null, 'clear', 'pointer'); this.close(); this.input?.focus(); } }, "\u00D7"), this.help && index.h("button", { key: '597106eda4dcc68aa9fb2eaa99c1edad0d68a892', id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, index.h("span", { key: 'd26085a52b16d65e26dc20ef8afacb5defec5f7b', "aria-hidden": "true" }, "?")), this.disclosure && index.h("button", { key: '391d1c987eb8e868b2846eafd0627cfc78ab7478', type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
|
|
512
536
|
if (this.expanded)
|
|
513
537
|
this.close();
|
|
514
538
|
else
|
|
515
539
|
this.open('disclosure');
|
|
516
540
|
this.input?.focus();
|
|
517
|
-
} }, index.h("span", { key: '
|
|
541
|
+
} }, index.h("span", { key: '45678ce468fd7944306d4542e3c6af0fe211af14', "aria-hidden": "true" }, "\u2304"))), this.help && index.h("ui-tooltip", { key: 'a8dc037639a60aff5a12b4651ffa10fc5ccd33eb', id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), index.h("div", { key: 'f13fc7a11c3d22995035b6701ea24637a048a5b8', class: "popup", part: "popup", hidden: !this.expanded, ref: element => this.popup = element }, index.h("div", { key: '9d2bdfcc558f8e7de87f2915ea5607a8f32c1762', id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map(group => index.h("div", { role: group ? 'group' : 'presentation', "aria-label": group || undefined }, group && index.h("div", { class: "group", part: "group" }, group), this.rows.map((row, index$1) => (row.group ?? '') !== group ? null : index.h("div", { id: `option-${index$1}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index$1 ? '' : undefined, part: "option", class: "option", onPointerDown: event => event.preventDefault(), onClick: () => this.choose(index$1, 'pointer') }, index.h("slot", { name: `option-${row.id}` }, index.h("span", { class: "primary", part: "option-primary" }, row.label), row.description && index.h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && index.h("div", { key: '9495fd43a721c84621b8083cb8eac776f843ab59', id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? '' : undefined, onPointerDown: event => event.preventDefault(), onClick: () => this.choose(this.rows.length, 'pointer') }, index.h("slot", { key: 'f0407c5622dcf3b325985c136657f8b9ac8a4ab5', name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? index.h("div", { class: "message" }, index.h("slot", { name: "loading" }, "Loading suggestions\u2026"))
|
|
518
542
|
: this.lookupError ? index.h("div", { class: "message" }, index.h("slot", { name: "error" }, this.lookupError))
|
|
519
|
-
: !this.rows.length && !this.canCreate ? index.h("div", { class: "message" }, index.h("slot", { name: "empty" }, "No suggestions.")) : null), index.h("div", { key: '
|
|
543
|
+
: !this.rows.length && !this.canCreate ? index.h("div", { class: "message" }, index.h("slot", { name: "empty" }, "No suggestions.")) : null, index.h("slot", { key: 'efcaee3efb029a9e0bb4e033ab61b251331c1c93', name: "footer" })), index.h("div", { key: 'b44ccb319f94ebc9e6ac3204a8c1771d49485a58', id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map(issue => index.h("div", null, issue.message))), index.h("div", { key: 'c3cb51dd4603734af4c7a02d8fe0bb42ac69083a', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === 'pending' ? 'Checking value…' : this.validation.issues.map(issue => issue.message).join(' ')));
|
|
520
544
|
}
|
|
521
545
|
static get watchers() { return {
|
|
522
546
|
"value": [{
|
|
@@ -538,4 +562,5 @@ const UICombobox = class {
|
|
|
538
562
|
};
|
|
539
563
|
UICombobox.style = uiComboboxCss();
|
|
540
564
|
|
|
565
|
+
exports.ui_chip = UIChip;
|
|
541
566
|
exports.ui_combobox = UICombobox;
|
|
@@ -220,7 +220,7 @@ const UIContextMenu = class {
|
|
|
220
220
|
this.closeMenu('action', 'pointer');
|
|
221
221
|
};
|
|
222
222
|
render() {
|
|
223
|
-
return (index.h(index.Host, { key: '
|
|
223
|
+
return (index.h(index.Host, { key: '171e647667bab4a9f905f2b531aa2db182fc426f', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: 'f1a15e54ab3b14515553e05b4b3cf60ed7a99f8b', name: "trigger" }), index.h("div", { key: '450aaacf3f75a71ecce86300c0d824452ceec4a0', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '667003b7c6ab3ccbaa888b25cb87d921036ab827', open: this.internalOpen }, index.h("slot", { key: 'c0731115bc3dbd02c4125ef8208269dd97e124bf' })))));
|
|
224
224
|
}
|
|
225
225
|
static get watchers() { return {
|
|
226
226
|
"open": [{
|
|
@@ -112,7 +112,7 @@ const UIDialog = class {
|
|
|
112
112
|
this.accessibleLabel = nextLabel;
|
|
113
113
|
};
|
|
114
114
|
render() {
|
|
115
|
-
return (index.h(index.Host, { key: '
|
|
115
|
+
return (index.h(index.Host, { key: '6e12a287866c76305c791c0ae538dcde63da3044', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '99ba3815e8a8c70ce50ff08d9a8b162aa9c1011f', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: 'e72b001877d2dfad1bcee9af87167c66d77fc952' }))));
|
|
116
116
|
}
|
|
117
117
|
static get watchers() { return {
|
|
118
118
|
"open": [{
|
|
@@ -96,7 +96,7 @@ const UIDisclosure = class {
|
|
|
96
96
|
this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
|
|
97
97
|
};
|
|
98
98
|
render() {
|
|
99
|
-
return (index.h(index.Host, { key: '
|
|
99
|
+
return (index.h(index.Host, { key: '55f998f8e47ebe01fd5832d6c3dac310dda34b8d' }, index.h("slot", { key: '0d88728151901e1e412d7f5a3ae78b06aa7548fb' })));
|
|
100
100
|
}
|
|
101
101
|
static get watchers() { return {
|
|
102
102
|
"open": [{
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BHG9Rpil.js');
|
|
4
|
+
var controlledState = require('./controlled-state-BFya8rAX.js');
|
|
5
|
+
|
|
6
|
+
const uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
|
|
7
|
+
|
|
8
|
+
const UIEditable = class {
|
|
9
|
+
constructor(hostRef) {
|
|
10
|
+
index.registerInstance(this, hostRef);
|
|
11
|
+
this.editChange = index.createEvent(this, "edit-change");
|
|
12
|
+
}
|
|
13
|
+
get host() { return index.getElement(this); }
|
|
14
|
+
/** Controlled edit state. Omit it to use defaultEdit and local interaction state. */
|
|
15
|
+
edit;
|
|
16
|
+
defaultEdit = false;
|
|
17
|
+
disabled = false;
|
|
18
|
+
editChange;
|
|
19
|
+
internalEdit = false;
|
|
20
|
+
trigger = null;
|
|
21
|
+
syncFromProp() {
|
|
22
|
+
if (controlledState.isControlled(this.edit))
|
|
23
|
+
this.internalEdit = this.edit;
|
|
24
|
+
}
|
|
25
|
+
componentWillLoad() {
|
|
26
|
+
this.internalEdit = controlledState.controlledOrDefault(this.edit, this.defaultEdit);
|
|
27
|
+
}
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
this.host.ownerDocument.addEventListener('pointerdown', this.onDocumentPointerDown, true);
|
|
30
|
+
}
|
|
31
|
+
disconnectedCallback() {
|
|
32
|
+
this.host.ownerDocument.removeEventListener('pointerdown', this.onDocumentPointerDown, true);
|
|
33
|
+
}
|
|
34
|
+
requestEdit(next, reason, trigger) {
|
|
35
|
+
if (this.disabled || this.internalEdit === next)
|
|
36
|
+
return;
|
|
37
|
+
if (!controlledState.isControlled(this.edit))
|
|
38
|
+
this.internalEdit = next;
|
|
39
|
+
this.editChange.emit({ edit: next, reason, trigger });
|
|
40
|
+
if (next)
|
|
41
|
+
requestAnimationFrame(() => this.focusEditor());
|
|
42
|
+
else
|
|
43
|
+
requestAnimationFrame(() => this.trigger?.focus());
|
|
44
|
+
}
|
|
45
|
+
focusEditor() {
|
|
46
|
+
const editRoot = this.host.querySelector('[slot="edit"]');
|
|
47
|
+
const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox')
|
|
48
|
+
? editRoot
|
|
49
|
+
: editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox');
|
|
50
|
+
const focusInput = candidate?.focusInput;
|
|
51
|
+
if (typeof focusInput === 'function')
|
|
52
|
+
void focusInput.call(candidate);
|
|
53
|
+
else
|
|
54
|
+
candidate?.focus();
|
|
55
|
+
}
|
|
56
|
+
eventTrigger(event) {
|
|
57
|
+
return event.composedPath().find(node => node instanceof HTMLElement && node.hasAttribute('data-ui-editable-trigger'));
|
|
58
|
+
}
|
|
59
|
+
onClick = (event) => {
|
|
60
|
+
if (this.internalEdit || this.disabled)
|
|
61
|
+
return;
|
|
62
|
+
const trigger = this.eventTrigger(event);
|
|
63
|
+
if (!trigger)
|
|
64
|
+
return;
|
|
65
|
+
this.trigger = trigger;
|
|
66
|
+
this.requestEdit(true, 'activate', 'pointer');
|
|
67
|
+
};
|
|
68
|
+
onKeyDown = (event) => {
|
|
69
|
+
if (this.internalEdit && event.key === 'Escape') {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
event.stopPropagation();
|
|
72
|
+
this.requestEdit(false, 'escape', 'keyboard');
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
if (this.internalEdit || !['Enter', ' '].includes(event.key))
|
|
76
|
+
return;
|
|
77
|
+
const trigger = this.eventTrigger(event);
|
|
78
|
+
if (!trigger)
|
|
79
|
+
return;
|
|
80
|
+
event.preventDefault();
|
|
81
|
+
this.trigger = trigger;
|
|
82
|
+
this.requestEdit(true, 'activate', 'keyboard');
|
|
83
|
+
};
|
|
84
|
+
onDocumentPointerDown = (event) => {
|
|
85
|
+
if (!this.internalEdit || event.composedPath().includes(this.host))
|
|
86
|
+
return;
|
|
87
|
+
this.requestEdit(false, 'light-dismiss', 'pointer');
|
|
88
|
+
};
|
|
89
|
+
render() {
|
|
90
|
+
return index.h(index.Host, { key: 'f350400d4ebf897fb657b83b7cba9d309c5067bd', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: 'f365ac61f59e9aaa1516121e3d6e2a42187e1d7b', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: 'ea234b437cc4eb530f2994d695429be91d874ef7', name: "preview" })), index.h("div", { key: 'dacf0e74e72c47868986c80aaa60f55942fd9505', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '54a943bc290335181a23b4cfa6055e4acfd8a62b', name: "edit" })));
|
|
91
|
+
}
|
|
92
|
+
static get watchers() { return {
|
|
93
|
+
"edit": [{
|
|
94
|
+
"syncFromProp": 0
|
|
95
|
+
}]
|
|
96
|
+
}; }
|
|
97
|
+
};
|
|
98
|
+
UIEditable.style = uiEditableCss();
|
|
99
|
+
|
|
100
|
+
exports.ui_editable = UIEditable;
|
|
@@ -12,7 +12,7 @@ const UIFloatingActionButton = class {
|
|
|
12
12
|
mobileOnly = false;
|
|
13
13
|
label = '';
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, { key: '
|
|
15
|
+
return (index.h(index.Host, { key: '9e917e07efcef5c0a96b8b09af8934f336a521bd', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '940daac4c2ff1144d7e82b36727205f286325a8e', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '382c70aa4836f6e799f98e1f0e4bc6e3104430fc' }))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
UIFloatingActionButton.style = uiFloatingActionButtonCss();
|
|
@@ -106,7 +106,7 @@ const UIFormField = class {
|
|
|
106
106
|
input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return (index.h(index.Host, { key: '
|
|
109
|
+
return (index.h(index.Host, { key: 'ac01e2be489b9c907169417dc5064061bd74ff7c', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: 'c739f9b2c948bc1d3db4316871c2293bf75cf520', onSlotchange: this.scheduleWire })));
|
|
110
110
|
}
|
|
111
111
|
};
|
|
112
112
|
UIFormField.style = uiFormFieldCss();
|
|
@@ -15,7 +15,7 @@ const UIIconButton = class {
|
|
|
15
15
|
/** Reveals this control through a surrounding ui-affordance-scope. */
|
|
16
16
|
anticipatory = false;
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '225e147d184109d39a2e6f9236ba3ba3c5864c31', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: '7e54fab4520ae6641c974abf19e975e8eec7a3df', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '54f9ba27c5a2ca896267f07ad1055907e74a64bc' }))));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
UIIconButton.style = uiIconButtonCss();
|
|
@@ -78,7 +78,7 @@ const UIInput = class {
|
|
|
78
78
|
});
|
|
79
79
|
};
|
|
80
80
|
render() {
|
|
81
|
-
return (index.h(index.Host, { key: '
|
|
81
|
+
return (index.h(index.Host, { key: '0d8676e8458476681653ef4600dcb0f3b56d1ed1', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'd3585c07b6985d9090002f7a9c0eea1227517e0f', ref: (el) => (this.slotRef = el) })));
|
|
82
82
|
}
|
|
83
83
|
static get watchers() { return {
|
|
84
84
|
"value": [{
|
|
@@ -11,7 +11,7 @@ const UIMenuItem = class {
|
|
|
11
11
|
disabled = false;
|
|
12
12
|
value = '';
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Host, { key: '
|
|
14
|
+
return (index.h(index.Host, { key: '711e7f70268d23969e40073cd47b065afadc22c9', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: 'd0c0aff983bdbc48666fcd652b39340bfd92c790', class: "menu-item__surface" }, index.h("slot", { key: '3fc6111848142b388529a9cdb5f6134bffe8fa42' }))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
UIMenuItem.style = uiMenuItemCss();
|
|
@@ -160,7 +160,7 @@ const UIMenu = class {
|
|
|
160
160
|
}
|
|
161
161
|
};
|
|
162
162
|
render() {
|
|
163
|
-
return (index.h(index.Host, { key: '
|
|
163
|
+
return (index.h(index.Host, { key: 'afba5a7f63238afdb6f71a3636c1f294d3e8ac6f', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: '50d770efd27dddca436b804f10f1cc40bc604cb5', class: "menu__surface" }, index.h("slot", { key: '5014fc43a0ee2d66168bbcc1d52b20bd5120acb9' }))));
|
|
164
164
|
}
|
|
165
165
|
static get watchers() { return {
|
|
166
166
|
"open": [{
|