@kerfjs/ui 5.0.0-beta.11 → 5.0.0-beta.110
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/README.md +707 -160
- package/ai/application-ui-diagnostic-ids-v1.json +115 -0
- package/ai/application-ui-profile-sync.cjs +548 -0
- package/ai/application-ui-profile.d.mts +1 -0
- package/ai/application-ui-profile.d.ts +106 -0
- package/ai/application-ui-profile.defaults.json +222 -0
- package/ai/application-ui-profile.mjs +653 -0
- package/ai/application-ui-profile.schema.json +140 -0
- package/ai/catalog-authoring.json +34 -0
- package/ai/catalog-authoring.schema.json +105 -0
- package/ai/compile-time-contracts-v1.json +149 -0
- package/ai/compile-time-contracts-v1.schema.json +52 -0
- package/ai/component-catalog-extension.schema.json +104 -0
- package/ai/component-catalog.json +9111 -1376
- package/ai/component-catalog.schema.json +94 -1
- package/ai/component-class-owners.cjs +83 -0
- package/ai/component-composition-extension.d.ts +7 -0
- package/ai/component-composition-extension.schema.json +7 -0
- package/ai/component-composition-rules.json +570 -0
- package/ai/component-composition.d.ts +143 -0
- package/ai/component-composition.json +10437 -0
- package/ai/component-composition.schema.json +444 -0
- package/ai/components/README.md +206 -0
- package/ai/components/anchored-surface.md +99 -0
- package/ai/components/application-tabs.md +65 -0
- package/ai/components/backdrop-image.md +84 -0
- package/ai/components/badge.md +77 -0
- package/ai/components/button.md +94 -0
- package/ai/components/checkbox-group.md +89 -0
- package/ai/components/checkbox.md +90 -0
- package/ai/components/chip.md +80 -0
- package/ai/components/choice-chips.md +93 -0
- package/ai/components/collapsible-panel.md +103 -0
- package/ai/components/color-field.md +92 -0
- package/ai/components/color-picker.md +93 -0
- package/ai/components/color-swatches.md +82 -0
- package/ai/components/column-track.md +78 -0
- package/ai/components/combobox.md +90 -0
- package/ai/components/content-item.md +101 -0
- package/ai/components/content-swap.md +78 -0
- package/ai/components/corner-status.md +88 -0
- package/ai/components/disclosure-arrow.md +77 -0
- package/ai/components/disclosure.md +88 -0
- package/ai/components/document-baseline.md +77 -0
- package/ai/components/edge-activity-indicator.md +81 -0
- package/ai/components/empty-state.md +80 -0
- package/ai/components/feedback.md +71 -0
- package/ai/components/file-picker.md +89 -0
- package/ai/components/floating-toolbar.md +82 -0
- package/ai/components/foundation.md +65 -0
- package/ai/components/framed-list.md +80 -0
- package/ai/components/grid.md +101 -0
- package/ai/components/headers.md +63 -0
- package/ai/components/layout.md +75 -0
- package/ai/components/list-action-row.md +108 -0
- package/ai/components/list-detail-dialog.md +90 -0
- package/ai/components/list-header.md +91 -0
- package/ai/components/list-inset-control.md +74 -0
- package/ai/components/list-inset-text.md +72 -0
- package/ai/components/list-item.md +108 -0
- package/ai/components/list.md +127 -0
- package/ai/components/loading-spinner.md +73 -0
- package/ai/components/lucide-icon.md +99 -0
- package/ai/components/message-composer.md +85 -0
- package/ai/components/nav-stack.md +120 -0
- package/ai/components/pane.md +127 -0
- package/ai/components/popup-menu.md +174 -0
- package/ai/components/progress-bar.md +82 -0
- package/ai/components/progress-ring.md +80 -0
- package/ai/components/radio-group.md +89 -0
- package/ai/components/recipe-app-shell.md +57 -0
- package/ai/components/recipe-collapsible-sidebar.md +57 -0
- package/ai/components/recipe-compact-toolbar.md +57 -0
- package/ai/components/recipe-composer-form.md +57 -0
- package/ai/components/recipe-list-detail-dialog.md +57 -0
- package/ai/components/recipe-list-workspace-states.md +57 -0
- package/ai/components/recipe-loading-inspector.md +57 -0
- package/ai/components/recipe-media-detail.md +57 -0
- package/ai/components/recipe-navigation-sidebar.md +57 -0
- package/ai/components/recipe-navigation-stack.md +57 -0
- package/ai/components/recipe-workspace-header.md +57 -0
- package/ai/components/resize.md +106 -0
- package/ai/components/row.md +96 -0
- package/ai/components/search-field.md +108 -0
- package/ai/components/segmented-control.md +83 -0
- package/ai/components/select.md +118 -0
- package/ai/components/skeleton.md +84 -0
- package/ai/components/slider.md +84 -0
- package/ai/components/spacer.md +86 -0
- package/ai/components/split-button.md +83 -0
- package/ai/components/split-view.md +105 -0
- package/ai/components/state-banner.md +96 -0
- package/ai/components/summary-row.md +85 -0
- package/ai/components/sunken-panel.md +79 -0
- package/ai/components/surface-scaffold.md +117 -0
- package/ai/components/switch.md +81 -0
- package/ai/components/tab-bar.md +114 -0
- package/ai/components/tab-navigator.md +105 -0
- package/ai/components/tabs.md +95 -0
- package/ai/components/tag-field.md +86 -0
- package/ai/components/text-field.md +102 -0
- package/ai/components/text.md +93 -0
- package/ai/components/toast.md +85 -0
- package/ai/components/toolbar-control-group.md +127 -0
- package/ai/components/toolbar-text.md +100 -0
- package/ai/components/toolbar.md +103 -0
- package/ai/components/tooltip.md +81 -0
- package/ai/components/value-table.md +80 -0
- package/ai/components/wa-accordion-item.md +61 -0
- package/ai/components/wa-accordion.md +71 -0
- package/ai/components/wa-animated-image.md +56 -0
- package/ai/components/wa-animation.md +56 -0
- package/ai/components/wa-avatar.md +56 -0
- package/ai/components/wa-badge.md +62 -0
- package/ai/components/wa-breadcrumb-item.md +54 -0
- package/ai/components/wa-breadcrumb.md +56 -0
- package/ai/components/wa-button-group.md +62 -0
- package/ai/components/wa-button.md +61 -0
- package/ai/components/wa-callout.md +60 -0
- package/ai/components/wa-card.md +67 -0
- package/ai/components/wa-carousel-item.md +54 -0
- package/ai/components/wa-carousel.md +56 -0
- package/ai/components/wa-checkbox-group.md +62 -0
- package/ai/components/wa-checkbox.md +61 -0
- package/ai/components/wa-color-picker.md +63 -0
- package/ai/components/wa-comparison.md +56 -0
- package/ai/components/wa-copy-button.md +56 -0
- package/ai/components/wa-details.md +67 -0
- package/ai/components/wa-dialog.md +65 -0
- package/ai/components/wa-divider.md +54 -0
- package/ai/components/wa-drawer.md +62 -0
- package/ai/components/wa-dropdown-item.md +62 -0
- package/ai/components/wa-dropdown.md +62 -0
- package/ai/components/wa-format-bytes.md +54 -0
- package/ai/components/wa-format-date.md +54 -0
- package/ai/components/wa-format-number.md +54 -0
- package/ai/components/wa-icon.md +59 -0
- package/ai/components/wa-include.md +55 -0
- package/ai/components/wa-input.md +62 -0
- package/ai/components/wa-intersection-observer.md +54 -0
- package/ai/components/wa-known-date.md +54 -0
- package/ai/components/wa-markdown.md +54 -0
- package/ai/components/wa-mutation-observer.md +54 -0
- package/ai/components/wa-number-input.md +56 -0
- package/ai/components/wa-option.md +61 -0
- package/ai/components/wa-otp-input.md +54 -0
- package/ai/components/wa-page.md +62 -0
- package/ai/components/wa-pagination.md +56 -0
- package/ai/components/wa-popover.md +61 -0
- package/ai/components/wa-popup.md +60 -0
- package/ai/components/wa-progress-bar.md +60 -0
- package/ai/components/wa-progress-ring.md +60 -0
- package/ai/components/wa-qr-code.md +54 -0
- package/ai/components/wa-radio-group.md +67 -0
- package/ai/components/wa-radio.md +61 -0
- package/ai/components/wa-random-content.md +54 -0
- package/ai/components/wa-rating.md +56 -0
- package/ai/components/wa-relative-time.md +54 -0
- package/ai/components/wa-resize-observer.md +54 -0
- package/ai/components/wa-scroller.md +61 -0
- package/ai/components/wa-select.md +65 -0
- package/ai/components/wa-skeleton.md +60 -0
- package/ai/components/wa-slider.md +61 -0
- package/ai/components/wa-spinner.md +60 -0
- package/ai/components/wa-split-panel.md +60 -0
- package/ai/components/wa-step.md +56 -0
- package/ai/components/wa-stepper.md +56 -0
- package/ai/components/wa-switch.md +60 -0
- package/ai/components/wa-tab-group.md +71 -0
- package/ai/components/wa-tab-panel.md +62 -0
- package/ai/components/wa-tab.md +61 -0
- package/ai/components/wa-tag-input.md +62 -0
- package/ai/components/wa-tag.md +62 -0
- package/ai/components/wa-textarea.md +60 -0
- package/ai/components/wa-time-input.md +56 -0
- package/ai/components/wa-toast-item.md +62 -0
- package/ai/components/wa-toast.md +62 -0
- package/ai/components/wa-tooltip.md +61 -0
- package/ai/components/wa-tree-item.md +56 -0
- package/ai/components/wa-tree.md +56 -0
- package/ai/components/wa-zoomable-frame.md +56 -0
- package/ai/components/workbench-dialog.md +90 -0
- package/ai/components/workbench.md +120 -0
- package/ai/public-api-signatures-v1.md +6114 -445
- package/ai/skill.md +545 -65
- package/ai/webawesome-jsx-signatures-v1.md +12 -2
- package/analyzer/cli.mjs +49 -0
- package/analyzer/component-ownership.d.mts +72 -0
- package/analyzer/component-ownership.mjs +429 -0
- package/analyzer/index.d.mts +53 -0
- package/analyzer/index.mjs +2375 -0
- package/analyzer/loud-pairs.d.mts +49 -0
- package/analyzer/loud-pairs.mjs +357 -0
- package/analyzer/report.schema.json +66 -0
- package/analyzer/selectors.d.mts +21 -0
- package/analyzer/selectors.mjs +212 -0
- package/catalog-projection-cli.mjs +96 -0
- package/catalog-projection.d.mts +55 -0
- package/catalog-projection.mjs +62 -0
- package/dist/anchored-surface.d.ts +69 -0
- package/dist/anchored-surface.js +3 -0
- package/dist/anchored-surface.js.map +1 -0
- package/dist/backdrop-image.d.ts +132 -0
- package/dist/backdrop-image.js +5 -0
- package/dist/backdrop-image.js.map +1 -0
- package/dist/badge.d.ts +91 -0
- package/dist/badge.js +4 -0
- package/dist/badge.js.map +1 -0
- package/dist/browser/anchored-surface.js +3 -0
- package/dist/browser/backdrop-image.js +3 -0
- package/dist/browser/badge.js +3 -0
- package/dist/browser/button.js +5 -0
- package/dist/browser/catalog.js +29 -0
- package/dist/browser/checkbox-group.js +5 -0
- package/dist/browser/checkbox.js +4 -0
- package/dist/browser/chip.js +3 -0
- package/dist/browser/choice-chips.js +3 -0
- package/dist/browser/collapsible-panel.js +9 -0
- package/dist/browser/color-field.js +4 -0
- package/dist/browser/color-picker.js +5 -0
- package/dist/browser/color-swatches.js +3 -0
- package/dist/browser/column-track.js +3 -0
- package/dist/browser/combobox.js +3 -0
- package/dist/browser/content-item.js +3 -0
- package/dist/browser/content-swap.js +3 -0
- package/dist/browser/corner-status.js +3 -0
- package/dist/browser/disclosure.js +5 -0
- package/dist/browser/edge-activity-indicator.js +3 -0
- package/dist/browser/file-picker.js +3 -0
- package/dist/browser/framed-list.js +3 -0
- package/dist/browser/grid.js +3 -0
- package/dist/browser/list-action-row.js +3 -0
- package/dist/browser/list-detail-dialog.js +14 -0
- package/dist/browser/list-header.js +3 -1
- package/dist/browser/list-inset-control.js +3 -0
- package/dist/browser/list-inset-text.js +3 -0
- package/dist/browser/list-item.js +1 -0
- package/dist/browser/list.js +3 -0
- package/dist/browser/message-composer.js +5 -0
- package/dist/browser/nav-stack.js +11 -0
- package/dist/browser/pane.js +3 -0
- package/dist/browser/popup-menu.js +4 -0
- package/dist/browser/progress-bar.js +3 -0
- package/dist/browser/progress-ring.js +3 -0
- package/dist/browser/radio-group.js +3 -0
- package/dist/browser/row.js +3 -0
- package/dist/browser/search-field.js +4 -0
- package/dist/browser/segmented-control.js +0 -1
- package/dist/browser/select.js +2 -1
- package/dist/browser/slider.js +3 -0
- package/dist/browser/spacer.js +3 -0
- package/dist/browser/split-button.js +5 -0
- package/dist/browser/split-view.js +13 -0
- package/dist/browser/state-banner.js +1 -0
- package/dist/browser/summary-row.js +3 -0
- package/dist/browser/sunken-panel.js +3 -0
- package/dist/browser/surface-scaffold.js +4 -0
- package/dist/browser/switch.js +3 -0
- package/dist/browser/tab-bar-item.js +4 -0
- package/dist/browser/tab-navigator.js +4 -0
- package/dist/browser/tag-field.js +5 -0
- package/dist/browser/text-field.js +4 -0
- package/dist/browser/text.js +3 -0
- package/dist/browser/toolbar-control-group.js +1 -0
- package/dist/browser/workbench-dialog.js +15 -0
- package/dist/browser/workbench.js +14 -0
- package/dist/button.d.ts +121 -0
- package/dist/button.js +7 -0
- package/dist/button.js.map +1 -0
- package/dist/catalog-resources.d.ts +50 -0
- package/dist/catalog-resources.js +22 -0
- package/dist/catalog-resources.js.map +1 -0
- package/dist/catalog.d.ts +134 -101
- package/dist/catalog.js +700 -108
- package/dist/catalog.js.map +1 -1
- package/dist/checkbox-group.d.ts +70 -0
- package/dist/checkbox-group.js +7 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +45 -0
- package/dist/checkbox.js +6 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.d.ts +117 -0
- package/dist/chip.js +4 -0
- package/dist/chip.js.map +1 -0
- package/dist/choice-chips.d.ts +116 -0
- package/dist/choice-chips.js +3 -0
- package/dist/choice-chips.js.map +1 -0
- package/dist/chunk-2FW7D4IG.js +52 -0
- package/dist/chunk-2FW7D4IG.js.map +1 -0
- package/dist/chunk-2GOCOLQL.js +270 -0
- package/dist/chunk-2GOCOLQL.js.map +1 -0
- package/dist/chunk-2LM3PYHA.js +300 -0
- package/dist/chunk-2LM3PYHA.js.map +1 -0
- package/dist/chunk-36HVQ72F.js +123 -0
- package/dist/chunk-36HVQ72F.js.map +1 -0
- package/dist/chunk-3GLYIIFR.js +230 -0
- package/dist/chunk-3GLYIIFR.js.map +1 -0
- package/dist/chunk-3VZ6SFD4.js +8 -0
- package/dist/chunk-3VZ6SFD4.js.map +1 -0
- package/dist/chunk-3WYREXW4.js +120 -0
- package/dist/chunk-3WYREXW4.js.map +1 -0
- package/dist/chunk-3Z7N2NAZ.js +385 -0
- package/dist/chunk-3Z7N2NAZ.js.map +1 -0
- package/dist/chunk-4OV272LF.js +93 -0
- package/dist/chunk-4OV272LF.js.map +1 -0
- package/dist/chunk-4RECPEHI.js +67 -0
- package/dist/chunk-4RECPEHI.js.map +1 -0
- package/dist/chunk-4UB5Z3ZZ.js +68 -0
- package/dist/chunk-4UB5Z3ZZ.js.map +1 -0
- package/dist/chunk-5J6Z4BWY.js +141 -0
- package/dist/chunk-5J6Z4BWY.js.map +1 -0
- package/dist/chunk-5USKCWGL.js +113 -0
- package/dist/chunk-5USKCWGL.js.map +1 -0
- package/dist/chunk-6C6DLP3W.js +31 -0
- package/dist/chunk-6C6DLP3W.js.map +1 -0
- package/dist/chunk-6CDILXF4.js +204 -0
- package/dist/chunk-6CDILXF4.js.map +1 -0
- package/dist/chunk-6VVIW7VB.js +69 -0
- package/dist/chunk-6VVIW7VB.js.map +1 -0
- package/dist/chunk-7AK5I7U7.js +55 -0
- package/dist/chunk-7AK5I7U7.js.map +1 -0
- package/dist/chunk-7K6U6FCN.js +122 -0
- package/dist/chunk-7K6U6FCN.js.map +1 -0
- package/dist/chunk-AMIHGFLP.js +59 -0
- package/dist/chunk-AMIHGFLP.js.map +1 -0
- package/dist/chunk-AN5IWMTM.js +24 -0
- package/dist/chunk-AN5IWMTM.js.map +1 -0
- package/dist/chunk-ATGAJVZ6.js +268 -0
- package/dist/chunk-ATGAJVZ6.js.map +1 -0
- package/dist/chunk-AYPGXR2E.js +20 -0
- package/dist/chunk-AYPGXR2E.js.map +1 -0
- package/dist/chunk-B53PS2LE.js +34 -0
- package/dist/chunk-B53PS2LE.js.map +1 -0
- package/dist/chunk-BKUMG2KB.js +95 -0
- package/dist/chunk-BKUMG2KB.js.map +1 -0
- package/dist/chunk-C26Q6P4Q.js +76 -0
- package/dist/chunk-C26Q6P4Q.js.map +1 -0
- package/dist/chunk-CEJ5FK6G.js +288 -0
- package/dist/chunk-CEJ5FK6G.js.map +1 -0
- package/dist/chunk-CIAUILRR.js +222 -0
- package/dist/chunk-CIAUILRR.js.map +1 -0
- package/dist/chunk-CNM6ZWP2.js +38 -0
- package/dist/chunk-CNM6ZWP2.js.map +1 -0
- package/dist/chunk-CPSGUGAY.js +527 -0
- package/dist/chunk-CPSGUGAY.js.map +1 -0
- package/dist/chunk-CTQUDCY5.js +26 -0
- package/dist/chunk-CTQUDCY5.js.map +1 -0
- package/dist/chunk-CVD5IZGB.js +66 -0
- package/dist/chunk-CVD5IZGB.js.map +1 -0
- package/dist/chunk-D4MXSAMI.js +50 -0
- package/dist/chunk-D4MXSAMI.js.map +1 -0
- package/dist/chunk-D5RGM3XA.js +38 -0
- package/dist/chunk-D5RGM3XA.js.map +1 -0
- package/dist/chunk-DZJ4GBSP.js +59 -0
- package/dist/chunk-DZJ4GBSP.js.map +1 -0
- package/dist/chunk-EIET4QLK.js +51 -0
- package/dist/chunk-EIET4QLK.js.map +1 -0
- package/dist/chunk-EKHDLBRP.js +86 -0
- package/dist/chunk-EKHDLBRP.js.map +1 -0
- package/dist/chunk-EYDXFOSH.js +457 -0
- package/dist/chunk-EYDXFOSH.js.map +1 -0
- package/dist/chunk-G3J7JDP6.js +29 -0
- package/dist/chunk-G3J7JDP6.js.map +1 -0
- package/dist/chunk-GS2QD3N7.js +14 -0
- package/dist/chunk-GS2QD3N7.js.map +1 -0
- package/dist/chunk-GXSX6Q6O.js +42 -0
- package/dist/chunk-GXSX6Q6O.js.map +1 -0
- package/dist/chunk-HDXUHLTQ.js +90 -0
- package/dist/chunk-HDXUHLTQ.js.map +1 -0
- package/dist/chunk-HJXVVFBT.js +108 -0
- package/dist/chunk-HJXVVFBT.js.map +1 -0
- package/dist/chunk-HQZG3OFL.js +158 -0
- package/dist/chunk-HQZG3OFL.js.map +1 -0
- package/dist/chunk-HTERKONR.js +49 -0
- package/dist/chunk-HTERKONR.js.map +1 -0
- package/dist/chunk-HU5IHXCI.js +73 -0
- package/dist/chunk-HU5IHXCI.js.map +1 -0
- package/dist/chunk-IKS72C6P.js +53 -0
- package/dist/chunk-IKS72C6P.js.map +1 -0
- package/dist/chunk-IO27YTL3.js +73 -0
- package/dist/chunk-IO27YTL3.js.map +1 -0
- package/dist/chunk-IQSRHXZR.js +164 -0
- package/dist/chunk-IQSRHXZR.js.map +1 -0
- package/dist/chunk-ITUQC4FW.js +163 -0
- package/dist/chunk-ITUQC4FW.js.map +1 -0
- package/dist/chunk-JCCN3U6X.js +176 -0
- package/dist/chunk-JCCN3U6X.js.map +1 -0
- package/dist/chunk-K57NINLH.js +137 -0
- package/dist/chunk-K57NINLH.js.map +1 -0
- package/dist/chunk-KC6WUSNS.js +34 -0
- package/dist/chunk-KC6WUSNS.js.map +1 -0
- package/dist/chunk-KCS6NJ3O.js +82 -0
- package/dist/chunk-KCS6NJ3O.js.map +1 -0
- package/dist/chunk-KDQZ3E5C.js +75 -0
- package/dist/chunk-KDQZ3E5C.js.map +1 -0
- package/dist/chunk-KH4KEMSP.js +71 -0
- package/dist/chunk-KH4KEMSP.js.map +1 -0
- package/dist/chunk-KK3S5OTW.js +98 -0
- package/dist/chunk-KK3S5OTW.js.map +1 -0
- package/dist/chunk-KPINJHIC.js +122 -0
- package/dist/chunk-KPINJHIC.js.map +1 -0
- package/dist/chunk-LMHN2TJL.js +167 -0
- package/dist/chunk-LMHN2TJL.js.map +1 -0
- package/dist/chunk-LTBVP6VN.js +59 -0
- package/dist/chunk-LTBVP6VN.js.map +1 -0
- package/dist/{chunk-YGN7OMLT.js → chunk-LZUUUHNH.js} +13 -6
- package/dist/chunk-LZUUUHNH.js.map +1 -0
- package/dist/chunk-MHMWQ7RB.js +19 -0
- package/dist/chunk-MHMWQ7RB.js.map +1 -0
- package/dist/chunk-MJ5RU6XT.js +173 -0
- package/dist/chunk-MJ5RU6XT.js.map +1 -0
- package/dist/chunk-MVKHSAKE.js +169 -0
- package/dist/chunk-MVKHSAKE.js.map +1 -0
- package/dist/chunk-NB6POCFH.js +103 -0
- package/dist/chunk-NB6POCFH.js.map +1 -0
- package/dist/chunk-NR6O74ST.js +169 -0
- package/dist/chunk-NR6O74ST.js.map +1 -0
- package/dist/chunk-OHPYT2BH.js +82 -0
- package/dist/chunk-OHPYT2BH.js.map +1 -0
- package/dist/chunk-OQP3PFKQ.js +341 -0
- package/dist/chunk-OQP3PFKQ.js.map +1 -0
- package/dist/chunk-OZ6X76G5.js +547 -0
- package/dist/chunk-OZ6X76G5.js.map +1 -0
- package/dist/chunk-P7EJ4CAD.js +147 -0
- package/dist/chunk-P7EJ4CAD.js.map +1 -0
- package/dist/chunk-QDSZTQXL.js +28 -0
- package/dist/chunk-QDSZTQXL.js.map +1 -0
- package/dist/chunk-QH5KOFNS.js +39 -0
- package/dist/chunk-QH5KOFNS.js.map +1 -0
- package/dist/chunk-QPTJ5DOO.js +87 -0
- package/dist/chunk-QPTJ5DOO.js.map +1 -0
- package/dist/chunk-QYMJHS4K.js +36 -0
- package/dist/chunk-QYMJHS4K.js.map +1 -0
- package/dist/chunk-RMWNO6BA.js +89 -0
- package/dist/chunk-RMWNO6BA.js.map +1 -0
- package/dist/chunk-S2XULQEK.js +52 -0
- package/dist/chunk-S2XULQEK.js.map +1 -0
- package/dist/chunk-S3ECMF23.js +33 -0
- package/dist/chunk-S3ECMF23.js.map +1 -0
- package/dist/chunk-S4Y3YTAI.js +35 -0
- package/dist/chunk-S4Y3YTAI.js.map +1 -0
- package/dist/chunk-S4ZGTDSG.js +18 -0
- package/dist/chunk-S4ZGTDSG.js.map +1 -0
- package/dist/chunk-SCDWURBO.js +136 -0
- package/dist/chunk-SCDWURBO.js.map +1 -0
- package/dist/chunk-SOFPUW3O.js +196 -0
- package/dist/chunk-SOFPUW3O.js.map +1 -0
- package/dist/chunk-SQ5DH66U.js +37 -0
- package/dist/chunk-SQ5DH66U.js.map +1 -0
- package/dist/chunk-T74YB76U.js +547 -0
- package/dist/chunk-T74YB76U.js.map +1 -0
- package/dist/chunk-TI2GV36S.js +90 -0
- package/dist/chunk-TI2GV36S.js.map +1 -0
- package/dist/{chunk-56RJXPHG.js → chunk-TKNVL53O.js} +7 -4
- package/dist/chunk-TKNVL53O.js.map +1 -0
- package/dist/chunk-TNJLNLVE.js +115 -0
- package/dist/chunk-TNJLNLVE.js.map +1 -0
- package/dist/chunk-TUID42UE.js +15 -0
- package/dist/chunk-TUID42UE.js.map +1 -0
- package/dist/chunk-UMNHJSIO.js +848 -0
- package/dist/chunk-UMNHJSIO.js.map +1 -0
- package/dist/chunk-VEME3D7K.js +298 -0
- package/dist/chunk-VEME3D7K.js.map +1 -0
- package/dist/chunk-WPNIKZMJ.js +507 -0
- package/dist/chunk-WPNIKZMJ.js.map +1 -0
- package/dist/chunk-WSEJ2FDE.js +162 -0
- package/dist/chunk-WSEJ2FDE.js.map +1 -0
- package/dist/chunk-WVS6CUCT.js +48 -0
- package/dist/chunk-WVS6CUCT.js.map +1 -0
- package/dist/chunk-XWNXGFX3.js +381 -0
- package/dist/chunk-XWNXGFX3.js.map +1 -0
- package/dist/chunk-Y6KT7ZTR.js +109 -0
- package/dist/chunk-Y6KT7ZTR.js.map +1 -0
- package/dist/chunk-YMUIQRWK.js +44 -0
- package/dist/chunk-YMUIQRWK.js.map +1 -0
- package/dist/chunk-ZCDRLN3B.js +138 -0
- package/dist/chunk-ZCDRLN3B.js.map +1 -0
- package/dist/chunk-ZKKO4MHC.js +25 -0
- package/dist/chunk-ZKKO4MHC.js.map +1 -0
- package/dist/chunk-ZN7KUMPY.js +48 -0
- package/dist/chunk-ZN7KUMPY.js.map +1 -0
- package/dist/chunk-ZNROKDSZ.js +54 -0
- package/dist/chunk-ZNROKDSZ.js.map +1 -0
- package/dist/chunk-ZX2QQJXD.js +249 -0
- package/dist/chunk-ZX2QQJXD.js.map +1 -0
- package/dist/collapsible-panel.d.ts +96 -17
- package/dist/collapsible-panel.js +133 -14
- package/dist/collapsible-panel.js.map +1 -1
- package/dist/color-field.d.ts +51 -0
- package/dist/color-field.js +92 -0
- package/dist/color-field.js.map +1 -0
- package/dist/color-picker.d.ts +113 -0
- package/dist/color-picker.js +8 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/color-swatches.d.ts +56 -0
- package/dist/color-swatches.js +4 -0
- package/dist/color-swatches.js.map +1 -0
- package/dist/column-track.d.ts +41 -0
- package/dist/column-track.js +4 -0
- package/dist/column-track.js.map +1 -0
- package/dist/combobox.d.ts +40 -0
- package/dist/combobox.js +3 -0
- package/dist/combobox.js.map +1 -0
- package/dist/content-item.d.ts +128 -0
- package/dist/content-item.js +4 -0
- package/dist/content-item.js.map +1 -0
- package/dist/content-swap.d.ts +34 -0
- package/dist/content-swap.js +3 -0
- package/dist/content-swap.js.map +1 -0
- package/dist/corner-status.d.ts +36 -0
- package/dist/corner-status.js +3 -0
- package/dist/corner-status.js.map +1 -0
- package/dist/css-values.d.ts +127 -0
- package/dist/css-values.js +3 -0
- package/dist/css-values.js.map +1 -0
- package/dist/device-class.js +34 -6
- package/dist/device-class.js.map +1 -1
- package/dist/disclosure-arrow.d.ts +6 -1
- package/dist/disclosure-arrow.js +2 -1
- package/dist/disclosure.d.ts +66 -0
- package/dist/disclosure.js +51 -0
- package/dist/disclosure.js.map +1 -0
- package/dist/edge-activity-indicator.d.ts +28 -0
- package/dist/edge-activity-indicator.js +3 -0
- package/dist/edge-activity-indicator.js.map +1 -0
- package/dist/empty-state.d.ts +5 -2
- package/dist/empty-state.js +2 -1
- package/dist/extension-attributes-mu8MFUl0.d.ts +13 -0
- package/dist/file-picker.d.ts +54 -0
- package/dist/file-picker.js +3 -0
- package/dist/file-picker.js.map +1 -0
- package/dist/flex-alignment-4ms8ZbV8.d.ts +5 -0
- package/dist/floating-toolbar.d.ts +29 -6
- package/dist/floating-toolbar.js +1 -1
- package/dist/framed-list.d.ts +47 -0
- package/dist/framed-list.js +4 -0
- package/dist/framed-list.js.map +1 -0
- package/dist/grid.d.ts +58 -0
- package/dist/grid.js +6 -0
- package/dist/grid.js.map +1 -0
- package/dist/help-tags-register.d.ts +13 -0
- package/dist/help-tags-register.js +10 -0
- package/dist/help-tags-register.js.map +1 -0
- package/dist/index.d.ts +72 -17
- package/dist/index.js +84 -25
- package/dist/list-action-row.d.ts +69 -12
- package/dist/list-action-row.js +8 -1
- package/dist/list-detail-dialog.d.ts +123 -0
- package/dist/list-detail-dialog.js +167 -0
- package/dist/list-detail-dialog.js.map +1 -0
- package/dist/list-header.d.ts +72 -10
- package/dist/list-header.js +4 -1
- package/dist/list-icon-tile-B8dr97OW.d.ts +18 -0
- package/dist/list-inset-control.d.ts +22 -0
- package/dist/list-inset-control.js +3 -0
- package/dist/list-inset-control.js.map +1 -0
- package/dist/list-inset-text.d.ts +30 -0
- package/dist/list-inset-text.js +4 -0
- package/dist/list-inset-text.js.map +1 -0
- package/dist/list-item.d.ts +49 -5
- package/dist/list-item.js +4 -1
- package/dist/list.d.ts +149 -0
- package/dist/list.js +7 -0
- package/dist/list.js.map +1 -0
- package/dist/loading-spinner.d.ts +12 -2
- package/dist/loading-spinner.js +2 -1
- package/dist/lucide-icon.d.ts +23 -3
- package/dist/lucide-icon.js +2 -1
- package/dist/message-composer.d.ts +70 -0
- package/dist/message-composer.js +6 -0
- package/dist/message-composer.js.map +1 -0
- package/dist/nav-stack-CU_0dKtI.d.ts +194 -0
- package/dist/nav-stack.d.ts +15 -38
- package/dist/nav-stack.js +14 -1
- package/dist/pane.d.ts +258 -0
- package/dist/pane.js +6 -0
- package/dist/pane.js.map +1 -0
- package/dist/panel-toolbar-vg6Ir5Dy.d.ts +77 -0
- package/dist/popup-menu-register.d.ts +11 -0
- package/dist/popup-menu-register.js +13 -0
- package/dist/popup-menu-register.js.map +1 -0
- package/dist/popup-menu.d.ts +153 -0
- package/dist/popup-menu.js +7 -0
- package/dist/popup-menu.js.map +1 -0
- package/dist/progress-bar.d.ts +52 -0
- package/dist/progress-bar.js +68 -0
- package/dist/progress-bar.js.map +1 -0
- package/dist/progress-ring.d.ts +44 -0
- package/dist/progress-ring.js +73 -0
- package/dist/progress-ring.js.map +1 -0
- package/dist/radio-group.d.ts +62 -0
- package/dist/radio-group.js +4 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/resizable-region.d.ts +32 -3
- package/dist/resizable-region.js +1 -1
- package/dist/row.d.ts +53 -0
- package/dist/row.js +7 -0
- package/dist/row.js.map +1 -0
- package/dist/scroll-clearance-BikHljTc.d.ts +14 -0
- package/dist/search-field-CrGTN5sa.d.ts +208 -0
- package/dist/search-field-model.d.ts +3 -0
- package/dist/search-field-model.js +3 -0
- package/dist/search-field-model.js.map +1 -0
- package/dist/search-field.d.ts +3 -0
- package/dist/search-field.js +5 -0
- package/dist/search-field.js.map +1 -0
- package/dist/segmented-control.d.ts +14 -9
- package/dist/segmented-control.js +1 -2
- package/dist/select-register.d.ts +6 -3
- package/dist/select-register.js +402 -8
- package/dist/select-register.js.map +1 -1
- package/dist/select.d.ts +128 -9
- package/dist/select.js +6 -1
- package/dist/selection.d.ts +54 -0
- package/dist/selection.js +3 -0
- package/dist/selection.js.map +1 -0
- package/dist/semantic-content-BbzjvSu9.d.ts +14 -0
- package/dist/semantic-tone-CdW013KF.d.ts +4 -0
- package/dist/sides-BPSWde0A.d.ts +4 -0
- package/dist/skeleton.d.ts +14 -7
- package/dist/skeleton.js +2 -1
- package/dist/slider.d.ts +74 -0
- package/dist/slider.js +103 -0
- package/dist/slider.js.map +1 -0
- package/dist/spacer.d.ts +18 -0
- package/dist/spacer.js +4 -0
- package/dist/spacer.js.map +1 -0
- package/dist/split-button.d.ts +69 -0
- package/dist/split-button.js +7 -0
- package/dist/split-button.js.map +1 -0
- package/dist/split-view.d.ts +66 -6
- package/dist/split-view.js +14 -15
- package/dist/split-view.js.map +1 -1
- package/dist/state-banner.d.ts +41 -7
- package/dist/state-banner.js +4 -1
- package/dist/styles/anchored-surface.css +44 -0
- package/dist/styles/backdrop-image.css +241 -0
- package/dist/styles/badge.css +157 -0
- package/dist/styles/button.css +293 -0
- package/dist/styles/catalog/components/catalog-example-stack.css +14 -0
- package/dist/styles/catalog/components/catalog-example.css +250 -0
- package/dist/styles/catalog/components/catalog-stage.css +61 -0
- package/dist/styles/catalog/components/catalog.css +26 -0
- package/dist/styles/catalog.css +5 -522
- package/dist/styles/checkbox-group.css +63 -0
- package/dist/styles/checkbox.css +122 -0
- package/dist/styles/chip.css +234 -0
- package/dist/styles/choice-chips.css +205 -0
- package/dist/styles/collapsible-panel.css +450 -16
- package/dist/styles/color-field.css +125 -0
- package/dist/styles/color-picker.css +366 -0
- package/dist/styles/color-swatches.css +122 -0
- package/dist/styles/column-track.css +57 -0
- package/dist/styles/combobox.css +115 -0
- package/dist/styles/components/actions/button/button.css +293 -0
- package/dist/styles/components/actions/floating-toolbar/floating-toolbar.css +119 -0
- package/dist/styles/components/actions/popup-menu/popup-menu.css +498 -0
- package/dist/styles/components/actions/split-button/split-button.css +141 -0
- package/dist/styles/components/actions/toolbar/toolbar.css +483 -0
- package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css +1188 -0
- package/dist/styles/components/actions/toolbar-text/toolbar-text.css +256 -0
- package/dist/styles/components/collections/framed-list/framed-list.css +53 -0
- package/dist/styles/components/collections/list/list.css +293 -0
- package/dist/styles/components/collections/list-action-row/list-action-row.css +466 -0
- package/dist/styles/components/collections/list-header/list-header.css +236 -0
- package/dist/styles/components/collections/list-inset-control/list-inset-control.css +30 -0
- package/dist/styles/components/collections/list-inset-text/list-inset-text.css +29 -0
- package/dist/styles/components/collections/list-item/list-item.css +461 -0
- package/dist/styles/components/collections/summary-row/summary-row.css +161 -0
- package/dist/styles/components/data-display/value-table/value-table.css +183 -0
- package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +44 -0
- package/dist/styles/components/feedback/badge/badge.css +157 -0
- package/dist/styles/components/feedback/chip/chip.css +234 -0
- package/dist/styles/components/feedback/corner-status/corner-status.css +60 -0
- package/dist/styles/components/feedback/edge-activity-indicator/edge-activity-indicator.css +127 -0
- package/dist/styles/components/feedback/empty-state/empty-state.css +47 -0
- package/dist/styles/components/feedback/loading-spinner/loading-spinner.css +25 -0
- package/dist/styles/components/feedback/progress-bar/progress-bar.css +168 -0
- package/dist/styles/components/feedback/progress-ring/progress-ring.css +91 -0
- package/dist/styles/components/feedback/skeleton/skeleton.css +92 -0
- package/dist/styles/components/feedback/state-banner/state-banner.css +312 -0
- package/dist/styles/components/forms/checkbox/checkbox.css +122 -0
- package/dist/styles/components/forms/checkbox-group/checkbox-group.css +63 -0
- package/dist/styles/components/forms/choice-chips/choice-chips.css +205 -0
- package/dist/styles/components/forms/color-field/color-field.css +125 -0
- package/dist/styles/components/forms/color-picker/color-picker.css +366 -0
- package/dist/styles/components/forms/color-swatches/color-swatches.css +122 -0
- package/dist/styles/components/forms/combobox/combobox.css +115 -0
- package/dist/styles/components/forms/file-picker/file-picker.css +81 -0
- package/dist/styles/components/forms/message-composer/message-composer.css +84 -0
- package/dist/styles/components/forms/radio-group/radio-group.css +158 -0
- package/dist/styles/components/forms/search-field/search-field.css +441 -0
- package/dist/styles/components/forms/segmented-control/segmented-control.css +196 -0
- package/dist/styles/components/forms/select/select.css +580 -0
- package/dist/styles/components/forms/slider/slider.css +241 -0
- package/dist/styles/components/forms/switch/switch.css +132 -0
- package/dist/styles/components/forms/tag-field/tag-field.css +8 -0
- package/dist/styles/components/forms/text-field/text-field.css +193 -0
- package/dist/styles/components/layout/collapsible-panel/collapsible-panel.css +580 -0
- package/dist/styles/components/layout/column-track/column-track.css +57 -0
- package/dist/styles/components/layout/content-swap/content-swap.css +154 -0
- package/dist/styles/components/layout/grid/grid.css +88 -0
- package/dist/styles/components/layout/pane/pane.css +780 -0
- package/dist/styles/components/layout/resizable-region/resizable-region.css +546 -0
- package/dist/styles/components/layout/row/row.css +125 -0
- package/dist/styles/components/layout/spacer/spacer.css +11 -0
- package/dist/styles/components/layout/split-view/split-view.css +171 -0
- package/dist/styles/components/layout/workbench/workbench.css +1098 -0
- package/dist/styles/components/media/lucide-icon/lucide-icon.css +15 -0
- package/dist/styles/components/navigation/disclosure-arrow/disclosure-arrow.css +43 -0
- package/dist/styles/components/navigation/nav-stack/nav-stack.css +619 -0
- package/dist/styles/components/navigation/tab-bar/tab-bar.css +203 -0
- package/dist/styles/components/navigation/tab-bar-item/tab-bar-item.css +389 -0
- package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +460 -0
- package/dist/styles/components/surfaces/backdrop-image/backdrop-image.css +241 -0
- package/dist/styles/components/surfaces/content-item/content-item.css +168 -0
- package/dist/styles/components/surfaces/disclosure/disclosure.css +136 -0
- package/dist/styles/components/surfaces/sunken-panel/sunken-panel.css +34 -0
- package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +744 -0
- package/dist/styles/components/typography/text/text.css +232 -0
- package/dist/styles/content-item.css +168 -0
- package/dist/styles/content-swap.css +154 -0
- package/dist/styles/corner-status.css +60 -0
- package/dist/styles/disclosure-arrow.css +20 -0
- package/dist/styles/disclosure.css +136 -0
- package/dist/styles/document.css +98 -0
- package/dist/styles/edge-activity-indicator.css +127 -0
- package/dist/styles/file-picker.css +81 -0
- package/dist/styles/floating-toolbar.css +87 -6
- package/dist/styles/foundation.css +490 -50
- package/dist/styles/framed-list.css +53 -0
- package/dist/styles/grid.css +88 -0
- package/dist/styles/layout.css +3 -41
- package/dist/styles/list-action-row.css +324 -18
- package/dist/styles/list-detail-dialog.css +11 -0
- package/dist/styles/list-header.css +135 -59
- package/dist/styles/list-inset-control.css +30 -0
- package/dist/styles/list-inset-text.css +29 -0
- package/dist/styles/list-item.css +371 -33
- package/dist/styles/list.css +293 -0
- package/dist/styles/loading-spinner.css +4 -0
- package/dist/styles/lucide-icon.css +9 -0
- package/dist/styles/message-composer.css +84 -0
- package/dist/styles/nav-stack.css +555 -47
- package/dist/styles/overlay-sheet.css +211 -0
- package/dist/styles/overlay-toast.css +149 -0
- package/dist/styles/overlay-tooltip.css +55 -0
- package/dist/styles/pane.css +780 -0
- package/dist/styles/popup-menu.css +498 -0
- package/dist/styles/progress-bar.css +168 -0
- package/dist/styles/progress-ring.css +91 -0
- package/dist/styles/radio-group.css +158 -0
- package/dist/styles/resizable-region.css +439 -4
- package/dist/styles/row.css +125 -0
- package/dist/styles/search-field.css +441 -0
- package/dist/styles/segmented-control.css +36 -9
- package/dist/styles/select.css +516 -74
- package/dist/styles/skeleton.css +64 -3
- package/dist/styles/slider.css +241 -0
- package/dist/styles/spacer.css +11 -0
- package/dist/styles/split-button.css +141 -0
- package/dist/styles/split-view.css +139 -3
- package/dist/styles/state-banner.css +164 -25
- package/dist/styles/styles.css +38 -3
- package/dist/styles/summary-row.css +161 -0
- package/dist/styles/sunken-panel.css +34 -0
- package/dist/styles/surface-scaffold.css +744 -0
- package/dist/styles/switch.css +132 -0
- package/dist/styles/tab-bar-item.css +389 -0
- package/dist/styles/tab-bar.css +167 -9
- package/dist/styles/tab-navigator.css +460 -0
- package/dist/styles/tag-field.css +8 -0
- package/dist/styles/text-field.css +193 -0
- package/dist/styles/text.css +232 -0
- package/dist/styles/toolbar-control-group.css +1000 -37
- package/dist/styles/toolbar-text.css +223 -7
- package/dist/styles/toolbar.css +433 -11
- package/dist/styles/value-table.css +115 -7
- package/dist/styles/webawesome.css +474 -18
- package/dist/styles/workbench-dialog.css +10 -0
- package/dist/styles/workbench.css +1011 -7
- package/dist/summary-row.d.ts +56 -0
- package/dist/summary-row.js +4 -0
- package/dist/summary-row.js.map +1 -0
- package/dist/sunken-panel.d.ts +38 -0
- package/dist/sunken-panel.js +4 -0
- package/dist/sunken-panel.js.map +1 -0
- package/dist/surface-scaffold-register.d.ts +12 -0
- package/dist/surface-scaffold-register.js +10 -0
- package/dist/surface-scaffold-register.js.map +1 -0
- package/dist/surface-scaffold.d.ts +280 -0
- package/dist/surface-scaffold.js +8 -0
- package/dist/surface-scaffold.js.map +1 -0
- package/dist/switch.d.ts +38 -0
- package/dist/switch.js +4 -0
- package/dist/switch.js.map +1 -0
- package/dist/tab-bar-item.d.ts +65 -0
- package/dist/tab-bar-item.js +6 -0
- package/dist/tab-bar-item.js.map +1 -0
- package/dist/tab-bar.d.ts +33 -7
- package/dist/tab-bar.js +1 -1
- package/dist/tab-navigator.d.ts +154 -0
- package/dist/tab-navigator.js +131 -0
- package/dist/tab-navigator.js.map +1 -0
- package/dist/tag-field.d.ts +52 -0
- package/dist/tag-field.js +6 -0
- package/dist/tag-field.js.map +1 -0
- package/dist/text-field.d.ts +91 -0
- package/dist/text-field.js +6 -0
- package/dist/text-field.js.map +1 -0
- package/dist/text.d.ts +103 -0
- package/dist/text.js +3 -0
- package/dist/text.js.map +1 -0
- package/dist/toolbar-control-group.d.ts +112 -8
- package/dist/toolbar-control-group.js +3 -1
- package/dist/toolbar-text.d.ts +63 -9
- package/dist/toolbar-text.js +2 -1
- package/dist/toolbar.d.ts +77 -7
- package/dist/toolbar.js +1 -1
- package/dist/types-DmHWkSd6.d.ts +207 -0
- package/dist/value-table.d.ts +30 -4
- package/dist/value-table.js +2 -1
- package/dist/webawesome.d.ts +11 -1
- package/dist/wire-catalog.d.ts +117 -5
- package/dist/wire-catalog.js +314 -14
- package/dist/wire-catalog.js.map +1 -1
- package/dist/wire-checkboxes.d.ts +10 -0
- package/dist/wire-checkboxes.js +3 -0
- package/dist/{wire-token-search-fields.js.map → wire-checkboxes.js.map} +1 -1
- package/dist/wire-choice-chips.d.ts +17 -0
- package/dist/wire-choice-chips.js +4 -0
- package/dist/wire-choice-chips.js.map +1 -0
- package/dist/wire-color-fields.d.ts +33 -0
- package/dist/wire-color-fields.js +82 -0
- package/dist/wire-color-fields.js.map +1 -0
- package/dist/wire-color-pickers.d.ts +35 -0
- package/dist/wire-color-pickers.js +9 -0
- package/dist/wire-color-pickers.js.map +1 -0
- package/dist/wire-comboboxes.d.ts +26 -0
- package/dist/wire-comboboxes.js +4 -0
- package/dist/wire-comboboxes.js.map +1 -0
- package/dist/wire-content-items.d.ts +15 -0
- package/dist/wire-content-items.js +208 -0
- package/dist/wire-content-items.js.map +1 -0
- package/dist/wire-corner-status.d.ts +11 -0
- package/dist/wire-corner-status.js +3 -0
- package/dist/wire-corner-status.js.map +1 -0
- package/dist/wire-file-pickers.d.ts +27 -0
- package/dist/wire-file-pickers.js +3 -0
- package/dist/wire-file-pickers.js.map +1 -0
- package/dist/wire-list-focus-scroll.d.ts +16 -0
- package/dist/wire-list-focus-scroll.js +3 -0
- package/dist/wire-list-focus-scroll.js.map +1 -0
- package/dist/wire-list-reorder.d.ts +41 -0
- package/dist/wire-list-reorder.js +3 -0
- package/dist/wire-list-reorder.js.map +1 -0
- package/dist/wire-message-composers.d.ts +17 -0
- package/dist/wire-message-composers.js +3 -0
- package/dist/wire-message-composers.js.map +1 -0
- package/dist/wire-nav-stack.d.ts +4 -1
- package/dist/wire-nav-stack.js +352 -15
- package/dist/wire-nav-stack.js.map +1 -1
- package/dist/wire-overlay-sheets.d.ts +20 -0
- package/dist/wire-overlay-sheets.js +4 -0
- package/dist/wire-overlay-sheets.js.map +1 -0
- package/dist/wire-pane-chrome.d.ts +21 -0
- package/dist/wire-pane-chrome.js +67 -0
- package/dist/wire-pane-chrome.js.map +1 -0
- package/dist/wire-resizable-regions.d.ts +2 -1
- package/dist/wire-resizable-regions.js +2 -1
- package/dist/wire-scroll-dividers.d.ts +87 -0
- package/dist/wire-scroll-dividers.js +3 -0
- package/dist/wire-scroll-dividers.js.map +1 -0
- package/dist/{wire-token-search-fields.d.ts → wire-search-fields.d.ts} +34 -25
- package/dist/wire-search-fields.js +6 -0
- package/dist/wire-search-fields.js.map +1 -0
- package/dist/wire-sidebar.d.ts +24 -4
- package/dist/wire-sidebar.js +159 -45
- package/dist/wire-sidebar.js.map +1 -1
- package/dist/wire-sliders.d.ts +12 -0
- package/dist/wire-sliders.js +31 -0
- package/dist/wire-sliders.js.map +1 -0
- package/dist/wire-tab-bars.d.ts +6 -2
- package/dist/wire-tab-bars.js +1 -1
- package/dist/wire-tab-navigator.d.ts +13 -0
- package/dist/wire-tab-navigator.js +153 -0
- package/dist/wire-tab-navigator.js.map +1 -0
- package/dist/wire-tag-fields.d.ts +41 -0
- package/dist/wire-tag-fields.js +258 -0
- package/dist/wire-tag-fields.js.map +1 -0
- package/dist/wire-text-fields.d.ts +12 -0
- package/dist/wire-text-fields.js +3 -0
- package/dist/wire-text-fields.js.map +1 -0
- package/dist/wire-toolbar-visibility.d.ts +13 -0
- package/dist/wire-toolbar-visibility.js +3 -0
- package/dist/wire-toolbar-visibility.js.map +1 -0
- package/dist/wire-workbench.d.ts +116 -0
- package/dist/wire-workbench.js +6 -0
- package/dist/wire-workbench.js.map +1 -0
- package/dist/workbench-dialog.d.ts +106 -0
- package/dist/workbench-dialog.js +127 -0
- package/dist/workbench-dialog.js.map +1 -0
- package/dist/workbench.d.ts +258 -10
- package/dist/workbench.js +21 -15
- package/dist/workbench.js.map +1 -1
- package/docs/accessibility.md +829 -41
- package/docs/anchored-surface.md +107 -0
- package/docs/app-layouts.md +200 -10
- package/docs/apple-hig.md +2 -0
- package/docs/backdrop-image.md +128 -0
- package/docs/catalog.md +599 -63
- package/docs/collapsible-panel.md +308 -25
- package/docs/color-field.md +65 -0
- package/docs/color-picker.md +102 -0
- package/docs/color-swatches.md +46 -0
- package/docs/component-contract.md +865 -57
- package/docs/component-integration.md +75 -0
- package/docs/component-selection.md +1124 -108
- package/docs/design/templates/button/emphasis-dark.svg +1 -0
- package/docs/design/templates/button/emphasis.svg +1 -0
- package/docs/design/templates/button/full-width-dark.svg +1 -0
- package/docs/design/templates/button/full-width.svg +1 -0
- package/docs/design/templates/button/icons-dark.svg +1 -0
- package/docs/design/templates/button/icons.svg +1 -0
- package/docs/design/templates/button/pill-dark.svg +1 -0
- package/docs/design/templates/button/pill.svg +1 -0
- package/docs/design/templates/button/states-dark.svg +1 -0
- package/docs/design/templates/button/states.svg +1 -0
- package/docs/design/templates/button/toggles-dark.svg +1 -0
- package/docs/design/templates/button/toggles.svg +1 -0
- package/docs/design/templates/button/tones-dark.svg +1 -0
- package/docs/design/templates/button/tones.svg +1 -0
- package/docs/design/templates/button-dark.svg +1 -0
- package/docs/design/templates/button.svg +1 -0
- package/docs/design/templates/checkbox/compact-dark.svg +1 -0
- package/docs/design/templates/checkbox/compact.svg +1 -0
- package/docs/design/templates/checkbox/error-dark.svg +1 -0
- package/docs/design/templates/checkbox/error.svg +1 -0
- package/docs/design/templates/checkbox/mixed-dark.svg +1 -0
- package/docs/design/templates/checkbox/mixed.svg +1 -0
- package/docs/design/templates/checkbox/states-dark.svg +1 -0
- package/docs/design/templates/checkbox/states.svg +1 -0
- package/docs/design/templates/checkbox-dark.svg +1 -0
- package/docs/design/templates/checkbox-group/horizontal-dark.svg +1 -0
- package/docs/design/templates/checkbox-group/horizontal.svg +1 -0
- package/docs/design/templates/checkbox-group/vertical-dark.svg +1 -0
- package/docs/design/templates/checkbox-group/vertical.svg +1 -0
- package/docs/design/templates/checkbox-group-dark.svg +1 -0
- package/docs/design/templates/checkbox-group.svg +1 -0
- package/docs/design/templates/checkbox.svg +1 -0
- package/docs/design/templates/chip/action-filters-dark.svg +1 -0
- package/docs/design/templates/chip/action-filters.svg +1 -0
- package/docs/design/templates/chip/tags-dark.svg +1 -0
- package/docs/design/templates/chip/tags.svg +1 -0
- package/docs/design/templates/chip-dark.svg +1 -0
- package/docs/design/templates/chip.svg +1 -0
- package/docs/design/templates/choice-chips/color-palette-dark.svg +1 -0
- package/docs/design/templates/choice-chips/color-palette.svg +1 -0
- package/docs/design/templates/choice-chips/compact-icons-dark.svg +1 -0
- package/docs/design/templates/choice-chips/compact-icons.svg +1 -0
- package/docs/design/templates/choice-chips/multiple-dark.svg +1 -0
- package/docs/design/templates/choice-chips/multiple.svg +1 -0
- package/docs/design/templates/choice-chips-dark.svg +1 -0
- package/docs/design/templates/choice-chips.svg +1 -0
- package/docs/design/templates/color-field/compact-dark.svg +1 -0
- package/docs/design/templates/color-field/compact.svg +1 -0
- package/docs/design/templates/color-field/error-dark.svg +1 -0
- package/docs/design/templates/color-field/error.svg +1 -0
- package/docs/design/templates/color-field/hint-dark.svg +1 -0
- package/docs/design/templates/color-field/hint.svg +1 -0
- package/docs/design/templates/color-field-dark.svg +1 -0
- package/docs/design/templates/color-field.svg +1 -0
- package/docs/design/templates/color-picker/gray-dark.svg +1 -0
- package/docs/design/templates/color-picker/gray.svg +1 -0
- package/docs/design/templates/color-picker/hsb-dark.svg +1 -0
- package/docs/design/templates/color-picker/hsb.svg +1 -0
- package/docs/design/templates/color-picker/rgb-dark.svg +1 -0
- package/docs/design/templates/color-picker/rgb.svg +1 -0
- package/docs/design/templates/color-picker-dark.svg +1 -0
- package/docs/design/templates/color-picker.svg +1 -0
- package/docs/design/templates/color-swatches/palette-dark.svg +1 -0
- package/docs/design/templates/color-swatches/palette.svg +1 -0
- package/docs/design/templates/color-swatches-dark.svg +1 -0
- package/docs/design/templates/color-swatches.svg +1 -0
- package/docs/design/templates/disclosure/embedded-dark.svg +1 -0
- package/docs/design/templates/disclosure/embedded.svg +1 -0
- package/docs/design/templates/disclosure/framed-sunken-dark.svg +1 -0
- package/docs/design/templates/disclosure/framed-sunken.svg +1 -0
- package/docs/design/templates/disclosure/plain-dark.svg +1 -0
- package/docs/design/templates/disclosure/plain.svg +1 -0
- package/docs/design/templates/disclosure-dark.svg +1 -0
- package/docs/design/templates/disclosure.svg +1 -0
- package/docs/design/templates/empty-state/filtered-dark.svg +1 -1
- package/docs/design/templates/empty-state/filtered.svg +1 -1
- package/docs/design/templates/empty-state/with-action-dark.svg +1 -1
- package/docs/design/templates/empty-state/with-action.svg +1 -1
- package/docs/design/templates/empty-state-dark.svg +1 -7
- package/docs/design/templates/empty-state.svg +1 -7
- package/docs/design/templates/list/compact-dark.svg +1 -0
- package/docs/design/templates/list/compact.svg +1 -0
- package/docs/design/templates/list/stack-dark.svg +1 -0
- package/docs/design/templates/list/stack.svg +1 -0
- package/docs/design/templates/list-action-row/default-dark.svg +1 -1
- package/docs/design/templates/list-action-row/default.svg +1 -1
- package/docs/design/templates/list-action-row/icon-tile-dark.svg +1 -0
- package/docs/design/templates/list-action-row/icon-tile.svg +1 -0
- package/docs/design/templates/list-action-row/selected-dark.svg +1 -1
- package/docs/design/templates/list-action-row/selected.svg +1 -1
- package/docs/design/templates/list-action-row/trailing-menu-dark.svg +1 -0
- package/docs/design/templates/list-action-row/trailing-menu.svg +1 -0
- package/docs/design/templates/list-action-row-dark.svg +1 -7
- package/docs/design/templates/list-action-row.svg +1 -7
- package/docs/design/templates/list-dark.svg +1 -0
- package/docs/design/templates/list-header/action-dark.svg +1 -1
- package/docs/design/templates/list-header/action.svg +1 -1
- package/docs/design/templates/list-header/count-dark.svg +1 -1
- package/docs/design/templates/list-header/count.svg +1 -1
- package/docs/design/templates/list-header/inline-action-dark.svg +1 -0
- package/docs/design/templates/list-header/inline-action.svg +1 -0
- package/docs/design/templates/list-header/size-l-dark.svg +1 -0
- package/docs/design/templates/list-header/size-l.svg +1 -0
- package/docs/design/templates/list-header/size-m-dark.svg +1 -0
- package/docs/design/templates/list-header/size-m.svg +1 -0
- package/docs/design/templates/list-header/size-xl-dark.svg +1 -0
- package/docs/design/templates/list-header/size-xl.svg +1 -0
- package/docs/design/templates/list-header/size-xs-dark.svg +1 -0
- package/docs/design/templates/list-header/size-xs.svg +1 -0
- package/docs/design/templates/list-header/toggle-collapsed-dark.svg +1 -1
- package/docs/design/templates/list-header/toggle-collapsed.svg +1 -1
- package/docs/design/templates/list-header/toggle-expanded-dark.svg +1 -1
- package/docs/design/templates/list-header/toggle-expanded.svg +1 -1
- package/docs/design/templates/list-header-dark.svg +1 -11
- package/docs/design/templates/list-header.svg +1 -11
- package/docs/design/templates/list-item/default-dark.svg +1 -1
- package/docs/design/templates/list-item/default.svg +1 -1
- package/docs/design/templates/list-item/icon-tile-dark.svg +1 -0
- package/docs/design/templates/list-item/icon-tile.svg +1 -0
- package/docs/design/templates/list-item/multiline-dark.svg +1 -1
- package/docs/design/templates/list-item/multiline.svg +1 -1
- package/docs/design/templates/list-item/selected-dark.svg +1 -1
- package/docs/design/templates/list-item/selected.svg +1 -1
- package/docs/design/templates/list-item/trailing-dark.svg +1 -1
- package/docs/design/templates/list-item/trailing.svg +1 -1
- package/docs/design/templates/list-item-dark.svg +1 -11
- package/docs/design/templates/list-item.svg +1 -11
- package/docs/design/templates/list.svg +1 -0
- package/docs/design/templates/message-composer/chat-dark.svg +1 -0
- package/docs/design/templates/message-composer/chat.svg +1 -0
- package/docs/design/templates/message-composer/prompt-dark.svg +1 -0
- package/docs/design/templates/message-composer/prompt.svg +1 -0
- package/docs/design/templates/message-composer-dark.svg +1 -0
- package/docs/design/templates/message-composer.svg +1 -0
- package/docs/design/templates/progress-bar/determinate-dark.svg +1 -0
- package/docs/design/templates/progress-bar/determinate.svg +1 -0
- package/docs/design/templates/progress-bar/tones-dark.svg +1 -0
- package/docs/design/templates/progress-bar/tones.svg +1 -0
- package/docs/design/templates/progress-bar-dark.svg +1 -0
- package/docs/design/templates/progress-bar.svg +1 -0
- package/docs/design/templates/progress-ring/sizes-dark.svg +1 -0
- package/docs/design/templates/progress-ring/sizes.svg +1 -0
- package/docs/design/templates/progress-ring/tones-dark.svg +1 -0
- package/docs/design/templates/progress-ring/tones.svg +1 -0
- package/docs/design/templates/progress-ring-dark.svg +1 -0
- package/docs/design/templates/progress-ring.svg +1 -0
- package/docs/design/templates/radio-group/horizontal-dark.svg +1 -0
- package/docs/design/templates/radio-group/horizontal.svg +1 -0
- package/docs/design/templates/radio-group/vertical-dark.svg +1 -0
- package/docs/design/templates/radio-group/vertical.svg +1 -0
- package/docs/design/templates/radio-group-dark.svg +1 -0
- package/docs/design/templates/radio-group.svg +1 -0
- package/docs/design/templates/search-field/empty-dark.svg +1 -0
- package/docs/design/templates/search-field/empty.svg +1 -0
- package/docs/design/templates/search-field/tokens-dark.svg +1 -0
- package/docs/design/templates/search-field/tokens.svg +1 -0
- package/docs/design/templates/search-field-dark.svg +1 -0
- package/docs/design/templates/search-field.svg +1 -0
- package/docs/design/templates/segmented-control/equal-dark.svg +1 -1
- package/docs/design/templates/segmented-control/equal.svg +1 -1
- package/docs/design/templates/segmented-control/pill-small-dark.svg +1 -1
- package/docs/design/templates/segmented-control/pill-small.svg +1 -1
- package/docs/design/templates/segmented-control-dark.svg +1 -7
- package/docs/design/templates/segmented-control.svg +1 -7
- package/docs/design/templates/select/compact-dark.svg +1 -0
- package/docs/design/templates/select/compact.svg +1 -0
- package/docs/design/templates/select/form-dark.svg +1 -0
- package/docs/design/templates/select/form.svg +1 -0
- package/docs/design/templates/select/icons-dark.svg +1 -0
- package/docs/design/templates/select/icons.svg +1 -0
- package/docs/design/templates/select-dark.svg +1 -0
- package/docs/design/templates/select.svg +1 -0
- package/docs/design/templates/skeleton-dark.svg +1 -9
- package/docs/design/templates/skeleton.svg +1 -9
- package/docs/design/templates/slider/compact-dark.svg +1 -0
- package/docs/design/templates/slider/compact.svg +1 -0
- package/docs/design/templates/slider/readout-dark.svg +1 -0
- package/docs/design/templates/slider/readout.svg +1 -0
- package/docs/design/templates/slider/ticks-dark.svg +1 -0
- package/docs/design/templates/slider/ticks.svg +1 -0
- package/docs/design/templates/slider-dark.svg +1 -0
- package/docs/design/templates/slider.svg +1 -0
- package/docs/design/templates/split-button/full-width-dark.svg +1 -0
- package/docs/design/templates/split-button/full-width.svg +1 -0
- package/docs/design/templates/split-button/pill-dark.svg +1 -0
- package/docs/design/templates/split-button/pill.svg +1 -0
- package/docs/design/templates/split-button/states-dark.svg +1 -0
- package/docs/design/templates/split-button/states.svg +1 -0
- package/docs/design/templates/split-button/tones-dark.svg +1 -0
- package/docs/design/templates/split-button/tones.svg +1 -0
- package/docs/design/templates/split-button-dark.svg +1 -0
- package/docs/design/templates/split-button.svg +1 -0
- package/docs/design/templates/state-banner/danger-dark.svg +1 -1
- package/docs/design/templates/state-banner/danger.svg +1 -1
- package/docs/design/templates/state-banner/info-badge-dark.svg +1 -0
- package/docs/design/templates/state-banner/info-badge.svg +1 -0
- package/docs/design/templates/state-banner/info-dark.svg +1 -1
- package/docs/design/templates/state-banner/info.svg +1 -1
- package/docs/design/templates/state-banner/strip-dark.svg +1 -0
- package/docs/design/templates/state-banner/strip.svg +1 -0
- package/docs/design/templates/state-banner/success-dark.svg +1 -1
- package/docs/design/templates/state-banner/success.svg +1 -1
- package/docs/design/templates/state-banner/warning-dark.svg +1 -1
- package/docs/design/templates/state-banner/warning.svg +1 -1
- package/docs/design/templates/state-banner-dark.svg +1 -11
- package/docs/design/templates/state-banner.svg +1 -11
- package/docs/design/templates/switch/compact-dark.svg +1 -0
- package/docs/design/templates/switch/compact.svg +1 -0
- package/docs/design/templates/switch/states-dark.svg +1 -0
- package/docs/design/templates/switch/states.svg +1 -0
- package/docs/design/templates/switch-dark.svg +1 -0
- package/docs/design/templates/switch.svg +1 -0
- package/docs/design/templates/tab-bar/workspace-tabs-dark.svg +1 -1
- package/docs/design/templates/tab-bar/workspace-tabs.svg +1 -1
- package/docs/design/templates/tab-bar-dark.svg +1 -5
- package/docs/design/templates/tab-bar.svg +1 -5
- package/docs/design/templates/tag-field/error-dark.svg +1 -0
- package/docs/design/templates/tag-field/error.svg +1 -0
- package/docs/design/templates/tag-field/tags-dark.svg +1 -0
- package/docs/design/templates/tag-field/tags.svg +1 -0
- package/docs/design/templates/tag-field-dark.svg +1 -0
- package/docs/design/templates/tag-field.svg +1 -0
- package/docs/design/templates/text-field/compact-dark.svg +1 -0
- package/docs/design/templates/text-field/compact.svg +1 -0
- package/docs/design/templates/text-field/error-dark.svg +1 -0
- package/docs/design/templates/text-field/error.svg +1 -0
- package/docs/design/templates/text-field/labeled-dark.svg +1 -0
- package/docs/design/templates/text-field/labeled.svg +1 -0
- package/docs/design/templates/text-field/multiline-dark.svg +1 -0
- package/docs/design/templates/text-field/multiline.svg +1 -0
- package/docs/design/templates/text-field/number-dark.svg +1 -0
- package/docs/design/templates/text-field/number.svg +1 -0
- package/docs/design/templates/text-field/search-dark.svg +1 -0
- package/docs/design/templates/text-field/search.svg +1 -0
- package/docs/design/templates/text-field-dark.svg +1 -0
- package/docs/design/templates/text-field.svg +1 -0
- package/docs/design/templates/toolbar/title-and-actions-dark.svg +1 -1
- package/docs/design/templates/toolbar/title-and-actions.svg +1 -1
- package/docs/design/templates/toolbar/width-visibility-320-dark.svg +1 -0
- package/docs/design/templates/toolbar/width-visibility-320.svg +1 -0
- package/docs/design/templates/toolbar/width-visibility-600-dark.svg +1 -0
- package/docs/design/templates/toolbar/width-visibility-600.svg +1 -0
- package/docs/design/templates/toolbar-control-group/borderless-single-dark.svg +1 -1
- package/docs/design/templates/toolbar-control-group/borderless-single.svg +1 -1
- package/docs/design/templates/toolbar-control-group/glass-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/glass.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-buttons-dark.svg +1 -1
- package/docs/design/templates/toolbar-control-group/icon-buttons.svg +1 -1
- package/docs/design/templates/toolbar-control-group/icon-tile-brand-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-brand.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-danger-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-danger.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-neutral-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-neutral.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-success-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-success.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-warning-dark.svg +1 -0
- package/docs/design/templates/toolbar-control-group/icon-tile-warning.svg +1 -0
- package/docs/design/templates/toolbar-control-group/push-buttons-dark.svg +1 -1
- package/docs/design/templates/toolbar-control-group/push-buttons.svg +1 -1
- package/docs/design/templates/toolbar-control-group/with-text-dark.svg +1 -1
- package/docs/design/templates/toolbar-control-group/with-text.svg +1 -1
- package/docs/design/templates/toolbar-control-group-dark.svg +1 -11
- package/docs/design/templates/toolbar-control-group.svg +1 -11
- package/docs/design/templates/toolbar-dark.svg +1 -5
- package/docs/design/templates/toolbar-text/dark-tone-dark.svg +1 -0
- package/docs/design/templates/toolbar-text/dark-tone.svg +1 -0
- package/docs/design/templates/toolbar-text/default-dark.svg +1 -1
- package/docs/design/templates/toolbar-text/default.svg +1 -1
- package/docs/design/templates/toolbar-text/large-dark.svg +1 -1
- package/docs/design/templates/toolbar-text/large.svg +1 -1
- package/docs/design/templates/toolbar-text/small-dark.svg +1 -1
- package/docs/design/templates/toolbar-text/small.svg +1 -1
- package/docs/design/templates/toolbar-text-dark.svg +1 -9
- package/docs/design/templates/toolbar-text.svg +1 -9
- package/docs/design/templates/toolbar.svg +1 -5
- package/docs/design/templates/value-table/details-dark.svg +1 -1
- package/docs/design/templates/value-table/details.svg +1 -1
- package/docs/design/templates/value-table-dark.svg +1 -5
- package/docs/design/templates/value-table.svg +1 -5
- package/docs/design/templates.md +87 -33
- package/docs/design-philosophy.md +65 -20
- package/docs/device-class.md +10 -9
- package/docs/disclosure.md +97 -0
- package/docs/document-baseline.md +93 -0
- package/docs/examples/application-ui-profile.json +60 -0
- package/docs/examples/command-palette-adapter.tsx +69 -17
- package/docs/examples/component-catalog-extension.json +52 -0
- package/docs/examples/component-composition-extension.json +80 -0
- package/docs/layout.md +946 -53
- package/docs/list-detail-dialog.md +100 -0
- package/docs/manual-test-plan.md +29 -0
- package/docs/message-composer.md +156 -0
- package/docs/nav-stack.md +327 -14
- package/docs/overlay-toast.md +62 -0
- package/docs/overlay-tooltip.md +53 -0
- package/docs/progress.md +62 -0
- package/docs/recipes.md +147 -73
- package/docs/slider.md +64 -0
- package/docs/split-view.md +96 -7
- package/docs/sunken-panel.md +106 -0
- package/docs/surface-scaffold.md +487 -0
- package/docs/tab-navigator.md +291 -0
- package/docs/tag-field.md +66 -0
- package/docs/type-contracts.md +137 -0
- package/docs/ui-analyzer.md +406 -0
- package/docs/ui-doctor.md +298 -0
- package/docs/ui-evaluator.md +139 -0
- package/docs/ux-demo.md +58 -17
- package/docs/webawesome-migration.md +82 -0
- package/docs/webawesome-theme.md +306 -47
- package/docs/workbench-dialog.md +88 -0
- package/docs/workbench.md +637 -12
- package/docs/writing.md +154 -0
- package/doctor/cli.mjs +120 -0
- package/doctor/component-style-checks.mjs +457 -0
- package/doctor/config.schema.json +94 -0
- package/doctor/copy-capitalization-checks.mjs +603 -0
- package/doctor/eslint-diagnostics.d.mts +24 -0
- package/doctor/eslint-diagnostics.mjs +24 -0
- package/doctor/index.d.mts +122 -0
- package/doctor/index.mjs +1424 -0
- package/doctor/report.schema.json +118 -0
- package/evaluator/cli.mjs +89 -0
- package/evaluator/index.d.mts +90 -0
- package/evaluator/index.mjs +1203 -0
- package/evaluator/report.schema.json +152 -0
- package/llms.txt +940 -54
- package/package.json +488 -43
- package/scripts/component-catalog-extension-validation.mjs +28 -0
- package/traversal-exclusions.mjs +86 -0
- package/ux-demo/recipes/app-shell.tsx +204 -16
- package/ux-demo/recipes/collapsible-sidebar.tsx +206 -45
- package/ux-demo/recipes/compact-toolbar.tsx +135 -14
- package/ux-demo/recipes/composer-form.tsx +135 -24
- package/ux-demo/recipes/list-detail-dialog.tsx +155 -21
- package/ux-demo/recipes/list-workspace-states.tsx +183 -11
- package/ux-demo/recipes/loaders.ts +11 -3
- package/ux-demo/recipes/loading-inspector.tsx +162 -39
- package/ux-demo/recipes/media-detail.tsx +272 -0
- package/ux-demo/recipes/mount-recipe.ts +28 -11
- package/ux-demo/recipes/navigation-sidebar.tsx +137 -11
- package/ux-demo/recipes/navigation-stack.tsx +79 -24
- package/ux-demo/recipes/types.ts +18 -2
- package/ux-demo/recipes/workspace-header.tsx +86 -5
- package/vite-ux-review.d.mts +83 -0
- package/vite-ux-review.mjs +120 -0
- package/dist/app-tab.d.ts +0 -30
- package/dist/app-tab.js +0 -5
- package/dist/app-tab.js.map +0 -1
- package/dist/browser/app-tab.js +0 -4
- package/dist/browser/panel-header.js +0 -7
- package/dist/browser/token-search-field.js +0 -4
- package/dist/chunk-2Z5TWHKQ.js +0 -34
- package/dist/chunk-2Z5TWHKQ.js.map +0 -1
- package/dist/chunk-37T3VNIZ.js +0 -19
- package/dist/chunk-37T3VNIZ.js.map +0 -1
- package/dist/chunk-55DATV3A.js +0 -10
- package/dist/chunk-55DATV3A.js.map +0 -1
- package/dist/chunk-56RJXPHG.js.map +0 -1
- package/dist/chunk-5ATCDSQS.js +0 -42
- package/dist/chunk-5ATCDSQS.js.map +0 -1
- package/dist/chunk-5E2HVJ33.js +0 -10
- package/dist/chunk-5E2HVJ33.js.map +0 -1
- package/dist/chunk-7BR3DO2A.js +0 -31
- package/dist/chunk-7BR3DO2A.js.map +0 -1
- package/dist/chunk-7JB7VPRI.js +0 -34
- package/dist/chunk-7JB7VPRI.js.map +0 -1
- package/dist/chunk-7LDCTU7D.js +0 -134
- package/dist/chunk-7LDCTU7D.js.map +0 -1
- package/dist/chunk-AQNKJRFH.js +0 -79
- package/dist/chunk-AQNKJRFH.js.map +0 -1
- package/dist/chunk-AVZHJN6C.js +0 -14
- package/dist/chunk-AVZHJN6C.js.map +0 -1
- package/dist/chunk-B24C4A6T.js +0 -22
- package/dist/chunk-B24C4A6T.js.map +0 -1
- package/dist/chunk-BLK3UEEI.js +0 -23
- package/dist/chunk-BLK3UEEI.js.map +0 -1
- package/dist/chunk-CH4SQ6H5.js +0 -39
- package/dist/chunk-CH4SQ6H5.js.map +0 -1
- package/dist/chunk-DAFFDO33.js +0 -14
- package/dist/chunk-DAFFDO33.js.map +0 -1
- package/dist/chunk-I7INRJO4.js +0 -17
- package/dist/chunk-I7INRJO4.js.map +0 -1
- package/dist/chunk-L4OKFDJY.js +0 -24
- package/dist/chunk-L4OKFDJY.js.map +0 -1
- package/dist/chunk-LCOBDOCC.js +0 -265
- package/dist/chunk-LCOBDOCC.js.map +0 -1
- package/dist/chunk-M5JRI6MN.js +0 -27
- package/dist/chunk-M5JRI6MN.js.map +0 -1
- package/dist/chunk-RNPGFQ33.js +0 -10
- package/dist/chunk-RNPGFQ33.js.map +0 -1
- package/dist/chunk-RUNWEPR4.js +0 -10
- package/dist/chunk-RUNWEPR4.js.map +0 -1
- package/dist/chunk-W2FK7ZNY.js +0 -26
- package/dist/chunk-W2FK7ZNY.js.map +0 -1
- package/dist/chunk-WVPYVDXY.js +0 -15
- package/dist/chunk-WVPYVDXY.js.map +0 -1
- package/dist/chunk-XE5ZLPCC.js +0 -20
- package/dist/chunk-XE5ZLPCC.js.map +0 -1
- package/dist/chunk-XXMOARTH.js +0 -229
- package/dist/chunk-XXMOARTH.js.map +0 -1
- package/dist/chunk-YGN7OMLT.js.map +0 -1
- package/dist/panel-header.d.ts +0 -36
- package/dist/panel-header.js +0 -7
- package/dist/panel-header.js.map +0 -1
- package/dist/styles/app-tab.css +0 -152
- package/dist/styles/panel-header.css +0 -64
- package/dist/styles/tab-scaffold.css +0 -84
- package/dist/styles/token-search-field.css +0 -289
- package/dist/tab-scaffold.d.ts +0 -30
- package/dist/tab-scaffold.js +0 -16
- package/dist/tab-scaffold.js.map +0 -1
- package/dist/token-search-field.d.ts +0 -43
- package/dist/token-search-field.js +0 -4
- package/dist/token-search-field.js.map +0 -1
- package/dist/wire-tab-scaffold.d.ts +0 -11
- package/dist/wire-tab-scaffold.js +0 -16
- package/dist/wire-tab-scaffold.js.map +0 -1
- package/dist/wire-token-search-fields.js +0 -5
- package/docs/design/templates/panel-header/icon-actions-dark.svg +0 -1
- package/docs/design/templates/panel-header/icon-actions.svg +0 -1
- package/docs/design/templates/panel-header/icon-summary-actions-dark.svg +0 -1
- package/docs/design/templates/panel-header/icon-summary-actions.svg +0 -1
- package/docs/design/templates/panel-header/no-icon-dark.svg +0 -1
- package/docs/design/templates/panel-header/no-icon.svg +0 -1
- package/docs/design/templates/panel-header/page-heading-dark.svg +0 -1
- package/docs/design/templates/panel-header/page-heading.svg +0 -1
- package/docs/design/templates/panel-header/title-only-dark.svg +0 -1
- package/docs/design/templates/panel-header/title-only.svg +0 -1
- package/docs/design/templates/panel-header-dark.svg +0 -13
- package/docs/design/templates/panel-header.svg +0 -13
- package/docs/design/templates/token-search-field/empty-dark.svg +0 -1
- package/docs/design/templates/token-search-field/empty.svg +0 -1
- package/docs/design/templates/token-search-field/tokens-dark.svg +0 -1
- package/docs/design/templates/token-search-field/tokens.svg +0 -1
- package/docs/design/templates/token-search-field-dark.svg +0 -7
- package/docs/design/templates/token-search-field.svg +0 -7
- package/docs/tab-scaffold.md +0 -41
- package/ux-demo/recipes/recipes.css +0 -448
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Marker export for tests and tooling; importing this module
|
|
3
|
-
*
|
|
4
|
-
*
|
|
2
|
+
* Marker export for tests and tooling; importing this module defines the
|
|
3
|
+
* `kui-select` root element and wires every `Select` in the document:
|
|
4
|
+
* opening, placement, keyboard navigation and typeahead, choosing, the
|
|
5
|
+
* select-all and clear actions, form participation, and dismissal. It also
|
|
6
|
+
* wires the `Catalog` related-entries `PopupMenu`s and registers the help tag
|
|
7
|
+
* an icon-only trigger shows on hover or keyboard focus.
|
|
5
8
|
*/
|
|
6
9
|
declare const selectElementsRegistered = true;
|
|
7
10
|
|
package/dist/select-register.js
CHANGED
|
@@ -1,11 +1,405 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import '
|
|
3
|
-
import '
|
|
4
|
-
import '
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { installPopupMenus } from './chunk-EYDXFOSH.js';
|
|
2
|
+
import { installHelpTags } from './chunk-2LM3PYHA.js';
|
|
3
|
+
import { summarizeSelection } from './chunk-TUID42UE.js';
|
|
4
|
+
import { followAnchor, positionPopup } from './chunk-HDXUHLTQ.js';
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
// src/components/forms/select/internal/select-element.ts
|
|
8
|
+
var OPTION = ".kui-select__option";
|
|
9
|
+
var isDisabled = (option) => option.getAttribute("aria-disabled") === "true";
|
|
10
|
+
var optionValue = (option) => option.getAttribute("data-value");
|
|
11
|
+
var optionLabel = (option) => option.querySelector(".kui-select__option-label").textContent;
|
|
12
|
+
function optionsOf(root) {
|
|
13
|
+
return Array.from(root.querySelectorAll(OPTION));
|
|
14
|
+
}
|
|
15
|
+
function chosenOptions(root) {
|
|
16
|
+
return optionsOf(root).filter(
|
|
17
|
+
(option) => option.getAttribute("aria-selected") === "true" && !isDisabled(option)
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
function renderSelection(root) {
|
|
21
|
+
const trigger = root.querySelector(
|
|
22
|
+
":scope > .kui-select__trigger"
|
|
23
|
+
);
|
|
24
|
+
const valueText = trigger.querySelector(".kui-select__value");
|
|
25
|
+
const chosen = chosenOptions(root);
|
|
26
|
+
const multiple = root.hasAttribute("multiple");
|
|
27
|
+
const iconOnly = root.getAttribute("data-selected-presentation") === "icon-only";
|
|
28
|
+
const summary = multiple ? summarizeSelection(chosen.map(optionLabel)) : "";
|
|
29
|
+
const text = multiple ? iconOnly ? "" : summary : chosen[0] ? optionLabel(chosen[0]) : "";
|
|
30
|
+
if (multiple && iconOnly) {
|
|
31
|
+
const base = root.querySelector(".kui-select__listbox").getAttribute("aria-label");
|
|
32
|
+
trigger.setAttribute("aria-label", summary ? `${base}: ${summary}` : base);
|
|
33
|
+
}
|
|
34
|
+
if (root.classList.contains("kui-select--custom-selected")) return;
|
|
35
|
+
if (text) {
|
|
36
|
+
valueText.textContent = text;
|
|
37
|
+
valueText.removeAttribute("data-placeholder");
|
|
38
|
+
} else {
|
|
39
|
+
valueText.textContent = valueText.getAttribute("data-placeholder-text");
|
|
40
|
+
valueText.setAttribute("data-placeholder", "true");
|
|
41
|
+
}
|
|
42
|
+
if (multiple) return;
|
|
43
|
+
trigger.querySelector(":scope > .kui-select__icon--selected")?.remove();
|
|
44
|
+
const icon = chosen[0]?.querySelector(".kui-select__icon");
|
|
45
|
+
if (icon) {
|
|
46
|
+
const copy = icon.cloneNode(true);
|
|
47
|
+
copy.classList.add("kui-select__icon--selected");
|
|
48
|
+
trigger.prepend(copy);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
function setChosen(root, values) {
|
|
52
|
+
const wanted = new Set(values);
|
|
53
|
+
const multiple = root.hasAttribute("multiple");
|
|
54
|
+
let changed = false;
|
|
55
|
+
let found = false;
|
|
56
|
+
for (const option of optionsOf(root)) {
|
|
57
|
+
const next = !isDisabled(option) && wanted.has(optionValue(option)) && (multiple || !found);
|
|
58
|
+
if (next) found = true;
|
|
59
|
+
if (option.getAttribute("aria-selected") === "true" !== next) {
|
|
60
|
+
option.setAttribute("aria-selected", String(next));
|
|
61
|
+
changed = true;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
if (changed) renderSelection(root);
|
|
65
|
+
return changed;
|
|
66
|
+
}
|
|
67
|
+
var KuiSelectElement = class extends HTMLElement {
|
|
68
|
+
static formAssociated = true;
|
|
69
|
+
#internals;
|
|
70
|
+
#observer;
|
|
71
|
+
constructor() {
|
|
72
|
+
super();
|
|
73
|
+
this.#internals = typeof this.attachInternals === "function" ? this.attachInternals() : void 0;
|
|
74
|
+
}
|
|
75
|
+
get name() {
|
|
76
|
+
return this.getAttribute("name") ?? "";
|
|
77
|
+
}
|
|
78
|
+
get multiple() {
|
|
79
|
+
return this.hasAttribute("multiple");
|
|
80
|
+
}
|
|
81
|
+
get value() {
|
|
82
|
+
const values = chosenOptions(this).map(optionValue);
|
|
83
|
+
return this.multiple ? values : values[0] ?? "";
|
|
84
|
+
}
|
|
85
|
+
set value(next) {
|
|
86
|
+
setChosen(this, typeof next === "string" ? [next] : next);
|
|
87
|
+
this.syncFormValue();
|
|
88
|
+
}
|
|
89
|
+
/** The form the Select submits with, or null. */
|
|
90
|
+
get form() {
|
|
91
|
+
return this.#internals?.form ?? null;
|
|
92
|
+
}
|
|
93
|
+
connectedCallback() {
|
|
94
|
+
this.syncFormValue();
|
|
95
|
+
this.#observer ??= new MutationObserver(() => this.syncFormValue());
|
|
96
|
+
this.#observer.observe(this, {
|
|
97
|
+
subtree: true,
|
|
98
|
+
childList: true,
|
|
99
|
+
attributes: true,
|
|
100
|
+
attributeFilter: ["aria-selected"]
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
disconnectedCallback() {
|
|
104
|
+
this.#observer?.disconnect();
|
|
105
|
+
}
|
|
106
|
+
/** A form reset returns to the rendered (default) choice. */
|
|
107
|
+
formResetCallback() {
|
|
108
|
+
setChosen(
|
|
109
|
+
this,
|
|
110
|
+
optionsOf(this).filter((option) => option.hasAttribute("data-default-selected")).map(optionValue)
|
|
111
|
+
);
|
|
112
|
+
this.syncFormValue();
|
|
113
|
+
}
|
|
114
|
+
/** Publish the current choice as the form value. */
|
|
115
|
+
syncFormValue() {
|
|
116
|
+
const internals = this.#internals;
|
|
117
|
+
if (!internals) return;
|
|
118
|
+
const values = chosenOptions(this).map(optionValue);
|
|
119
|
+
if (!this.multiple) {
|
|
120
|
+
internals.setFormValue(values[0] ?? null);
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
const data = new FormData();
|
|
124
|
+
for (const value of values) data.append(this.name, value);
|
|
125
|
+
internals.setFormValue(data);
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
// src/components/forms/select/internal/select-controller.ts
|
|
130
|
+
var ROOT = "kui-select.kui-select";
|
|
131
|
+
var TRIGGER = ".kui-select__trigger";
|
|
132
|
+
var POPUP = ".kui-select__popup";
|
|
133
|
+
var SELECT_TYPEAHEAD_RESET = 1e3;
|
|
134
|
+
var isOpen = (popup) => popup.matches(":popover-open");
|
|
135
|
+
var isDisabled2 = (option) => option.getAttribute("aria-disabled") === "true";
|
|
136
|
+
var triggerOf = (root) => root.querySelector(`:scope > ${TRIGGER}`);
|
|
137
|
+
var popupOf = (root) => root.querySelector(`:scope > ${POPUP}`);
|
|
138
|
+
var labelOf = (option) => option.querySelector(".kui-select__option-label").textContent.trim();
|
|
139
|
+
function reveal(option, popup) {
|
|
140
|
+
if (popup.scrollHeight <= popup.clientHeight) return;
|
|
141
|
+
const box = option.getBoundingClientRect();
|
|
142
|
+
const top = popup.getBoundingClientRect().top + popup.clientTop;
|
|
143
|
+
const bottom = top + popup.clientHeight;
|
|
144
|
+
if (box.top < top) popup.scrollTop -= top - box.top;
|
|
145
|
+
else if (box.bottom > bottom) popup.scrollTop += box.bottom - bottom;
|
|
146
|
+
}
|
|
147
|
+
var installed = /* @__PURE__ */ new WeakSet();
|
|
148
|
+
function installSelects(doc = document) {
|
|
149
|
+
if (installed.has(doc)) return;
|
|
150
|
+
installed.add(doc);
|
|
151
|
+
const win = doc.defaultView;
|
|
152
|
+
if (!win.customElements.get("kui-select"))
|
|
153
|
+
win.customElements.define("kui-select", KuiSelectElement);
|
|
154
|
+
const following = /* @__PURE__ */ new WeakMap();
|
|
155
|
+
const openRoots = /* @__PURE__ */ new Set();
|
|
156
|
+
const typeahead = /* @__PURE__ */ new WeakMap();
|
|
157
|
+
const reset = (popup) => {
|
|
158
|
+
following.get(popup)?.();
|
|
159
|
+
following.delete(popup);
|
|
160
|
+
const root = popup.parentElement;
|
|
161
|
+
openRoots.delete(root);
|
|
162
|
+
root.removeAttribute("open");
|
|
163
|
+
triggerOf(root).setAttribute("aria-expanded", "false");
|
|
164
|
+
};
|
|
165
|
+
const announce = (root) => {
|
|
166
|
+
root.syncFormValue?.();
|
|
167
|
+
root.dispatchEvent(
|
|
168
|
+
new InputEvent("input", { bubbles: true, composed: true })
|
|
169
|
+
);
|
|
170
|
+
root.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
|
|
171
|
+
};
|
|
172
|
+
const focusOption = (root, option) => {
|
|
173
|
+
const popup = popupOf(root);
|
|
174
|
+
(option ?? popup).focus({ preventScroll: true });
|
|
175
|
+
if (option) reveal(option, popup);
|
|
176
|
+
};
|
|
177
|
+
const open = (root, focus) => {
|
|
178
|
+
const trigger = triggerOf(root);
|
|
179
|
+
const popup = popupOf(root);
|
|
180
|
+
if (trigger.disabled || isOpen(popup)) return;
|
|
181
|
+
popup.showPopover();
|
|
182
|
+
openRoots.add(root);
|
|
183
|
+
root.setAttribute("open", "");
|
|
184
|
+
trigger.setAttribute("aria-expanded", "true");
|
|
185
|
+
const fit = root.classList.contains("kui-select--fit-menu");
|
|
186
|
+
const place = async () => {
|
|
187
|
+
if (!popup.isConnected || !isOpen(popup)) {
|
|
188
|
+
reset(popup);
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
if (fit) popup.style.width = `${trigger.getBoundingClientRect().width}px`;
|
|
192
|
+
await positionPopup(trigger, popup, { placement: "bottom" });
|
|
193
|
+
};
|
|
194
|
+
const stopFollowing = followAnchor(trigger, popup, () => void place());
|
|
195
|
+
let replacing = false;
|
|
196
|
+
const restore = new MutationObserver(() => {
|
|
197
|
+
if (trigger.disabled) {
|
|
198
|
+
close(root, false);
|
|
199
|
+
return;
|
|
200
|
+
}
|
|
201
|
+
if (trigger.getAttribute("aria-expanded") !== "true")
|
|
202
|
+
trigger.setAttribute("aria-expanded", "true");
|
|
203
|
+
if (popup.style.top || replacing) return;
|
|
204
|
+
replacing = true;
|
|
205
|
+
void place().finally(() => {
|
|
206
|
+
replacing = false;
|
|
207
|
+
});
|
|
208
|
+
});
|
|
209
|
+
restore.observe(trigger, {
|
|
210
|
+
attributeFilter: ["aria-expanded", "disabled"]
|
|
211
|
+
});
|
|
212
|
+
restore.observe(popup, { attributeFilter: ["style"] });
|
|
213
|
+
following.set(popup, () => {
|
|
214
|
+
restore.disconnect();
|
|
215
|
+
stopFollowing();
|
|
216
|
+
});
|
|
217
|
+
const options = optionsOf(root);
|
|
218
|
+
const target = focus === "last" ? options[options.length - 1] : focus === "first" ? options[0] : chosenOptions(root)[0] ?? options[0];
|
|
219
|
+
focusOption(root, target);
|
|
220
|
+
};
|
|
221
|
+
const close = (root, restoreFocus) => {
|
|
222
|
+
const popup = popupOf(root);
|
|
223
|
+
const focusInside = popup.contains(doc.activeElement);
|
|
224
|
+
popup.hidePopover();
|
|
225
|
+
if (restoreFocus && focusInside)
|
|
226
|
+
triggerOf(root).focus({ preventScroll: true });
|
|
227
|
+
};
|
|
228
|
+
const choose = (root, option) => {
|
|
229
|
+
if (isDisabled2(option) || triggerOf(root).disabled) return;
|
|
230
|
+
const value = optionValue(option);
|
|
231
|
+
const multiple = root.hasAttribute("multiple");
|
|
232
|
+
const values = chosenOptions(root).map(optionValue);
|
|
233
|
+
const next = multiple ? values.includes(value) ? values.filter((candidate) => candidate !== value) : [...values, value] : [value];
|
|
234
|
+
if (setChosen(root, next)) announce(root);
|
|
235
|
+
if (!multiple) close(root, true);
|
|
236
|
+
};
|
|
237
|
+
const runAction = (root, action) => {
|
|
238
|
+
const next = action === "all" ? optionsOf(root).filter((option) => !isDisabled2(option)).map(optionValue) : [];
|
|
239
|
+
if (setChosen(root, next)) announce(root);
|
|
240
|
+
};
|
|
241
|
+
const runTypeahead = (root, key) => {
|
|
242
|
+
const state = typeahead.get(root) ?? { query: "", timer: void 0 };
|
|
243
|
+
typeahead.set(root, state);
|
|
244
|
+
win.clearTimeout(state.timer);
|
|
245
|
+
state.timer = win.setTimeout(() => {
|
|
246
|
+
state.query = "";
|
|
247
|
+
}, SELECT_TYPEAHEAD_RESET);
|
|
248
|
+
state.query = key === "Backspace" ? state.query.slice(0, -1) : state.query + key.toLowerCase();
|
|
249
|
+
const match = optionsOf(root).find(
|
|
250
|
+
(option) => labelOf(option).toLowerCase().startsWith(state.query)
|
|
251
|
+
);
|
|
252
|
+
if (!match) return false;
|
|
253
|
+
focusOption(root, match);
|
|
254
|
+
return true;
|
|
255
|
+
};
|
|
256
|
+
doc.addEventListener(
|
|
257
|
+
"pointerdown",
|
|
258
|
+
(event) => {
|
|
259
|
+
const path = event.composedPath();
|
|
260
|
+
for (const root of [...openRoots]) {
|
|
261
|
+
if (!root.isConnected || !isOpen(popupOf(root))) {
|
|
262
|
+
openRoots.delete(root);
|
|
263
|
+
continue;
|
|
264
|
+
}
|
|
265
|
+
if (!path.includes(root)) close(root, false);
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
true
|
|
269
|
+
);
|
|
270
|
+
doc.addEventListener(
|
|
271
|
+
"click",
|
|
272
|
+
(event) => {
|
|
273
|
+
const target = event.target;
|
|
274
|
+
if (!(target instanceof Element)) return;
|
|
275
|
+
const root = target.closest(ROOT);
|
|
276
|
+
if (!root) return;
|
|
277
|
+
const trigger = target.closest(TRIGGER);
|
|
278
|
+
if (trigger?.parentElement === root) {
|
|
279
|
+
const popup = popupOf(root);
|
|
280
|
+
if (popup && isOpen(popup)) close(root, true);
|
|
281
|
+
else open(root, "chosen");
|
|
282
|
+
return;
|
|
283
|
+
}
|
|
284
|
+
if (target.closest(".kui-select__label")?.parentElement === root) {
|
|
285
|
+
triggerOf(root).focus();
|
|
286
|
+
return;
|
|
287
|
+
}
|
|
288
|
+
const action = target.closest("[data-select-action]");
|
|
289
|
+
if (action) {
|
|
290
|
+
runAction(root, action.getAttribute("data-select-action"));
|
|
291
|
+
return;
|
|
292
|
+
}
|
|
293
|
+
const option = target.closest(".kui-select__option");
|
|
294
|
+
if (option) choose(root, option);
|
|
295
|
+
},
|
|
296
|
+
true
|
|
297
|
+
);
|
|
298
|
+
doc.addEventListener(
|
|
299
|
+
"keydown",
|
|
300
|
+
(event) => {
|
|
301
|
+
const target = event.target;
|
|
302
|
+
if (!(target instanceof Element)) return;
|
|
303
|
+
const root = target.closest(ROOT);
|
|
304
|
+
if (!root || event.altKey || event.ctrlKey || event.metaKey) return;
|
|
305
|
+
const popup = popupOf(root);
|
|
306
|
+
const query = typeahead.get(root)?.query ?? "";
|
|
307
|
+
if (target.closest(TRIGGER)?.parentElement === root) {
|
|
308
|
+
if (isOpen(popup)) return;
|
|
309
|
+
switch (event.key) {
|
|
310
|
+
case "Enter":
|
|
311
|
+
case " ":
|
|
312
|
+
case "ArrowDown":
|
|
313
|
+
event.preventDefault();
|
|
314
|
+
open(root, "chosen");
|
|
315
|
+
return;
|
|
316
|
+
case "ArrowUp":
|
|
317
|
+
event.preventDefault();
|
|
318
|
+
open(root, "chosen");
|
|
319
|
+
return;
|
|
320
|
+
case "Home":
|
|
321
|
+
case "End":
|
|
322
|
+
event.preventDefault();
|
|
323
|
+
open(root, event.key === "Home" ? "first" : "last");
|
|
324
|
+
return;
|
|
325
|
+
default:
|
|
326
|
+
if (event.key.length === 1) {
|
|
327
|
+
event.preventDefault();
|
|
328
|
+
open(root, "chosen");
|
|
329
|
+
runTypeahead(root, event.key);
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
return;
|
|
333
|
+
}
|
|
334
|
+
if (!popup.contains(target) || !isOpen(popup)) return;
|
|
335
|
+
const onAction = target.closest("[data-select-action]") !== null;
|
|
336
|
+
const options = optionsOf(root);
|
|
337
|
+
const current = target.closest(".kui-select__option");
|
|
338
|
+
const index = current ? options.indexOf(current) : -1;
|
|
339
|
+
const move = (next) => {
|
|
340
|
+
event.preventDefault();
|
|
341
|
+
event.stopPropagation();
|
|
342
|
+
focusOption(root, next);
|
|
343
|
+
};
|
|
344
|
+
switch (event.key) {
|
|
345
|
+
case "ArrowDown":
|
|
346
|
+
move(
|
|
347
|
+
options[index >= 0 && index < options.length - 1 ? index + 1 : 0]
|
|
348
|
+
);
|
|
349
|
+
return;
|
|
350
|
+
case "ArrowUp":
|
|
351
|
+
move(options[index > 0 ? index - 1 : options.length - 1]);
|
|
352
|
+
return;
|
|
353
|
+
case "Home":
|
|
354
|
+
move(options[0]);
|
|
355
|
+
return;
|
|
356
|
+
case "End":
|
|
357
|
+
move(options[options.length - 1]);
|
|
358
|
+
return;
|
|
359
|
+
case "Escape":
|
|
360
|
+
event.preventDefault();
|
|
361
|
+
event.stopPropagation();
|
|
362
|
+
close(root, true);
|
|
363
|
+
return;
|
|
364
|
+
case "Tab":
|
|
365
|
+
close(root, false);
|
|
366
|
+
triggerOf(root).focus({ preventScroll: true });
|
|
367
|
+
return;
|
|
368
|
+
case "Enter":
|
|
369
|
+
if (onAction || !current) return;
|
|
370
|
+
event.preventDefault();
|
|
371
|
+
choose(root, current);
|
|
372
|
+
return;
|
|
373
|
+
case " ":
|
|
374
|
+
if (onAction || !current) return;
|
|
375
|
+
event.preventDefault();
|
|
376
|
+
if (query) runTypeahead(root, " ");
|
|
377
|
+
else choose(root, current);
|
|
378
|
+
return;
|
|
379
|
+
default:
|
|
380
|
+
if ((event.key.length === 1 || event.key === "Backspace") && !onAction && runTypeahead(root, event.key)) {
|
|
381
|
+
event.preventDefault();
|
|
382
|
+
event.stopPropagation();
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
true
|
|
387
|
+
);
|
|
388
|
+
doc.addEventListener(
|
|
389
|
+
"beforetoggle",
|
|
390
|
+
(event) => {
|
|
391
|
+
const popup = event.target;
|
|
392
|
+
if (popup.matches(POPUP) && event.newState === "closed")
|
|
393
|
+
reset(popup);
|
|
394
|
+
},
|
|
395
|
+
true
|
|
396
|
+
);
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
// src/components/forms/select/register/select-register.ts
|
|
400
|
+
installSelects();
|
|
401
|
+
installPopupMenus();
|
|
402
|
+
installHelpTags();
|
|
9
403
|
var selectElementsRegistered = true;
|
|
10
404
|
|
|
11
405
|
export { selectElementsRegistered };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/select-register.ts"],"names":[],"mappings":";;;;;;;;AAYO,IAAM,wBAAA,GAA2B","file":"select-register.js","sourcesContent":["import '@awesome.me/webawesome/dist/components/button/button.js';\nimport '@awesome.me/webawesome/dist/components/divider/divider.js';\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js';\nimport '@awesome.me/webawesome/dist/components/option/option.js';\nimport '@awesome.me/webawesome/dist/components/select/select.js';\n\n/**\n * Marker export for tests and tooling; importing this module performs registration.\n * Registers both the `Select` elements and the `Catalog` related-entries popup-menu\n * elements (`wa-dropdown` / `wa-dropdown-item` / `wa-button`).\n */\nexport const selectElementsRegistered = true;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/forms/select/internal/select-element.ts","../src/components/forms/select/internal/select-controller.ts","../src/components/forms/select/register/select-register.ts"],"names":["isDisabled"],"mappings":";;;;;;;AAEA,IAAM,MAAA,GAAS,qBAAA;AAEf,IAAM,aAAa,CAAC,MAAA,KAClB,MAAA,CAAO,YAAA,CAAa,eAAe,CAAA,KAAM,MAAA;AAGpC,IAAM,WAAA,GAAc,CAAC,MAAA,KAC1B,MAAA,CAAO,aAAa,YAAY,CAAA;AAElC,IAAM,cAAc,CAAC,MAAA,KACnB,MAAA,CAAO,aAAA,CAAc,2BAA2B,CAAA,CAAG,WAAA;AAG9C,SAAS,UAAU,IAAA,EAA8B;AACtD,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,gBAAA,CAA8B,MAAM,CAAC,CAAA;AAC9D;AAGO,SAAS,cAAc,IAAA,EAA8B;AAC1D,EAAA,OAAO,SAAA,CAAU,IAAI,CAAA,CAAE,MAAA;AAAA,IACrB,CAAC,WACC,MAAA,CAAO,YAAA,CAAa,eAAe,CAAA,KAAM,MAAA,IAAU,CAAC,UAAA,CAAW,MAAM;AAAA,GACzE;AACF;AAQO,SAAS,gBAAgB,IAAA,EAAqB;AACnD,EAAA,MAAM,UAAU,IAAA,CAAK,aAAA;AAAA,IACnB;AAAA,GACF;AACA,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,aAAA,CAA2B,oBAAoB,CAAA;AACzE,EAAA,MAAM,MAAA,GAAS,cAAc,IAAI,CAAA;AACjC,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA;AAC7C,EAAA,MAAM,QAAA,GACJ,IAAA,CAAK,YAAA,CAAa,4BAA4B,CAAA,KAAM,WAAA;AACtD,EAAA,MAAM,UAAU,QAAA,GAAW,kBAAA,CAAmB,OAAO,GAAA,CAAI,WAAW,CAAC,CAAA,GAAI,EAAA;AACzE,EAAA,MAAM,IAAA,GAAO,QAAA,GACT,QAAA,GACE,EAAA,GACA,OAAA,GACF,MAAA,CAAO,CAAC,CAAA,GACN,WAAA,CAAY,MAAA,CAAO,CAAC,CAAC,CAAA,GACrB,EAAA;AACN,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,MAAM,OAAO,IAAA,CACV,aAAA,CAAc,sBAAsB,CAAA,CACpC,aAAa,YAAY,CAAA;AAC5B,IAAA,OAAA,CAAQ,YAAA,CAAa,cAAc,OAAA,GAAU,CAAA,EAAG,IAAI,CAAA,EAAA,EAAK,OAAO,KAAK,IAAI,CAAA;AAAA,EAC3E;AACA,EAAA,IAAI,IAAA,CAAK,SAAA,CAAU,QAAA,CAAS,6BAA6B,CAAA,EAAG;AAC5D,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,SAAA,CAAU,WAAA,GAAc,IAAA;AACxB,IAAA,SAAA,CAAU,gBAAgB,kBAAkB,CAAA;AAAA,EAC9C,CAAA,MAAO;AAEL,IAAA,SAAA,CAAU,WAAA,GAAc,SAAA,CAAU,YAAA,CAAa,uBAAuB,CAAA;AACtE,IAAA,SAAA,CAAU,YAAA,CAAa,oBAAoB,MAAM,CAAA;AAAA,EACnD;AACA,EAAA,IAAI,QAAA,EAAU;AAEd,EAAA,OAAA,CAAQ,aAAA,CAAc,sCAAsC,CAAA,EAAG,MAAA,EAAO;AACtE,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,CAAC,CAAA,EAAG,cAAc,mBAAmB,CAAA;AACzD,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,IAAI,CAAA;AAChC,IAAA,IAAA,CAAK,SAAA,CAAU,IAAI,4BAA4B,CAAA;AAC/C,IAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA;AAAA,EACtB;AACF;AAOO,SAAS,SAAA,CAAU,MAAe,MAAA,EAAoC;AAC3E,EAAA,MAAM,MAAA,GAAS,IAAI,GAAA,CAAI,MAAM,CAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA;AAC7C,EAAA,IAAI,OAAA,GAAU,KAAA;AACd,EAAA,IAAI,KAAA,GAAQ,KAAA;AACZ,EAAA,KAAA,MAAW,MAAA,IAAU,SAAA,CAAU,IAAI,CAAA,EAAG;AACpC,IAAA,MAAM,IAAA,GACJ,CAAC,UAAA,CAAW,MAAM,CAAA,IAClB,MAAA,CAAO,GAAA,CAAI,WAAA,CAAY,MAAM,CAAC,CAAA,KAC7B,QAAA,IAAY,CAAC,KAAA,CAAA;AAChB,IAAA,IAAI,MAAM,KAAA,GAAQ,IAAA;AAClB,IAAA,IAAK,MAAA,CAAO,YAAA,CAAa,eAAe,CAAA,KAAM,WAAY,IAAA,EAAM;AAC9D,MAAA,MAAA,CAAO,YAAA,CAAa,eAAA,EAAiB,MAAA,CAAO,IAAI,CAAC,CAAA;AACjD,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ;AAAA,EACF;AACA,EAAA,IAAI,OAAA,kBAAyB,IAAI,CAAA;AACjC,EAAA,OAAO,OAAA;AACT;AAaO,IAAM,gBAAA,GAAN,cAA+B,WAAA,CAAY;AAAA,EAChD,OAAO,cAAA,GAAiB,IAAA;AAAA,EAExB,UAAA;AAAA,EACA,SAAA;AAAA,EAEA,WAAA,GAAc;AACZ,IAAA,KAAA,EAAM;AAGN,IAAA,IAAA,CAAK,aACH,OAAO,IAAA,CAAK,oBAAoB,UAAA,GAC3B,IAAA,CAAK,iBAAgB,GACtB,MAAA;AAAA,EACR;AAAA,EAEA,IAAI,IAAA,GAAe;AACjB,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,MAAM,CAAA,IAAK,EAAA;AAAA,EACtC;AAAA,EAEA,IAAI,QAAA,GAAoB;AACtB,IAAA,OAAO,IAAA,CAAK,aAAa,UAAU,CAAA;AAAA,EACrC;AAAA,EAEA,IAAI,KAAA,GAA2B;AAC7B,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,IAAI,CAAA,CAAE,IAAI,WAAW,CAAA;AAClD,IAAA,OAAO,IAAA,CAAK,QAAA,GAAW,MAAA,GAAU,MAAA,CAAO,CAAC,CAAA,IAAK,EAAA;AAAA,EAChD;AAAA,EAEA,IAAI,MAAM,IAAA,EAAkC;AAC1C,IAAA,SAAA,CAAU,MAAM,OAAO,IAAA,KAAS,WAAW,CAAC,IAAI,IAAI,IAAI,CAAA;AACxD,IAAA,IAAA,CAAK,aAAA,EAAc;AAAA,EACrB;AAAA;AAAA,EAGA,IAAI,IAAA,GAA+B;AACjC,IAAA,OAAO,IAAA,CAAK,YAAY,IAAA,IAAQ,IAAA;AAAA,EAClC;AAAA,EAEA,iBAAA,GAA0B;AACxB,IAAA,IAAA,CAAK,aAAA,EAAc;AAInB,IAAA,IAAA,CAAK,cAAc,IAAI,gBAAA,CAAiB,MAAM,IAAA,CAAK,eAAe,CAAA;AAClE,IAAA,IAAA,CAAK,SAAA,CAAU,QAAQ,IAAA,EAAM;AAAA,MAC3B,OAAA,EAAS,IAAA;AAAA,MACT,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,eAAe;AAAA,KAClC,CAAA;AAAA,EACH;AAAA,EAEA,oBAAA,GAA6B;AAC3B,IAAA,IAAA,CAAK,WAAW,UAAA,EAAW;AAAA,EAC7B;AAAA;AAAA,EAGA,iBAAA,GAA0B;AACxB,IAAA,SAAA;AAAA,MACE,IAAA;AAAA,MACA,SAAA,CAAU,IAAI,CAAA,CACX,MAAA,CAAO,CAAC,MAAA,KAAW,MAAA,CAAO,YAAA,CAAa,uBAAuB,CAAC,CAAA,CAC/D,GAAA,CAAI,WAAW;AAAA,KACpB;AACA,IAAA,IAAA,CAAK,aAAA,EAAc;AAAA,EACrB;AAAA;AAAA,EAGA,aAAA,GAAsB;AACpB,IAAA,MAAM,YAAY,IAAA,CAAK,UAAA;AACvB,IAAA,IAAI,CAAC,SAAA,EAAW;AAChB,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,IAAI,CAAA,CAAE,IAAI,WAAW,CAAA;AAClD,IAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,MAAA,SAAA,CAAU,YAAA,CAAa,MAAA,CAAO,CAAC,CAAA,IAAK,IAAI,CAAA;AACxC,MAAA;AAAA,IACF;AACA,IAAA,MAAM,IAAA,GAAO,IAAI,QAAA,EAAS;AAC1B,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,MAAM,KAAK,CAAA;AACxD,IAAA,SAAA,CAAU,aAAa,IAAI,CAAA;AAAA,EAC7B;AACF,CAAA;;;ACrLA,IAAM,IAAA,GAAO,uBAAA;AACb,IAAM,OAAA,GAAU,sBAAA;AAChB,IAAM,KAAA,GAAQ,oBAAA;AAGP,IAAM,sBAAA,GAAyB,GAAA;AAEtC,IAAM,MAAA,GAAS,CAAC,KAAA,KAA4B,KAAA,CAAM,QAAQ,eAAe,CAAA;AAEzE,IAAMA,cAAa,CAAC,MAAA,KAClB,MAAA,CAAO,YAAA,CAAa,eAAe,CAAA,KAAM,MAAA;AAE3C,IAAM,YAAY,CAAC,IAAA,KACjB,KAAK,aAAA,CAAiC,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,CAAA;AAE7D,IAAM,UAAU,CAAC,IAAA,KACf,KAAK,aAAA,CAA2B,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,CAAA;AAErD,IAAM,OAAA,GAAU,CAAC,MAAA,KACf,MAAA,CAAO,cAAc,2BAA2B,CAAA,CAAG,YAAY,IAAA,EAAK;AAGtE,SAAS,MAAA,CAAO,QAAqB,KAAA,EAA0B;AAC7D,EAAA,IAAI,KAAA,CAAM,YAAA,IAAgB,KAAA,CAAM,YAAA,EAAc;AAC9C,EAAA,MAAM,GAAA,GAAM,OAAO,qBAAA,EAAsB;AACzC,EAAA,MAAM,GAAA,GAAM,KAAA,CAAM,qBAAA,EAAsB,CAAE,MAAM,KAAA,CAAM,SAAA;AACtD,EAAA,MAAM,MAAA,GAAS,MAAM,KAAA,CAAM,YAAA;AAC3B,EAAA,IAAI,IAAI,GAAA,GAAM,GAAA,EAAK,KAAA,CAAM,SAAA,IAAa,MAAM,GAAA,CAAI,GAAA;AAAA,OAAA,IACvC,IAAI,MAAA,GAAS,MAAA,EAAQ,KAAA,CAAM,SAAA,IAAa,IAAI,MAAA,GAAS,MAAA;AAChE;AAEA,IAAM,SAAA,uBAAgB,OAAA,EAAkB;AAWjC,SAAS,cAAA,CAAe,MAAgB,QAAA,EAAgB;AAC7D,EAAA,IAAI,SAAA,CAAU,GAAA,CAAI,GAAG,CAAA,EAAG;AACxB,EAAA,SAAA,CAAU,IAAI,GAAG,CAAA;AACjB,EAAA,MAAM,MAAM,GAAA,CAAI,WAAA;AAChB,EAAA,IAAI,CAAC,GAAA,CAAI,cAAA,CAAe,GAAA,CAAI,YAAY,CAAA;AACtC,IAAA,GAAA,CAAI,cAAA,CAAe,MAAA,CAAO,YAAA,EAAc,gBAAgB,CAAA;AAC1D,EAAA,MAAM,SAAA,uBAAgB,OAAA,EAAiC;AACvD,EAAA,MAAM,SAAA,uBAAgB,GAAA,EAAiB;AACvC,EAAA,MAAM,SAAA,uBAAgB,OAAA,EAGpB;AAGF,EAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAuB;AACpC,IAAA,SAAA,CAAU,GAAA,CAAI,KAAK,CAAA,IAAI;AACvB,IAAA,SAAA,CAAU,OAAO,KAAK,CAAA;AACtB,IAAA,MAAM,OAAO,KAAA,CAAM,aAAA;AACnB,IAAA,SAAA,CAAU,OAAO,IAAI,CAAA;AACrB,IAAA,IAAA,CAAK,gBAAgB,MAAM,CAAA;AAC3B,IAAA,SAAA,CAAU,IAAI,CAAA,CAAE,YAAA,CAAa,eAAA,EAAiB,OAAO,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAsB;AACtC,IAAC,KAAmC,aAAA,IAAgB;AACpD,IAAA,IAAA,CAAK,aAAA;AAAA,MACH,IAAI,WAAW,OAAA,EAAS,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,MAAM;AAAA,KAC3D;AACA,IAAA,IAAA,CAAK,aAAA,CAAc,IAAI,KAAA,CAAM,QAAA,EAAU,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,CAAC,CAAA;AAAA,EAC3E,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,IAAA,EAAmB,MAAA,KAAoC;AAC1E,IAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAE1B,IAAA,CAAC,UAAU,KAAA,EAAO,KAAA,CAAM,EAAE,aAAA,EAAe,MAAM,CAAA;AAC/C,IAAA,IAAI,MAAA,EAAQ,MAAA,CAAO,MAAA,EAAQ,KAAK,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,MAAM,IAAA,GAAO,CAAC,IAAA,EAAmB,KAAA,KAAuC;AACtE,IAAA,MAAM,OAAA,GAAU,UAAU,IAAI,CAAA;AAC9B,IAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAC1B,IAAA,IAAI,OAAA,CAAQ,QAAA,IAAY,MAAA,CAAO,KAAK,CAAA,EAAG;AACvC,IAAA,KAAA,CAAM,WAAA,EAAY;AAClB,IAAA,SAAA,CAAU,IAAI,IAAI,CAAA;AAClB,IAAA,IAAA,CAAK,YAAA,CAAa,QAAQ,EAAE,CAAA;AAC5B,IAAA,OAAA,CAAQ,YAAA,CAAa,iBAAiB,MAAM,CAAA;AAC5C,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,SAAA,CAAU,QAAA,CAAS,sBAAsB,CAAA;AAC1D,IAAA,MAAM,QAAQ,YAAY;AAExB,MAAA,IAAI,CAAC,KAAA,CAAM,WAAA,IAAe,CAAC,MAAA,CAAO,KAAK,CAAA,EAAG;AACxC,QAAA,KAAA,CAAM,KAAK,CAAA;AACX,QAAA;AAAA,MACF;AAGA,MAAA,IAAI,GAAA,QAAW,KAAA,CAAM,KAAA,GAAQ,GAAG,OAAA,CAAQ,qBAAA,GAAwB,KAAK,CAAA,EAAA,CAAA;AACrE,MAAA,MAAM,cAAc,OAAA,EAAS,KAAA,EAAO,EAAE,SAAA,EAAW,UAAU,CAAA;AAAA,IAC7D,CAAA;AACA,IAAA,MAAM,gBAAgB,YAAA,CAAa,OAAA,EAAS,OAAO,MAAM,KAAK,OAAO,CAAA;AAIrE,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,MAAM,OAAA,GAAU,IAAI,gBAAA,CAAiB,MAAM;AAEzC,MAAA,IAAI,QAAQ,QAAA,EAAU;AACpB,QAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,QAAA;AAAA,MACF;AACA,MAAA,IAAI,OAAA,CAAQ,YAAA,CAAa,eAAe,CAAA,KAAM,MAAA;AAC5C,QAAA,OAAA,CAAQ,YAAA,CAAa,iBAAiB,MAAM,CAAA;AAC9C,MAAA,IAAI,KAAA,CAAM,KAAA,CAAM,GAAA,IAAO,SAAA,EAAW;AAElC,MAAA,SAAA,GAAY,IAAA;AACZ,MAAA,KAAK,KAAA,EAAM,CAAE,OAAA,CAAQ,MAAM;AACzB,QAAA,SAAA,GAAY,KAAA;AAAA,MACd,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AACD,IAAA,OAAA,CAAQ,QAAQ,OAAA,EAAS;AAAA,MACvB,eAAA,EAAiB,CAAC,eAAA,EAAiB,UAAU;AAAA,KAC9C,CAAA;AACD,IAAA,OAAA,CAAQ,QAAQ,KAAA,EAAO,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAA;AACrD,IAAA,SAAA,CAAU,GAAA,CAAI,OAAO,MAAM;AACzB,MAAA,OAAA,CAAQ,UAAA,EAAW;AACnB,MAAA,aAAA,EAAc;AAAA,IAChB,CAAC,CAAA;AACD,IAAA,MAAM,OAAA,GAAU,UAAU,IAAI,CAAA;AAC9B,IAAA,MAAM,SACJ,KAAA,KAAU,MAAA,GACN,QAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA,GAC1B,KAAA,KAAU,UACR,OAAA,CAAQ,CAAC,IACR,aAAA,CAAc,IAAI,EAAE,CAAC,CAAA,IAAK,QAAQ,CAAC,CAAA;AAC5C,IAAA,WAAA,CAAY,MAAM,MAAM,CAAA;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,EAAmB,YAAA,KAA0B;AAC1D,IAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAC1B,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,QAAA,CAAS,GAAA,CAAI,aAAa,CAAA;AACpD,IAAA,KAAA,CAAM,WAAA,EAAY;AAClB,IAAA,IAAI,YAAA,IAAgB,WAAA;AAClB,MAAA,SAAA,CAAU,IAAI,CAAA,CAAE,KAAA,CAAM,EAAE,aAAA,EAAe,MAAM,CAAA;AAAA,EACjD,CAAA;AAEA,EAAA,MAAM,MAAA,GAAS,CAAC,IAAA,EAAmB,MAAA,KAAwB;AACzD,IAAA,IAAIA,YAAW,MAAM,CAAA,IAAK,SAAA,CAAU,IAAI,EAAE,QAAA,EAAU;AACpD,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,CAAA;AAChC,IAAA,MAAM,QAAA,GAAW,IAAA,CAAK,YAAA,CAAa,UAAU,CAAA;AAC7C,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,IAAI,CAAA,CAAE,IAAI,WAAW,CAAA;AAClD,IAAA,MAAM,OAAO,QAAA,GACT,MAAA,CAAO,SAAS,KAAK,CAAA,GACnB,OAAO,MAAA,CAAO,CAAC,cAAc,SAAA,KAAc,KAAK,IAChD,CAAC,GAAG,QAAQ,KAAK,CAAA,GACnB,CAAC,KAAK,CAAA;AACV,IAAA,IAAI,SAAA,CAAU,IAAA,EAAM,IAAI,CAAA,WAAY,IAAI,CAAA;AACxC,IAAA,IAAI,CAAC,QAAA,EAAU,KAAA,CAAM,IAAA,EAAM,IAAI,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,CAAC,IAAA,EAAmB,MAAA,KAAmB;AACvD,IAAA,MAAM,OACJ,MAAA,KAAW,KAAA,GACP,SAAA,CAAU,IAAI,EACX,MAAA,CAAO,CAAC,MAAA,KAAW,CAACA,YAAW,MAAM,CAAC,EACtC,GAAA,CAAI,WAAW,IAClB,EAAC;AACP,IAAA,IAAI,SAAA,CAAU,IAAA,EAAM,IAAI,CAAA,WAAY,IAAI,CAAA;AAAA,EAC1C,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,EAAmB,GAAA,KAAyB;AAChE,IAAA,MAAM,KAAA,GAAQ,UAAU,GAAA,CAAI,IAAI,KAAK,EAAE,KAAA,EAAO,EAAA,EAAI,KAAA,EAAO,MAAA,EAAU;AACnE,IAAA,SAAA,CAAU,GAAA,CAAI,MAAM,KAAK,CAAA;AACzB,IAAA,GAAA,CAAI,YAAA,CAAa,MAAM,KAAK,CAAA;AAC5B,IAAA,KAAA,CAAM,KAAA,GAAQ,GAAA,CAAI,UAAA,CAAW,MAAM;AACjC,MAAA,KAAA,CAAM,KAAA,GAAQ,EAAA;AAAA,IAChB,GAAG,sBAAsB,CAAA;AACzB,IAAA,KAAA,CAAM,KAAA,GACJ,GAAA,KAAQ,WAAA,GACJ,KAAA,CAAM,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA,GACvB,KAAA,CAAM,KAAA,GAAQ,GAAA,CAAI,WAAA,EAAY;AACpC,IAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAI,CAAA,CAAE,IAAA;AAAA,MAAK,CAAC,WAClC,OAAA,CAAQ,MAAM,EAAE,WAAA,EAAY,CAAE,UAAA,CAAW,KAAA,CAAM,KAAK;AAAA,KACtD;AACA,IAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,IAAA,WAAA,CAAY,MAAM,KAAK,CAAA;AACvB,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAGA,EAAA,GAAA,CAAI,gBAAA;AAAA,IACF,aAAA;AAAA,IACA,CAAC,KAAA,KAAU;AACT,MAAA,MAAM,IAAA,GAAO,MAAM,YAAA,EAAa;AAChC,MAAA,KAAA,MAAW,IAAA,IAAQ,CAAC,GAAG,SAAS,CAAA,EAAG;AACjC,QAAA,IAAI,CAAC,KAAK,WAAA,IAAe,CAAC,OAAO,OAAA,CAAQ,IAAI,CAAC,CAAA,EAAG;AAC/C,UAAA,SAAA,CAAU,OAAO,IAAI,CAAA;AACrB,UAAA;AAAA,QACF;AACA,QAAA,IAAI,CAAC,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,EAAG,KAAA,CAAM,MAAM,KAAK,CAAA;AAAA,MAC7C;AAAA,IACF,CAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,GAAA,CAAI,gBAAA;AAAA,IACF,OAAA;AAAA,IACA,CAAC,KAAA,KAAU;AACT,MAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,MAAA,IAAI,EAAE,kBAAkB,OAAA,CAAA,EAAU;AAClC,MAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,CAAqB,IAAI,CAAA;AAC7C,MAAA,IAAI,CAAC,IAAA,EAAM;AACX,MAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA;AACtC,MAAA,IAAI,OAAA,EAAS,kBAAkB,IAAA,EAAM;AACnC,QAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAC1B,QAAA,IAAI,SAAS,MAAA,CAAO,KAAK,CAAA,EAAG,KAAA,CAAM,MAAM,IAAI,CAAA;AAAA,aACvC,IAAA,CAAK,MAAM,QAAQ,CAAA;AACxB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,oBAAoB,CAAA,EAAG,kBAAkB,IAAA,EAAM;AAChE,QAAA,SAAA,CAAU,IAAI,EAAE,KAAA,EAAM;AACtB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,OAAA,CAAqB,sBAAsB,CAAA;AACjE,MAAA,IAAI,MAAA,EAAQ;AACV,QAAA,SAAA,CAAU,IAAA,EAAM,MAAA,CAAO,YAAA,CAAa,oBAAoB,CAAE,CAAA;AAC1D,QAAA;AAAA,MACF;AACA,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,OAAA,CAAqB,qBAAqB,CAAA;AAChE,MAAA,IAAI,MAAA,EAAQ,MAAA,CAAO,IAAA,EAAM,MAAM,CAAA;AAAA,IACjC,CAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,GAAA,CAAI,gBAAA;AAAA,IACF,SAAA;AAAA,IACA,CAAC,KAAA,KAAU;AACT,MAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,MAAA,IAAI,EAAE,kBAAkB,OAAA,CAAA,EAAU;AAClC,MAAA,MAAM,IAAA,GAAO,MAAA,CAAO,OAAA,CAAqB,IAAI,CAAA;AAC7C,MAAA,IAAI,CAAC,IAAA,IAAQ,KAAA,CAAM,UAAU,KAAA,CAAM,OAAA,IAAW,MAAM,OAAA,EAAS;AAC7D,MAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAC1B,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,GAAA,CAAI,IAAI,GAAG,KAAA,IAAS,EAAA;AAE5C,MAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA,EAAG,kBAAkB,IAAA,EAAM;AACnD,QAAA,IAAI,MAAA,CAAO,KAAK,CAAA,EAAG;AACnB,QAAA,QAAQ,MAAM,GAAA;AAAK,UACjB,KAAK,OAAA;AAAA,UACL,KAAK,GAAA;AAAA,UACL,KAAK,WAAA;AACH,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,IAAA,CAAK,MAAM,QAAQ,CAAA;AACnB,YAAA;AAAA,UACF,KAAK,SAAA;AACH,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,IAAA,CAAK,MAAM,QAAQ,CAAA;AACnB,YAAA;AAAA,UACF,KAAK,MAAA;AAAA,UACL,KAAK,KAAA;AACH,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,IAAA,CAAK,IAAA,EAAM,KAAA,CAAM,GAAA,KAAQ,MAAA,GAAS,UAAU,MAAM,CAAA;AAClD,YAAA;AAAA,UACF;AACE,YAAA,IAAI,KAAA,CAAM,GAAA,CAAI,MAAA,KAAW,CAAA,EAAG;AAC1B,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA,IAAA,CAAK,MAAM,QAAQ,CAAA;AACnB,cAAA,YAAA,CAAa,IAAA,EAAM,MAAM,GAAG,CAAA;AAAA,YAC9B;AAAA;AAEJ,QAAA;AAAA,MACF;AACA,MAAA,IAAI,CAAC,MAAM,QAAA,CAAS,MAAM,KAAK,CAAC,MAAA,CAAO,KAAK,CAAA,EAAG;AAE/C,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,OAAA,CAAQ,sBAAsB,CAAA,KAAM,IAAA;AAC5D,MAAA,MAAM,OAAA,GAAU,UAAU,IAAI,CAAA;AAC9B,MAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAqB,qBAAqB,CAAA;AACjE,MAAA,MAAM,KAAA,GAAQ,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,OAAO,CAAA,GAAI,EAAA;AACnD,MAAA,MAAM,IAAA,GAAO,CAAC,IAAA,KAAkC;AAC9C,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA,WAAA,CAAY,MAAM,IAAI,CAAA;AAAA,MACxB,CAAA;AACA,MAAA,QAAQ,MAAM,GAAA;AAAK,QACjB,KAAK,WAAA;AACH,UAAA,IAAA;AAAA,YACE,OAAA,CAAQ,SAAS,CAAA,IAAK,KAAA,GAAQ,QAAQ,MAAA,GAAS,CAAA,GAAI,KAAA,GAAQ,CAAA,GAAI,CAAC;AAAA,WAClE;AACA,UAAA;AAAA,QACF,KAAK,SAAA;AACH,UAAA,IAAA,CAAK,OAAA,CAAQ,QAAQ,CAAA,GAAI,KAAA,GAAQ,IAAI,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAC,CAAA;AACxD,UAAA;AAAA,QACF,KAAK,MAAA;AACH,UAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,CAAC,CAAA;AACf,UAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAA,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAC,CAAA;AAChC,UAAA;AAAA,QACF,KAAK,QAAA;AACH,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,UAAA,KAAA,CAAM,MAAM,IAAI,CAAA;AAChB,UAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,UAAA,SAAA,CAAU,IAAI,CAAA,CAAE,KAAA,CAAM,EAAE,aAAA,EAAe,MAAM,CAAA;AAC7C,UAAA;AAAA,QACF,KAAK,OAAA;AACH,UAAA,IAAI,QAAA,IAAY,CAAC,OAAA,EAAS;AAC1B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,MAAA,CAAO,MAAM,OAAO,CAAA;AACpB,UAAA;AAAA,QACF,KAAK,GAAA;AACH,UAAA,IAAI,QAAA,IAAY,CAAC,OAAA,EAAS;AAC1B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,IAAI,KAAA,EAAO,YAAA,CAAa,IAAA,EAAM,GAAG,CAAA;AAAA,eAC5B,MAAA,CAAO,MAAM,OAAO,CAAA;AACzB,UAAA;AAAA,QACF;AACE,UAAA,IAAA,CACG,KAAA,CAAM,GAAA,CAAI,MAAA,KAAW,CAAA,IAAK,KAAA,CAAM,GAAA,KAAQ,WAAA,KACzC,CAAC,QAAA,IACD,YAAA,CAAa,IAAA,EAAM,KAAA,CAAM,GAAG,CAAA,EAC5B;AACA,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,UACxB;AAAA;AACJ,IACF,CAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,GAAA,CAAI,gBAAA;AAAA,IACF,cAAA;AAAA,IACA,CAAC,KAAA,KAAU;AACT,MAAA,MAAM,QAAQ,KAAA,CAAM,MAAA;AACpB,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IAAM,MAAsB,QAAA,KAAa,QAAA;AAC9D,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA,IACf,CAAA;AAAA,IACA;AAAA,GACF;AACF;;;AC9VA,cAAA,EAAe;AAEf,iBAAA,EAAkB;AAClB,eAAA,EAAgB;AAUT,IAAM,wBAAA,GAA2B","file":"select-register.js","sourcesContent":["import { summarizeSelection } from '../model/select-summary.js';\n\nconst OPTION = '.kui-select__option';\n\nconst isDisabled = (option: Element): boolean =>\n option.getAttribute('aria-disabled') === 'true';\n\n/** An option's value. */\nexport const optionValue = (option: Element): string =>\n option.getAttribute('data-value')!;\n\nconst optionLabel = (option: Element): string =>\n option.querySelector('.kui-select__option-label')!.textContent;\n\n/** Every option of a Select, in choice order. */\nexport function optionsOf(root: Element): HTMLElement[] {\n return Array.from(root.querySelectorAll<HTMLElement>(OPTION));\n}\n\n/** The chosen (enabled, `aria-selected`) options of a Select. */\nexport function chosenOptions(root: Element): HTMLElement[] {\n return optionsOf(root).filter(\n (option) =>\n option.getAttribute('aria-selected') === 'true' && !isDisabled(option),\n );\n}\n\n/**\n * Bring the closed trigger in line with the options' selection: the value\n * text (a single choice's label, a multiple Select's summary), a single\n * choice's icon, and an icon-only multiple trigger's name. A custom selected\n * rendering and a count badge are the application's to re-render.\n */\nexport function renderSelection(root: Element): void {\n const trigger = root.querySelector<HTMLElement>(\n ':scope > .kui-select__trigger',\n )!;\n const valueText = trigger.querySelector<HTMLElement>('.kui-select__value')!;\n const chosen = chosenOptions(root);\n const multiple = root.hasAttribute('multiple');\n const iconOnly =\n root.getAttribute('data-selected-presentation') === 'icon-only';\n const summary = multiple ? summarizeSelection(chosen.map(optionLabel)) : '';\n const text = multiple\n ? iconOnly\n ? ''\n : summary\n : chosen[0]\n ? optionLabel(chosen[0])\n : '';\n if (multiple && iconOnly) {\n const base = root\n .querySelector('.kui-select__listbox')!\n .getAttribute('aria-label')!;\n trigger.setAttribute('aria-label', summary ? `${base}: ${summary}` : base);\n }\n if (root.classList.contains('kui-select--custom-selected')) return;\n if (text) {\n valueText.textContent = text;\n valueText.removeAttribute('data-placeholder');\n } else {\n // An empty Select shows its placeholder text, if it has one.\n valueText.textContent = valueText.getAttribute('data-placeholder-text');\n valueText.setAttribute('data-placeholder', 'true');\n }\n if (multiple) return;\n // A single choice leads with its icon; another choice without one drops it.\n trigger.querySelector(':scope > .kui-select__icon--selected')?.remove();\n const icon = chosen[0]?.querySelector('.kui-select__icon');\n if (icon) {\n const copy = icon.cloneNode(true) as HTMLElement;\n copy.classList.add('kui-select__icon--selected');\n trigger.prepend(copy);\n }\n}\n\n/**\n * Choose options: replace a single Select's choice, or set a multiple\n * Select's. Disabled options never become chosen. Returns whether anything\n * changed.\n */\nexport function setChosen(root: Element, values: readonly string[]): boolean {\n const wanted = new Set(values);\n const multiple = root.hasAttribute('multiple');\n let changed = false;\n let found = false;\n for (const option of optionsOf(root)) {\n const next =\n !isDisabled(option) &&\n wanted.has(optionValue(option)) &&\n (multiple || !found);\n if (next) found = true;\n if ((option.getAttribute('aria-selected') === 'true') !== next) {\n option.setAttribute('aria-selected', String(next));\n changed = true;\n }\n }\n if (changed) renderSelection(root);\n return changed;\n}\n\ninterface FormInternals {\n setFormValue(value: string | FormData | null): void;\n readonly form: HTMLFormElement | null;\n}\n\n/**\n * The Select root, `kui-select`: a light-DOM, form-associated control. Its\n * `value` is the chosen value (a string), or the chosen values in choice\n * order (an array) with `multiple`; it submits under `name` like a native\n * select and returns to its rendered value on form reset.\n */\nexport class KuiSelectElement extends HTMLElement {\n static formAssociated = true;\n\n #internals: FormInternals | undefined;\n #observer: MutationObserver | undefined;\n\n constructor() {\n super();\n // Engines without form-associated custom elements still get a working\n // control; it just does not join a form.\n this.#internals =\n typeof this.attachInternals === 'function'\n ? (this.attachInternals() as unknown as FormInternals)\n : undefined;\n }\n\n get name(): string {\n return this.getAttribute('name') ?? '';\n }\n\n get multiple(): boolean {\n return this.hasAttribute('multiple');\n }\n\n get value(): string | string[] {\n const values = chosenOptions(this).map(optionValue);\n return this.multiple ? values : (values[0] ?? '');\n }\n\n set value(next: string | readonly string[]) {\n setChosen(this, typeof next === 'string' ? [next] : next);\n this.syncFormValue();\n }\n\n /** The form the Select submits with, or null. */\n get form(): HTMLFormElement | null {\n return this.#internals?.form ?? null;\n }\n\n connectedCallback(): void {\n this.syncFormValue();\n // A re-render that changes which options are chosen (the application's\n // controlled value) is the new form value too, as are options the parser\n // adds after the element connects (a page parsed with it already defined).\n this.#observer ??= new MutationObserver(() => this.syncFormValue());\n this.#observer.observe(this, {\n subtree: true,\n childList: true,\n attributes: true,\n attributeFilter: ['aria-selected'],\n });\n }\n\n disconnectedCallback(): void {\n this.#observer?.disconnect();\n }\n\n /** A form reset returns to the rendered (default) choice. */\n formResetCallback(): void {\n setChosen(\n this,\n optionsOf(this)\n .filter((option) => option.hasAttribute('data-default-selected'))\n .map(optionValue),\n );\n this.syncFormValue();\n }\n\n /** Publish the current choice as the form value. */\n syncFormValue(): void {\n const internals = this.#internals;\n if (!internals) return;\n const values = chosenOptions(this).map(optionValue);\n if (!this.multiple) {\n internals.setFormValue(values[0] ?? null);\n return;\n }\n const data = new FormData();\n for (const value of values) data.append(this.name, value);\n internals.setFormValue(data);\n }\n}\n","import {\n followAnchor,\n positionPopup,\n} from '../../../../shared/popup/position-popup.js';\nimport {\n chosenOptions,\n KuiSelectElement,\n optionsOf,\n optionValue,\n setChosen,\n} from './select-element.js';\n\nconst ROOT = 'kui-select.kui-select';\nconst TRIGGER = '.kui-select__trigger';\nconst POPUP = '.kui-select__popup';\n\n/** A typeahead query resets after this long without a keystroke. */\nexport const SELECT_TYPEAHEAD_RESET = 1000;\n\nconst isOpen = (popup: Element): boolean => popup.matches(':popover-open');\n\nconst isDisabled = (option: Element): boolean =>\n option.getAttribute('aria-disabled') === 'true';\n\nconst triggerOf = (root: Element): HTMLButtonElement =>\n root.querySelector<HTMLButtonElement>(`:scope > ${TRIGGER}`)!;\n\nconst popupOf = (root: Element): HTMLElement =>\n root.querySelector<HTMLElement>(`:scope > ${POPUP}`)!;\n\nconst labelOf = (option: Element): string =>\n option.querySelector('.kui-select__option-label')!.textContent.trim();\n\n/** Scroll the popup by the least amount that shows `option` whole. */\nfunction reveal(option: HTMLElement, popup: HTMLElement): void {\n if (popup.scrollHeight <= popup.clientHeight) return;\n const box = option.getBoundingClientRect();\n const top = popup.getBoundingClientRect().top + popup.clientTop;\n const bottom = top + popup.clientHeight;\n if (box.top < top) popup.scrollTop -= top - box.top;\n else if (box.bottom > bottom) popup.scrollTop += box.bottom - bottom;\n}\n\nconst installed = new WeakSet<Document>();\n\n/**\n * Wire every Select in `doc` and define its `kui-select` root element:\n * opening from the trigger (pointer, Enter, Space, the arrows, or typing),\n * top-layer placement below the trigger (flipping above when short), roving\n * focus through the options with typeahead, choosing (a single Select closes\n * and returns focus; a multiple one toggles and stays open), the opt-in\n * select-all and clear actions, `input` and `change` from the root, and\n * dismissal by Escape, Tab, or a press outside. Idempotent per document.\n */\nexport function installSelects(doc: Document = document): void {\n if (installed.has(doc)) return;\n installed.add(doc);\n const win = doc.defaultView!;\n if (!win.customElements.get('kui-select'))\n win.customElements.define('kui-select', KuiSelectElement);\n const following = new WeakMap<HTMLElement, () => void>();\n const openRoots = new Set<HTMLElement>();\n const typeahead = new WeakMap<\n HTMLElement,\n { query: string; timer: number | undefined }\n >();\n\n // Stop placing a closed Select's listbox and reset its open state.\n const reset = (popup: HTMLElement) => {\n following.get(popup)?.();\n following.delete(popup);\n const root = popup.parentElement!;\n openRoots.delete(root);\n root.removeAttribute('open');\n triggerOf(root).setAttribute('aria-expanded', 'false');\n };\n\n const announce = (root: HTMLElement) => {\n (root as Partial<KuiSelectElement>).syncFormValue?.();\n root.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true }),\n );\n root.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n };\n\n const focusOption = (root: HTMLElement, option: HTMLElement | undefined) => {\n const popup = popupOf(root);\n // A listbox with no options still takes focus, so its keys work.\n (option ?? popup).focus({ preventScroll: true });\n if (option) reveal(option, popup);\n };\n\n const open = (root: HTMLElement, focus: 'chosen' | 'first' | 'last') => {\n const trigger = triggerOf(root);\n const popup = popupOf(root);\n if (trigger.disabled || isOpen(popup)) return;\n popup.showPopover();\n openRoots.add(root);\n root.setAttribute('open', '');\n trigger.setAttribute('aria-expanded', 'true');\n const fit = root.classList.contains('kui-select--fit-menu');\n const place = async () => {\n // Removing an open popover hides it without a toggle event.\n if (!popup.isConnected || !isOpen(popup)) {\n reset(popup);\n return;\n }\n // `fitMenu` matches the trigger; otherwise the listbox takes its\n // content's width within its cap.\n if (fit) popup.style.width = `${trigger.getBoundingClientRect().width}px`;\n await positionPopup(trigger, popup, { placement: 'bottom' });\n };\n const stopFollowing = followAnchor(trigger, popup, () => void place());\n // An application re-render while the listbox is open morphs the trigger\n // and popup back to their rendered (closed) attributes; restore the open\n // state and placement.\n let replacing = false;\n const restore = new MutationObserver(() => {\n // A Select disabled while open closes, so nothing more can be chosen.\n if (trigger.disabled) {\n close(root, false);\n return;\n }\n if (trigger.getAttribute('aria-expanded') !== 'true')\n trigger.setAttribute('aria-expanded', 'true');\n if (popup.style.top || replacing) return;\n // Placement writes its own styles before `top`; restore once.\n replacing = true;\n void place().finally(() => {\n replacing = false;\n });\n });\n restore.observe(trigger, {\n attributeFilter: ['aria-expanded', 'disabled'],\n });\n restore.observe(popup, { attributeFilter: ['style'] });\n following.set(popup, () => {\n restore.disconnect();\n stopFollowing();\n });\n const options = optionsOf(root);\n const target =\n focus === 'last'\n ? options[options.length - 1]\n : focus === 'first'\n ? options[0]\n : (chosenOptions(root)[0] ?? options[0]);\n focusOption(root, target);\n };\n\n const close = (root: HTMLElement, restoreFocus: boolean) => {\n const popup = popupOf(root);\n const focusInside = popup.contains(doc.activeElement);\n popup.hidePopover();\n if (restoreFocus && focusInside)\n triggerOf(root).focus({ preventScroll: true });\n };\n\n const choose = (root: HTMLElement, option: HTMLElement) => {\n if (isDisabled(option) || triggerOf(root).disabled) return;\n const value = optionValue(option);\n const multiple = root.hasAttribute('multiple');\n const values = chosenOptions(root).map(optionValue);\n const next = multiple\n ? values.includes(value)\n ? values.filter((candidate) => candidate !== value)\n : [...values, value]\n : [value];\n if (setChosen(root, next)) announce(root);\n if (!multiple) close(root, true);\n };\n\n const runAction = (root: HTMLElement, action: string) => {\n const next =\n action === 'all'\n ? optionsOf(root)\n .filter((option) => !isDisabled(option))\n .map(optionValue)\n : [];\n if (setChosen(root, next)) announce(root);\n };\n\n const runTypeahead = (root: HTMLElement, key: string): boolean => {\n const state = typeahead.get(root) ?? { query: '', timer: undefined };\n typeahead.set(root, state);\n win.clearTimeout(state.timer);\n state.timer = win.setTimeout(() => {\n state.query = '';\n }, SELECT_TYPEAHEAD_RESET);\n state.query =\n key === 'Backspace'\n ? state.query.slice(0, -1)\n : state.query + key.toLowerCase();\n const match = optionsOf(root).find((option) =>\n labelOf(option).toLowerCase().startsWith(state.query),\n );\n if (!match) return false;\n focusOption(root, match);\n return true;\n };\n\n // A press outside an open Select (and its trigger) closes it.\n doc.addEventListener(\n 'pointerdown',\n (event) => {\n const path = event.composedPath();\n for (const root of [...openRoots]) {\n if (!root.isConnected || !isOpen(popupOf(root))) {\n openRoots.delete(root);\n continue;\n }\n if (!path.includes(root)) close(root, false);\n }\n },\n true,\n );\n\n doc.addEventListener(\n 'click',\n (event) => {\n const target = event.target;\n if (!(target instanceof Element)) return;\n const root = target.closest<HTMLElement>(ROOT);\n if (!root) return;\n const trigger = target.closest(TRIGGER);\n if (trigger?.parentElement === root) {\n const popup = popupOf(root);\n if (popup && isOpen(popup)) close(root, true);\n else open(root, 'chosen');\n return;\n }\n // The visible label focuses the trigger, as a native label would.\n if (target.closest('.kui-select__label')?.parentElement === root) {\n triggerOf(root).focus();\n return;\n }\n const action = target.closest<HTMLElement>('[data-select-action]');\n if (action) {\n runAction(root, action.getAttribute('data-select-action')!);\n return;\n }\n const option = target.closest<HTMLElement>('.kui-select__option');\n if (option) choose(root, option);\n },\n true,\n );\n\n doc.addEventListener(\n 'keydown',\n (event) => {\n const target = event.target;\n if (!(target instanceof Element)) return;\n const root = target.closest<HTMLElement>(ROOT);\n if (!root || event.altKey || event.ctrlKey || event.metaKey) return;\n const popup = popupOf(root);\n const query = typeahead.get(root)?.query ?? '';\n // On the closed trigger: open, or open and find a typed choice.\n if (target.closest(TRIGGER)?.parentElement === root) {\n if (isOpen(popup)) return;\n switch (event.key) {\n case 'Enter':\n case ' ':\n case 'ArrowDown':\n event.preventDefault();\n open(root, 'chosen');\n return;\n case 'ArrowUp':\n event.preventDefault();\n open(root, 'chosen');\n return;\n case 'Home':\n case 'End':\n event.preventDefault();\n open(root, event.key === 'Home' ? 'first' : 'last');\n return;\n default:\n if (event.key.length === 1) {\n event.preventDefault();\n open(root, 'chosen');\n runTypeahead(root, event.key);\n }\n }\n return;\n }\n if (!popup.contains(target) || !isOpen(popup)) return;\n // Footer actions are native buttons: Enter and Space press them.\n const onAction = target.closest('[data-select-action]') !== null;\n const options = optionsOf(root);\n const current = target.closest<HTMLElement>('.kui-select__option');\n const index = current ? options.indexOf(current) : -1;\n const move = (next: HTMLElement | undefined) => {\n event.preventDefault();\n event.stopPropagation();\n focusOption(root, next);\n };\n switch (event.key) {\n case 'ArrowDown':\n move(\n options[index >= 0 && index < options.length - 1 ? index + 1 : 0],\n );\n return;\n case 'ArrowUp':\n move(options[index > 0 ? index - 1 : options.length - 1]);\n return;\n case 'Home':\n move(options[0]);\n return;\n case 'End':\n move(options[options.length - 1]);\n return;\n case 'Escape':\n event.preventDefault();\n event.stopPropagation();\n close(root, true);\n return;\n case 'Tab':\n close(root, false);\n triggerOf(root).focus({ preventScroll: true });\n return;\n case 'Enter':\n if (onAction || !current) return;\n event.preventDefault();\n choose(root, current);\n return;\n case ' ':\n if (onAction || !current) return;\n event.preventDefault();\n if (query) runTypeahead(root, ' ');\n else choose(root, current);\n return;\n default:\n if (\n (event.key.length === 1 || event.key === 'Backspace') &&\n !onAction &&\n runTypeahead(root, event.key)\n ) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n },\n true,\n );\n\n // However a Select closes, its placement stops and its state resets.\n doc.addEventListener(\n 'beforetoggle',\n (event) => {\n const popup = event.target as HTMLElement;\n if (popup.matches(POPUP) && (event as ToggleEvent).newState === 'closed')\n reset(popup);\n },\n true,\n );\n}\n","import { installHelpTags } from '../../../../wiring/help-tags.js';\nimport { installPopupMenus } from '../../../actions/popup-menu/internal/popup-menu-controller.js';\nimport { installSelects } from '../internal/select-controller.js';\n\ninstallSelects();\n// The Catalog's related-entries menus are PopupMenus.\ninstallPopupMenus();\ninstallHelpTags();\n\n/**\n * Marker export for tests and tooling; importing this module defines the\n * `kui-select` root element and wires every `Select` in the document:\n * opening, placement, keyboard navigation and typeahead, choosing, the\n * select-all and clear actions, form participation, and dismissal. It also\n * wires the `Catalog` related-entries `PopupMenu`s and registers the help tag\n * an icon-only trigger shows on hover or keyboard focus.\n */\nexport const selectElementsRegistered = true;\n"]}
|