@threadlabs/looma 0.2.4 → 0.2.6
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-3K45IWIJ.js +4733 -0
- package/dist/chunk-MLKGABMK.js +9 -0
- package/dist/chunk-UHHA4WT5.js +2916 -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 +2944 -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 +7480 -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 +7654 -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/styles.css +8 -8
- 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,237 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
|
|
2
|
-
import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
|
|
3
|
-
import { d as dispatchDetail } from './events-JwSoedEO.js';
|
|
4
|
-
import { a as createAnchoredSurface } from './positioning-ZOr-2PSe.js';
|
|
5
|
-
|
|
6
|
-
const uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease), transform var(--ui-motion-fast) var(--ui-motion-ease), display var(--ui-motion-fast) allow-discrete, overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
|
|
7
|
-
|
|
8
|
-
const UIContextMenu = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
}
|
|
12
|
-
get host() { return getElement(this); }
|
|
13
|
-
/** Controls the menu when the consumer owns open state. */
|
|
14
|
-
open = false;
|
|
15
|
-
/** Opens the menu on first client render. */
|
|
16
|
-
defaultOpen = false;
|
|
17
|
-
/** Optional id of the region that should also respond to a context-menu gesture. */
|
|
18
|
-
for;
|
|
19
|
-
internalOpen = false;
|
|
20
|
-
focusTrigger = 'programmatic';
|
|
21
|
-
overlayId = `ui-context-menu-${Math.random().toString(36).slice(2, 11)}`;
|
|
22
|
-
trigger = null;
|
|
23
|
-
contextTarget = null;
|
|
24
|
-
pointerX = 0;
|
|
25
|
-
pointerY = 0;
|
|
26
|
-
pointPositioned = false;
|
|
27
|
-
surface = null;
|
|
28
|
-
syncFromProp() {
|
|
29
|
-
this.internalOpen = this.open;
|
|
30
|
-
}
|
|
31
|
-
syncTarget() {
|
|
32
|
-
this.resolveTargets();
|
|
33
|
-
this.attachTargetListeners();
|
|
34
|
-
}
|
|
35
|
-
syncOverlay() {
|
|
36
|
-
this.syncTriggerState();
|
|
37
|
-
if (this.internalOpen) {
|
|
38
|
-
if (this.pointPositioned) {
|
|
39
|
-
this.surface?.showAtPoint({ x: this.pointerX, y: this.pointerY });
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
this.surface?.show();
|
|
43
|
-
}
|
|
44
|
-
openOverlay({
|
|
45
|
-
id: this.overlayId,
|
|
46
|
-
modal: false,
|
|
47
|
-
element: this.host,
|
|
48
|
-
dismissible: true,
|
|
49
|
-
requestClose: (reason, trigger) => this.closeMenu(reason, trigger),
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
this.surface?.hide();
|
|
54
|
-
closeOverlay(this.overlayId);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
componentDidLoad() {
|
|
58
|
-
this.syncFromProp();
|
|
59
|
-
this.internalOpen = this.internalOpen || this.defaultOpen;
|
|
60
|
-
this.resolveTargets();
|
|
61
|
-
this.attachTargetListeners();
|
|
62
|
-
this.setupSurface();
|
|
63
|
-
this.syncTriggerState();
|
|
64
|
-
this.syncOverlay();
|
|
65
|
-
}
|
|
66
|
-
componentDidUpdate() {
|
|
67
|
-
this.resolveTargets();
|
|
68
|
-
this.attachTargetListeners();
|
|
69
|
-
if (!this.pointPositioned)
|
|
70
|
-
this.surface?.setAnchor(this.trigger);
|
|
71
|
-
this.syncTriggerState();
|
|
72
|
-
}
|
|
73
|
-
disconnectedCallback() {
|
|
74
|
-
this.detachTargetListeners();
|
|
75
|
-
this.surface?.destroy();
|
|
76
|
-
this.surface = null;
|
|
77
|
-
closeOverlay(this.overlayId);
|
|
78
|
-
}
|
|
79
|
-
setupSurface() {
|
|
80
|
-
const menu = this.host.shadowRoot?.querySelector('.menu');
|
|
81
|
-
if (!menu)
|
|
82
|
-
return;
|
|
83
|
-
this.surface?.destroy();
|
|
84
|
-
this.surface = createAnchoredSurface(menu, {
|
|
85
|
-
anchor: this.trigger,
|
|
86
|
-
placement: 'bottom-start',
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
resolveTargets() {
|
|
90
|
-
const previousTrigger = this.trigger;
|
|
91
|
-
const previousContextTarget = this.contextTarget;
|
|
92
|
-
const explicitTrigger = this.host.querySelector('[slot="trigger"]');
|
|
93
|
-
const referencedTarget = this.for ? document.getElementById(this.for) : null;
|
|
94
|
-
this.trigger = explicitTrigger;
|
|
95
|
-
this.contextTarget = referencedTarget ?? explicitTrigger ?? this.host.parentElement;
|
|
96
|
-
if (previousTrigger !== this.trigger || previousContextTarget !== this.contextTarget) {
|
|
97
|
-
previousTrigger?.removeEventListener('click', this.onTriggerClick);
|
|
98
|
-
previousTrigger?.removeEventListener('keydown', this.onTriggerKeydown);
|
|
99
|
-
previousContextTarget?.removeEventListener('contextmenu', this.onContextMenu);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
attachTargetListeners() {
|
|
103
|
-
this.detachTargetListeners();
|
|
104
|
-
this.trigger?.addEventListener('click', this.onTriggerClick);
|
|
105
|
-
this.trigger?.addEventListener('keydown', this.onTriggerKeydown);
|
|
106
|
-
this.contextTarget?.addEventListener('contextmenu', this.onContextMenu);
|
|
107
|
-
}
|
|
108
|
-
detachTargetListeners() {
|
|
109
|
-
this.trigger?.removeEventListener('click', this.onTriggerClick);
|
|
110
|
-
this.trigger?.removeEventListener('keydown', this.onTriggerKeydown);
|
|
111
|
-
this.contextTarget?.removeEventListener('contextmenu', this.onContextMenu);
|
|
112
|
-
}
|
|
113
|
-
syncTriggerState() {
|
|
114
|
-
if (!this.trigger)
|
|
115
|
-
return;
|
|
116
|
-
this.trigger.setAttribute('aria-haspopup', 'menu');
|
|
117
|
-
this.trigger.setAttribute('aria-expanded', this.internalOpen ? 'true' : 'false');
|
|
118
|
-
}
|
|
119
|
-
getItems() {
|
|
120
|
-
return Array.from(this.host.querySelectorAll('ui-menu-item')).filter((item) => !this.isItemDisabled(item));
|
|
121
|
-
}
|
|
122
|
-
focusFirstItem() {
|
|
123
|
-
requestAnimationFrame(() => this.getItems()[0]?.focus());
|
|
124
|
-
}
|
|
125
|
-
openMenu(x, y, trigger) {
|
|
126
|
-
this.pointerX = x;
|
|
127
|
-
this.pointerY = y;
|
|
128
|
-
this.focusTrigger = trigger;
|
|
129
|
-
this.pointPositioned = true;
|
|
130
|
-
// Context-click can reposition an already-open trigger menu, so do not
|
|
131
|
-
// depend on a state transition to run the positioning controller.
|
|
132
|
-
this.surface?.showAtPoint({ x, y });
|
|
133
|
-
this.internalOpen = true;
|
|
134
|
-
dispatchDetail(this.host, 'open', {
|
|
135
|
-
open: true,
|
|
136
|
-
reason: 'action',
|
|
137
|
-
trigger,
|
|
138
|
-
});
|
|
139
|
-
this.focusFirstItem();
|
|
140
|
-
}
|
|
141
|
-
openFromTrigger(trigger) {
|
|
142
|
-
if (!this.trigger)
|
|
143
|
-
return;
|
|
144
|
-
this.pointPositioned = false;
|
|
145
|
-
this.internalOpen = true;
|
|
146
|
-
dispatchDetail(this.host, 'open', {
|
|
147
|
-
open: true,
|
|
148
|
-
reason: 'action',
|
|
149
|
-
trigger,
|
|
150
|
-
});
|
|
151
|
-
this.focusFirstItem();
|
|
152
|
-
}
|
|
153
|
-
closeMenu(reason, trigger, returnFocus = true) {
|
|
154
|
-
if (!this.internalOpen)
|
|
155
|
-
return;
|
|
156
|
-
this.internalOpen = false;
|
|
157
|
-
dispatchDetail(this.host, 'close', {
|
|
158
|
-
open: false,
|
|
159
|
-
reason: reason,
|
|
160
|
-
trigger: trigger,
|
|
161
|
-
});
|
|
162
|
-
if (returnFocus) {
|
|
163
|
-
this.trigger?.focus();
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
onTriggerClick = (event) => {
|
|
167
|
-
if (this.internalOpen) {
|
|
168
|
-
this.closeMenu('action', event.detail === 0 ? 'keyboard' : 'pointer');
|
|
169
|
-
return;
|
|
170
|
-
}
|
|
171
|
-
this.openFromTrigger(event.detail === 0 ? 'keyboard' : 'pointer');
|
|
172
|
-
};
|
|
173
|
-
onTriggerKeydown = (event) => {
|
|
174
|
-
if (event.key !== 'Enter' && event.key !== ' ' && event.key !== 'ArrowDown')
|
|
175
|
-
return;
|
|
176
|
-
event.preventDefault();
|
|
177
|
-
if (!this.internalOpen) {
|
|
178
|
-
this.openFromTrigger('keyboard');
|
|
179
|
-
return;
|
|
180
|
-
}
|
|
181
|
-
this.focusFirstItem();
|
|
182
|
-
};
|
|
183
|
-
onContextMenu = (event) => {
|
|
184
|
-
event.preventDefault();
|
|
185
|
-
this.openMenu(event.clientX, event.clientY, 'pointer');
|
|
186
|
-
};
|
|
187
|
-
isItemDisabled(item) {
|
|
188
|
-
return (item.getAttribute('aria-disabled') === 'true' ||
|
|
189
|
-
item.hasAttribute('disabled') ||
|
|
190
|
-
item.getAttribute('disabled') === 'true' ||
|
|
191
|
-
item.disabled === true);
|
|
192
|
-
}
|
|
193
|
-
onKeydown = (event) => {
|
|
194
|
-
if (!this.internalOpen)
|
|
195
|
-
return;
|
|
196
|
-
this.focusTrigger = 'keyboard';
|
|
197
|
-
if (event.key === 'Escape') {
|
|
198
|
-
event.preventDefault();
|
|
199
|
-
requestTopOverlayClose('escape', 'keyboard');
|
|
200
|
-
return;
|
|
201
|
-
}
|
|
202
|
-
if (event.key === 'Enter' || event.key === ' ') {
|
|
203
|
-
const target = event.target.closest?.('ui-menu-item');
|
|
204
|
-
if (!target || this.isItemDisabled(target))
|
|
205
|
-
return;
|
|
206
|
-
event.preventDefault();
|
|
207
|
-
const value = target.getAttribute('value') ?? target.getAttribute('data-value') ?? '';
|
|
208
|
-
dispatchDetail(this.host, 'select', { value, trigger: 'keyboard' });
|
|
209
|
-
this.closeMenu('action', 'keyboard');
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
onItemClick = (event) => {
|
|
213
|
-
const item = event.target.closest?.('ui-menu-item');
|
|
214
|
-
if (!item || this.isItemDisabled(item))
|
|
215
|
-
return;
|
|
216
|
-
const value = item.getAttribute('value') ?? item.getAttribute('data-value') ?? '';
|
|
217
|
-
dispatchDetail(this.host, 'select', { value, trigger: 'pointer' });
|
|
218
|
-
this.closeMenu('action', 'pointer');
|
|
219
|
-
};
|
|
220
|
-
render() {
|
|
221
|
-
return (h(Host, { key: 'aaf9f27402b0c88cede3847ee9c8f61ac844f889', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: 'd801d564ec2ee073e517cb991c26efc61d3e499d', name: "trigger" }), h("div", { key: '4febcc5d76c79c2e5361db7b203e971582197fd2', class: "menu", "data-open": this.internalOpen ? '' : undefined }, h("ui-menu", { key: '7aace2479a8014a20da35f69bd3ed57b402f9ef2', open: this.internalOpen }, h("slot", { key: 'a31d703c437cf5d9ab82e5f7793caa093a312dfd' })))));
|
|
222
|
-
}
|
|
223
|
-
static get watchers() { return {
|
|
224
|
-
"open": [{
|
|
225
|
-
"syncFromProp": 0
|
|
226
|
-
}],
|
|
227
|
-
"for": [{
|
|
228
|
-
"syncTarget": 0
|
|
229
|
-
}],
|
|
230
|
-
"internalOpen": [{
|
|
231
|
-
"syncOverlay": 0
|
|
232
|
-
}]
|
|
233
|
-
}; }
|
|
234
|
-
};
|
|
235
|
-
UIContextMenu.style = uiContextMenuCss();
|
|
236
|
-
|
|
237
|
-
export { UIContextMenu as ui_context_menu };
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
|
|
2
|
-
import { o as openOverlay, c as closeOverlay, r as requestTopOverlayClose } from './manager-C-0syqXZ.js';
|
|
3
|
-
import { d as dispatchDetail } from './events-JwSoedEO.js';
|
|
4
|
-
import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
|
|
5
|
-
|
|
6
|
-
const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;box-sizing:border-box;inline-size:min( calc(100% - (var(--ui-dialog-viewport-gap) * 2)), var(--ui-dialog-max-width, 440px) );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease), transform var(--ui-dialog-duration) var(--ui-motion-ease), visibility var(--ui-dialog-duration), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease), display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete, overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
|
|
7
|
-
|
|
8
|
-
const UIDialog = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
}
|
|
12
|
-
get host() { return getElement(this); }
|
|
13
|
-
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
14
|
-
open;
|
|
15
|
-
defaultOpen = false;
|
|
16
|
-
modal = true;
|
|
17
|
-
dismissible = true;
|
|
18
|
-
/** Accessible name forwarded to the native dialog surface. */
|
|
19
|
-
label;
|
|
20
|
-
internalOpen = false;
|
|
21
|
-
accessibleLabel = 'Dialog';
|
|
22
|
-
overlayId = `ui-dialog-${Math.random().toString(36).slice(2, 11)}`;
|
|
23
|
-
dialogRef;
|
|
24
|
-
contentObserver = null;
|
|
25
|
-
syncFromProp() {
|
|
26
|
-
if (isControlled(this.open))
|
|
27
|
-
this.internalOpen = this.open;
|
|
28
|
-
}
|
|
29
|
-
syncLabelFromProp() {
|
|
30
|
-
this.syncAccessibleLabel();
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
this.syncAccessibleLabel();
|
|
34
|
-
}
|
|
35
|
-
syncOpen() {
|
|
36
|
-
if (this.dialogRef) {
|
|
37
|
-
if (this.internalOpen) {
|
|
38
|
-
this.dialogRef.showModal();
|
|
39
|
-
openOverlay({
|
|
40
|
-
id: this.overlayId,
|
|
41
|
-
modal: this.modal,
|
|
42
|
-
element: this.host,
|
|
43
|
-
dismissible: this.dismissible,
|
|
44
|
-
requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger),
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
this.dialogRef.close();
|
|
49
|
-
closeOverlay(this.overlayId);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
componentDidLoad() {
|
|
54
|
-
this.contentObserver = new MutationObserver(this.syncAccessibleLabel);
|
|
55
|
-
this.contentObserver.observe(this.host, {
|
|
56
|
-
childList: true,
|
|
57
|
-
subtree: true,
|
|
58
|
-
characterData: true,
|
|
59
|
-
});
|
|
60
|
-
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
61
|
-
this.dialogRef?.addEventListener('close', this.onDialogClose);
|
|
62
|
-
this.syncAccessibleLabel();
|
|
63
|
-
this.syncOpen();
|
|
64
|
-
}
|
|
65
|
-
disconnectedCallback() {
|
|
66
|
-
this.dialogRef?.removeEventListener('close', this.onDialogClose);
|
|
67
|
-
this.contentObserver?.disconnect();
|
|
68
|
-
this.contentObserver = null;
|
|
69
|
-
closeOverlay(this.overlayId);
|
|
70
|
-
}
|
|
71
|
-
componentDidUpdate() {
|
|
72
|
-
this.syncOpen();
|
|
73
|
-
}
|
|
74
|
-
handleRequestClose(reason, trigger) {
|
|
75
|
-
if (!isControlled(this.open))
|
|
76
|
-
this.internalOpen = false;
|
|
77
|
-
dispatchDetail(this.host, 'close', {
|
|
78
|
-
open: false,
|
|
79
|
-
reason: reason,
|
|
80
|
-
trigger: trigger,
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
onDialogClose = () => {
|
|
84
|
-
if (this.internalOpen) {
|
|
85
|
-
if (!isControlled(this.open)) {
|
|
86
|
-
this.internalOpen = false;
|
|
87
|
-
closeOverlay(this.overlayId);
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
requestAnimationFrame(() => this.syncOpen());
|
|
91
|
-
}
|
|
92
|
-
dispatchDetail(this.host, 'close', {
|
|
93
|
-
open: false,
|
|
94
|
-
reason: 'programmatic',
|
|
95
|
-
trigger: 'programmatic',
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
onKeydown = (e) => {
|
|
100
|
-
if (e.key === 'Escape') {
|
|
101
|
-
requestTopOverlayClose('escape', 'keyboard');
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
syncAccessibleLabel = () => {
|
|
105
|
-
const explicitLabel = this.label?.trim();
|
|
106
|
-
const heading = this.host.querySelector('[slot="heading"], [data-ui-dialog-title], h1, h2, h3, h4, h5, h6');
|
|
107
|
-
const headingLabel = heading?.textContent?.trim();
|
|
108
|
-
const nextLabel = explicitLabel || headingLabel || 'Dialog';
|
|
109
|
-
if (this.accessibleLabel !== nextLabel)
|
|
110
|
-
this.accessibleLabel = nextLabel;
|
|
111
|
-
};
|
|
112
|
-
render() {
|
|
113
|
-
return (h(Host, { key: 'b606ef8c95728b5538047a7134030455fedf69e4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("dialog", { key: '85531d82c36e79230cbb22c105ff3821f1f35f58', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: '8216096bc94e8261680664398691b8ea877daa0f' }))));
|
|
114
|
-
}
|
|
115
|
-
static get watchers() { return {
|
|
116
|
-
"open": [{
|
|
117
|
-
"syncFromProp": 0
|
|
118
|
-
}],
|
|
119
|
-
"label": [{
|
|
120
|
-
"syncLabelFromProp": 0
|
|
121
|
-
}],
|
|
122
|
-
"internalOpen": [{
|
|
123
|
-
"syncOpen": 0
|
|
124
|
-
}]
|
|
125
|
-
}; }
|
|
126
|
-
};
|
|
127
|
-
UIDialog.style = uiDialogCss();
|
|
128
|
-
|
|
129
|
-
export { UIDialog as ui_dialog };
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
|
|
2
|
-
import { c as createId } from './id-hgBUJRDa.js';
|
|
3
|
-
import { d as dispatchDetail, e as eventToTrigger, i as isActivationKey } from './events-JwSoedEO.js';
|
|
4
|
-
import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
|
|
5
|
-
|
|
6
|
-
const uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
|
|
7
|
-
|
|
8
|
-
const UIDisclosure = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
}
|
|
12
|
-
get host() { return getElement(this); }
|
|
13
|
-
/** Controlled open state. Omit it to use defaultOpen and local interaction state. */
|
|
14
|
-
open;
|
|
15
|
-
defaultOpen = false;
|
|
16
|
-
disabled = false;
|
|
17
|
-
internalOpen = false;
|
|
18
|
-
contentId = '';
|
|
19
|
-
trigger = null;
|
|
20
|
-
content = null;
|
|
21
|
-
syncFromProp() {
|
|
22
|
-
if (isControlled(this.open))
|
|
23
|
-
this.internalOpen = this.open;
|
|
24
|
-
}
|
|
25
|
-
syncState() {
|
|
26
|
-
if (this.trigger) {
|
|
27
|
-
this.trigger.setAttribute('aria-expanded', String(this.internalOpen));
|
|
28
|
-
}
|
|
29
|
-
if (this.content) {
|
|
30
|
-
this.content.hidden = !this.internalOpen;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
componentDidLoad() {
|
|
34
|
-
this.resolveParts();
|
|
35
|
-
this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
|
|
36
|
-
this.syncState();
|
|
37
|
-
this.trigger?.addEventListener('click', this.onTriggerClick);
|
|
38
|
-
this.trigger?.addEventListener('keydown', this.onTriggerKeydown);
|
|
39
|
-
}
|
|
40
|
-
disconnectedCallback() {
|
|
41
|
-
this.trigger?.removeEventListener('click', this.onTriggerClick);
|
|
42
|
-
this.trigger?.removeEventListener('keydown', this.onTriggerKeydown);
|
|
43
|
-
}
|
|
44
|
-
componentDidUpdate() {
|
|
45
|
-
this.syncState();
|
|
46
|
-
}
|
|
47
|
-
resolveParts() {
|
|
48
|
-
this.trigger =
|
|
49
|
-
this.host.querySelector('[data-ui-disclosure-trigger], button, [aria-controls]');
|
|
50
|
-
const controlsId = this.trigger?.getAttribute('aria-controls') ?? '';
|
|
51
|
-
if (controlsId) {
|
|
52
|
-
this.content = document.getElementById(controlsId);
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
const children = Array.from(this.host.children);
|
|
56
|
-
this.content = children.find((c) => c !== this.trigger) ?? null;
|
|
57
|
-
}
|
|
58
|
-
if (this.trigger && this.content) {
|
|
59
|
-
if (!this.content.id) {
|
|
60
|
-
this.content.id = createId('disclosure-content');
|
|
61
|
-
}
|
|
62
|
-
this.trigger.setAttribute('aria-controls', this.content.id);
|
|
63
|
-
this.contentId = this.content.id;
|
|
64
|
-
}
|
|
65
|
-
if (this.trigger instanceof HTMLButtonElement) {
|
|
66
|
-
this.trigger.disabled = this.disabled;
|
|
67
|
-
}
|
|
68
|
-
else if (this.trigger) {
|
|
69
|
-
this.trigger.setAttribute('aria-disabled', String(this.disabled));
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
setOpen(next, action) {
|
|
73
|
-
if (this.internalOpen === next)
|
|
74
|
-
return;
|
|
75
|
-
if (!isControlled(this.open))
|
|
76
|
-
this.internalOpen = next;
|
|
77
|
-
dispatchDetail(this.host, next ? 'open' : 'close', {
|
|
78
|
-
open: next,
|
|
79
|
-
reason: action.reason,
|
|
80
|
-
trigger: action.trigger,
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
onTriggerClick = (e) => {
|
|
84
|
-
if (this.disabled) {
|
|
85
|
-
e.preventDefault();
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
this.setOpen(!this.internalOpen, { reason: 'action', trigger: eventToTrigger(e) });
|
|
89
|
-
};
|
|
90
|
-
onTriggerKeydown = (e) => {
|
|
91
|
-
if (this.disabled || !isActivationKey(e))
|
|
92
|
-
return;
|
|
93
|
-
e.preventDefault();
|
|
94
|
-
this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
|
|
95
|
-
};
|
|
96
|
-
render() {
|
|
97
|
-
return (h(Host, { key: '91d1df53268f18c8c15192fb66b67baa7053fe93' }, h("slot", { key: '578c99f8fd09415c5e63e9f6a860fe204471da2f' })));
|
|
98
|
-
}
|
|
99
|
-
static get watchers() { return {
|
|
100
|
-
"open": [{
|
|
101
|
-
"syncFromProp": 0
|
|
102
|
-
}],
|
|
103
|
-
"internalOpen": [{
|
|
104
|
-
"syncState": 0
|
|
105
|
-
}]
|
|
106
|
-
}; }
|
|
107
|
-
};
|
|
108
|
-
UIDisclosure.style = uiDisclosureCss();
|
|
109
|
-
|
|
110
|
-
export { UIDisclosure as ui_disclosure };
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
|
|
2
|
-
import { i as isControlled, c as controlledOrDefault } from './controlled-state-BnGhGgTH.js';
|
|
3
|
-
|
|
4
|
-
const uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
|
|
5
|
-
|
|
6
|
-
const UIEditable = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.editChange = createEvent(this, "edit-change");
|
|
10
|
-
}
|
|
11
|
-
get host() { return getElement(this); }
|
|
12
|
-
/** Controlled edit state. Omit it to use defaultEdit and local interaction state. */
|
|
13
|
-
edit;
|
|
14
|
-
defaultEdit = false;
|
|
15
|
-
disabled = false;
|
|
16
|
-
editChange;
|
|
17
|
-
internalEdit = false;
|
|
18
|
-
trigger = null;
|
|
19
|
-
syncFromProp() {
|
|
20
|
-
if (isControlled(this.edit))
|
|
21
|
-
this.internalEdit = this.edit;
|
|
22
|
-
}
|
|
23
|
-
componentWillLoad() {
|
|
24
|
-
this.internalEdit = controlledOrDefault(this.edit, this.defaultEdit);
|
|
25
|
-
}
|
|
26
|
-
componentDidLoad() {
|
|
27
|
-
this.host.ownerDocument.addEventListener('pointerdown', this.onDocumentPointerDown, true);
|
|
28
|
-
}
|
|
29
|
-
disconnectedCallback() {
|
|
30
|
-
this.host.ownerDocument.removeEventListener('pointerdown', this.onDocumentPointerDown, true);
|
|
31
|
-
}
|
|
32
|
-
requestEdit(next, reason, trigger) {
|
|
33
|
-
if (this.disabled || this.internalEdit === next)
|
|
34
|
-
return;
|
|
35
|
-
if (!isControlled(this.edit))
|
|
36
|
-
this.internalEdit = next;
|
|
37
|
-
this.editChange.emit({ edit: next, reason, trigger });
|
|
38
|
-
if (next)
|
|
39
|
-
requestAnimationFrame(() => this.focusEditor());
|
|
40
|
-
else
|
|
41
|
-
requestAnimationFrame(() => this.trigger?.focus());
|
|
42
|
-
}
|
|
43
|
-
focusEditor() {
|
|
44
|
-
const editRoot = this.host.querySelector('[slot="edit"]');
|
|
45
|
-
const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox')
|
|
46
|
-
? editRoot
|
|
47
|
-
: editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox');
|
|
48
|
-
const focusInput = candidate?.focusInput;
|
|
49
|
-
if (typeof focusInput === 'function')
|
|
50
|
-
void focusInput.call(candidate);
|
|
51
|
-
else
|
|
52
|
-
candidate?.focus();
|
|
53
|
-
}
|
|
54
|
-
eventTrigger(event) {
|
|
55
|
-
return event.composedPath().find(node => node instanceof HTMLElement && node.hasAttribute('data-ui-editable-trigger'));
|
|
56
|
-
}
|
|
57
|
-
onClick = (event) => {
|
|
58
|
-
if (this.internalEdit || this.disabled)
|
|
59
|
-
return;
|
|
60
|
-
const trigger = this.eventTrigger(event);
|
|
61
|
-
if (!trigger)
|
|
62
|
-
return;
|
|
63
|
-
this.trigger = trigger;
|
|
64
|
-
this.requestEdit(true, 'activate', 'pointer');
|
|
65
|
-
};
|
|
66
|
-
onKeyDown = (event) => {
|
|
67
|
-
if (this.internalEdit && event.key === 'Escape') {
|
|
68
|
-
event.preventDefault();
|
|
69
|
-
event.stopPropagation();
|
|
70
|
-
this.requestEdit(false, 'escape', 'keyboard');
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
if (this.internalEdit || !['Enter', ' '].includes(event.key))
|
|
74
|
-
return;
|
|
75
|
-
const trigger = this.eventTrigger(event);
|
|
76
|
-
if (!trigger)
|
|
77
|
-
return;
|
|
78
|
-
event.preventDefault();
|
|
79
|
-
this.trigger = trigger;
|
|
80
|
-
this.requestEdit(true, 'activate', 'keyboard');
|
|
81
|
-
};
|
|
82
|
-
onDocumentPointerDown = (event) => {
|
|
83
|
-
if (!this.internalEdit || event.composedPath().includes(this.host))
|
|
84
|
-
return;
|
|
85
|
-
this.requestEdit(false, 'light-dismiss', 'pointer');
|
|
86
|
-
};
|
|
87
|
-
render() {
|
|
88
|
-
return h(Host, { key: 'c11babe81053ecc0fb6390507f74d5094c551f48', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: 'fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6', part: "preview", hidden: this.internalEdit }, h("slot", { key: '29537eed3c19da07a61b0236a563912eec332572', name: "preview" })), h("div", { key: 'a8cdb53c61041361ff97762bdf1e8e6992706751', part: "edit", hidden: !this.internalEdit }, h("slot", { key: '466c6bf07d44ab07ccab1fd138412e43a291dcca', name: "edit" })));
|
|
89
|
-
}
|
|
90
|
-
static get watchers() { return {
|
|
91
|
-
"edit": [{
|
|
92
|
-
"syncFromProp": 0
|
|
93
|
-
}]
|
|
94
|
-
}; }
|
|
95
|
-
};
|
|
96
|
-
UIEditable.style = uiEditableCss();
|
|
97
|
-
|
|
98
|
-
export { UIEditable as ui_editable };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-8BGiMGQ0.js';
|
|
2
|
-
|
|
3
|
-
const uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc( var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom) );inset-inline-end:max( var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)), env(safe-area-inset-right) );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var( --ui-floating-action-button-shadow, 0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent) );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease), transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease), box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var( --ui-floating-action-button-hover-shadow, 0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent) )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
|
|
4
|
-
|
|
5
|
-
const UIFloatingActionButton = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
disabled = false;
|
|
10
|
-
mobileOnly = false;
|
|
11
|
-
label = '';
|
|
12
|
-
render() {
|
|
13
|
-
return (h(Host, { key: '54f6284109397d15e2b3ef92f68e9bd4cf91fbae', "data-disabled": this.disabled ? '' : undefined }, h("button", { key: '9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, h("slot", { key: '222c6807ae4639eb20dc25be08fe5f4e91c638de' }))));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
UIFloatingActionButton.style = uiFloatingActionButtonCss();
|
|
17
|
-
|
|
18
|
-
export { UIFloatingActionButton as ui_floating_action_button };
|