@threadlabs/looma 0.2.5 → 0.2.7
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-3HMMDK27.js +2914 -0
- package/dist/chunk-3K45IWIJ.js +4733 -0
- package/dist/chunk-MLKGABMK.js +9 -0
- package/dist/declarative-generated.cjs +135 -0
- package/dist/declarative-generated.d.cts +10 -0
- package/dist/declarative-generated.d.ts +10 -0
- package/dist/declarative-generated.js +111 -0
- package/dist/declarative.cjs +2942 -0
- package/dist/declarative.d.cts +27 -0
- package/dist/declarative.d.ts +27 -0
- package/dist/declarative.js +13 -0
- package/dist/index.cjs +7478 -6457
- package/dist/index.d.cts +4 -58
- package/dist/index.d.ts +4 -58
- package/dist/index.js +15 -27
- package/dist/loader.cjs +7652 -0
- package/dist/loader.d.cts +4 -0
- package/dist/loader.d.ts +4 -0
- package/dist/loader.js +16 -0
- package/dist/valibot.cjs +31 -0
- package/dist/valibot.d.cts +10 -0
- package/dist/valibot.d.ts +1 -43
- package/dist/valibot.js +2 -0
- package/dist/{types/field/validation.d.ts → validation-bxcou-l-.d.cts} +13 -11
- package/dist/validation-bxcou-l-.d.ts +58 -0
- package/editor/{chunk-B5WVJOPV.js → chunk-BXICJBWS.js} +118 -8
- package/editor/{chunk-ZOUKEZ77.js → chunk-JK53ENSG.js} +8 -21
- package/editor/chunk-WI7ZA44X.js +2558 -0
- package/editor/extensions/index.d.ts +11 -2
- package/editor/extensions/index.js +9 -7
- package/editor/index.d.ts +1 -1
- package/editor/index.js +10 -8
- package/editor/ui.js +2 -2
- package/editor.css +32 -0
- package/layout/index.cjs +466 -400
- package/layout/index.d.cts +1 -2
- package/layout/index.d.ts +1 -2
- package/layout/index.js +471 -395
- package/package.json +14 -5
- package/vue/chunk-4DPYH3IT.js +3538 -0
- package/vue/editor/index.d.ts +17 -7
- package/vue/editor/index.js +53 -35
- package/vue/index.d.ts +48 -31
- package/vue/index.js +1 -1
- package/dist/chunk-24OTMNIU.js +0 -1617
- package/dist/chunk-D5WRORG6.js +0 -366
- package/dist/chunk-HNFCGIBP.js +0 -8
- package/dist/chunk-NB6DBRXQ.js +0 -323
- package/dist/chunk-OF57X5AR.js +0 -10
- package/dist/chunk-TL4FIE7X.js +0 -93
- package/dist/chunk-UL7UIUJZ.js +0 -20
- package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -5
- package/dist/cjs/controlled-state-BFya8rAX.js +0 -9
- package/dist/cjs/events-TcQIzpNv.js +0 -19
- package/dist/cjs/icons-BAdjrnhS.js +0 -680
- package/dist/cjs/id-CYbKpaYr.js +0 -9
- package/dist/cjs/index-BHG9Rpil.js +0 -1602
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +0 -13
- package/dist/cjs/looma.cjs.js +0 -25
- package/dist/cjs/manager-Ce25WRtl.js +0 -95
- package/dist/cjs/positioning-CCR6ifPj.js +0 -426
- package/dist/cjs/ui-affordance-scope.cjs.entry.js +0 -43
- package/dist/cjs/ui-avatar-group.cjs.entry.js +0 -43
- package/dist/cjs/ui-avatar.cjs.entry.js +0 -50
- package/dist/cjs/ui-badge.cjs.entry.js +0 -19
- package/dist/cjs/ui-button.cjs.entry.js +0 -75
- package/dist/cjs/ui-callout.cjs.entry.js +0 -27
- package/dist/cjs/ui-checkbox.cjs.entry.js +0 -97
- package/dist/cjs/ui-chip_2.cjs.entry.js +0 -258
- package/dist/cjs/ui-combobox.cjs.entry.js +0 -708
- package/dist/cjs/ui-context-menu.cjs.entry.js +0 -239
- package/dist/cjs/ui-dialog.cjs.entry.js +0 -131
- package/dist/cjs/ui-disclosure.cjs.entry.js +0 -112
- package/dist/cjs/ui-editable.cjs.entry.js +0 -100
- package/dist/cjs/ui-floating-action-button.cjs.entry.js +0 -20
- package/dist/cjs/ui-form-field.cjs.entry.js +0 -114
- package/dist/cjs/ui-icon-button.cjs.entry.js +0 -23
- package/dist/cjs/ui-input.cjs.entry.js +0 -106
- package/dist/cjs/ui-menu-item.cjs.entry.js +0 -19
- package/dist/cjs/ui-menu.cjs.entry.js +0 -182
- package/dist/cjs/ui-popover.cjs.entry.js +0 -135
- package/dist/cjs/ui-radio-group.cjs.entry.js +0 -134
- package/dist/cjs/ui-radio.cjs.entry.js +0 -94
- package/dist/cjs/ui-search-result-row.cjs.entry.js +0 -47
- package/dist/cjs/ui-search-shell.cjs.entry.js +0 -39
- package/dist/cjs/ui-select.cjs.entry.js +0 -108
- package/dist/cjs/ui-switch.cjs.entry.js +0 -74
- package/dist/cjs/ui-tabs.cjs.entry.js +0 -118
- package/dist/cjs/ui-textarea.cjs.entry.js +0 -110
- package/dist/cjs/ui-toast-region.cjs.entry.js +0 -93
- package/dist/cjs/ui-top-bar.cjs.entry.js +0 -43
- package/dist/cjs/ui-tree-item.cjs.entry.js +0 -135
- package/dist/cjs/ui-tree.cjs.entry.js +0 -500
- package/dist/collection/collection-manifest.json +0 -45
- package/dist/collection/components/ui-affordance-scope/ui-affordance-scope.css +0 -8
- package/dist/collection/components/ui-affordance-scope/ui-affordance-scope.js +0 -70
- package/dist/collection/components/ui-avatar/ui-avatar.css +0 -35
- package/dist/collection/components/ui-avatar/ui-avatar.js +0 -130
- package/dist/collection/components/ui-avatar-group/ui-avatar-group.css +0 -32
- package/dist/collection/components/ui-avatar-group/ui-avatar-group.js +0 -95
- package/dist/collection/components/ui-badge/ui-badge.css +0 -90
- package/dist/collection/components/ui-badge/ui-badge.js +0 -62
- package/dist/collection/components/ui-button/ui-button.css +0 -121
- package/dist/collection/components/ui-button/ui-button.js +0 -141
- package/dist/collection/components/ui-callout/ui-callout.css +0 -74
- package/dist/collection/components/ui-callout/ui-callout.js +0 -59
- package/dist/collection/components/ui-checkbox/ui-checkbox.css +0 -24
- package/dist/collection/components/ui-checkbox/ui-checkbox.js +0 -228
- package/dist/collection/components/ui-chip/ui-chip.css +0 -57
- package/dist/collection/components/ui-chip/ui-chip.js +0 -67
- package/dist/collection/components/ui-combobox/ui-combobox.css +0 -47
- package/dist/collection/components/ui-combobox/ui-combobox.js +0 -1295
- package/dist/collection/components/ui-context-menu/ui-context-menu.css +0 -34
- package/dist/collection/components/ui-context-menu/ui-context-menu.js +0 -311
- package/dist/collection/components/ui-dialog/ui-dialog.css +0 -72
- package/dist/collection/components/ui-dialog/ui-dialog.js +0 -242
- package/dist/collection/components/ui-disclosure/ui-disclosure.css +0 -7
- package/dist/collection/components/ui-disclosure/ui-disclosure.js +0 -184
- package/dist/collection/components/ui-editable/ui-editable.css +0 -2
- package/dist/collection/components/ui-editable/ui-editable.js +0 -196
- package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.css +0 -73
- package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.js +0 -85
- package/dist/collection/components/ui-form-field/ui-form-field.css +0 -25
- package/dist/collection/components/ui-form-field/ui-form-field.js +0 -180
- package/dist/collection/components/ui-icon-button/ui-icon-button.css +0 -145
- package/dist/collection/components/ui-icon-button/ui-icon-button.js +0 -128
- package/dist/collection/components/ui-input/ui-input.css +0 -48
- package/dist/collection/components/ui-input/ui-input.js +0 -217
- package/dist/collection/components/ui-menu/ui-menu.css +0 -73
- package/dist/collection/components/ui-menu/ui-menu.js +0 -280
- package/dist/collection/components/ui-menu-item/ui-menu-item.css +0 -32
- package/dist/collection/components/ui-menu-item/ui-menu-item.js +0 -64
- package/dist/collection/components/ui-popover/ui-popover.css +0 -58
- package/dist/collection/components/ui-popover/ui-popover.js +0 -232
- package/dist/collection/components/ui-radio/ui-radio.css +0 -22
- package/dist/collection/components/ui-radio/ui-radio.js +0 -226
- package/dist/collection/components/ui-radio-group/ui-radio-group.css +0 -10
- package/dist/collection/components/ui-radio-group/ui-radio-group.js +0 -247
- package/dist/collection/components/ui-search-result-row/ui-search-result-row.css +0 -80
- package/dist/collection/components/ui-search-result-row/ui-search-result-row.js +0 -100
- package/dist/collection/components/ui-search-shell/ui-search-shell.css +0 -63
- package/dist/collection/components/ui-search-shell/ui-search-shell.js +0 -46
- package/dist/collection/components/ui-select/ui-select.css +0 -64
- package/dist/collection/components/ui-select/ui-select.js +0 -218
- package/dist/collection/components/ui-switch/ui-switch.css +0 -63
- package/dist/collection/components/ui-switch/ui-switch.js +0 -185
- package/dist/collection/components/ui-tabs/ui-tabs.css +0 -68
- package/dist/collection/components/ui-tabs/ui-tabs.js +0 -190
- package/dist/collection/components/ui-textarea/ui-textarea.css +0 -49
- package/dist/collection/components/ui-textarea/ui-textarea.js +0 -241
- package/dist/collection/components/ui-toast-region/ui-toast-region.css +0 -59
- package/dist/collection/components/ui-toast-region/ui-toast-region.js +0 -126
- package/dist/collection/components/ui-tooltip/ui-tooltip.css +0 -43
- package/dist/collection/components/ui-tooltip/ui-tooltip.js +0 -430
- package/dist/collection/components/ui-top-bar/ui-top-bar.css +0 -51
- package/dist/collection/components/ui-top-bar/ui-top-bar.js +0 -52
- package/dist/collection/components/ui-tree/ui-tree.css +0 -12
- package/dist/collection/components/ui-tree/ui-tree.js +0 -515
- package/dist/collection/components/ui-tree-item/ui-tree-item.css +0 -217
- package/dist/collection/components/ui-tree-item/ui-tree-item.js +0 -406
- package/dist/collection/field/combobox.js +0 -4
- package/dist/collection/field/editable.js +0 -1
- package/dist/collection/field/multi-combobox.js +0 -1
- package/dist/collection/field/valibot.js +0 -5
- package/dist/collection/field/validation.js +0 -62
- package/dist/collection/icons.js +0 -71
- package/dist/collection/input-modality.js +0 -24
- package/dist/collection/overlay/manager.js +0 -92
- package/dist/collection/overlay/positioning.js +0 -424
- package/dist/collection/utils/controlled-state.js +0 -4
- package/dist/collection/utils/drag-drop.js +0 -51
- package/dist/collection/utils/events.js +0 -13
- package/dist/collection/utils/id.js +0 -5
- package/dist/collection/utils/initials.js +0 -11
- package/dist/components/index.d.ts +0 -102
- package/dist/components/index.js +0 -1
- package/dist/components/p-6SWSrfmW.js +0 -1
- package/dist/components/p-B_DaIVEY.js +0 -1
- package/dist/components/p-Bh_1GxOD.js +0 -1
- package/dist/components/p-BnGhGgTH.js +0 -1
- package/dist/components/p-BzaB_bXo.js +0 -1
- package/dist/components/p-C-0syqXZ.js +0 -1
- package/dist/components/p-CoFximGM.js +0 -13
- package/dist/components/p-JwSoedEO.js +0 -1
- package/dist/components/p-Vc4ExHFc.js +0 -1
- package/dist/components/p-hgBUJRDa.js +0 -1
- package/dist/components/ui-affordance-scope.d.ts +0 -11
- package/dist/components/ui-affordance-scope.js +0 -1
- package/dist/components/ui-avatar-group.d.ts +0 -11
- package/dist/components/ui-avatar-group.js +0 -1
- package/dist/components/ui-avatar.d.ts +0 -11
- package/dist/components/ui-avatar.js +0 -1
- package/dist/components/ui-badge.d.ts +0 -11
- package/dist/components/ui-badge.js +0 -1
- package/dist/components/ui-button.d.ts +0 -11
- package/dist/components/ui-button.js +0 -1
- package/dist/components/ui-callout.d.ts +0 -11
- package/dist/components/ui-callout.js +0 -1
- package/dist/components/ui-checkbox.d.ts +0 -11
- package/dist/components/ui-checkbox.js +0 -1
- package/dist/components/ui-chip.d.ts +0 -11
- package/dist/components/ui-chip.js +0 -1
- package/dist/components/ui-combobox.d.ts +0 -11
- package/dist/components/ui-combobox.js +0 -1
- package/dist/components/ui-context-menu.d.ts +0 -11
- package/dist/components/ui-context-menu.js +0 -1
- package/dist/components/ui-dialog.d.ts +0 -11
- package/dist/components/ui-dialog.js +0 -1
- package/dist/components/ui-disclosure.d.ts +0 -11
- package/dist/components/ui-disclosure.js +0 -1
- package/dist/components/ui-editable.d.ts +0 -11
- package/dist/components/ui-editable.js +0 -1
- package/dist/components/ui-floating-action-button.d.ts +0 -11
- package/dist/components/ui-floating-action-button.js +0 -1
- package/dist/components/ui-form-field.d.ts +0 -11
- package/dist/components/ui-form-field.js +0 -1
- package/dist/components/ui-icon-button.d.ts +0 -11
- package/dist/components/ui-icon-button.js +0 -1
- package/dist/components/ui-input.d.ts +0 -11
- package/dist/components/ui-input.js +0 -1
- package/dist/components/ui-menu-item.d.ts +0 -11
- package/dist/components/ui-menu-item.js +0 -1
- package/dist/components/ui-menu.d.ts +0 -11
- package/dist/components/ui-menu.js +0 -1
- package/dist/components/ui-popover.d.ts +0 -11
- package/dist/components/ui-popover.js +0 -1
- package/dist/components/ui-radio-group.d.ts +0 -11
- package/dist/components/ui-radio-group.js +0 -1
- package/dist/components/ui-radio.d.ts +0 -11
- package/dist/components/ui-radio.js +0 -1
- package/dist/components/ui-search-result-row.d.ts +0 -11
- package/dist/components/ui-search-result-row.js +0 -1
- package/dist/components/ui-search-shell.d.ts +0 -11
- package/dist/components/ui-search-shell.js +0 -1
- package/dist/components/ui-select.d.ts +0 -11
- package/dist/components/ui-select.js +0 -1
- package/dist/components/ui-switch.d.ts +0 -11
- package/dist/components/ui-switch.js +0 -1
- package/dist/components/ui-tabs.d.ts +0 -11
- package/dist/components/ui-tabs.js +0 -1
- package/dist/components/ui-textarea.d.ts +0 -11
- package/dist/components/ui-textarea.js +0 -1
- package/dist/components/ui-toast-region.d.ts +0 -11
- package/dist/components/ui-toast-region.js +0 -1
- package/dist/components/ui-tooltip.d.ts +0 -11
- package/dist/components/ui-tooltip.js +0 -1
- package/dist/components/ui-top-bar.d.ts +0 -11
- package/dist/components/ui-top-bar.js +0 -1
- package/dist/components/ui-tree-item.d.ts +0 -11
- package/dist/components/ui-tree-item.js +0 -1
- package/dist/components/ui-tree.d.ts +0 -11
- package/dist/components/ui-tree.js +0 -1
- package/dist/esm/app-globals-DQuL1Twl.js +0 -3
- package/dist/esm/controlled-state-BnGhGgTH.js +0 -6
- package/dist/esm/events-JwSoedEO.js +0 -15
- package/dist/esm/icons-CoFximGM.js +0 -678
- package/dist/esm/id-hgBUJRDa.js +0 -7
- package/dist/esm/index-8BGiMGQ0.js +0 -1593
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -11
- package/dist/esm/looma.js +0 -21
- package/dist/esm/manager-C-0syqXZ.js +0 -91
- package/dist/esm/positioning-ZOr-2PSe.js +0 -421
- package/dist/esm/ui-affordance-scope.entry.js +0 -41
- package/dist/esm/ui-avatar-group.entry.js +0 -41
- package/dist/esm/ui-avatar.entry.js +0 -48
- package/dist/esm/ui-badge.entry.js +0 -17
- package/dist/esm/ui-button.entry.js +0 -73
- package/dist/esm/ui-callout.entry.js +0 -25
- package/dist/esm/ui-checkbox.entry.js +0 -95
- package/dist/esm/ui-chip_2.entry.js +0 -255
- package/dist/esm/ui-combobox.entry.js +0 -706
- package/dist/esm/ui-context-menu.entry.js +0 -237
- package/dist/esm/ui-dialog.entry.js +0 -129
- package/dist/esm/ui-disclosure.entry.js +0 -110
- package/dist/esm/ui-editable.entry.js +0 -98
- package/dist/esm/ui-floating-action-button.entry.js +0 -18
- package/dist/esm/ui-form-field.entry.js +0 -112
- package/dist/esm/ui-icon-button.entry.js +0 -21
- package/dist/esm/ui-input.entry.js +0 -104
- package/dist/esm/ui-menu-item.entry.js +0 -17
- package/dist/esm/ui-menu.entry.js +0 -180
- package/dist/esm/ui-popover.entry.js +0 -133
- package/dist/esm/ui-radio-group.entry.js +0 -132
- package/dist/esm/ui-radio.entry.js +0 -92
- package/dist/esm/ui-search-result-row.entry.js +0 -45
- package/dist/esm/ui-search-shell.entry.js +0 -37
- package/dist/esm/ui-select.entry.js +0 -106
- package/dist/esm/ui-switch.entry.js +0 -72
- package/dist/esm/ui-tabs.entry.js +0 -116
- package/dist/esm/ui-textarea.entry.js +0 -108
- package/dist/esm/ui-toast-region.entry.js +0 -91
- package/dist/esm/ui-top-bar.entry.js +0 -41
- package/dist/esm/ui-tree-item.entry.js +0 -133
- package/dist/esm/ui-tree.entry.js +0 -498
- package/dist/index.cjs.js +0 -1
- package/dist/looma/index.esm.js +0 -0
- package/dist/looma/looma.esm.js +0 -1
- package/dist/looma/p-08f80207.entry.js +0 -1
- package/dist/looma/p-0b5b8d9e.entry.js +0 -1
- package/dist/looma/p-1249a806.entry.js +0 -1
- package/dist/looma/p-16e0669d.entry.js +0 -1
- package/dist/looma/p-1c00670f.entry.js +0 -1
- package/dist/looma/p-1c5a7522.entry.js +0 -1
- package/dist/looma/p-22842f8c.entry.js +0 -1
- package/dist/looma/p-2915d5c0.entry.js +0 -1
- package/dist/looma/p-3b2961a6.entry.js +0 -1
- package/dist/looma/p-3f60f4c8.entry.js +0 -1
- package/dist/looma/p-424d6719.entry.js +0 -1
- package/dist/looma/p-4caccfce.entry.js +0 -1
- package/dist/looma/p-5fdcee1d.entry.js +0 -1
- package/dist/looma/p-6d8b99ee.entry.js +0 -1
- package/dist/looma/p-6f20d470.entry.js +0 -1
- package/dist/looma/p-7c0b5364.entry.js +0 -1
- package/dist/looma/p-8BGiMGQ0.js +0 -2
- package/dist/looma/p-8bdd9495.entry.js +0 -1
- package/dist/looma/p-99116a72.entry.js +0 -1
- package/dist/looma/p-9cfbf722.entry.js +0 -1
- package/dist/looma/p-9d2662ca.entry.js +0 -1
- package/dist/looma/p-9ff2fa19.entry.js +0 -1
- package/dist/looma/p-BnGhGgTH.js +0 -1
- package/dist/looma/p-C-0syqXZ.js +0 -1
- package/dist/looma/p-CoFximGM.js +0 -13
- package/dist/looma/p-DQuL1Twl.js +0 -1
- package/dist/looma/p-JwSoedEO.js +0 -1
- package/dist/looma/p-ZOr-2PSe.js +0 -1
- package/dist/looma/p-a2dd4c6c.entry.js +0 -1
- package/dist/looma/p-add67e4c.entry.js +0 -1
- package/dist/looma/p-b6ede6bb.entry.js +0 -1
- package/dist/looma/p-b76e2111.entry.js +0 -1
- package/dist/looma/p-ca2a54fd.entry.js +0 -1
- package/dist/looma/p-d372b0db.entry.js +0 -1
- package/dist/looma/p-d4825822.entry.js +0 -1
- package/dist/looma/p-d56571a2.entry.js +0 -1
- package/dist/looma/p-d5c3954f.entry.js +0 -1
- package/dist/looma/p-e604e906.entry.js +0 -1
- package/dist/looma/p-f1f7c5cb.entry.js +0 -1
- package/dist/looma/p-hgBUJRDa.js +0 -1
- package/dist/types/components/ui-affordance-scope/ui-affordance-scope.d.ts +0 -11
- package/dist/types/components/ui-avatar/ui-avatar.d.ts +0 -11
- package/dist/types/components/ui-avatar-group/ui-avatar-group.d.ts +0 -11
- package/dist/types/components/ui-badge/ui-badge.d.ts +0 -5
- package/dist/types/components/ui-button/ui-button.d.ts +0 -13
- package/dist/types/components/ui-callout/ui-callout.d.ts +0 -6
- package/dist/types/components/ui-checkbox/ui-checkbox.d.ts +0 -20
- package/dist/types/components/ui-chip/ui-chip.d.ts +0 -8
- package/dist/types/components/ui-combobox/ui-combobox.d.ts +0 -128
- package/dist/types/components/ui-context-menu/ui-context-menu.d.ts +0 -43
- package/dist/types/components/ui-dialog/ui-dialog.d.ts +0 -27
- package/dist/types/components/ui-disclosure/ui-disclosure.d.ts +0 -21
- package/dist/types/components/ui-editable/ui-editable.d.ts +0 -24
- package/dist/types/components/ui-floating-action-button/ui-floating-action-button.d.ts +0 -6
- package/dist/types/components/ui-form-field/ui-form-field.d.ts +0 -18
- package/dist/types/components/ui-icon-button/ui-icon-button.d.ts +0 -9
- package/dist/types/components/ui-input/ui-input.d.ts +0 -19
- package/dist/types/components/ui-menu/ui-menu.d.ts +0 -28
- package/dist/types/components/ui-menu-item/ui-menu-item.d.ts +0 -5
- package/dist/types/components/ui-popover/ui-popover.d.ts +0 -26
- package/dist/types/components/ui-radio/ui-radio.d.ts +0 -20
- package/dist/types/components/ui-radio-group/ui-radio-group.d.ts +0 -21
- package/dist/types/components/ui-search-result-row/ui-search-result-row.d.ts +0 -15
- package/dist/types/components/ui-search-shell/ui-search-shell.d.ts +0 -9
- package/dist/types/components/ui-select/ui-select.d.ts +0 -20
- package/dist/types/components/ui-switch/ui-switch.d.ts +0 -16
- package/dist/types/components/ui-tabs/ui-tabs.d.ts +0 -18
- package/dist/types/components/ui-textarea/ui-textarea.d.ts +0 -20
- package/dist/types/components/ui-toast-region/ui-toast-region.d.ts +0 -16
- package/dist/types/components/ui-tooltip/ui-tooltip.d.ts +0 -57
- package/dist/types/components/ui-top-bar/ui-top-bar.d.ts +0 -12
- package/dist/types/components/ui-tree/ui-tree.d.ts +0 -53
- package/dist/types/components/ui-tree-item/ui-tree-item.d.ts +0 -44
- package/dist/types/components.d.ts +0 -1889
- package/dist/types/field/combobox.d.ts +0 -46
- package/dist/types/field/editable.d.ts +0 -5
- package/dist/types/field/multi-combobox.d.ts +0 -11
- package/dist/types/field/valibot.d.ts +0 -7
- package/dist/types/icons.d.ts +0 -53
- package/dist/types/input-modality.d.ts +0 -6
- package/dist/types/overlay/manager.d.ts +0 -17
- package/dist/types/overlay/positioning.d.ts +0 -74
- package/dist/types/stencil-public-runtime.d.ts +0 -1860
- package/dist/types/utils/controlled-state.d.ts +0 -4
- package/dist/types/utils/drag-drop.d.ts +0 -15
- package/dist/types/utils/events.d.ts +0 -4
- package/dist/types/utils/id.d.ts +0 -1
- package/dist/types/utils/initials.d.ts +0 -1
- package/dist/ui-affordance-scope.entry-L6TIXYOP.js +0 -54
- package/dist/ui-avatar-group.entry-TCAA6P72.js +0 -51
- package/dist/ui-avatar.entry-52DQ7VXA.js +0 -51
- package/dist/ui-badge.entry-2XCAA6LL.js +0 -22
- package/dist/ui-button.entry-MNFBMNSX.js +0 -83
- package/dist/ui-callout.entry-SSHT5TH2.js +0 -32
- package/dist/ui-checkbox.entry-LOWIWIWI.js +0 -111
- package/dist/ui-chip_2.entry-BIMTSF6C.js +0 -272
- package/dist/ui-combobox.entry-25Z4MN7N.js +0 -717
- package/dist/ui-context-menu.entry-YZDL5Y4M.js +0 -248
- package/dist/ui-dialog.entry-HIXZX5AB.js +0 -146
- package/dist/ui-disclosure.entry-2JZHZNDQ.js +0 -126
- package/dist/ui-editable.entry-U3VR3XPT.js +0 -110
- package/dist/ui-floating-action-button.entry-6S3QN3KJ.js +0 -23
- package/dist/ui-form-field.entry-GQOSMLHT.js +0 -120
- package/dist/ui-icon-button.entry-QJXKVDM6.js +0 -26
- package/dist/ui-input.entry-UWMQ6JMP.js +0 -114
- package/dist/ui-menu-item.entry-NHNZKKJS.js +0 -22
- package/dist/ui-menu.entry-D53RUJND.js +0 -192
- package/dist/ui-popover.entry-7ZSIWCFQ.js +0 -152
- package/dist/ui-radio-group.entry-37MSYIH4.js +0 -142
- package/dist/ui-radio.entry-7YGCDHXT.js +0 -108
- package/dist/ui-search-result-row.entry-6FCCLGAS.js +0 -50
- package/dist/ui-search-shell.entry-HSBEXPER.js +0 -41
- package/dist/ui-select.entry-GIDIAYRD.js +0 -117
- package/dist/ui-switch.entry-MYAL6XPC.js +0 -87
- package/dist/ui-tabs.entry-R4TEXQSD.js +0 -128
- package/dist/ui-textarea.entry-FW32JNDV.js +0 -119
- package/dist/ui-toast-region.entry-BTMFPKZF.js +0 -104
- package/dist/ui-top-bar.entry-5DQGJF3B.js +0 -49
- package/dist/ui-tree-item.entry-ADT7DSOS.js +0 -145
- package/dist/ui-tree.entry-7PYQ5RIN.js +0 -470
- package/editor/chunk-64GLF274.js +0 -1271
- package/layout/index.css +0 -387
- package/loader/cdn.js +0 -1
- package/loader/index.cjs.js +0 -1
- package/loader/index.d.ts +0 -24
- package/loader/index.es2017.js +0 -1
- package/loader/index.js +0 -2
- package/vue/chunk-ROMBQS2L.js +0 -352
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
createId
|
|
3
|
-
} from "./chunk-OF57X5AR.js";
|
|
4
|
-
import {
|
|
5
|
-
Host,
|
|
6
|
-
getElement,
|
|
7
|
-
h,
|
|
8
|
-
registerInstance
|
|
9
|
-
} from "./chunk-24OTMNIU.js";
|
|
10
|
-
|
|
11
|
-
// dist/esm/ui-form-field.entry.js
|
|
12
|
-
var uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);min-inline-size:0;align-content:start;color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){min-block-size:var(--ui-form-field-help-min-block-size, 0);color:var(--ui-text-muted);font-size:0.875rem;line-height:var(--ui-line-height-md)}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
|
|
13
|
-
var UIFormField = class {
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
registerInstance(this, hostRef);
|
|
16
|
-
}
|
|
17
|
-
get host() {
|
|
18
|
-
return getElement(this);
|
|
19
|
-
}
|
|
20
|
-
invalid = false;
|
|
21
|
-
disabled = false;
|
|
22
|
-
required = false;
|
|
23
|
-
observer = null;
|
|
24
|
-
activeInput = null;
|
|
25
|
-
ownedDescriptionIds = /* @__PURE__ */ new Set();
|
|
26
|
-
wireQueued = false;
|
|
27
|
-
componentDidLoad() {
|
|
28
|
-
this.observer = new MutationObserver(this.scheduleWire);
|
|
29
|
-
this.observer.observe(this.host, {
|
|
30
|
-
childList: true,
|
|
31
|
-
subtree: true,
|
|
32
|
-
attributes: true,
|
|
33
|
-
attributeFilter: ["aria-describedby", "data-slot", "id", "role"]
|
|
34
|
-
});
|
|
35
|
-
this.wire();
|
|
36
|
-
}
|
|
37
|
-
componentDidUpdate() {
|
|
38
|
-
this.scheduleWire();
|
|
39
|
-
}
|
|
40
|
-
disconnectedCallback() {
|
|
41
|
-
this.observer?.disconnect();
|
|
42
|
-
this.observer = null;
|
|
43
|
-
this.removeOwnedDescriptions(this.activeInput);
|
|
44
|
-
this.activeInput = null;
|
|
45
|
-
this.ownedDescriptionIds.clear();
|
|
46
|
-
}
|
|
47
|
-
descriptionIds(input) {
|
|
48
|
-
return Array.from(new Set((input.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean)));
|
|
49
|
-
}
|
|
50
|
-
removeOwnedDescriptions(input) {
|
|
51
|
-
if (!input || this.ownedDescriptionIds.size === 0)
|
|
52
|
-
return;
|
|
53
|
-
const remaining = this.descriptionIds(input).filter((id) => !this.ownedDescriptionIds.has(id));
|
|
54
|
-
if (remaining.length > 0)
|
|
55
|
-
input.setAttribute("aria-describedby", remaining.join(" "));
|
|
56
|
-
else
|
|
57
|
-
input.removeAttribute("aria-describedby");
|
|
58
|
-
}
|
|
59
|
-
scheduleWire = () => {
|
|
60
|
-
if (this.wireQueued)
|
|
61
|
-
return;
|
|
62
|
-
this.wireQueued = true;
|
|
63
|
-
queueMicrotask(() => {
|
|
64
|
-
this.wireQueued = false;
|
|
65
|
-
this.wire();
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
wire() {
|
|
69
|
-
const label = this.host.querySelector("label");
|
|
70
|
-
const input = this.host.querySelector("input, textarea, select");
|
|
71
|
-
const help = this.host.querySelector('[data-slot="help"]');
|
|
72
|
-
const error = this.host.querySelector('[data-slot="error"], [role="alert"]');
|
|
73
|
-
if (input !== this.activeInput) {
|
|
74
|
-
this.removeOwnedDescriptions(this.activeInput);
|
|
75
|
-
this.activeInput = input;
|
|
76
|
-
this.ownedDescriptionIds.clear();
|
|
77
|
-
}
|
|
78
|
-
if (!input)
|
|
79
|
-
return;
|
|
80
|
-
if (!input.id) {
|
|
81
|
-
input.id = createId("form-field-input");
|
|
82
|
-
}
|
|
83
|
-
if (label && !label.getAttribute("for")) {
|
|
84
|
-
label.setAttribute("for", input.id);
|
|
85
|
-
}
|
|
86
|
-
const previousOwnedIds = this.ownedDescriptionIds;
|
|
87
|
-
const externalIds = this.descriptionIds(input).filter((id) => !previousOwnedIds.has(id));
|
|
88
|
-
const describedIds = [];
|
|
89
|
-
if (help) {
|
|
90
|
-
if (!help.id)
|
|
91
|
-
help.id = createId("form-field-help");
|
|
92
|
-
describedIds.push(help.id);
|
|
93
|
-
}
|
|
94
|
-
if (error) {
|
|
95
|
-
if (!error.id)
|
|
96
|
-
error.id = createId("form-field-error");
|
|
97
|
-
describedIds.push(error.id);
|
|
98
|
-
}
|
|
99
|
-
const nextOwnedIds = describedIds.filter((id) => !externalIds.includes(id));
|
|
100
|
-
const nextDescribedIds = Array.from(/* @__PURE__ */ new Set([...externalIds, ...describedIds]));
|
|
101
|
-
const nextDescribedBy = nextDescribedIds.join(" ");
|
|
102
|
-
if (input.getAttribute("aria-describedby") !== nextDescribedBy) {
|
|
103
|
-
if (nextDescribedBy)
|
|
104
|
-
input.setAttribute("aria-describedby", nextDescribedBy);
|
|
105
|
-
else
|
|
106
|
-
input.removeAttribute("aria-describedby");
|
|
107
|
-
}
|
|
108
|
-
this.ownedDescriptionIds = new Set(nextOwnedIds);
|
|
109
|
-
input.disabled = this.disabled;
|
|
110
|
-
input.required = this.required;
|
|
111
|
-
input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
|
|
112
|
-
}
|
|
113
|
-
render() {
|
|
114
|
-
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 }));
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
UIFormField.style = uiFormFieldCss();
|
|
118
|
-
export {
|
|
119
|
-
UIFormField as ui_form_field
|
|
120
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Host,
|
|
3
|
-
h,
|
|
4
|
-
registerInstance
|
|
5
|
-
} from "./chunk-24OTMNIU.js";
|
|
6
|
-
|
|
7
|
-
// dist/esm/ui-icon-button.entry.js
|
|
8
|
-
var uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), border-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var( --ui-icon-button-solid-shadow, 0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent) )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
|
|
9
|
-
var UIIconButton = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
disabled = false;
|
|
14
|
-
label = "";
|
|
15
|
-
size = "md";
|
|
16
|
-
variant = "ghost";
|
|
17
|
-
/** Reveals this control through a surrounding ui-affordance-scope. */
|
|
18
|
-
anticipatory = false;
|
|
19
|
-
render() {
|
|
20
|
-
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" })));
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
UIIconButton.style = uiIconButtonCss();
|
|
24
|
-
export {
|
|
25
|
-
UIIconButton as ui_icon_button
|
|
26
|
-
};
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
dispatchDetail,
|
|
3
|
-
eventToTrigger
|
|
4
|
-
} from "./chunk-UL7UIUJZ.js";
|
|
5
|
-
import {
|
|
6
|
-
Host,
|
|
7
|
-
getElement,
|
|
8
|
-
h,
|
|
9
|
-
registerInstance
|
|
10
|
-
} from "./chunk-24OTMNIU.js";
|
|
11
|
-
|
|
12
|
-
// dist/esm/ui-input.entry.js
|
|
13
|
-
var uiInputCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease), background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(input:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
|
|
14
|
-
var UIInput = class {
|
|
15
|
-
constructor(hostRef) {
|
|
16
|
-
registerInstance(this, hostRef);
|
|
17
|
-
}
|
|
18
|
-
get host() {
|
|
19
|
-
return getElement(this);
|
|
20
|
-
}
|
|
21
|
-
value;
|
|
22
|
-
defaultValue = "";
|
|
23
|
-
disabled = false;
|
|
24
|
-
invalid = false;
|
|
25
|
-
readOnly = false;
|
|
26
|
-
internalValue = "";
|
|
27
|
-
slotRef;
|
|
28
|
-
syncFromProp() {
|
|
29
|
-
if (this.value !== void 0)
|
|
30
|
-
this.internalValue = this.value;
|
|
31
|
-
}
|
|
32
|
-
syncToInput() {
|
|
33
|
-
const input = this.getInput();
|
|
34
|
-
if (!input)
|
|
35
|
-
return;
|
|
36
|
-
this.host.dataset.invalid = this.invalid ? "true" : "";
|
|
37
|
-
if (this.value !== void 0)
|
|
38
|
-
input.value = this.internalValue;
|
|
39
|
-
input.defaultValue = this.defaultValue;
|
|
40
|
-
input.disabled = this.disabled;
|
|
41
|
-
input.readOnly = this.readOnly;
|
|
42
|
-
input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
|
|
43
|
-
}
|
|
44
|
-
componentDidLoad() {
|
|
45
|
-
this.syncFromProp();
|
|
46
|
-
this.slotRef?.addEventListener("slotchange", () => this.syncToInput());
|
|
47
|
-
this.syncToInput();
|
|
48
|
-
const input = this.getInput();
|
|
49
|
-
input?.addEventListener("input", this.onInput);
|
|
50
|
-
input?.addEventListener("change", this.onChange);
|
|
51
|
-
}
|
|
52
|
-
disconnectedCallback() {
|
|
53
|
-
const input = this.getInput();
|
|
54
|
-
input?.removeEventListener("input", this.onInput);
|
|
55
|
-
input?.removeEventListener("change", this.onChange);
|
|
56
|
-
}
|
|
57
|
-
componentDidUpdate() {
|
|
58
|
-
this.syncToInput();
|
|
59
|
-
}
|
|
60
|
-
getInput() {
|
|
61
|
-
const slot = this.host.shadowRoot?.querySelector("slot");
|
|
62
|
-
const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
|
|
63
|
-
return nodes.find((el) => el.tagName === "INPUT") ?? null;
|
|
64
|
-
}
|
|
65
|
-
onInput = (e) => {
|
|
66
|
-
const input = e.target;
|
|
67
|
-
if (!input)
|
|
68
|
-
return;
|
|
69
|
-
this.internalValue = input.value;
|
|
70
|
-
dispatchDetail(this.host, "input", {
|
|
71
|
-
value: this.internalValue,
|
|
72
|
-
trigger: eventToTrigger(e)
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
onChange = (e) => {
|
|
76
|
-
const input = this.getInput();
|
|
77
|
-
if (!input)
|
|
78
|
-
return;
|
|
79
|
-
this.internalValue = input.value;
|
|
80
|
-
dispatchDetail(this.host, "change", {
|
|
81
|
-
value: this.internalValue,
|
|
82
|
-
trigger: eventToTrigger(e)
|
|
83
|
-
});
|
|
84
|
-
};
|
|
85
|
-
render() {
|
|
86
|
-
return h(Host, { key: "92505de6b1245569a6d4746418a70f8d7bc4eed9", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "d5743dc62037b5d7722cfbb64a582592327c75e5", ref: (el) => this.slotRef = el }));
|
|
87
|
-
}
|
|
88
|
-
static get watchers() {
|
|
89
|
-
return {
|
|
90
|
-
"value": [{
|
|
91
|
-
"syncFromProp": 0
|
|
92
|
-
}],
|
|
93
|
-
"internalValue": [{
|
|
94
|
-
"syncToInput": 0
|
|
95
|
-
}],
|
|
96
|
-
"defaultValue": [{
|
|
97
|
-
"syncToInput": 0
|
|
98
|
-
}],
|
|
99
|
-
"disabled": [{
|
|
100
|
-
"syncToInput": 0
|
|
101
|
-
}],
|
|
102
|
-
"invalid": [{
|
|
103
|
-
"syncToInput": 0
|
|
104
|
-
}],
|
|
105
|
-
"readOnly": [{
|
|
106
|
-
"syncToInput": 0
|
|
107
|
-
}]
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
UIInput.style = uiInputCss();
|
|
112
|
-
export {
|
|
113
|
-
UIInput as ui_input
|
|
114
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Host,
|
|
3
|
-
h,
|
|
4
|
-
registerInstance
|
|
5
|
-
} from "./chunk-24OTMNIU.js";
|
|
6
|
-
|
|
7
|
-
// dist/esm/ui-menu-item.entry.js
|
|
8
|
-
var uiMenuItemCss = () => `:host{display:block;width:100%}.menu-item__surface{display:block;box-sizing:border-box;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])) .menu-item__surface{background:var(--ui-surface-subtle)}:host([aria-disabled='true']) .menu-item__surface,:host([disabled]) .menu-item__surface{opacity:0.6;cursor:not-allowed}`;
|
|
9
|
-
var UIMenuItem = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
disabled = false;
|
|
14
|
-
value = "";
|
|
15
|
-
render() {
|
|
16
|
-
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" })));
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
UIMenuItem.style = uiMenuItemCss();
|
|
20
|
-
export {
|
|
21
|
-
UIMenuItem as ui_menu_item
|
|
22
|
-
};
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
closeOverlay,
|
|
3
|
-
openOverlay,
|
|
4
|
-
requestTopOverlayClose
|
|
5
|
-
} from "./chunk-TL4FIE7X.js";
|
|
6
|
-
import {
|
|
7
|
-
createAnchoredSurface
|
|
8
|
-
} from "./chunk-D5WRORG6.js";
|
|
9
|
-
import {
|
|
10
|
-
controlledOrDefault,
|
|
11
|
-
isControlled
|
|
12
|
-
} from "./chunk-HNFCGIBP.js";
|
|
13
|
-
import {
|
|
14
|
-
dispatchDetail,
|
|
15
|
-
eventToTrigger
|
|
16
|
-
} from "./chunk-UL7UIUJZ.js";
|
|
17
|
-
import {
|
|
18
|
-
Host,
|
|
19
|
-
getElement,
|
|
20
|
-
h,
|
|
21
|
-
registerInstance
|
|
22
|
-
} from "./chunk-24OTMNIU.js";
|
|
23
|
-
|
|
24
|
-
// dist/esm/ui-menu.entry.js
|
|
25
|
-
var uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:inherit;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-block-size:inherit;overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:visible;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
|
|
26
|
-
var UIMenu = class {
|
|
27
|
-
constructor(hostRef) {
|
|
28
|
-
registerInstance(this, hostRef);
|
|
29
|
-
}
|
|
30
|
-
get host() {
|
|
31
|
-
return getElement(this);
|
|
32
|
-
}
|
|
33
|
-
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
34
|
-
open;
|
|
35
|
-
defaultOpen = false;
|
|
36
|
-
/** Id of the control that anchors this menu in the top layer. */
|
|
37
|
-
for;
|
|
38
|
-
/** Preferred placement; Looma flips and shifts when space is constrained. */
|
|
39
|
-
placement = "bottom-start";
|
|
40
|
-
internalOpen = false;
|
|
41
|
-
overlayId = `ui-menu-${Math.random().toString(36).slice(2, 11)}`;
|
|
42
|
-
anchor = null;
|
|
43
|
-
surface = null;
|
|
44
|
-
syncFromProp() {
|
|
45
|
-
if (isControlled(this.open))
|
|
46
|
-
this.internalOpen = this.open;
|
|
47
|
-
}
|
|
48
|
-
resetSurface() {
|
|
49
|
-
this.setupSurface();
|
|
50
|
-
this.syncSurface();
|
|
51
|
-
}
|
|
52
|
-
syncSurface() {
|
|
53
|
-
this.syncAnchorState();
|
|
54
|
-
if (!this.surface)
|
|
55
|
-
return;
|
|
56
|
-
if (this.internalOpen) {
|
|
57
|
-
this.surface.show();
|
|
58
|
-
openOverlay({
|
|
59
|
-
id: this.overlayId,
|
|
60
|
-
modal: false,
|
|
61
|
-
element: this.host,
|
|
62
|
-
relatedElements: this.anchor ? [this.anchor] : void 0,
|
|
63
|
-
dismissible: true,
|
|
64
|
-
requestClose: (reason, trigger) => this.closeMenu(reason, trigger)
|
|
65
|
-
});
|
|
66
|
-
} else {
|
|
67
|
-
this.surface.hide();
|
|
68
|
-
closeOverlay(this.overlayId);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
componentDidLoad() {
|
|
72
|
-
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
73
|
-
this.host.addEventListener("click", this.onItemClick);
|
|
74
|
-
this.host.addEventListener("keydown", this.onKeydown);
|
|
75
|
-
this.setupSurface();
|
|
76
|
-
this.syncSurface();
|
|
77
|
-
}
|
|
78
|
-
disconnectedCallback() {
|
|
79
|
-
this.host.removeEventListener("click", this.onItemClick);
|
|
80
|
-
this.host.removeEventListener("keydown", this.onKeydown);
|
|
81
|
-
this.surface?.destroy();
|
|
82
|
-
this.surface = null;
|
|
83
|
-
closeOverlay(this.overlayId);
|
|
84
|
-
}
|
|
85
|
-
setupSurface() {
|
|
86
|
-
this.surface?.destroy();
|
|
87
|
-
this.surface = null;
|
|
88
|
-
this.anchor = this.for ? this.host.ownerDocument.getElementById(this.for) : null;
|
|
89
|
-
if (!this.anchor)
|
|
90
|
-
return;
|
|
91
|
-
this.surface = createAnchoredSurface(this.host, {
|
|
92
|
-
anchor: this.anchor,
|
|
93
|
-
placement: this.placement
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
syncAnchorState() {
|
|
97
|
-
if (!this.anchor)
|
|
98
|
-
return;
|
|
99
|
-
this.anchor.setAttribute("aria-haspopup", "menu");
|
|
100
|
-
this.anchor.setAttribute("aria-expanded", this.internalOpen ? "true" : "false");
|
|
101
|
-
}
|
|
102
|
-
closeMenu(reason, trigger) {
|
|
103
|
-
if (!this.internalOpen)
|
|
104
|
-
return;
|
|
105
|
-
if (!isControlled(this.open))
|
|
106
|
-
this.internalOpen = false;
|
|
107
|
-
dispatchDetail(this.host, "close", {
|
|
108
|
-
open: false,
|
|
109
|
-
reason,
|
|
110
|
-
trigger
|
|
111
|
-
});
|
|
112
|
-
if (reason === "escape")
|
|
113
|
-
this.anchor?.focus();
|
|
114
|
-
}
|
|
115
|
-
getItems() {
|
|
116
|
-
return Array.from(this.host.querySelectorAll("ui-menu-item"));
|
|
117
|
-
}
|
|
118
|
-
isItemDisabled(item) {
|
|
119
|
-
return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled") || item.getAttribute("disabled") === "true" || item.disabled === true;
|
|
120
|
-
}
|
|
121
|
-
onItemClick = (e) => {
|
|
122
|
-
const item = e.target.closest?.("ui-menu-item");
|
|
123
|
-
if (!item || item.getRootNode() !== this.host.getRootNode())
|
|
124
|
-
return;
|
|
125
|
-
if (this.isItemDisabled(item))
|
|
126
|
-
return;
|
|
127
|
-
const value = item.getAttribute("value") ?? item.getAttribute("data-value") ?? "";
|
|
128
|
-
dispatchDetail(this.host, "select", { value, trigger: eventToTrigger(e) });
|
|
129
|
-
dispatchDetail(this.host, "close", {
|
|
130
|
-
open: false,
|
|
131
|
-
reason: "action",
|
|
132
|
-
trigger: eventToTrigger(e)
|
|
133
|
-
});
|
|
134
|
-
if (!isControlled(this.open))
|
|
135
|
-
this.internalOpen = false;
|
|
136
|
-
};
|
|
137
|
-
onKeydown = (e) => {
|
|
138
|
-
if (e.key === "Escape") {
|
|
139
|
-
e.preventDefault();
|
|
140
|
-
requestTopOverlayClose("escape", "keyboard");
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
const items = this.getItems().filter((i) => !this.isItemDisabled(i));
|
|
144
|
-
if (items.length === 0)
|
|
145
|
-
return;
|
|
146
|
-
const target = e.target.closest?.("ui-menu-item");
|
|
147
|
-
const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
|
|
148
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
149
|
-
e.preventDefault();
|
|
150
|
-
if (target && currentIndex >= 0) {
|
|
151
|
-
const value = target.getAttribute("value") ?? target.getAttribute("data-value") ?? "";
|
|
152
|
-
dispatchDetail(this.host, "select", { value, trigger: "keyboard" });
|
|
153
|
-
dispatchDetail(this.host, "close", {
|
|
154
|
-
open: false,
|
|
155
|
-
reason: "action",
|
|
156
|
-
trigger: "keyboard"
|
|
157
|
-
});
|
|
158
|
-
if (!isControlled(this.open))
|
|
159
|
-
this.internalOpen = false;
|
|
160
|
-
}
|
|
161
|
-
return;
|
|
162
|
-
}
|
|
163
|
-
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
164
|
-
e.preventDefault();
|
|
165
|
-
const nextIndex = e.key === "ArrowDown" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, items.length - 1) : currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
|
|
166
|
-
items[nextIndex].focus();
|
|
167
|
-
}
|
|
168
|
-
};
|
|
169
|
-
render() {
|
|
170
|
-
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" })));
|
|
171
|
-
}
|
|
172
|
-
static get watchers() {
|
|
173
|
-
return {
|
|
174
|
-
"open": [{
|
|
175
|
-
"syncFromProp": 0
|
|
176
|
-
}],
|
|
177
|
-
"for": [{
|
|
178
|
-
"resetSurface": 0
|
|
179
|
-
}],
|
|
180
|
-
"placement": [{
|
|
181
|
-
"resetSurface": 0
|
|
182
|
-
}],
|
|
183
|
-
"internalOpen": [{
|
|
184
|
-
"syncSurface": 0
|
|
185
|
-
}]
|
|
186
|
-
};
|
|
187
|
-
}
|
|
188
|
-
};
|
|
189
|
-
UIMenu.style = uiMenuCss();
|
|
190
|
-
export {
|
|
191
|
-
UIMenu as ui_menu
|
|
192
|
-
};
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
closeOverlay,
|
|
3
|
-
openOverlay,
|
|
4
|
-
requestTopOverlayClose
|
|
5
|
-
} from "./chunk-TL4FIE7X.js";
|
|
6
|
-
import {
|
|
7
|
-
createAnchoredSurface
|
|
8
|
-
} from "./chunk-D5WRORG6.js";
|
|
9
|
-
import {
|
|
10
|
-
controlledOrDefault,
|
|
11
|
-
isControlled
|
|
12
|
-
} from "./chunk-HNFCGIBP.js";
|
|
13
|
-
import {
|
|
14
|
-
dispatchDetail
|
|
15
|
-
} from "./chunk-UL7UIUJZ.js";
|
|
16
|
-
import {
|
|
17
|
-
Host,
|
|
18
|
-
getElement,
|
|
19
|
-
h,
|
|
20
|
-
registerInstance
|
|
21
|
-
} from "./chunk-24OTMNIU.js";
|
|
22
|
-
|
|
23
|
-
// dist/esm/ui-popover.entry.js
|
|
24
|
-
var uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min( 20rem, calc(100vw - (var(--ui-popover-viewport-gap) * 2)) );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
|
|
25
|
-
var UIPopover = class {
|
|
26
|
-
constructor(hostRef) {
|
|
27
|
-
registerInstance(this, hostRef);
|
|
28
|
-
}
|
|
29
|
-
get host() {
|
|
30
|
-
return getElement(this);
|
|
31
|
-
}
|
|
32
|
-
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
33
|
-
open;
|
|
34
|
-
defaultOpen = false;
|
|
35
|
-
/** Optional id of the element this popover follows in the top layer. */
|
|
36
|
-
for;
|
|
37
|
-
placement = "bottom-start";
|
|
38
|
-
internalOpen = false;
|
|
39
|
-
overlayId = `ui-popover-${Math.random().toString(36).slice(2, 11)}`;
|
|
40
|
-
anchor = null;
|
|
41
|
-
surface = null;
|
|
42
|
-
syncFromProp() {
|
|
43
|
-
if (isControlled(this.open))
|
|
44
|
-
this.internalOpen = this.open;
|
|
45
|
-
}
|
|
46
|
-
onOpenChange() {
|
|
47
|
-
this.syncOverlay();
|
|
48
|
-
if (this.internalOpen) {
|
|
49
|
-
dispatchDetail(this.host, "open", {
|
|
50
|
-
open: true,
|
|
51
|
-
reason: "programmatic",
|
|
52
|
-
trigger: "programmatic"
|
|
53
|
-
});
|
|
54
|
-
} else {
|
|
55
|
-
dispatchDetail(this.host, "close", {
|
|
56
|
-
open: false,
|
|
57
|
-
reason: "programmatic",
|
|
58
|
-
trigger: "programmatic"
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
resetSurface() {
|
|
63
|
-
this.setupSurface();
|
|
64
|
-
this.syncSurface();
|
|
65
|
-
}
|
|
66
|
-
setupSurface() {
|
|
67
|
-
this.surface?.destroy();
|
|
68
|
-
this.surface = null;
|
|
69
|
-
this.anchor = this.for ? this.host.ownerDocument.getElementById(this.for) : null;
|
|
70
|
-
if (!this.anchor)
|
|
71
|
-
return;
|
|
72
|
-
this.surface = createAnchoredSurface(this.host, {
|
|
73
|
-
anchor: this.anchor,
|
|
74
|
-
placement: this.placement
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
syncSurface() {
|
|
78
|
-
if (!this.surface)
|
|
79
|
-
return;
|
|
80
|
-
if (this.internalOpen)
|
|
81
|
-
this.surface.show();
|
|
82
|
-
else
|
|
83
|
-
this.surface.hide();
|
|
84
|
-
}
|
|
85
|
-
syncOverlay() {
|
|
86
|
-
this.syncSurface();
|
|
87
|
-
if (this.internalOpen) {
|
|
88
|
-
openOverlay({
|
|
89
|
-
id: this.overlayId,
|
|
90
|
-
modal: false,
|
|
91
|
-
element: this.host,
|
|
92
|
-
relatedElements: this.anchor ? [this.anchor] : void 0,
|
|
93
|
-
dismissible: true,
|
|
94
|
-
requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
|
|
95
|
-
});
|
|
96
|
-
} else {
|
|
97
|
-
closeOverlay(this.overlayId);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
componentDidLoad() {
|
|
101
|
-
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
102
|
-
this.host.addEventListener("keydown", this.onKeydown);
|
|
103
|
-
this.setupSurface();
|
|
104
|
-
this.syncOverlay();
|
|
105
|
-
}
|
|
106
|
-
disconnectedCallback() {
|
|
107
|
-
this.host.removeEventListener("keydown", this.onKeydown);
|
|
108
|
-
this.surface?.destroy();
|
|
109
|
-
this.surface = null;
|
|
110
|
-
closeOverlay(this.overlayId);
|
|
111
|
-
}
|
|
112
|
-
componentDidUpdate() {
|
|
113
|
-
this.syncOverlay();
|
|
114
|
-
}
|
|
115
|
-
handleRequestClose(reason, trigger) {
|
|
116
|
-
if (!isControlled(this.open))
|
|
117
|
-
this.internalOpen = false;
|
|
118
|
-
dispatchDetail(this.host, "close", {
|
|
119
|
-
open: false,
|
|
120
|
-
reason,
|
|
121
|
-
trigger
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
onKeydown = (e) => {
|
|
125
|
-
if (e.key === "Escape") {
|
|
126
|
-
requestTopOverlayClose("escape", "keyboard");
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
render() {
|
|
130
|
-
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" })));
|
|
131
|
-
}
|
|
132
|
-
static get watchers() {
|
|
133
|
-
return {
|
|
134
|
-
"open": [{
|
|
135
|
-
"syncFromProp": 0
|
|
136
|
-
}],
|
|
137
|
-
"internalOpen": [{
|
|
138
|
-
"onOpenChange": 0
|
|
139
|
-
}],
|
|
140
|
-
"for": [{
|
|
141
|
-
"resetSurface": 0
|
|
142
|
-
}],
|
|
143
|
-
"placement": [{
|
|
144
|
-
"resetSurface": 0
|
|
145
|
-
}]
|
|
146
|
-
};
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
UIPopover.style = uiPopoverCss();
|
|
150
|
-
export {
|
|
151
|
-
UIPopover as ui_popover
|
|
152
|
-
};
|