@k2b/ui 0.1.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +661 -0
- package/README.md +343 -0
- package/dist/.build-complete +0 -0
- package/dist/browser/actions/Button.js +236 -0
- package/dist/browser/actions/Button.js.map +1 -0
- package/dist/browser/actions/ContextMenu.js +199 -0
- package/dist/browser/actions/ContextMenu.js.map +1 -0
- package/dist/browser/actions/CopyButton.js +97 -0
- package/dist/browser/actions/CopyButton.js.map +1 -0
- package/dist/browser/actions/Disclosure.js +83 -0
- package/dist/browser/actions/Disclosure.js.map +1 -0
- package/dist/browser/actions/Dropdown.js +669 -0
- package/dist/browser/actions/Dropdown.js.map +1 -0
- package/dist/browser/actions/FilterChip.js +149 -0
- package/dist/browser/actions/FilterChip.js.map +1 -0
- package/dist/browser/actions/RemoveButton.js +47 -0
- package/dist/browser/actions/RemoveButton.js.map +1 -0
- package/dist/browser/actions/SegmentedControl.js +138 -0
- package/dist/browser/actions/SegmentedControl.js.map +1 -0
- package/dist/browser/actions/SplitButton.js +76 -0
- package/dist/browser/actions/SplitButton.js.map +1 -0
- package/dist/browser/actions/SpotlightSearch.js +87 -0
- package/dist/browser/actions/SpotlightSearch.js.map +1 -0
- package/dist/browser/actions/Tabs.js +185 -0
- package/dist/browser/actions/Tabs.js.map +1 -0
- package/dist/browser/actions/Toolbar.js +87 -0
- package/dist/browser/actions/Toolbar.js.map +1 -0
- package/dist/browser/actions/index.js +13 -0
- package/dist/browser/actions/index.js.map +1 -0
- package/dist/browser/chat/ChatComposer.js +760 -0
- package/dist/browser/chat/ChatComposer.js.map +1 -0
- package/dist/browser/chat/ChatPrimitives.js +688 -0
- package/dist/browser/chat/ChatPrimitives.js.map +1 -0
- package/dist/browser/chat/ChatRoot.js +27 -0
- package/dist/browser/chat/ChatRoot.js.map +1 -0
- package/dist/browser/chat/ChatTimeline.js +404 -0
- package/dist/browser/chat/ChatTimeline.js.map +1 -0
- package/dist/browser/chat/chat-behavior.js +53 -0
- package/dist/browser/chat/chat-behavior.js.map +1 -0
- package/dist/browser/chat/index.js +17 -0
- package/dist/browser/chat/index.js.map +1 -0
- package/dist/browser/chat/types.js +2 -0
- package/dist/browser/chat/types.js.map +1 -0
- package/dist/browser/content/Calendar.js +2168 -0
- package/dist/browser/content/Calendar.js.map +1 -0
- package/dist/browser/content/Chart.js +680 -0
- package/dist/browser/content/Chart.js.map +1 -0
- package/dist/browser/content/CodeDisplay.js +104 -0
- package/dist/browser/content/CodeDisplay.js.map +1 -0
- package/dist/browser/content/DataTable.js +724 -0
- package/dist/browser/content/DataTable.js.map +1 -0
- package/dist/browser/content/Docs.js +227 -0
- package/dist/browser/content/Docs.js.map +1 -0
- package/dist/browser/content/FileBrowser.js +462 -0
- package/dist/browser/content/FileBrowser.js.map +1 -0
- package/dist/browser/content/FileTree.js +453 -0
- package/dist/browser/content/FileTree.js.map +1 -0
- package/dist/browser/content/FileView.js +842 -0
- package/dist/browser/content/FileView.js.map +1 -0
- package/dist/browser/content/Lightbox.js +285 -0
- package/dist/browser/content/Lightbox.js.map +1 -0
- package/dist/browser/content/LogEntriesTable.js +139 -0
- package/dist/browser/content/LogEntriesTable.js.map +1 -0
- package/dist/browser/content/MarkdownView.js +138 -0
- package/dist/browser/content/MarkdownView.js.map +1 -0
- package/dist/browser/content/Pagination.js +182 -0
- package/dist/browser/content/Pagination.js.map +1 -0
- package/dist/browser/content/PdfPreview.js +204 -0
- package/dist/browser/content/PdfPreview.js.map +1 -0
- package/dist/browser/content/RangePicker.js +83 -0
- package/dist/browser/content/RangePicker.js.map +1 -0
- package/dist/browser/content/StructuredDataPreview.js +194 -0
- package/dist/browser/content/StructuredDataPreview.js.map +1 -0
- package/dist/browser/content/calendar-event-layout.js +92 -0
- package/dist/browser/content/calendar-event-layout.js.map +1 -0
- package/dist/browser/content/calendar-pointer.js +114 -0
- package/dist/browser/content/calendar-pointer.js.map +1 -0
- package/dist/browser/content/chart-map-viewport.js +33 -0
- package/dist/browser/content/chart-map-viewport.js.map +1 -0
- package/dist/browser/content/chart-state-timeline.js +124 -0
- package/dist/browser/content/chart-state-timeline.js.map +1 -0
- package/dist/browser/content/code-highlight.js +144 -0
- package/dist/browser/content/code-highlight.js.map +1 -0
- package/dist/browser/content/file-tree.js +93 -0
- package/dist/browser/content/file-tree.js.map +1 -0
- package/dist/browser/content/file-view-preview.js +112 -0
- package/dist/browser/content/file-view-preview.js.map +1 -0
- package/dist/browser/content/index.js +16 -0
- package/dist/browser/content/index.js.map +1 -0
- package/dist/browser/feedback/InlineGuidance.js +46 -0
- package/dist/browser/feedback/InlineGuidance.js.map +1 -0
- package/dist/browser/feedback/Tooltip.js +189 -0
- package/dist/browser/feedback/Tooltip.js.map +1 -0
- package/dist/browser/feedback/dialog-core.js +207 -0
- package/dist/browser/feedback/dialog-core.js.map +1 -0
- package/dist/browser/feedback/index.js +6 -0
- package/dist/browser/feedback/index.js.map +1 -0
- package/dist/browser/feedback/prompts.js +991 -0
- package/dist/browser/feedback/prompts.js.map +1 -0
- package/dist/browser/feedback/toast.js +271 -0
- package/dist/browser/feedback/toast.js.map +1 -0
- package/dist/browser/feedback/tooltip-position.js +25 -0
- package/dist/browser/feedback/tooltip-position.js.map +1 -0
- package/dist/browser/index.js +11 -0
- package/dist/browser/index.js.map +1 -0
- package/dist/browser/inputs/AutocompleteEditor.js +610 -0
- package/dist/browser/inputs/AutocompleteEditor.js.map +1 -0
- package/dist/browser/inputs/AutocompleteSelect.js +632 -0
- package/dist/browser/inputs/AutocompleteSelect.js.map +1 -0
- package/dist/browser/inputs/Checkbox.js +137 -0
- package/dist/browser/inputs/Checkbox.js.map +1 -0
- package/dist/browser/inputs/CheckboxCard.js +130 -0
- package/dist/browser/inputs/CheckboxCard.js.map +1 -0
- package/dist/browser/inputs/ChoiceGroups.js +174 -0
- package/dist/browser/inputs/ChoiceGroups.js.map +1 -0
- package/dist/browser/inputs/ChoiceInputs.js +400 -0
- package/dist/browser/inputs/ChoiceInputs.js.map +1 -0
- package/dist/browser/inputs/Combobox.js +274 -0
- package/dist/browser/inputs/Combobox.js.map +1 -0
- package/dist/browser/inputs/DatePicker.js +923 -0
- package/dist/browser/inputs/DatePicker.js.map +1 -0
- package/dist/browser/inputs/FileInputs.js +736 -0
- package/dist/browser/inputs/FileInputs.js.map +1 -0
- package/dist/browser/inputs/MultiSelectInput.js +565 -0
- package/dist/browser/inputs/MultiSelectInput.js.map +1 -0
- package/dist/browser/inputs/NumberInput.js +288 -0
- package/dist/browser/inputs/NumberInput.js.map +1 -0
- package/dist/browser/inputs/Select.js +507 -0
- package/dist/browser/inputs/Select.js.map +1 -0
- package/dist/browser/inputs/SelectChip.js +151 -0
- package/dist/browser/inputs/SelectChip.js.map +1 -0
- package/dist/browser/inputs/SpecialInputs.js +117 -0
- package/dist/browser/inputs/SpecialInputs.js.map +1 -0
- package/dist/browser/inputs/Switch.js +117 -0
- package/dist/browser/inputs/Switch.js.map +1 -0
- package/dist/browser/inputs/TagEditor.js +358 -0
- package/dist/browser/inputs/TagEditor.js.map +1 -0
- package/dist/browser/inputs/TagsInput.js +195 -0
- package/dist/browser/inputs/TagsInput.js.map +1 -0
- package/dist/browser/inputs/TemplateEditor.js +190 -0
- package/dist/browser/inputs/TemplateEditor.js.map +1 -0
- package/dist/browser/inputs/TextInput.js +318 -0
- package/dist/browser/inputs/TextInput.js.map +1 -0
- package/dist/browser/inputs/choice.js +188 -0
- package/dist/browser/inputs/choice.js.map +1 -0
- package/dist/browser/inputs/completion/behaviors.js +108 -0
- package/dist/browser/inputs/completion/behaviors.js.map +1 -0
- package/dist/browser/inputs/completion/engine.js +103 -0
- package/dist/browser/inputs/completion/engine.js.map +1 -0
- package/dist/browser/inputs/completion/index.js +4 -0
- package/dist/browser/inputs/completion/index.js.map +1 -0
- package/dist/browser/inputs/completion/overlay.js +25 -0
- package/dist/browser/inputs/completion/overlay.js.map +1 -0
- package/dist/browser/inputs/date-picker.js +123 -0
- package/dist/browser/inputs/date-picker.js.map +1 -0
- package/dist/browser/inputs/editor-dom.js +26 -0
- package/dist/browser/inputs/editor-dom.js.map +1 -0
- package/dist/browser/inputs/field-contract.js +9 -0
- package/dist/browser/inputs/field-contract.js.map +1 -0
- package/dist/browser/inputs/icon-options.js +46 -0
- package/dist/browser/inputs/icon-options.js.map +1 -0
- package/dist/browser/inputs/image-crop.js +145 -0
- package/dist/browser/inputs/image-crop.js.map +1 -0
- package/dist/browser/inputs/index.js +23 -0
- package/dist/browser/inputs/index.js.map +1 -0
- package/dist/browser/inputs/markdown/MarkdownEditor.js +725 -0
- package/dist/browser/inputs/markdown/MarkdownEditor.js.map +1 -0
- package/dist/browser/inputs/markdown/Toolbar.js +172 -0
- package/dist/browser/inputs/markdown/Toolbar.js.map +1 -0
- package/dist/browser/inputs/markdown/actions.js +140 -0
- package/dist/browser/inputs/markdown/actions.js.map +1 -0
- package/dist/browser/inputs/markdown/active-formats.js +36 -0
- package/dist/browser/inputs/markdown/active-formats.js.map +1 -0
- package/dist/browser/inputs/markdown/behaviors.js +63 -0
- package/dist/browser/inputs/markdown/behaviors.js.map +1 -0
- package/dist/browser/inputs/markdown/code-zone.js +8 -0
- package/dist/browser/inputs/markdown/code-zone.js.map +1 -0
- package/dist/browser/internal/color.js +18 -0
- package/dist/browser/internal/color.js.map +1 -0
- package/dist/browser/internal/field.js +158 -0
- package/dist/browser/internal/field.js.map +1 -0
- package/dist/browser/internal/portal.js +17 -0
- package/dist/browser/internal/portal.js.map +1 -0
- package/dist/browser/intl/Format.js +273 -0
- package/dist/browser/intl/Format.js.map +1 -0
- package/dist/browser/intl/index.js +3 -0
- package/dist/browser/intl/index.js.map +1 -0
- package/dist/browser/intl/locale.js +63 -0
- package/dist/browser/intl/locale.js.map +1 -0
- package/dist/browser/intl/messages.js +753 -0
- package/dist/browser/intl/messages.js.map +1 -0
- package/dist/browser/layout/AppOverview.js +151 -0
- package/dist/browser/layout/AppOverview.js.map +1 -0
- package/dist/browser/layout/AppWorkspace.js +1502 -0
- package/dist/browser/layout/AppWorkspace.js.map +1 -0
- package/dist/browser/layout/DataPanel.js +122 -0
- package/dist/browser/layout/DataPanel.js.map +1 -0
- package/dist/browser/layout/DetailPanel.js +484 -0
- package/dist/browser/layout/DetailPanel.js.map +1 -0
- package/dist/browser/layout/Discussion.js +511 -0
- package/dist/browser/layout/Discussion.js.map +1 -0
- package/dist/browser/layout/FloatingWindow.js +332 -0
- package/dist/browser/layout/FloatingWindow.js.map +1 -0
- package/dist/browser/layout/PanelDialog.js +236 -0
- package/dist/browser/layout/PanelDialog.js.map +1 -0
- package/dist/browser/layout/PanelHeader.js +91 -0
- package/dist/browser/layout/PanelHeader.js.map +1 -0
- package/dist/browser/layout/Panes.js +978 -0
- package/dist/browser/layout/Panes.js.map +1 -0
- package/dist/browser/layout/ScrollArea.js +29 -0
- package/dist/browser/layout/ScrollArea.js.map +1 -0
- package/dist/browser/layout/Settings.js +381 -0
- package/dist/browser/layout/Settings.js.map +1 -0
- package/dist/browser/layout/SettingsCollection.js +212 -0
- package/dist/browser/layout/SettingsCollection.js.map +1 -0
- package/dist/browser/layout/SettingsModal.js +281 -0
- package/dist/browser/layout/SettingsModal.js.map +1 -0
- package/dist/browser/layout/app-workspace-controller.js +419 -0
- package/dist/browser/layout/app-workspace-controller.js.map +1 -0
- package/dist/browser/layout/app-workspace-state.js +125 -0
- package/dist/browser/layout/app-workspace-state.js.map +1 -0
- package/dist/browser/layout/floating-window-geometry.js +15 -0
- package/dist/browser/layout/floating-window-geometry.js.map +1 -0
- package/dist/browser/layout/index.js +17 -0
- package/dist/browser/layout/index.js.map +1 -0
- package/dist/browser/layout/panes-layout.js +436 -0
- package/dist/browser/layout/panes-layout.js.map +1 -0
- package/dist/browser/layout/stable-id.js +17 -0
- package/dist/browser/layout/stable-id.js.map +1 -0
- package/dist/browser/semantics.js +2 -0
- package/dist/browser/semantics.js.map +1 -0
- package/dist/browser/surfaces/Avatar.js +97 -0
- package/dist/browser/surfaces/Avatar.js.map +1 -0
- package/dist/browser/surfaces/DescriptionList.js +66 -0
- package/dist/browser/surfaces/DescriptionList.js.map +1 -0
- package/dist/browser/surfaces/LinkCard.js +40 -0
- package/dist/browser/surfaces/LinkCard.js.map +1 -0
- package/dist/browser/surfaces/NotFoundState.js +85 -0
- package/dist/browser/surfaces/NotFoundState.js.map +1 -0
- package/dist/browser/surfaces/NoticeCard.js +145 -0
- package/dist/browser/surfaces/NoticeCard.js.map +1 -0
- package/dist/browser/surfaces/Paper.js +33 -0
- package/dist/browser/surfaces/Paper.js.map +1 -0
- package/dist/browser/surfaces/Placeholder.js +90 -0
- package/dist/browser/surfaces/Placeholder.js.map +1 -0
- package/dist/browser/surfaces/ProgressBar.js +58 -0
- package/dist/browser/surfaces/ProgressBar.js.map +1 -0
- package/dist/browser/surfaces/StatCell.js +172 -0
- package/dist/browser/surfaces/StatCell.js.map +1 -0
- package/dist/browser/surfaces/StatGrid.js +80 -0
- package/dist/browser/surfaces/StatGrid.js.map +1 -0
- package/dist/browser/surfaces/StatusBadge.js +70 -0
- package/dist/browser/surfaces/StatusBadge.js.map +1 -0
- package/dist/browser/surfaces/Tag.js +94 -0
- package/dist/browser/surfaces/Tag.js.map +1 -0
- package/dist/browser/surfaces/index.js +13 -0
- package/dist/browser/surfaces/index.js.map +1 -0
- package/dist/browser/widgets/Widget.js +89 -0
- package/dist/browser/widgets/Widget.js.map +1 -0
- package/dist/browser/widgets/WidgetHero.js +47 -0
- package/dist/browser/widgets/WidgetHero.js.map +1 -0
- package/dist/browser/widgets/WidgetList.js +125 -0
- package/dist/browser/widgets/WidgetList.js.map +1 -0
- package/dist/browser/widgets/WidgetPills.js +78 -0
- package/dist/browser/widgets/WidgetPills.js.map +1 -0
- package/dist/browser/widgets/WidgetStat.js +114 -0
- package/dist/browser/widgets/WidgetStat.js.map +1 -0
- package/dist/browser/widgets/WidgetStatus.js +54 -0
- package/dist/browser/widgets/WidgetStatus.js.map +1 -0
- package/dist/browser/widgets/index.js +7 -0
- package/dist/browser/widgets/index.js.map +1 -0
- package/dist/global.css +3 -0
- package/dist/licenses/ibm-plex-mono.txt +93 -0
- package/dist/licenses/ibm-plex-sans.txt +93 -0
- package/dist/licenses/tabler-icons.txt +21 -0
- package/dist/plex.css +1 -0
- package/dist/ssr/actions/Button.js +203 -0
- package/dist/ssr/actions/Button.js.map +1 -0
- package/dist/ssr/actions/ContextMenu.js +128 -0
- package/dist/ssr/actions/ContextMenu.js.map +1 -0
- package/dist/ssr/actions/CopyButton.js +79 -0
- package/dist/ssr/actions/CopyButton.js.map +1 -0
- package/dist/ssr/actions/Disclosure.js +26 -0
- package/dist/ssr/actions/Disclosure.js.map +1 -0
- package/dist/ssr/actions/Dropdown.js +443 -0
- package/dist/ssr/actions/Dropdown.js.map +1 -0
- package/dist/ssr/actions/FilterChip.js +132 -0
- package/dist/ssr/actions/FilterChip.js.map +1 -0
- package/dist/ssr/actions/RemoveButton.js +45 -0
- package/dist/ssr/actions/RemoveButton.js.map +1 -0
- package/dist/ssr/actions/SegmentedControl.js +57 -0
- package/dist/ssr/actions/SegmentedControl.js.map +1 -0
- package/dist/ssr/actions/SplitButton.js +74 -0
- package/dist/ssr/actions/SplitButton.js.map +1 -0
- package/dist/ssr/actions/SpotlightSearch.js +38 -0
- package/dist/ssr/actions/SpotlightSearch.js.map +1 -0
- package/dist/ssr/actions/Tabs.js +91 -0
- package/dist/ssr/actions/Tabs.js.map +1 -0
- package/dist/ssr/actions/Toolbar.js +33 -0
- package/dist/ssr/actions/Toolbar.js.map +1 -0
- package/dist/ssr/actions/index.js +13 -0
- package/dist/ssr/actions/index.js.map +1 -0
- package/dist/ssr/chat/ChatComposer.js +392 -0
- package/dist/ssr/chat/ChatComposer.js.map +1 -0
- package/dist/ssr/chat/ChatPrimitives.js +377 -0
- package/dist/ssr/chat/ChatPrimitives.js.map +1 -0
- package/dist/ssr/chat/ChatRoot.js +10 -0
- package/dist/ssr/chat/ChatRoot.js.map +1 -0
- package/dist/ssr/chat/ChatTimeline.js +301 -0
- package/dist/ssr/chat/ChatTimeline.js.map +1 -0
- package/dist/ssr/chat/chat-behavior.js +53 -0
- package/dist/ssr/chat/chat-behavior.js.map +1 -0
- package/dist/ssr/chat/index.js +17 -0
- package/dist/ssr/chat/index.js.map +1 -0
- package/dist/ssr/chat/types.js +2 -0
- package/dist/ssr/chat/types.js.map +1 -0
- package/dist/ssr/content/Calendar.js +1542 -0
- package/dist/ssr/content/Calendar.js.map +1 -0
- package/dist/ssr/content/Chart.js +552 -0
- package/dist/ssr/content/Chart.js.map +1 -0
- package/dist/ssr/content/CodeDisplay.js +55 -0
- package/dist/ssr/content/CodeDisplay.js.map +1 -0
- package/dist/ssr/content/DataTable.js +470 -0
- package/dist/ssr/content/DataTable.js.map +1 -0
- package/dist/ssr/content/Docs.js +108 -0
- package/dist/ssr/content/Docs.js.map +1 -0
- package/dist/ssr/content/FileBrowser.js +422 -0
- package/dist/ssr/content/FileBrowser.js.map +1 -0
- package/dist/ssr/content/FileTree.js +299 -0
- package/dist/ssr/content/FileTree.js.map +1 -0
- package/dist/ssr/content/FileView.js +612 -0
- package/dist/ssr/content/FileView.js.map +1 -0
- package/dist/ssr/content/Lightbox.js +164 -0
- package/dist/ssr/content/Lightbox.js.map +1 -0
- package/dist/ssr/content/LogEntriesTable.js +106 -0
- package/dist/ssr/content/LogEntriesTable.js.map +1 -0
- package/dist/ssr/content/MarkdownView.js +119 -0
- package/dist/ssr/content/MarkdownView.js.map +1 -0
- package/dist/ssr/content/Pagination.js +141 -0
- package/dist/ssr/content/Pagination.js.map +1 -0
- package/dist/ssr/content/PdfPreview.js +126 -0
- package/dist/ssr/content/PdfPreview.js.map +1 -0
- package/dist/ssr/content/RangePicker.js +35 -0
- package/dist/ssr/content/RangePicker.js.map +1 -0
- package/dist/ssr/content/StructuredDataPreview.js +127 -0
- package/dist/ssr/content/StructuredDataPreview.js.map +1 -0
- package/dist/ssr/content/calendar-event-layout.js +92 -0
- package/dist/ssr/content/calendar-event-layout.js.map +1 -0
- package/dist/ssr/content/calendar-pointer.js +114 -0
- package/dist/ssr/content/calendar-pointer.js.map +1 -0
- package/dist/ssr/content/chart-map-viewport.js +33 -0
- package/dist/ssr/content/chart-map-viewport.js.map +1 -0
- package/dist/ssr/content/chart-state-timeline.js +124 -0
- package/dist/ssr/content/chart-state-timeline.js.map +1 -0
- package/dist/ssr/content/code-highlight.js +144 -0
- package/dist/ssr/content/code-highlight.js.map +1 -0
- package/dist/ssr/content/file-tree.js +93 -0
- package/dist/ssr/content/file-tree.js.map +1 -0
- package/dist/ssr/content/file-view-preview.js +112 -0
- package/dist/ssr/content/file-view-preview.js.map +1 -0
- package/dist/ssr/content/index.js +16 -0
- package/dist/ssr/content/index.js.map +1 -0
- package/dist/ssr/feedback/InlineGuidance.js +26 -0
- package/dist/ssr/feedback/InlineGuidance.js.map +1 -0
- package/dist/ssr/feedback/Tooltip.js +156 -0
- package/dist/ssr/feedback/Tooltip.js.map +1 -0
- package/dist/ssr/feedback/dialog-core.js +207 -0
- package/dist/ssr/feedback/dialog-core.js.map +1 -0
- package/dist/ssr/feedback/index.js +6 -0
- package/dist/ssr/feedback/index.js.map +1 -0
- package/dist/ssr/feedback/prompts.js +703 -0
- package/dist/ssr/feedback/prompts.js.map +1 -0
- package/dist/ssr/feedback/toast.js +271 -0
- package/dist/ssr/feedback/toast.js.map +1 -0
- package/dist/ssr/feedback/tooltip-position.js +25 -0
- package/dist/ssr/feedback/tooltip-position.js.map +1 -0
- package/dist/ssr/index.js +11 -0
- package/dist/ssr/index.js.map +1 -0
- package/dist/ssr/inputs/AutocompleteEditor.js +463 -0
- package/dist/ssr/inputs/AutocompleteEditor.js.map +1 -0
- package/dist/ssr/inputs/AutocompleteSelect.js +420 -0
- package/dist/ssr/inputs/AutocompleteSelect.js.map +1 -0
- package/dist/ssr/inputs/Checkbox.js +75 -0
- package/dist/ssr/inputs/Checkbox.js.map +1 -0
- package/dist/ssr/inputs/CheckboxCard.js +69 -0
- package/dist/ssr/inputs/CheckboxCard.js.map +1 -0
- package/dist/ssr/inputs/ChoiceGroups.js +101 -0
- package/dist/ssr/inputs/ChoiceGroups.js.map +1 -0
- package/dist/ssr/inputs/ChoiceInputs.js +250 -0
- package/dist/ssr/inputs/ChoiceInputs.js.map +1 -0
- package/dist/ssr/inputs/Combobox.js +177 -0
- package/dist/ssr/inputs/Combobox.js.map +1 -0
- package/dist/ssr/inputs/DatePicker.js +629 -0
- package/dist/ssr/inputs/DatePicker.js.map +1 -0
- package/dist/ssr/inputs/FileInputs.js +543 -0
- package/dist/ssr/inputs/FileInputs.js.map +1 -0
- package/dist/ssr/inputs/MultiSelectInput.js +347 -0
- package/dist/ssr/inputs/MultiSelectInput.js.map +1 -0
- package/dist/ssr/inputs/NumberInput.js +177 -0
- package/dist/ssr/inputs/NumberInput.js.map +1 -0
- package/dist/ssr/inputs/Select.js +308 -0
- package/dist/ssr/inputs/Select.js.map +1 -0
- package/dist/ssr/inputs/SelectChip.js +129 -0
- package/dist/ssr/inputs/SelectChip.js.map +1 -0
- package/dist/ssr/inputs/SpecialInputs.js +116 -0
- package/dist/ssr/inputs/SpecialInputs.js.map +1 -0
- package/dist/ssr/inputs/Switch.js +62 -0
- package/dist/ssr/inputs/Switch.js.map +1 -0
- package/dist/ssr/inputs/TagEditor.js +280 -0
- package/dist/ssr/inputs/TagEditor.js.map +1 -0
- package/dist/ssr/inputs/TagsInput.js +122 -0
- package/dist/ssr/inputs/TagsInput.js.map +1 -0
- package/dist/ssr/inputs/TemplateEditor.js +164 -0
- package/dist/ssr/inputs/TemplateEditor.js.map +1 -0
- package/dist/ssr/inputs/TextInput.js +211 -0
- package/dist/ssr/inputs/TextInput.js.map +1 -0
- package/dist/ssr/inputs/choice.js +188 -0
- package/dist/ssr/inputs/choice.js.map +1 -0
- package/dist/ssr/inputs/completion/behaviors.js +108 -0
- package/dist/ssr/inputs/completion/behaviors.js.map +1 -0
- package/dist/ssr/inputs/completion/engine.js +103 -0
- package/dist/ssr/inputs/completion/engine.js.map +1 -0
- package/dist/ssr/inputs/completion/index.js +4 -0
- package/dist/ssr/inputs/completion/index.js.map +1 -0
- package/dist/ssr/inputs/completion/overlay.js +25 -0
- package/dist/ssr/inputs/completion/overlay.js.map +1 -0
- package/dist/ssr/inputs/date-picker.js +123 -0
- package/dist/ssr/inputs/date-picker.js.map +1 -0
- package/dist/ssr/inputs/editor-dom.js +26 -0
- package/dist/ssr/inputs/editor-dom.js.map +1 -0
- package/dist/ssr/inputs/field-contract.js +9 -0
- package/dist/ssr/inputs/field-contract.js.map +1 -0
- package/dist/ssr/inputs/icon-options.js +46 -0
- package/dist/ssr/inputs/icon-options.js.map +1 -0
- package/dist/ssr/inputs/image-crop.js +145 -0
- package/dist/ssr/inputs/image-crop.js.map +1 -0
- package/dist/ssr/inputs/index.js +23 -0
- package/dist/ssr/inputs/index.js.map +1 -0
- package/dist/ssr/inputs/markdown/MarkdownEditor.js +516 -0
- package/dist/ssr/inputs/markdown/MarkdownEditor.js.map +1 -0
- package/dist/ssr/inputs/markdown/Toolbar.js +115 -0
- package/dist/ssr/inputs/markdown/Toolbar.js.map +1 -0
- package/dist/ssr/inputs/markdown/actions.js +140 -0
- package/dist/ssr/inputs/markdown/actions.js.map +1 -0
- package/dist/ssr/inputs/markdown/active-formats.js +36 -0
- package/dist/ssr/inputs/markdown/active-formats.js.map +1 -0
- package/dist/ssr/inputs/markdown/behaviors.js +63 -0
- package/dist/ssr/inputs/markdown/behaviors.js.map +1 -0
- package/dist/ssr/inputs/markdown/code-zone.js +8 -0
- package/dist/ssr/inputs/markdown/code-zone.js.map +1 -0
- package/dist/ssr/internal/color.js +18 -0
- package/dist/ssr/internal/color.js.map +1 -0
- package/dist/ssr/internal/field.js +90 -0
- package/dist/ssr/internal/field.js.map +1 -0
- package/dist/ssr/internal/portal.js +17 -0
- package/dist/ssr/internal/portal.js.map +1 -0
- package/dist/ssr/intl/Format.js +192 -0
- package/dist/ssr/intl/Format.js.map +1 -0
- package/dist/ssr/intl/index.js +3 -0
- package/dist/ssr/intl/index.js.map +1 -0
- package/dist/ssr/intl/locale.js +63 -0
- package/dist/ssr/intl/locale.js.map +1 -0
- package/dist/ssr/intl/messages.js +753 -0
- package/dist/ssr/intl/messages.js.map +1 -0
- package/dist/ssr/layout/AppOverview.js +85 -0
- package/dist/ssr/layout/AppOverview.js.map +1 -0
- package/dist/ssr/layout/AppWorkspace.js +976 -0
- package/dist/ssr/layout/AppWorkspace.js.map +1 -0
- package/dist/ssr/layout/DataPanel.js +101 -0
- package/dist/ssr/layout/DataPanel.js.map +1 -0
- package/dist/ssr/layout/DetailPanel.js +284 -0
- package/dist/ssr/layout/DetailPanel.js.map +1 -0
- package/dist/ssr/layout/Discussion.js +319 -0
- package/dist/ssr/layout/Discussion.js.map +1 -0
- package/dist/ssr/layout/FloatingWindow.js +259 -0
- package/dist/ssr/layout/FloatingWindow.js.map +1 -0
- package/dist/ssr/layout/PanelDialog.js +136 -0
- package/dist/ssr/layout/PanelDialog.js.map +1 -0
- package/dist/ssr/layout/PanelHeader.js +45 -0
- package/dist/ssr/layout/PanelHeader.js.map +1 -0
- package/dist/ssr/layout/Panes.js +678 -0
- package/dist/ssr/layout/Panes.js.map +1 -0
- package/dist/ssr/layout/ScrollArea.js +18 -0
- package/dist/ssr/layout/ScrollArea.js.map +1 -0
- package/dist/ssr/layout/Settings.js +219 -0
- package/dist/ssr/layout/Settings.js.map +1 -0
- package/dist/ssr/layout/SettingsCollection.js +150 -0
- package/dist/ssr/layout/SettingsCollection.js.map +1 -0
- package/dist/ssr/layout/SettingsModal.js +156 -0
- package/dist/ssr/layout/SettingsModal.js.map +1 -0
- package/dist/ssr/layout/app-workspace-controller.js +419 -0
- package/dist/ssr/layout/app-workspace-controller.js.map +1 -0
- package/dist/ssr/layout/app-workspace-state.js +125 -0
- package/dist/ssr/layout/app-workspace-state.js.map +1 -0
- package/dist/ssr/layout/floating-window-geometry.js +15 -0
- package/dist/ssr/layout/floating-window-geometry.js.map +1 -0
- package/dist/ssr/layout/index.js +17 -0
- package/dist/ssr/layout/index.js.map +1 -0
- package/dist/ssr/layout/panes-layout.js +436 -0
- package/dist/ssr/layout/panes-layout.js.map +1 -0
- package/dist/ssr/layout/stable-id.js +17 -0
- package/dist/ssr/layout/stable-id.js.map +1 -0
- package/dist/ssr/semantics.js +2 -0
- package/dist/ssr/semantics.js.map +1 -0
- package/dist/ssr/surfaces/Avatar.js +43 -0
- package/dist/ssr/surfaces/Avatar.js.map +1 -0
- package/dist/ssr/surfaces/DescriptionList.js +25 -0
- package/dist/ssr/surfaces/DescriptionList.js.map +1 -0
- package/dist/ssr/surfaces/LinkCard.js +25 -0
- package/dist/ssr/surfaces/LinkCard.js.map +1 -0
- package/dist/ssr/surfaces/NotFoundState.js +38 -0
- package/dist/ssr/surfaces/NotFoundState.js.map +1 -0
- package/dist/ssr/surfaces/NoticeCard.js +83 -0
- package/dist/ssr/surfaces/NoticeCard.js.map +1 -0
- package/dist/ssr/surfaces/Paper.js +32 -0
- package/dist/ssr/surfaces/Paper.js.map +1 -0
- package/dist/ssr/surfaces/Placeholder.js +76 -0
- package/dist/ssr/surfaces/Placeholder.js.map +1 -0
- package/dist/ssr/surfaces/ProgressBar.js +13 -0
- package/dist/ssr/surfaces/ProgressBar.js.map +1 -0
- package/dist/ssr/surfaces/StatCell.js +80 -0
- package/dist/ssr/surfaces/StatCell.js.map +1 -0
- package/dist/ssr/surfaces/StatGrid.js +62 -0
- package/dist/ssr/surfaces/StatGrid.js.map +1 -0
- package/dist/ssr/surfaces/StatusBadge.js +38 -0
- package/dist/ssr/surfaces/StatusBadge.js.map +1 -0
- package/dist/ssr/surfaces/Tag.js +32 -0
- package/dist/ssr/surfaces/Tag.js.map +1 -0
- package/dist/ssr/surfaces/index.js +13 -0
- package/dist/ssr/surfaces/index.js.map +1 -0
- package/dist/ssr/widgets/Widget.js +54 -0
- package/dist/ssr/widgets/Widget.js.map +1 -0
- package/dist/ssr/widgets/WidgetHero.js +23 -0
- package/dist/ssr/widgets/WidgetHero.js.map +1 -0
- package/dist/ssr/widgets/WidgetList.js +73 -0
- package/dist/ssr/widgets/WidgetList.js.map +1 -0
- package/dist/ssr/widgets/WidgetPills.js +40 -0
- package/dist/ssr/widgets/WidgetPills.js.map +1 -0
- package/dist/ssr/widgets/WidgetStat.js +45 -0
- package/dist/ssr/widgets/WidgetStat.js.map +1 -0
- package/dist/ssr/widgets/WidgetStatus.js +23 -0
- package/dist/ssr/widgets/WidgetStatus.js.map +1 -0
- package/dist/ssr/widgets/index.js +7 -0
- package/dist/ssr/widgets/index.js.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/tabler-icons-q30jt7jk.woff2 +0 -0
- package/dist/tabler.css +4 -0
- package/package.json +77 -0
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import { ssrElement as _$ssrElement } from "solid-js/web";
|
|
2
|
+
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
3
|
+
import { escape as _$escape } from "solid-js/web";
|
|
4
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
5
|
+
import { ssr as _$ssr } from "solid-js/web";
|
|
6
|
+
var _tmpl$ = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
|
|
7
|
+
_tmpl$2 = ["<span class=\"k2b-button__label\">", "</span>"];
|
|
8
|
+
import { Link } from "@k2b/ssr/nav";
|
|
9
|
+
import { Show, splitProps } from "solid-js";
|
|
10
|
+
import { Tooltip } from "../feedback/Tooltip";
|
|
11
|
+
const buttonClass = className => ["k2b-button", className].filter(Boolean).join(" ");
|
|
12
|
+
export function Button(props) {
|
|
13
|
+
const [local, rest] = splitProps(props, ["children", "class", "disabled", "loading", "loadingLabel", "ref", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "type", "variant"]);
|
|
14
|
+
let target;
|
|
15
|
+
const setRef = element => {
|
|
16
|
+
target = element;
|
|
17
|
+
if (typeof local.ref === "function") local.ref(element);
|
|
18
|
+
};
|
|
19
|
+
const control = _$ssrElement("button", _$mergeProps(rest, {
|
|
20
|
+
get type() {
|
|
21
|
+
return local.type ?? "button";
|
|
22
|
+
},
|
|
23
|
+
get ["class"]() {
|
|
24
|
+
return buttonClass(local.class);
|
|
25
|
+
},
|
|
26
|
+
get ["data-size"]() {
|
|
27
|
+
return local.size ?? "md";
|
|
28
|
+
},
|
|
29
|
+
get ["data-variant"]() {
|
|
30
|
+
return local.variant ?? "primary";
|
|
31
|
+
},
|
|
32
|
+
get disabled() {
|
|
33
|
+
return local.disabled || local.loading;
|
|
34
|
+
},
|
|
35
|
+
get ["aria-busy"]() {
|
|
36
|
+
return local.loading ? "true" : undefined;
|
|
37
|
+
}
|
|
38
|
+
}), [_$escape(_$createComponent(Show, {
|
|
39
|
+
get when() {
|
|
40
|
+
return local.loading;
|
|
41
|
+
},
|
|
42
|
+
get children() {
|
|
43
|
+
return _$ssr(_tmpl$);
|
|
44
|
+
}
|
|
45
|
+
})), _$ssr(_tmpl$2, _$escape(_$createComponent(Show, {
|
|
46
|
+
get when() {
|
|
47
|
+
return local.loading && local.loadingLabel;
|
|
48
|
+
},
|
|
49
|
+
get fallback() {
|
|
50
|
+
return local.children;
|
|
51
|
+
},
|
|
52
|
+
get children() {
|
|
53
|
+
return local.loadingLabel;
|
|
54
|
+
}
|
|
55
|
+
})))], false);
|
|
56
|
+
return [control, _$createComponent(Show, {
|
|
57
|
+
get when() {
|
|
58
|
+
return local.tooltip !== false && local.tooltip !== undefined;
|
|
59
|
+
},
|
|
60
|
+
get children() {
|
|
61
|
+
return _$createComponent(Tooltip, {
|
|
62
|
+
get content() {
|
|
63
|
+
return local.tooltip;
|
|
64
|
+
},
|
|
65
|
+
target: () => target,
|
|
66
|
+
get delay() {
|
|
67
|
+
return local.tooltipDelay;
|
|
68
|
+
},
|
|
69
|
+
get disabled() {
|
|
70
|
+
return local.disabled || local.loading;
|
|
71
|
+
},
|
|
72
|
+
get placement() {
|
|
73
|
+
return local.tooltipPlacement;
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
})];
|
|
78
|
+
}
|
|
79
|
+
export function ButtonLink(props) {
|
|
80
|
+
const [local, rest] = splitProps(props, ["children", "class", "href", "navigation", "onClick", "onNavigate", "replace", "ref", "scroll", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "variant"]);
|
|
81
|
+
let target;
|
|
82
|
+
const setRef = element => {
|
|
83
|
+
target = element;
|
|
84
|
+
if (typeof local.ref === "function") local.ref(element);
|
|
85
|
+
};
|
|
86
|
+
const className = buttonClass(local.class);
|
|
87
|
+
const content = _$ssr(_tmpl$2, _$escape(local.children));
|
|
88
|
+
const tooltip = () => _$createComponent(Show, {
|
|
89
|
+
get when() {
|
|
90
|
+
return local.tooltip !== false && local.tooltip !== undefined;
|
|
91
|
+
},
|
|
92
|
+
get children() {
|
|
93
|
+
return _$createComponent(Tooltip, {
|
|
94
|
+
get content() {
|
|
95
|
+
return local.tooltip;
|
|
96
|
+
},
|
|
97
|
+
target: () => target,
|
|
98
|
+
get delay() {
|
|
99
|
+
return local.tooltipDelay;
|
|
100
|
+
},
|
|
101
|
+
get placement() {
|
|
102
|
+
return local.tooltipPlacement;
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
if (local.navigation === "enhanced" && local.href && local.onNavigate) {
|
|
108
|
+
return [_$createComponent(Link, _$mergeProps(rest, {
|
|
109
|
+
get href() {
|
|
110
|
+
return local.href;
|
|
111
|
+
},
|
|
112
|
+
"class": className,
|
|
113
|
+
get ["data-size"]() {
|
|
114
|
+
return local.size ?? "md";
|
|
115
|
+
},
|
|
116
|
+
get ["data-variant"]() {
|
|
117
|
+
return local.variant ?? "primary";
|
|
118
|
+
},
|
|
119
|
+
get onClick() {
|
|
120
|
+
return local.onClick;
|
|
121
|
+
},
|
|
122
|
+
get onNavigate() {
|
|
123
|
+
return local.onNavigate;
|
|
124
|
+
},
|
|
125
|
+
get replace() {
|
|
126
|
+
return local.replace;
|
|
127
|
+
},
|
|
128
|
+
get scroll() {
|
|
129
|
+
return local.scroll;
|
|
130
|
+
},
|
|
131
|
+
children: content
|
|
132
|
+
})), tooltip()];
|
|
133
|
+
}
|
|
134
|
+
return [_$ssrElement("a", _$mergeProps(rest, {
|
|
135
|
+
get href() {
|
|
136
|
+
return local.href;
|
|
137
|
+
},
|
|
138
|
+
"class": className,
|
|
139
|
+
get ["data-size"]() {
|
|
140
|
+
return local.size ?? "md";
|
|
141
|
+
},
|
|
142
|
+
get ["data-variant"]() {
|
|
143
|
+
return local.variant ?? "primary";
|
|
144
|
+
}
|
|
145
|
+
}), _$escape(content), false), tooltip()];
|
|
146
|
+
}
|
|
147
|
+
export function IconButton(props) {
|
|
148
|
+
const [local, rest] = splitProps(props, ["children", "class", "label", "loading", "loadingLabel", "tooltip", "variant"]);
|
|
149
|
+
return _$createComponent(Button, _$mergeProps(rest, {
|
|
150
|
+
get loading() {
|
|
151
|
+
return local.loading;
|
|
152
|
+
},
|
|
153
|
+
get variant() {
|
|
154
|
+
return local.variant ?? "ghost";
|
|
155
|
+
},
|
|
156
|
+
get ["class"]() {
|
|
157
|
+
return `k2b-icon-button ${local.class ?? ""}`;
|
|
158
|
+
},
|
|
159
|
+
get ["aria-label"]() {
|
|
160
|
+
return local.loading ? local.loadingLabel ?? local.label : local.label;
|
|
161
|
+
},
|
|
162
|
+
get title() {
|
|
163
|
+
return rest.title ?? (local.tooltip === undefined ? local.label : undefined);
|
|
164
|
+
},
|
|
165
|
+
get tooltip() {
|
|
166
|
+
return local.tooltip;
|
|
167
|
+
},
|
|
168
|
+
get children() {
|
|
169
|
+
return _$createComponent(Show, {
|
|
170
|
+
get when() {
|
|
171
|
+
return !local.loading;
|
|
172
|
+
},
|
|
173
|
+
get children() {
|
|
174
|
+
return local.children;
|
|
175
|
+
}
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
}));
|
|
179
|
+
}
|
|
180
|
+
export function IconButtonLink(props) {
|
|
181
|
+
const [local, rest] = splitProps(props, ["children", "class", "label", "tooltip", "variant"]);
|
|
182
|
+
return _$createComponent(ButtonLink, _$mergeProps(rest, {
|
|
183
|
+
get variant() {
|
|
184
|
+
return local.variant ?? "ghost";
|
|
185
|
+
},
|
|
186
|
+
get ["class"]() {
|
|
187
|
+
return `k2b-icon-button ${local.class ?? ""}`;
|
|
188
|
+
},
|
|
189
|
+
get ["aria-label"]() {
|
|
190
|
+
return local.label;
|
|
191
|
+
},
|
|
192
|
+
get title() {
|
|
193
|
+
return rest.title ?? (local.tooltip === undefined ? local.label : undefined);
|
|
194
|
+
},
|
|
195
|
+
get tooltip() {
|
|
196
|
+
return local.tooltip;
|
|
197
|
+
},
|
|
198
|
+
get children() {
|
|
199
|
+
return local.children;
|
|
200
|
+
}
|
|
201
|
+
}));
|
|
202
|
+
}
|
|
203
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Link","Show","splitProps","Tooltip","buttonClass","className","filter","Boolean","join","Button","props","local","rest","target","setRef","element","ref","control","_$ssrElement","_$mergeProps","type","class","data-size","size","data-variant","variant","disabled","loading","aria-busy","undefined","_$escape","_$createComponent","when","children","_$ssr","_tmpl$","_tmpl$2","loadingLabel","fallback","tooltip","content","delay","tooltipDelay","placement","tooltipPlacement","ButtonLink","navigation","href","onNavigate","onClick","replace","scroll","IconButton","aria-label","label","title","IconButtonLink"],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { Tooltip, type TooltipPlacement } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"text\" | \"subtle\" | \"input\" | \"warning\" | \"danger\" | \"success\" | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean;\n loadingLabel?: string;\n size?: ButtonSize;\n variant?: ButtonVariant;\n tooltip?: JSX.Element | false;\n tooltipDelay?: number;\n tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n navigation?: \"document\" | \"enhanced\";\n onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n replace?: boolean;\n scroll?: NavigationScrollMode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n tooltip?: JSX.Element | false;\n tooltipDelay?: number;\n tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n const [local, rest] = splitProps(props, [\n \"children\",\n \"class\",\n \"disabled\",\n \"loading\",\n \"loadingLabel\",\n \"ref\",\n \"size\",\n \"tooltip\",\n \"tooltipDelay\",\n \"tooltipPlacement\",\n \"type\",\n \"variant\",\n ]);\n let target: HTMLButtonElement | undefined;\n const setRef = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n const control = (\n <button\n {...rest}\n ref={setRef}\n type={local.type ?? \"button\"}\n class={buttonClass(local.class)}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n disabled={local.disabled || local.loading}\n aria-busy={local.loading ? \"true\" : undefined}\n >\n <Show when={local.loading}>\n <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n </Show>\n <span class=\"k2b-button__label\">\n <Show when={local.loading && local.loadingLabel} fallback={local.children}>\n {local.loadingLabel}\n </Show>\n </span>\n </button>\n );\n\n return (\n <>\n {control}\n <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n <Tooltip\n content={local.tooltip as JSX.Element}\n target={() => target}\n delay={local.tooltipDelay}\n disabled={local.disabled || local.loading}\n placement={local.tooltipPlacement}\n />\n </Show>\n </>\n );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\n \"children\",\n \"class\",\n \"href\",\n \"navigation\",\n \"onClick\",\n \"onNavigate\",\n \"replace\",\n \"ref\",\n \"scroll\",\n \"size\",\n \"tooltip\",\n \"tooltipDelay\",\n \"tooltipPlacement\",\n \"variant\",\n ]);\n let target: HTMLAnchorElement | undefined;\n const setRef = (element: HTMLAnchorElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n const className = buttonClass(local.class);\n const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n const tooltip = () => (\n <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n </Show>\n );\n\n if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n return (\n <>\n <Link\n {...rest}\n ref={setRef}\n href={local.href}\n class={className}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n onClick={local.onClick}\n onNavigate={local.onNavigate}\n replace={local.replace}\n scroll={local.scroll}\n >\n {content}\n </Link>\n {tooltip()}\n </>\n );\n }\n\n return (\n <>\n <a\n {...rest}\n ref={setRef}\n href={local.href}\n class={className}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n onClick={local.onClick}\n >\n {content}\n </a>\n {tooltip()}\n </>\n );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n children: JSX.Element;\n label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n children: JSX.Element;\n label: string;\n};\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"loading\", \"loadingLabel\", \"tooltip\", \"variant\"]);\n\n return (\n <Button\n {...rest}\n loading={local.loading}\n variant={local.variant ?? \"ghost\"}\n class={`k2b-icon-button ${local.class ?? \"\"}`}\n aria-label={local.loading ? (local.loadingLabel ?? local.label) : local.label}\n title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n tooltip={local.tooltip}\n >\n <Show when={!local.loading}>{local.children}</Show>\n </Button>\n );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"tooltip\", \"variant\"]);\n\n return (\n <ButtonLink\n {...rest}\n variant={local.variant ?? \"ghost\"}\n class={`k2b-icon-button ${local.class ?? \"\"}`}\n aria-label={local.label}\n title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n tooltip={local.tooltip}\n >\n {local.children}\n </ButtonLink>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ssr as _$ssr } from "solid-js/web";
|
|
4
|
+
import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
|
|
5
|
+
import { escape as _$escape } from "solid-js/web";
|
|
6
|
+
var _tmpl$ = ["<div", " role=\"group\"", " aria-haspopup=\"menu\"", ">", "</div>"],
|
|
7
|
+
_tmpl$2 = ["<div", " class=\"k2b-ui k2b-context-menu\" role=\"menu\"", " style=\"", "\">", "</div>"];
|
|
8
|
+
import { createMemo, createSignal, createUniqueId, onCleanup, onMount, Show } from "solid-js";
|
|
9
|
+
import { Portal } from "solid-js/web";
|
|
10
|
+
import { useUiMessages } from "../intl/messages";
|
|
11
|
+
import { DropdownItems, dropdownPosition } from "./Dropdown";
|
|
12
|
+
let closeActiveContextMenu;
|
|
13
|
+
const focusableItems = menu => menu ? Array.from(menu.querySelectorAll(["[role='menuitem']:not([aria-disabled='true'])", "[role='menuitemcheckbox']:not([aria-disabled='true'])", "[role='menuitemradio']:not([aria-disabled='true'])"].join(", "))) : [];
|
|
14
|
+
|
|
15
|
+
/** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */
|
|
16
|
+
export function ContextMenu(props) {
|
|
17
|
+
const messages = useUiMessages();
|
|
18
|
+
const generatedId = `k2b-context-${createUniqueId()}`;
|
|
19
|
+
const menuId = `${generatedId}-menu`;
|
|
20
|
+
const [position, setPosition] = createSignal();
|
|
21
|
+
let host;
|
|
22
|
+
let menu;
|
|
23
|
+
let listenersAttached = false;
|
|
24
|
+
const isOpen = () => position() !== undefined;
|
|
25
|
+
const hostClass = createMemo(() => typeof props.class === "function" ? props.class(isOpen()) : props.class);
|
|
26
|
+
const items = createMemo(() => props.items);
|
|
27
|
+
const dismiss = event => {
|
|
28
|
+
if (menu?.contains(event.target)) return;
|
|
29
|
+
close();
|
|
30
|
+
};
|
|
31
|
+
const closeOnViewportChange = event => {
|
|
32
|
+
const target = event.target;
|
|
33
|
+
if (target instanceof Node && menu?.contains(target)) return;
|
|
34
|
+
close();
|
|
35
|
+
};
|
|
36
|
+
const attachOpenListeners = () => {
|
|
37
|
+
if (listenersAttached) return;
|
|
38
|
+
listenersAttached = true;
|
|
39
|
+
document.addEventListener("pointerdown", dismiss);
|
|
40
|
+
document.addEventListener("keydown", keyDown);
|
|
41
|
+
window.addEventListener("resize", closeOnViewportChange);
|
|
42
|
+
window.addEventListener("scroll", closeOnViewportChange, true);
|
|
43
|
+
};
|
|
44
|
+
const detachOpenListeners = () => {
|
|
45
|
+
if (!listenersAttached) return;
|
|
46
|
+
listenersAttached = false;
|
|
47
|
+
document.removeEventListener("pointerdown", dismiss);
|
|
48
|
+
document.removeEventListener("keydown", keyDown);
|
|
49
|
+
window.removeEventListener("resize", closeOnViewportChange);
|
|
50
|
+
window.removeEventListener("scroll", closeOnViewportChange, true);
|
|
51
|
+
};
|
|
52
|
+
const close = () => {
|
|
53
|
+
detachOpenListeners();
|
|
54
|
+
if (!isOpen()) return;
|
|
55
|
+
setPosition();
|
|
56
|
+
if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;
|
|
57
|
+
props.onClose?.();
|
|
58
|
+
};
|
|
59
|
+
const focusItem = index => {
|
|
60
|
+
const items = focusableItems(menu);
|
|
61
|
+
if (items.length === 0) return;
|
|
62
|
+
items[(index + items.length) % items.length]?.focus();
|
|
63
|
+
};
|
|
64
|
+
const open = (x, y) => {
|
|
65
|
+
if (props.disabled) return;
|
|
66
|
+
closeActiveContextMenu?.();
|
|
67
|
+
const point = dropdownPosition(new DOMRect(x, y, 0, 0),
|
|
68
|
+
// Matches the fixed 13rem `.k2b-context-menu` surface (border-box).
|
|
69
|
+
{
|
|
70
|
+
width: 208,
|
|
71
|
+
height: Math.min(items().length * 38 + 12, 384)
|
|
72
|
+
}, "bottom-right", {
|
|
73
|
+
width: window.innerWidth,
|
|
74
|
+
height: window.innerHeight
|
|
75
|
+
}, 0);
|
|
76
|
+
setPosition({
|
|
77
|
+
x: point.left,
|
|
78
|
+
y: point.top
|
|
79
|
+
});
|
|
80
|
+
closeActiveContextMenu = close;
|
|
81
|
+
attachOpenListeners();
|
|
82
|
+
props.onOpen?.();
|
|
83
|
+
queueMicrotask(() => {
|
|
84
|
+
focusItem(0);
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
const keyDown = event => {
|
|
88
|
+
if (!isOpen()) return;
|
|
89
|
+
const items = focusableItems(menu);
|
|
90
|
+
const current = items.indexOf(document.activeElement);
|
|
91
|
+
if (event.key === "ArrowDown" || event.key === "ArrowUp") {
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
focusItem(current + (event.key === "ArrowDown" ? 1 : -1));
|
|
94
|
+
} else if (event.key === "Home" || event.key === "End") {
|
|
95
|
+
event.preventDefault();
|
|
96
|
+
focusItem(event.key === "Home" ? 0 : -1);
|
|
97
|
+
} else if (event.key === "Escape") {
|
|
98
|
+
event.preventDefault();
|
|
99
|
+
close();
|
|
100
|
+
host?.focus();
|
|
101
|
+
} else if (event.key === "Tab") {
|
|
102
|
+
close();
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
onMount(() => {
|
|
106
|
+
onCleanup(() => {
|
|
107
|
+
detachOpenListeners();
|
|
108
|
+
if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
return [_$ssr(_tmpl$, _$ssrAttribute("id", _$escape(props.id ?? generatedId, true), false) + _$ssrAttribute("class", _$escape(hostClass(), true), false), _$ssrAttribute("tabindex", props.disabled ? _$escape(undefined, true) : _$escape(props.tabIndex ?? 0, true), false) + _$ssrAttribute("aria-label", _$escape(props.label ?? messages().contextMenu, true), false), _$ssrAttribute("aria-expanded", _$escape(isOpen(), true), false) + _$ssrAttribute("aria-controls", isOpen() ? _$escape(menuId, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(props.children)), _$createComponent(Show, {
|
|
112
|
+
get when() {
|
|
113
|
+
return position();
|
|
114
|
+
},
|
|
115
|
+
children: point => _$createComponent(Portal, {
|
|
116
|
+
get children() {
|
|
117
|
+
return _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(menuId, true), false), _$ssrAttribute("aria-label", _$escape(props.label ?? messages().contextMenu, true), false), _$ssrStyleProperty("left:", `${_$escape(point().x, true)}px`) + _$ssrStyleProperty(";top:", `${_$escape(point().y, true)}px`), _$escape(_$createComponent(DropdownItems, {
|
|
118
|
+
get items() {
|
|
119
|
+
return items();
|
|
120
|
+
},
|
|
121
|
+
close: close
|
|
122
|
+
})));
|
|
123
|
+
}
|
|
124
|
+
})
|
|
125
|
+
})];
|
|
126
|
+
}
|
|
127
|
+
export default ContextMenu;
|
|
128
|
+
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createMemo","createSignal","createUniqueId","onCleanup","onMount","Show","Portal","useUiMessages","DropdownItems","dropdownPosition","closeActiveContextMenu","focusableItems","menu","Array","from","querySelectorAll","join","ContextMenu","props","messages","generatedId","menuId","position","setPosition","host","listenersAttached","isOpen","undefined","hostClass","class","items","dismiss","event","contains","target","close","closeOnViewportChange","Node","attachOpenListeners","document","addEventListener","keyDown","window","detachOpenListeners","removeEventListener","onClose","focusItem","index","length","focus","open","x","y","disabled","point","DOMRect","width","height","Math","min","innerWidth","innerHeight","left","top","onOpen","queueMicrotask","current","indexOf","activeElement","key","preventDefault","_$ssr","_tmpl$","_$ssrAttribute","_$escape","id","tabIndex","label","contextMenu","children","_$createComponent","when","_tmpl$2","_$ssrStyleProperty"],"sources":["actions/ContextMenu.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type DropdownItem, DropdownItems, type DropdownPosition, dropdownPosition } from \"./Dropdown\";\n\nexport type ContextMenuProps = {\n items: readonly DropdownItem[];\n children: JSX.Element;\n class?: string | ((isOpen: boolean) => string);\n /** Tab order of the context-menu host. Descendant-focused composite widgets use -1. */\n tabIndex?: number;\n disabled?: boolean;\n onClose?: () => void;\n onOpen?: () => void;\n id?: string;\n label?: string;\n};\n\nlet closeActiveContextMenu: (() => void) | undefined;\n\nconst focusableItems = (menu: HTMLElement | undefined): HTMLElement[] =>\n menu\n ? Array.from(\n menu.querySelectorAll<HTMLElement>(\n [\n \"[role='menuitem']:not([aria-disabled='true'])\",\n \"[role='menuitemcheckbox']:not([aria-disabled='true'])\",\n \"[role='menuitemradio']:not([aria-disabled='true'])\",\n ].join(\", \"),\n ),\n )\n : [];\n\n/** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n const messages = useUiMessages();\n const generatedId = `k2b-context-${createUniqueId()}`;\n const menuId = `${generatedId}-menu`;\n const [position, setPosition] = createSignal<{ x: number; y: number }>();\n let host: HTMLDivElement | undefined;\n let menu: HTMLDivElement | undefined;\n let listenersAttached = false;\n\n const isOpen = () => position() !== undefined;\n const hostClass = createMemo(() => (typeof props.class === \"function\" ? props.class(isOpen()) : props.class));\n const items = createMemo<readonly DropdownItem[]>(() => props.items);\n\n const dismiss = (event: PointerEvent) => {\n if (menu?.contains(event.target as Node)) return;\n close();\n };\n const closeOnViewportChange = (event: Event) => {\n const target = event.target;\n if (target instanceof Node && menu?.contains(target)) return;\n close();\n };\n const attachOpenListeners = () => {\n if (listenersAttached) return;\n listenersAttached = true;\n document.addEventListener(\"pointerdown\", dismiss);\n document.addEventListener(\"keydown\", keyDown);\n window.addEventListener(\"resize\", closeOnViewportChange);\n window.addEventListener(\"scroll\", closeOnViewportChange, true);\n };\n const detachOpenListeners = () => {\n if (!listenersAttached) return;\n listenersAttached = false;\n document.removeEventListener(\"pointerdown\", dismiss);\n document.removeEventListener(\"keydown\", keyDown);\n window.removeEventListener(\"resize\", closeOnViewportChange);\n window.removeEventListener(\"scroll\", closeOnViewportChange, true);\n };\n const close = () => {\n detachOpenListeners();\n if (!isOpen()) return;\n setPosition();\n if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n props.onClose?.();\n };\n const focusItem = (index: number) => {\n const items = focusableItems(menu);\n if (items.length === 0) return;\n items[(index + items.length) % items.length]?.focus();\n };\n const open = (x: number, y: number) => {\n if (props.disabled) return;\n closeActiveContextMenu?.();\n const point = dropdownPosition(\n new DOMRect(x, y, 0, 0),\n // Matches the fixed 13rem `.k2b-context-menu` surface (border-box).\n { width: 208, height: Math.min(items().length * 38 + 12, 384) },\n \"bottom-right\" satisfies DropdownPosition,\n { width: window.innerWidth, height: window.innerHeight },\n 0,\n );\n setPosition({ x: point.left, y: point.top });\n closeActiveContextMenu = close;\n attachOpenListeners();\n props.onOpen?.();\n queueMicrotask(() => {\n focusItem(0);\n });\n };\n const keyDown = (event: KeyboardEvent) => {\n if (!isOpen()) return;\n const items = focusableItems(menu);\n const current = items.indexOf(document.activeElement as HTMLElement);\n if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n focusItem(current + (event.key === \"ArrowDown\" ? 1 : -1));\n } else if (event.key === \"Home\" || event.key === \"End\") {\n event.preventDefault();\n focusItem(event.key === \"Home\" ? 0 : -1);\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n host?.focus();\n } else if (event.key === \"Tab\") {\n close();\n }\n };\n\n onMount(() => {\n onCleanup(() => {\n detachOpenListeners();\n if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n });\n });\n\n return (\n <>\n {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: the named group owns the context-menu relationship without pretending arbitrary children form one button. */}\n <div\n ref={host}\n id={props.id ?? generatedId}\n class={hostClass()}\n role=\"group\"\n tabIndex={props.disabled ? undefined : (props.tabIndex ?? 0)}\n aria-label={props.label ?? messages().contextMenu}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen()}\n aria-controls={isOpen() ? menuId : undefined}\n aria-disabled={props.disabled ? \"true\" : undefined}\n onContextMenu={(event) => {\n if (props.disabled) return;\n event.preventDefault();\n event.stopPropagation();\n open(event.clientX, event.clientY);\n }}\n onKeyDown={(event) => {\n if (props.disabled || (event.key !== \"ContextMenu\" && !(event.shiftKey && event.key === \"F10\"))) return;\n event.preventDefault();\n const rect = host?.getBoundingClientRect();\n if (rect) open(rect.left + 12, rect.top + 12);\n }}\n >\n {props.children}\n </div>\n <Show when={position()}>\n {(point) => (\n <Portal>\n <div\n ref={menu}\n id={menuId}\n class=\"k2b-ui k2b-context-menu\"\n role=\"menu\"\n aria-label={props.label ?? messages().contextMenu}\n style={{ left: `${point().x}px`, top: `${point().y}px` }}\n onPointerDown={(event) => event.stopPropagation()}\n >\n <DropdownItems items={items()} close={close} />\n </div>\n </Portal>\n )}\n </Show>\n </>\n );\n}\n\nexport default ContextMenu;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
2
|
+
import { mergeProps as _$mergeProps } from "solid-js/web";
|
|
3
|
+
import { ssr as _$ssr } from "solid-js/web";
|
|
4
|
+
import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
|
|
5
|
+
import { escape as _$escape } from "solid-js/web";
|
|
6
|
+
var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
|
|
7
|
+
_tmpl$2 = ["<span>", "</span>"],
|
|
8
|
+
_tmpl$3 = ["<span class=\"k2b-sr-only\" aria-live=\"polite\">", "</span>"];
|
|
9
|
+
import { copyToClipboard } from "@k2b/stdlib/browser";
|
|
10
|
+
import { createSignal, onCleanup, splitProps } from "solid-js";
|
|
11
|
+
import { useUiMessages } from "../intl/messages";
|
|
12
|
+
import { Button } from "./Button";
|
|
13
|
+
export async function copyText(text, onCopyError, copy = copyToClipboard) {
|
|
14
|
+
try {
|
|
15
|
+
await copy(text);
|
|
16
|
+
} catch (error) {
|
|
17
|
+
onCopyError?.(error);
|
|
18
|
+
throw error;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export function CopyButton(props) {
|
|
22
|
+
const messages = useUiMessages();
|
|
23
|
+
const [local, rest] = splitProps(props, ["class", "copiedLabel", "disabled", "iconOnly", "label", "loading", "loadingLabel", "onCopied", "onCopyError", "resetAfter", "size", "text", "type", "value", "variant"]);
|
|
24
|
+
const [copied, setCopied] = createSignal(false);
|
|
25
|
+
let resetTimer;
|
|
26
|
+
onCleanup(() => {
|
|
27
|
+
if (resetTimer) clearTimeout(resetTimer);
|
|
28
|
+
});
|
|
29
|
+
const copy = async () => {
|
|
30
|
+
// `copyText` reports through `onCopyError` and then rethrows so direct
|
|
31
|
+
// callers can await it. The click handler is not awaited by anyone, so it
|
|
32
|
+
// has to absorb the rejection here — otherwise a denied clipboard
|
|
33
|
+
// permission surfaces as an unhandled rejection despite `onCopyError`.
|
|
34
|
+
try {
|
|
35
|
+
await copyText(local.text ?? local.value ?? "", local.onCopyError);
|
|
36
|
+
} catch {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
setCopied(true);
|
|
40
|
+
local.onCopied?.();
|
|
41
|
+
if (resetTimer) clearTimeout(resetTimer);
|
|
42
|
+
resetTimer = setTimeout(() => setCopied(false), local.resetAfter ?? 2000);
|
|
43
|
+
};
|
|
44
|
+
const visibleLabel = () => copied() ? local.copiedLabel ?? messages().copied : local.label ?? messages().copy;
|
|
45
|
+
const icon = () => copied() ? "ti ti-check" : "ti ti-copy";
|
|
46
|
+
const iconOnly = () => local.iconOnly ?? local.label === undefined;
|
|
47
|
+
const buttonLabel = () => local.loading && local.loadingLabel ? local.loadingLabel : visibleLabel();
|
|
48
|
+
const button = tooltip => _$createComponent(Button, _$mergeProps(rest, {
|
|
49
|
+
tooltip: tooltip,
|
|
50
|
+
get disabled() {
|
|
51
|
+
return local.disabled || local.loading;
|
|
52
|
+
},
|
|
53
|
+
get type() {
|
|
54
|
+
return local.type ?? "button";
|
|
55
|
+
},
|
|
56
|
+
get ["class"]() {
|
|
57
|
+
return `k2b-copy-button ${local.class ?? ""}`;
|
|
58
|
+
},
|
|
59
|
+
get size() {
|
|
60
|
+
return local.size ?? "sm";
|
|
61
|
+
},
|
|
62
|
+
get variant() {
|
|
63
|
+
return local.variant ?? "ghost";
|
|
64
|
+
},
|
|
65
|
+
get ["aria-busy"]() {
|
|
66
|
+
return local.loading ? "true" : undefined;
|
|
67
|
+
},
|
|
68
|
+
get ["aria-label"]() {
|
|
69
|
+
return iconOnly() ? buttonLabel() : undefined;
|
|
70
|
+
},
|
|
71
|
+
onClick: copy,
|
|
72
|
+
get children() {
|
|
73
|
+
return [_$ssr(_tmpl$, _$ssrAttribute("class", local.loading ? "ti ti-loader-2 k2b-spin" : _$escape(icon(), true), false)), !iconOnly() && _$ssr(_tmpl$2, _$escape(buttonLabel()))];
|
|
74
|
+
}
|
|
75
|
+
}));
|
|
76
|
+
return iconOnly() ? [button(visibleLabel()), _$ssr(_tmpl$3, copied() ? _$escape(visibleLabel()) : "")] : button(undefined);
|
|
77
|
+
}
|
|
78
|
+
export default CopyButton;
|
|
79
|
+
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["copyToClipboard","createSignal","onCleanup","splitProps","useUiMessages","Button","copyText","text","onCopyError","copy","error","CopyButton","props","messages","local","rest","copied","setCopied","resetTimer","clearTimeout","value","onCopied","setTimeout","resetAfter","visibleLabel","copiedLabel","label","icon","iconOnly","undefined","buttonLabel","loading","loadingLabel","button","tooltip","_$createComponent","_$mergeProps","disabled","type","class","size","variant","aria-busy","aria-label","onClick","children","_$ssr","_tmpl$","_$ssrAttribute","_$escape","_tmpl$2","_tmpl$3"],"sources":["actions/CopyButton.tsx"],"sourcesContent":["import { copyToClipboard } from \"@k2b/stdlib/browser\";\nimport { createSignal, type JSX, onCleanup, splitProps } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Button, type ButtonProps } from \"./Button\";\n\nexport type CopyButtonValue = { text: string; value?: string } | { text?: string; value: string };\n\nexport type CopyButtonProps = CopyButtonValue &\n Omit<ButtonProps, \"children\" | \"onClick\"> & {\n label?: string;\n copiedLabel?: string;\n iconOnly?: boolean;\n onCopied?: () => void;\n onCopyError?: (error: unknown) => void;\n resetAfter?: number;\n };\n\nexport async function copyText(\n text: string,\n onCopyError?: (error: unknown) => void,\n copy: (text: string) => Promise<void> = copyToClipboard,\n): Promise<void> {\n try {\n await copy(text);\n } catch (error) {\n onCopyError?.(error);\n throw error;\n }\n}\n\nexport function CopyButton(props: CopyButtonProps): JSX.Element {\n const messages = useUiMessages();\n const [local, rest] = splitProps(props, [\n \"class\",\n \"copiedLabel\",\n \"disabled\",\n \"iconOnly\",\n \"label\",\n \"loading\",\n \"loadingLabel\",\n \"onCopied\",\n \"onCopyError\",\n \"resetAfter\",\n \"size\",\n \"text\",\n \"type\",\n \"value\",\n \"variant\",\n ]);\n const [copied, setCopied] = createSignal(false);\n let resetTimer: ReturnType<typeof setTimeout> | undefined;\n\n onCleanup(() => {\n if (resetTimer) clearTimeout(resetTimer);\n });\n\n const copy = async () => {\n // `copyText` reports through `onCopyError` and then rethrows so direct\n // callers can await it. The click handler is not awaited by anyone, so it\n // has to absorb the rejection here — otherwise a denied clipboard\n // permission surfaces as an unhandled rejection despite `onCopyError`.\n try {\n await copyText(local.text ?? local.value ?? \"\", local.onCopyError);\n } catch {\n return;\n }\n setCopied(true);\n local.onCopied?.();\n if (resetTimer) clearTimeout(resetTimer);\n resetTimer = setTimeout(() => setCopied(false), local.resetAfter ?? 2000);\n };\n\n const visibleLabel = () => (copied() ? (local.copiedLabel ?? messages().copied) : (local.label ?? messages().copy));\n const icon = () => (copied() ? \"ti ti-check\" : \"ti ti-copy\");\n const iconOnly = () => local.iconOnly ?? local.label === undefined;\n const buttonLabel = () => (local.loading && local.loadingLabel ? local.loadingLabel : visibleLabel());\n const button = (tooltip?: string) => (\n <Button\n {...rest}\n tooltip={tooltip}\n disabled={local.disabled || local.loading}\n type={local.type ?? \"button\"}\n class={`k2b-copy-button ${local.class ?? \"\"}`}\n size={local.size ?? \"sm\"}\n variant={local.variant ?? \"ghost\"}\n aria-busy={local.loading ? \"true\" : undefined}\n aria-label={iconOnly() ? buttonLabel() : undefined}\n onClick={copy}\n >\n <i class={local.loading ? \"ti ti-loader-2 k2b-spin\" : icon()} aria-hidden=\"true\" />\n {!iconOnly() && <span>{buttonLabel()}</span>}\n </Button>\n );\n\n return iconOnly() ? (\n <>\n {button(visibleLabel())}\n <span class=\"k2b-sr-only\" aria-live=\"polite\">\n {copied() ? visibleLabel() : \"\"}\n </span>\n </>\n ) : (\n button(undefined)\n );\n}\n\nexport default CopyButton;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ssr as _$ssr } from "solid-js/web";
|
|
2
|
+
import { createComponent as _$createComponent } from "solid-js/web";
|
|
3
|
+
import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
|
|
4
|
+
import { escape as _$escape } from "solid-js/web";
|
|
5
|
+
var _tmpl$ = ["<details class=\"", "\"", "><summary", ">", "<span>", "</span><i class=\"ti ti-chevron-down k2b-disclosure__chevron\" aria-hidden=\"true\"></i></summary><div class=\"k2b-disclosure__content\">", "</div></details>"],
|
|
6
|
+
_tmpl$2 = ["<i", " aria-hidden=\"true\"></i>"];
|
|
7
|
+
import { createEffect, createSignal, Show } from "solid-js";
|
|
8
|
+
import { resolveMaybeAccessor } from "../inputs/field-contract";
|
|
9
|
+
/** Native disclosure with the same value/onValueChange vocabulary as other controls. */
|
|
10
|
+
export function Disclosure(props) {
|
|
11
|
+
const controlled = () => props.value !== undefined;
|
|
12
|
+
const [internal, setInternal] = createSignal(props.defaultValue ?? false);
|
|
13
|
+
const open = () => controlled() ? Boolean(resolveMaybeAccessor(props.value)) : internal();
|
|
14
|
+
let details;
|
|
15
|
+
createEffect(() => {
|
|
16
|
+
if (details && details.open !== open()) details.open = open();
|
|
17
|
+
});
|
|
18
|
+
return _$ssr(_tmpl$, `k2b-disclosure ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("open", open(), true) + _$ssrAttribute("data-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
|
|
19
|
+
get when() {
|
|
20
|
+
return props.icon;
|
|
21
|
+
},
|
|
22
|
+
children: icon => _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(icon(), true), false))
|
|
23
|
+
})), _$escape(props.summary), _$escape(props.children));
|
|
24
|
+
}
|
|
25
|
+
export default Disclosure;
|
|
26
|
+
//# sourceMappingURL=Disclosure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createEffect","createSignal","Show","resolveMaybeAccessor","Disclosure","props","controlled","value","undefined","internal","setInternal","defaultValue","open","Boolean","details","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","disabled","_$createComponent","when","icon","children","_tmpl$2","summary"],"sources":["actions/Disclosure.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX, Show } from \"solid-js\";\nimport type { MaybeAccessor } from \"../inputs/field-contract\";\nimport { resolveMaybeAccessor } from \"../inputs/field-contract\";\n\nexport type DisclosureProps = {\n summary: JSX.Element;\n children: JSX.Element;\n value?: MaybeAccessor<boolean>;\n defaultValue?: boolean;\n onValueChange?: (value: boolean) => void;\n icon?: string;\n disabled?: boolean;\n class?: string;\n};\n\n/** Native disclosure with the same value/onValueChange vocabulary as other controls. */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n const controlled = () => props.value !== undefined;\n const [internal, setInternal] = createSignal(props.defaultValue ?? false);\n const open = () => (controlled() ? Boolean(resolveMaybeAccessor(props.value)) : internal());\n let details: HTMLDetailsElement | undefined;\n\n createEffect(() => {\n if (details && details.open !== open()) details.open = open();\n });\n\n return (\n <details\n ref={details}\n class={`k2b-disclosure ${props.class ?? \"\"}`}\n open={open()}\n data-disabled={props.disabled ? \"true\" : undefined}\n onToggle={(event) => {\n if (props.disabled) {\n event.currentTarget.open = open();\n return;\n }\n const next = event.currentTarget.open;\n // A controlled owner may change `value` without user input. Reflecting\n // that value onto <details> emits a native toggle event; it must not be\n // reported back as a second user change.\n if (controlled() && next === open()) return;\n if (!controlled()) setInternal(next);\n props.onValueChange?.(next);\n }}\n >\n {/* biome-ignore lint/a11y/noStaticElementInteractions: summary is the native interactive trigger for details. */}\n <summary aria-disabled={props.disabled ? \"true\" : undefined} onClick={(event) => props.disabled && event.preventDefault()}>\n <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n <span>{props.summary}</span>\n <i class=\"ti ti-chevron-down k2b-disclosure__chevron\" aria-hidden=\"true\" />\n </summary>\n <div class=\"k2b-disclosure__content\">{props.children}</div>\n </details>\n );\n}\n\nexport default Disclosure;\n"],"mappings":";;;;;;AAAA,SAASA,YAAY,EAAEC,YAAY,EAAYC,IAAI,QAAQ,UAAU;AAErE,SAASC,oBAAoB,QAAQ,0BAA0B;AAa/D;AACA,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAMC,UAAU,GAAGA,CAAA,KAAMD,KAAK,CAACE,KAAK,KAAKC,SAAS;EAClD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGT,YAAY,CAACI,KAAK,CAACM,YAAY,IAAI,KAAK,CAAC;EACzE,MAAMC,IAAI,GAAGA,CAAA,KAAON,UAAU,CAAC,CAAC,GAAGO,OAAO,CAACV,oBAAoB,CAACE,KAAK,CAACE,KAAK,CAAC,CAAC,GAAGE,QAAQ,CAAC,CAAE;EAC3F,IAAIK,OAAuC;EAE3Cd,YAAY,CAAC,MAAM;IACjB,IAAIc,OAAO,IAAIA,OAAO,CAACF,IAAI,KAAKA,IAAI,CAAC,CAAC,EAAEE,OAAO,CAACF,IAAI,GAAGA,IAAI,CAAC,CAAC;EAC/D,CAAC,CAAC;EAEF,OAAAG,KAAA,CAAAC,MAAA,EAGW,kBAAAC,QAAA,CAAkBZ,KAAK,CAACa,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,SACtCP,IAAI,CAAC,CAAC,UAAAO,cAAA,kBACGd,KAAK,CAACe,QAAQ,GAAG,MAAM,GAAAH,QAAA,CAAGT,SAAS,iBAAAW,cAAA,kBAgB1Bd,KAAK,CAACe,QAAQ,GAAG,MAAM,GAAAH,QAAA,CAAGT,SAAS,iBAAAS,QAAA,CAAAI,iBAAA,CACxDnB,IAAI;IAAA,IAACoB,IAAIA,CAAA;MAAA,OAAEjB,KAAK,CAACkB,IAAI;IAAA;IAAAC,QAAA,EAAID,IAAI,IAAAR,KAAA,CAAAU,OAAA,EAAAN,cAAA,UAAAF,QAAA,CAAeM,IAAI,CAAC,CAAC;EAAuB,KAAAN,QAAA,CACnEZ,KAAK,CAACqB,OAAO,GAAAT,QAAA,CAGgBZ,KAAK,CAACmB,QAAQ;AAG1D;AAEA,eAAepB,UAAU","ignoreList":[]}
|