atomicuilibrary 0.1.0 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/category-section.cjs.entry.js +2 -2
- package/dist/cjs/dom-BvBb0kmW.js +267 -0
- package/dist/cjs/exploration-project-tailwind.cjs.js +2 -2
- package/dist/cjs/{index-ClkOYpT8.js → index-C32cWsm5.js} +1 -1
- package/dist/cjs/layout-manager.cjs.entry.js +3 -3
- package/dist/cjs/library-card.cjs.entry.js +2 -2
- package/dist/cjs/lm-container_2.cjs.entry.js +2 -2
- package/dist/cjs/lm-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/my-step.cjs.entry.js +2 -2
- package/dist/cjs/nav-bar.cjs.entry.js +4 -4
- package/dist/cjs/smart-step.cjs.entry.js +3 -3
- package/dist/cjs/timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-accordion_11.cjs.entry.js +132 -50
- package/dist/cjs/ui-advanced-data-table.cjs.entry.js +2 -2
- package/dist/cjs/ui-anchor.cjs.entry.js +2 -2
- package/dist/cjs/ui-animate-on-scroll.cjs.entry.js +3 -3
- package/dist/cjs/ui-aside-panel.cjs.entry.js +10 -11
- package/dist/cjs/ui-avatar-group_5.cjs.entry.js +1694 -0
- package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/ui-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ui-callout-banner.cjs.entry.js +2 -2
- package/dist/cjs/ui-card.cjs.entry.js +4 -3
- package/dist/cjs/ui-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ui-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ui-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-preview.cjs.entry.js +2 -2
- package/dist/cjs/ui-color-picker.cjs.entry.js +256 -22
- package/dist/cjs/ui-command-palette.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-box.cjs.entry.js +85 -11
- package/dist/cjs/ui-dialog-content.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-footer_2.cjs.entry.js +1 -1
- package/dist/cjs/ui-divider.cjs.entry.js +1 -1
- package/dist/cjs/ui-dock-host.cjs.entry.js +4 -4
- package/dist/cjs/ui-dock.cjs.entry.js +2 -2
- package/dist/cjs/ui-drag-drop.cjs.entry.js +2 -2
- package/dist/cjs/ui-dropdown_2.cjs.entry.js +104 -34
- package/dist/cjs/ui-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab.cjs.entry.js +4 -4
- package/dist/cjs/ui-file-upload.cjs.entry.js +143 -44
- package/dist/cjs/ui-horizontal-nav.cjs.entry.js +2 -2
- package/dist/cjs/ui-knob.cjs.entry.js +1 -1
- package/dist/cjs/ui-label.cjs.entry.js +473 -0
- package/dist/cjs/ui-library.cjs.entry.js +2 -2
- package/dist/cjs/ui-list-group_2.cjs.entry.js +349 -60
- package/dist/cjs/ui-list.cjs.entry.js +76 -42
- package/dist/cjs/ui-masonry.cjs.entry.js +1 -1
- package/dist/cjs/ui-meter-group.cjs.entry.js +5 -4
- package/dist/cjs/ui-navigation-item.cjs.entry.js +5 -5
- package/dist/cjs/ui-number-input.cjs.entry.js +7 -3
- package/dist/cjs/ui-otp-input.cjs.entry.js +5 -5
- package/dist/cjs/{ui-pagination_4.cjs.entry.js → ui-pagination_3.cjs.entry.js} +35 -506
- package/dist/cjs/ui-panel.cjs.entry.js +1 -1
- package/dist/cjs/ui-pattern-input.cjs.entry.js +46 -11
- package/dist/cjs/ui-progress.cjs.entry.js +66 -9
- package/dist/cjs/ui-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/ui-resizable-panel.cjs.entry.js +2 -2
- package/dist/cjs/ui-scroll-top.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ui-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-speed-dial.cjs.entry.js +1 -1
- package/dist/cjs/ui-speedometer.cjs.entry.js +28 -17
- package/dist/cjs/ui-splitter.cjs.entry.js +1 -1
- package/dist/cjs/ui-step.cjs.entry.js +2 -2
- package/dist/cjs/ui-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +14 -13
- package/dist/cjs/ui-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ui-tag.cjs.entry.js +58 -13
- package/dist/cjs/ui-timeline.cjs.entry.js +10 -2
- package/dist/cjs/ui-timer.cjs.entry.js +2 -2
- package/dist/cjs/ui-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/ui-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-transfer-list.cjs.entry.js +6 -6
- package/dist/cjs/ui-tree.cjs.entry.js +30 -15
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +2 -2
- package/dist/collection/assets/js/component-config.js +1 -0
- package/dist/collection/assets/js/demo-loader.js +2 -0
- package/dist/collection/assets/js/demos/about-demo.js +13 -13
- package/dist/collection/assets/js/demos/accordion-demo.js +66 -66
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +102 -102
- package/dist/collection/assets/js/demos/anchor-demo.js +27 -28
- package/dist/collection/assets/js/demos/animate-on-scroll-demo.js +12 -12
- package/dist/collection/assets/js/demos/aside-panel-demo.js +51 -51
- package/dist/collection/assets/js/demos/avatar-demo.js +433 -95
- package/dist/collection/assets/js/demos/badge-demo.js +51 -52
- package/dist/collection/assets/js/demos/breadcrumb-demo.js +7 -7
- package/dist/collection/assets/js/demos/button-demo.js +117 -107
- package/dist/collection/assets/js/demos/button-toggle-demo.js +199 -96
- package/dist/collection/assets/js/demos/callout-banner-demo.js +23 -23
- package/dist/collection/assets/js/demos/card-demo.js +23 -22
- package/dist/collection/assets/js/demos/carousel-demo.js +632 -360
- package/dist/collection/assets/js/demos/checkbox-demo.js +124 -7
- package/dist/collection/assets/js/demos/color-picker-demo.js +394 -100
- package/dist/collection/assets/js/demos/command-palette-demo.js +182 -65
- package/dist/collection/assets/js/demos/complex-form-demo.js +5 -5
- package/dist/collection/assets/js/demos/context-menu-demo.js +43 -43
- package/dist/collection/assets/js/demos/dialog-demo-temp.js +3 -3
- package/dist/collection/assets/js/demos/dialog-demo.js +336 -230
- package/dist/collection/assets/js/demos/divider-demo.js +59 -62
- package/dist/collection/assets/js/demos/dock-demo.js +12 -12
- package/dist/collection/assets/js/demos/dock-host-init.js +31 -31
- package/dist/collection/assets/js/demos/documentation-demo.js +34 -34
- package/dist/collection/assets/js/demos/drag-drop-demo.js +2 -2
- package/dist/collection/assets/js/demos/dropdown-demo.js +140 -136
- package/dist/collection/assets/js/demos/dropdown-subtitle-demo.js +2 -2
- package/dist/collection/assets/js/demos/empty-state-demo.js +294 -78
- package/dist/collection/assets/js/demos/fab-demo.js +95 -11
- package/dist/collection/assets/js/demos/file-upload-demo.js +641 -171
- package/dist/collection/assets/js/demos/home-components.js +2 -2
- package/dist/collection/assets/js/demos/horizontal-nav-demo.js +6 -6
- package/dist/collection/assets/js/demos/icon-demo.js +17 -17
- package/dist/collection/assets/js/demos/input-demo.js +147 -143
- package/dist/collection/assets/js/demos/knob-demo.js +29 -30
- package/dist/collection/assets/js/demos/label-demo.js +697 -0
- package/dist/collection/assets/js/demos/layout-manager-demo.js +55 -55
- package/dist/collection/assets/js/demos/list-demo.js +185 -122
- package/dist/collection/assets/js/demos/loader-demo.js +48 -48
- package/dist/collection/assets/js/demos/masonry-demo.js +568 -140
- package/dist/collection/assets/js/demos/meter-group-demo.js +14 -16
- package/dist/collection/assets/js/demos/multi-level-context-menu-demo.js +25 -25
- package/dist/collection/assets/js/demos/my-profile-demo.js +27 -27
- package/dist/collection/assets/js/demos/nav-bar-demo.js +1 -1
- package/dist/collection/assets/js/demos/number-input-demo.js +262 -211
- package/dist/collection/assets/js/demos/pagination-demo.js +29 -29
- package/dist/collection/assets/js/demos/panel-demo.js +18 -25
- package/dist/collection/assets/js/demos/pattern-input-demo.js +278 -40
- package/dist/collection/assets/js/demos/popover-demo.js +240 -149
- package/dist/collection/assets/js/demos/progress-demo.js +170 -156
- package/dist/collection/assets/js/demos/radio-demo.js +73 -12
- package/dist/collection/assets/js/demos/range-slider-demo.js +33 -33
- package/dist/collection/assets/js/demos/rating-demo.js +19 -19
- package/dist/collection/assets/js/demos/scroll-top-demo.js +8 -9
- package/dist/collection/assets/js/demos/skeleton-demo.js +110 -52
- package/dist/collection/assets/js/demos/skeleton-performance-demo.js +2 -2
- package/dist/collection/assets/js/demos/smart-dialog-demo.js +12 -12
- package/dist/collection/assets/js/demos/smart-menu-demo.js +17 -17
- package/dist/collection/assets/js/demos/snackbar-demo.js +53 -53
- package/dist/collection/assets/js/demos/speed-dial-demo.js +14 -14
- package/dist/collection/assets/js/demos/speedometer-demo.js +40 -32
- package/dist/collection/assets/js/demos/split-button-demo.js +2 -2
- package/dist/collection/assets/js/demos/splitter-demo.js +14 -14
- package/dist/collection/assets/js/demos/stack-demo.js +27 -27
- package/dist/collection/assets/js/demos/stepper-demo.js +49 -49
- package/dist/collection/assets/js/demos/switch-demo.js +561 -125
- package/dist/collection/assets/js/demos/tabs-demo.js +22 -22
- package/dist/collection/assets/js/demos/tag-demo.js +62 -62
- package/dist/collection/assets/js/demos/theme-selector-demo.js +27 -27
- package/dist/collection/assets/js/demos/timeline-demo.js +10 -10
- package/dist/collection/assets/js/demos/timeline-playground.js +2 -2
- package/dist/collection/assets/js/demos/timer-demo.js +10 -10
- package/dist/collection/assets/js/demos/toolbar-demo.js +17 -17
- package/dist/collection/assets/js/demos/tooltip-demo.js +92 -90
- package/dist/collection/assets/js/demos/top-bar-demo.js +6 -6
- package/dist/collection/assets/js/demos/transfer-list-demo.js +20 -20
- package/dist/collection/assets/js/demos/tree-demo.js +50 -66
- package/dist/collection/assets/js/demos/workspace-manager-demo.js +20 -20
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/accordion/accordion.css +275 -9
- package/dist/collection/components/accordion/accordion.js +7 -6
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +5 -5
- package/dist/collection/components/advanced-data-table/advanced-data-table.js +2 -2
- package/dist/collection/components/anchor/anchor.css +1 -0
- package/dist/collection/components/animate-on-scroll/animate-on-scroll.js +2 -2
- package/dist/collection/components/aside-panel/aside-panel.css +2 -2
- package/dist/collection/components/aside-panel/aside-panel.js +10 -11
- package/dist/collection/components/avatar/avatar.css +6 -6
- package/dist/collection/components/avatar/avatar.js +63 -11
- package/dist/collection/components/badge/badge.css +27 -17
- package/dist/collection/components/badge/badge.js +6 -3
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +2 -2
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/button-toggle/button-toggle.js +2 -2
- package/dist/collection/components/button-toggle-group/button-toggle-group.css +161 -14
- package/dist/collection/components/button-toggle-group/button-toggle-group.js +2 -2
- package/dist/collection/components/callout-banner/callout-banner.css +75 -0
- package/dist/collection/components/callout-banner/callout-banner.js +1 -1
- package/dist/collection/components/card/card.css +221 -9
- package/dist/collection/components/card/card.js +3 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/code-editor/code-editor.js +1 -1
- package/dist/collection/components/code-preview/ui-code-preview.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +110 -6
- package/dist/collection/components/color-picker/color-picker.js +302 -26
- package/dist/collection/components/context-menu/context-menu.css +9 -9
- package/dist/collection/components/dialog-box/dialog-box.js +116 -14
- package/dist/collection/components/dialog-header/dialog-header.js +1 -1
- package/dist/collection/components/dock/dock.css +116 -3
- package/dist/collection/components/dock-host/ui-dock-host.js +3 -3
- package/dist/collection/components/drag-drop/drag-drop.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +101 -8
- package/dist/collection/components/dropdown/dropdown.js +94 -28
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/fab/fab.css +87 -15
- package/dist/collection/components/fab/fab.js +3 -3
- package/dist/collection/components/fab-item/fab-item.js +1 -1
- package/dist/collection/components/file-upload/file-upload.css +1362 -31
- package/dist/collection/components/file-upload/file-upload.js +171 -50
- package/dist/collection/components/horizontal-nav/horizontal-nav.css +9 -9
- package/dist/collection/components/horizontal-nav/horizontal-nav.js +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/input/input.css +9 -0
- package/dist/collection/components/input/input.js +20 -9
- package/dist/collection/components/label/label.css +583 -0
- package/dist/collection/components/label/label.js +1669 -0
- package/dist/collection/components/layout-manager/layout-manager.js +1 -1
- package/dist/collection/components/layout-manager/lm-floating-window/lm-floating-window.js +1 -1
- package/dist/collection/components/layout-manager/lm-panel/lm-panel.js +1 -1
- package/dist/collection/components/layout-manager/lm-splitter/lm-splitter.js +1 -1
- package/dist/collection/components/layout-manager/lm-tabs/lm-tabs.js +1 -1
- package/dist/collection/components/library/category-section.js +1 -1
- package/dist/collection/components/library/library-card.js +1 -1
- package/dist/collection/components/library/library.js +1 -1
- package/dist/collection/components/list/list.css +46 -5
- package/dist/collection/components/list/list.js +76 -42
- package/dist/collection/components/list-group/list-group.css +0 -2
- package/dist/collection/components/list-group/list-group.js +11 -5
- package/dist/collection/components/list-item/list-item.css +403 -131
- package/dist/collection/components/list-item/list-item.js +345 -61
- package/dist/collection/components/loader/loader.css +1 -1
- package/dist/collection/components/loader/loader.js +2 -2
- package/dist/collection/components/meter-group/meter-group.css +5 -0
- package/dist/collection/components/meter-group/meter-group.js +3 -2
- package/dist/collection/components/my-step/my-step.js +1 -1
- package/dist/collection/components/nav-bar/nav-bar.css +4 -4
- package/dist/collection/components/nav-bar/nav-bar.js +6 -6
- package/dist/collection/components/number-input/number-input.js +6 -2
- package/dist/collection/components/otp-input/otp-input.css +10 -0
- package/dist/collection/components/otp-input/otp-input.js +3 -3
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pattern-input/pattern-input.css +0 -1
- package/dist/collection/components/pattern-input/pattern-input.js +44 -9
- package/dist/collection/components/popover/popover.css +35 -7
- package/dist/collection/components/popover/popover.js +64 -9
- package/dist/collection/components/progress/progress.css +176 -32
- package/dist/collection/components/progress/progress.js +66 -8
- package/dist/collection/components/radio/radio.css +2 -0
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/range-slider/range-slider.css +284 -31
- package/dist/collection/components/range-slider/range-slider.js +5 -5
- package/dist/collection/components/rating/rating.css +151 -65
- package/dist/collection/components/rating/rating.js +31 -13
- package/dist/collection/components/resizable-panel/resizable-panel.js +1 -1
- package/dist/collection/components/skeleton/skeleton-loader.css +144 -44
- package/dist/collection/components/skeleton/skeleton-loader.js +11 -7
- package/dist/collection/components/smart-stepper/smart-step.js +2 -2
- package/dist/collection/components/smart-stepper/smart-stepper.js +1 -1
- package/dist/collection/components/speedometer/speedometer.css +26 -6
- package/dist/collection/components/speedometer/speedometer.js +26 -15
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/switch/switch.css +367 -8
- package/dist/collection/components/switch/switch.js +13 -12
- package/dist/collection/components/tag/tag.css +38 -12
- package/dist/collection/components/tag/tag.js +58 -13
- package/dist/collection/components/tag-group/tag-group.css +0 -1
- package/dist/collection/components/tag-group/tag-group.js +3 -3
- package/dist/collection/components/timeline/timeline.css +380 -317
- package/dist/collection/components/timeline/timeline.js +8 -0
- package/dist/collection/components/timeline-item/timeline-item.js +1 -1
- package/dist/collection/components/timer/timer.js +1 -1
- package/dist/collection/components/toggle-group/toggle-group.css +7 -3
- package/dist/collection/components/toggle-group/toggle-group.js +7 -3
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/top-bar/top-bar.js +2 -2
- package/dist/collection/components/transfer-list/transfer-list.css +13 -13
- package/dist/collection/components/transfer-list/transfer-list.js +4 -4
- package/dist/collection/components/tree/tree.css +35 -21
- package/dist/collection/components/tree/tree.js +28 -13
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.css +34 -16
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +46 -11
- package/dist/collection/components/ui-navigation-bar/navigation-item.css +7 -7
- package/dist/collection/components/ui-navigation-bar/navigation-item.js +3 -3
- package/dist/collection/utils/dom.js +151 -151
- package/dist/components/avatar-group.js +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/button-toggle.js +1 -1
- package/dist/components/button.js +1 -0
- package/dist/components/category-section2.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/context-menu.js +1 -1
- package/dist/components/dialog-header.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +1 -1
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/library-card2.js +1 -1
- package/dist/components/list-group.js +1 -1
- package/dist/components/list-item.js +1 -1
- package/dist/components/lm-container2.js +1 -1
- package/dist/components/lm-floating-window2.js +1 -1
- package/dist/components/lm-panel2.js +1 -1
- package/dist/components/lm-splitter2.js +1 -1
- package/dist/components/lm-tabs2.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/my-step.js +1 -1
- package/dist/components/nav-bar.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -0
- package/dist/components/radio.js +1 -1
- package/dist/components/range-slider.js +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/resizable-panel.js +1 -1
- package/dist/components/skeleton-loader.js +1 -1
- package/dist/components/smart-step.js +1 -1
- package/dist/components/stack.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag-group.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/timeline-item.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-advanced-data-table.js +1 -1
- package/dist/components/ui-anchor.js +1 -1
- package/dist/components/ui-animate-on-scroll.js +1 -1
- package/dist/components/ui-aside-panel.js +1 -1
- package/dist/components/ui-badge.js +1 -1
- package/dist/components/ui-breadcrumb-item.js +1 -1
- package/dist/components/ui-breadcrumb.js +1 -1
- package/dist/components/ui-button-toggle-group.js +1 -1
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-callout-banner.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-carousel.js +1 -1
- package/dist/components/ui-code-editor.js +1 -1
- package/dist/components/ui-code-preview.js +1 -1
- package/dist/components/ui-color-picker.js +1 -1
- package/dist/components/ui-command-palette.js +1 -1
- package/dist/components/ui-dialog-box.js +1 -1
- package/dist/components/ui-dock-host.js +1 -1
- package/dist/components/ui-dock.js +1 -1
- package/dist/components/ui-drag-drop.js +1 -1
- package/dist/components/ui-empty-state.js +1 -1
- package/dist/components/ui-fab-item.js +1 -1
- package/dist/components/ui-fab.js +1 -1
- package/dist/components/ui-file-upload.js +1 -1
- package/dist/components/ui-horizontal-nav.js +1 -1
- package/dist/components/ui-knob.js +1 -1
- package/dist/components/{ui-color-controller.d.ts → ui-label.d.ts} +4 -4
- package/dist/components/ui-label.js +1 -0
- package/dist/components/ui-library.js +1 -1
- package/dist/components/ui-list.js +1 -1
- package/dist/components/ui-masonry.js +1 -1
- package/dist/components/ui-meter-group.js +1 -1
- package/dist/components/ui-navigation-bar.js +1 -1
- package/dist/components/ui-navigation-item.js +1 -1
- package/dist/components/ui-number-input.js +1 -1
- package/dist/components/ui-otp-input.js +1 -1
- package/dist/components/ui-panel.js +1 -1
- package/dist/components/ui-pattern-input.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-scroll-top.js +1 -1
- package/dist/components/ui-smart-stepper.js +1 -1
- package/dist/components/ui-snackbar.js +1 -1
- package/dist/components/ui-speed-dial.js +1 -1
- package/dist/components/ui-speedometer.js +1 -1
- package/dist/components/ui-splitter.js +1 -1
- package/dist/components/ui-step.js +1 -1
- package/dist/components/ui-stepper.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-timeline.js +1 -1
- package/dist/components/ui-timer.js +1 -1
- package/dist/components/ui-toolbar.js +1 -1
- package/dist/components/ui-top-bar.js +1 -1
- package/dist/components/ui-transfer-list.js +1 -1
- package/dist/components/ui-tree.js +1 -1
- package/dist/components/ui-workspace-manager.js +1 -1
- package/dist/esm/category-section.entry.js +2 -2
- package/dist/esm/dom-DFBTWhGw.js +262 -0
- package/dist/esm/exploration-project-tailwind.js +3 -3
- package/dist/esm/{index-DUsoYu9r.js → index-Dqu2zaH1.js} +1 -1
- package/dist/esm/layout-manager.entry.js +3 -3
- package/dist/esm/library-card.entry.js +2 -2
- package/dist/esm/lm-container_2.entry.js +2 -2
- package/dist/esm/lm-panel_3.entry.js +4 -4
- package/dist/esm/loader.js +3 -3
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/my-step.entry.js +2 -2
- package/dist/esm/nav-bar.entry.js +4 -4
- package/dist/esm/smart-step.entry.js +3 -3
- package/dist/esm/timeline-item.entry.js +2 -2
- package/dist/esm/ui-accordion_11.entry.js +132 -50
- package/dist/esm/ui-advanced-data-table.entry.js +2 -2
- package/dist/esm/ui-anchor.entry.js +2 -2
- package/dist/esm/ui-animate-on-scroll.entry.js +3 -3
- package/dist/esm/ui-aside-panel.entry.js +10 -11
- package/dist/esm/ui-avatar-group_5.entry.js +1688 -0
- package/dist/esm/ui-breadcrumb-item.entry.js +3 -3
- package/dist/esm/ui-breadcrumb.entry.js +1 -1
- package/dist/esm/ui-callout-banner.entry.js +2 -2
- package/dist/esm/ui-card.entry.js +4 -3
- package/dist/esm/ui-carousel.entry.js +1 -1
- package/dist/esm/ui-checkbox.entry.js +3 -3
- package/dist/esm/ui-code-editor.entry.js +2 -2
- package/dist/esm/ui-code-preview.entry.js +2 -2
- package/dist/esm/ui-color-picker.entry.js +256 -22
- package/dist/esm/ui-command-palette.entry.js +1 -1
- package/dist/esm/ui-dialog-box.entry.js +85 -11
- package/dist/esm/ui-dialog-content.entry.js +1 -1
- package/dist/esm/ui-dialog-footer_2.entry.js +1 -1
- package/dist/esm/ui-divider.entry.js +1 -1
- package/dist/esm/ui-dock-host.entry.js +4 -4
- package/dist/esm/ui-dock.entry.js +2 -2
- package/dist/esm/ui-drag-drop.entry.js +2 -2
- package/dist/esm/ui-dropdown_2.entry.js +104 -34
- package/dist/esm/ui-empty-state.entry.js +2 -2
- package/dist/esm/ui-fab-item.entry.js +2 -2
- package/dist/esm/ui-fab.entry.js +4 -4
- package/dist/esm/ui-file-upload.entry.js +143 -44
- package/dist/esm/ui-horizontal-nav.entry.js +2 -2
- package/dist/esm/ui-knob.entry.js +1 -1
- package/dist/esm/ui-label.entry.js +471 -0
- package/dist/esm/ui-library.entry.js +2 -2
- package/dist/esm/ui-list-group_2.entry.js +349 -60
- package/dist/esm/ui-list.entry.js +76 -42
- package/dist/esm/ui-masonry.entry.js +1 -1
- package/dist/esm/ui-meter-group.entry.js +5 -4
- package/dist/esm/ui-navigation-item.entry.js +5 -5
- package/dist/esm/ui-number-input.entry.js +7 -3
- package/dist/esm/ui-otp-input.entry.js +5 -5
- package/dist/esm/{ui-pagination_4.entry.js → ui-pagination_3.entry.js} +36 -506
- package/dist/esm/ui-panel.entry.js +1 -1
- package/dist/esm/ui-pattern-input.entry.js +46 -11
- package/dist/esm/ui-progress.entry.js +66 -9
- package/dist/esm/ui-range-slider.entry.js +2 -2
- package/dist/esm/ui-resizable-panel.entry.js +2 -2
- package/dist/esm/ui-scroll-top.entry.js +1 -1
- package/dist/esm/ui-smart-context-menu.entry.js +1 -1
- package/dist/esm/ui-smart-stepper.entry.js +2 -2
- package/dist/esm/ui-snackbar.entry.js +1 -1
- package/dist/esm/ui-speed-dial.entry.js +1 -1
- package/dist/esm/ui-speedometer.entry.js +28 -17
- package/dist/esm/ui-splitter.entry.js +1 -1
- package/dist/esm/ui-step.entry.js +2 -2
- package/dist/esm/ui-stepper.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +14 -13
- package/dist/esm/ui-tabs.entry.js +2 -2
- package/dist/esm/ui-tag.entry.js +58 -13
- package/dist/esm/ui-timeline.entry.js +10 -2
- package/dist/esm/ui-timer.entry.js +2 -2
- package/dist/esm/ui-toolbar.entry.js +2 -2
- package/dist/esm/ui-tooltip.entry.js +4 -4
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-transfer-list.entry.js +6 -6
- package/dist/esm/ui-tree.entry.js +30 -15
- package/dist/esm/ui-workspace-manager.entry.js +2 -2
- package/dist/exploration-project-tailwind/exploration-project-tailwind.css +1 -1
- package/dist/exploration-project-tailwind/exploration-project-tailwind.esm.js +1 -1
- package/dist/exploration-project-tailwind/{p-7ba2258a.entry.js → p-024a299a.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-0a71896a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-35296877.entry.js → p-0cdeb8d8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a42fdc33.entry.js → p-139cefbc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-036d2a44.entry.js → p-198c83e5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-236f47b1.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-81ebba11.entry.js → p-25530d0d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-41cd6bf0.entry.js → p-298f2057.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85e36111.entry.js → p-2b5a8e3e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8c6d395.entry.js → p-2b6aa7bc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-70bacda8.entry.js → p-2cfba753.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-cbee2607.entry.js → p-2fe22958.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-20ecc116.entry.js → p-3012e780.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-321c3f46.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8b57fe4e.entry.js → p-3ab43638.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-3ad7e47e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3b1ca826.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3ee8ddae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-e22317c1.entry.js → p-3efb44c8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-36861546.entry.js → p-42e3bc28.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4360331a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-2f961934.entry.js → p-443de32b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-898dd0fa.entry.js → p-44d15451.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4288c158.entry.js → p-46071679.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a3f465d9.entry.js → p-497d6182.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4ad8c55c.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-4aaa8e40.entry.js → p-4c46ac0b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-98e91da5.entry.js → p-5042ddaa.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-60190e0e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-60530874.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-200241f8.entry.js → p-6108565d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-fb4aca69.entry.js → p-62889cfe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c02284ea.entry.js → p-66f71613.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-7889bfc4.entry.js → p-67c440b2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c1c8ac28.entry.js → p-6f09503f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-721bdbc3.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-747b02ea.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c6fd72e1.entry.js → p-754cb046.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-97af03cc.entry.js → p-7ed3bba2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d59da767.entry.js → p-864cebb7.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4d73c143.entry.js → p-96ee3196.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-54965530.entry.js → p-97086868.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d114a347.entry.js → p-9c5ced88.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9d3044d4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-9e079be6.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-790556f0.entry.js → p-9e4c45f5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9eee7394.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-DFBTWhGw.js +1 -0
- package/dist/exploration-project-tailwind/p-Dqu2zaH1.js +2 -0
- package/dist/exploration-project-tailwind/p-a7bdedc2.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c87aeab6.entry.js → p-a8ec29de.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6ddbee42.entry.js → p-ae617f62.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-05a436d3.entry.js → p-aef76052.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-b5f043fa.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-b637b91b.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d2e45c5e.entry.js → p-bc49a088.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6b838549.entry.js → p-bd9a631f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8ba0c95.entry.js → p-bf4b6767.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c0fa400e.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8578b616.entry.js → p-c4f3d990.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c68ddb2f.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c79574c4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c840098d.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-a1ad32a2.entry.js → p-c8663cbe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-cb6e38a6.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cb9f2df1.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cfe8b696.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-d00e13ae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c4ba7e52.entry.js → p-d01ed934.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-aa85ff78.entry.js → p-d4e57d94.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-ccb5c737.entry.js → p-d5bd3a3f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-45482d86.entry.js → p-d987cebe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-d9ae77c0.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-e9bae5c7.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f516fabc.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f68e2794.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d30e24bd.entry.js → p-fa034f69.entry.js} +1 -1
- package/dist/types/components/aside-panel/aside-panel.d.ts +0 -3
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/avatar/types.d.ts +2 -0
- package/dist/types/components/badge/badge.d.ts +1 -0
- package/dist/types/components/color-picker/color-picker.d.ts +35 -2
- package/dist/types/components/dialog-box/dialog-box.d.ts +10 -0
- package/dist/types/components/dropdown/dropdown.d.ts +5 -0
- package/dist/types/components/file-upload/file-upload.d.ts +23 -6
- package/dist/types/components/label/label.d.ts +290 -0
- package/dist/types/components/label/types.d.ts +39 -0
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components/list-group/list-group.d.ts +1 -0
- package/dist/types/components/list-item/list-item.d.ts +45 -17
- package/dist/types/components/pattern-input/pattern-input.d.ts +6 -0
- package/dist/types/components/popover/popover.d.ts +3 -0
- package/dist/types/components/progress/progress.d.ts +7 -0
- package/dist/types/components/range-slider/range-slider.d.ts +2 -2
- package/dist/types/components/rating/rating.d.ts +1 -0
- package/dist/types/components/skeleton/skeleton-loader.d.ts +1 -1
- package/dist/types/components/speedometer/speedometer.d.ts +1 -0
- package/dist/types/components/tag/tag.d.ts +4 -0
- package/dist/types/components/tree/tree.d.ts +1 -0
- package/dist/types/components/ui-navigation-bar/navigation-bar/navigation-bar.d.ts +1 -1
- package/dist/types/components.d.ts +742 -425
- package/dist/types/types/common.d.ts +2 -2
- package/dist/types/types/common.type.d.ts +2 -0
- package/dist/types/utils/dom.d.ts +4 -4
- package/package.json +4 -5
- package/dist/cjs/dom-oP1E4Rd3.js +0 -267
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +0 -634
- package/dist/cjs/ui-color-controller.cjs.entry.js +0 -150
- package/dist/cjs/ui-popover.cjs.entry.js +0 -517
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +0 -565
- package/dist/collection/components/color-controller/color-controller.css +0 -108
- package/dist/collection/components/color-controller/color-controller.js +0 -224
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.css +0 -357
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.js +0 -1190
- package/dist/components/ui-color-controller.js +0 -1
- package/dist/components/ui-smart-location-dropdown.d.ts +0 -11
- package/dist/components/ui-smart-location-dropdown.js +0 -1
- package/dist/esm/dom-BMFah5q3.js +0 -262
- package/dist/esm/ui-avatar-group_3.entry.js +0 -630
- package/dist/esm/ui-color-controller.entry.js +0 -148
- package/dist/esm/ui-popover.entry.js +0 -515
- package/dist/esm/ui-smart-location-dropdown.entry.js +0 -563
- package/dist/exploration-project-tailwind/p-06f0c679.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-148e81df.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-16bdd162.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-2347d21b.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-3d381f75.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4417a9d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-44742ddd.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4bef8bed.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4efd63ce.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5c835d90.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-61717490.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-717dad1f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-71d95bb1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9bd14f69.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9fc06ff0.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-BMFah5q3.js +0 -1
- package/dist/exploration-project-tailwind/p-DUsoYu9r.js +0 -2
- package/dist/exploration-project-tailwind/p-a27f59d2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-a7b07cf4.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-bd89d060.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c63c522e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c69dd43e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d6ce9721.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-dc92a343.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-debede45.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e76318c7.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ea51c5d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-eab5ad36.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f0bc5d7e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f1beee72.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f543392f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f61cfb7c.entry.js +0 -1
- package/dist/types/components/color-controller/color-controller.d.ts +0 -24
- package/dist/types/components/smart-location-dropdown/smart-location-dropdown.d.ts +0 -119
- package/dist/types/components/smart-location-dropdown/types.d.ts +0 -37
- /package/dist/collection/components/{smart-location-dropdown → label}/types.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,a as o,h as e,H as l}from"./p-Dqu2zaH1.js";import{s as i}from"./p-Dyu3Nplq.js";const r=class{constructor(o){t(this,o),this.calloutDismiss=a(this,"calloutDismiss"),this.calloutShow=a(this,"calloutShow"),this.calloutAction=a(this,"calloutAction")}ariaRole;testId;focusOnShow=!1;progress;i18n;_id=Math.random().toString(36).slice(2,10);variant="info";heading;message;icon;iconLibrary="lucide";closable=!0;dismissLabel="Dismiss";outlined=!1;compact=!1;banner=!1;autoClose=0;loading=!1;pulse=!1;noIcon=!1;solid=!1;accentBar=!1;pauseOnHover=!1;sticky=!1;truncate=0;size="md";persistKey;marquee=!1;marqueeSpeed=18;visible=!0;closing=!1;paused=!1;expanded=!1;closeReady=!0;slottedHTML="";get el(){return o(this)}calloutDismiss;calloutShow;calloutAction;autoCloseTimer;closeBtnTimer;dismissTimer;remainingTime=0;timerStart=0;handlePersistKeyChange(){this.checkPersistence()}componentWillLoad(){this.checkPersistence()}checkPersistence(){if(this.persistKey&&"undefined"!=typeof window){const t=localStorage.getItem(`ui-callout-dismissed-${this.persistKey}`);"true"!==t&&"1"!==t||(this.visible=!1)}}connectedCallback(){this.focusOnShow&&setTimeout((()=>{const t=this.hostElement?.shadowRoot?.querySelector(".callout-close");t?t.focus():this.hostElement?.focus()}),100),this.scheduleAutoClose(),this.closableAfter>0&&this.closable?(this.closeReady=!1,this.closeBtnTimer=setTimeout((()=>{this.closeReady=!0}),this.closableAfter)):this.closeReady=!0,this.readSlottedContent()}readSlottedContent(){this.marquee&&setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".callout-message slot:not([name])");if(t){const a=t.assignedNodes().map((t=>3===t.nodeType?t.textContent:t.outerHTML||t.innerHTML||t.textContent||"")).join("");this.slottedHTML=i(a)}}),50)}disconnectedCallback(){clearTimeout(this.autoCloseTimer),clearTimeout(this.closeBtnTimer),clearTimeout(this.dismissTimer)}enterFrom="top";href;target;closableAfter=0;async update(t){Object.entries(t).forEach((([t,a])=>{t in this&&(this[t]=a)}))}handleActionClick=t=>{t.target&&t.target.closest('[slot="actions"]')&&this.calloutAction.emit()};onAutoCloseChange(){clearTimeout(this.autoCloseTimer),this.scheduleAutoClose()}scheduleAutoClose(t){const a=t??this.autoClose;a>0&&this.visible&&(this.timerStart=Date.now(),this.remainingTime=a,this.autoCloseTimer=setTimeout((()=>this.dismiss()),a))}dismiss(){this.persistKey&&"undefined"!=typeof window&&localStorage.setItem(`ui-callout-dismissed-${this.persistKey}`,"true"),this.closing=!0,clearTimeout(this.dismissTimer),this.dismissTimer=setTimeout((()=>{this.visible=!1,this.closing=!1,this.calloutDismiss.emit()}),250)}async hide(){this.dismiss()}async show(){this.persistKey&&"undefined"!=typeof window&&localStorage.removeItem(`ui-callout-dismissed-${this.persistKey}`),this.visible=!0,this.closing=!1,this.calloutShow.emit(),this.scheduleAutoClose()}handleDismiss=()=>{this.dismiss()};handleMouseEnter=()=>{if(this.pauseOnHover&&this.autoClose>0&&this.visible&&!this.closing){clearTimeout(this.autoCloseTimer);const t=Date.now()-this.timerStart;this.remainingTime=Math.max(0,this.remainingTime-t),this.paused=!0}};handleMouseLeave=()=>{this.pauseOnHover&&this.paused&&(this.paused=!1,this.timerStart=Date.now(),this.autoCloseTimer=setTimeout((()=>this.dismiss()),this.remainingTime))};toggleExpand=()=>{this.expanded=!this.expanded};defaultIcon(){return{info:"info",success:"check-circle",warning:"triangle-alert",danger:"circle-x",neutral:"bell"}[this.variant]??"info"}getIcon(){const t=this.icon??this.defaultIcon();return e("ui-icon",{name:t,library:this.iconLibrary,size:"1.25em"})}render(){if(!this.visible)return null;const t={[`variant-${this.variant}`]:!0,outlined:this.outlined,compact:this.compact,banner:this.banner,closing:this.closing,loading:this.loading,pulse:this.pulse,"no-icon":this.noIcon,solid:this.solid,"accent-bar":this.accentBar,sticky:this.sticky,marquee:this.marquee,paused:this.paused,[`size-${this.size}`]:!0,[`enter-${this.enterFrom}`]:!0},a=`callout-title-${this._id}`,o=`callout-msg-${this._id}`,r=!!this.href,n=this.autoClose>0?"assertive":"polite",s=this.i18n||{},c=e("div",{class:"callout-inner",role:r?"button":"status","aria-live":n,"aria-labelledby":a,"aria-describedby":o,tabIndex:r&&!this.href?0:void 0,onKeyDown:r&&!this.href?t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleActionClick(t))}:void 0,"data-testid":this.testId},!this.noIcon&&e("div",{class:"callout-icon",part:"icon"},this.loading?e("span",{class:"callout-spinner","aria-hidden":"true"}):e("slot",{name:"icon"},this.getIcon())),e("div",{class:"callout-content",part:"content"},e("div",{class:"callout-title",part:"title",id:a},e("slot",{name:"title"},this.heading)),!this.compact&&e("div",{class:{"callout-message":!0,truncated:this.truncate>0&&!this.expanded},part:"message",id:o,style:this.truncate>0?{"--callout-truncate-lines":String(this.truncate)}:{}},this.marquee?e("div",{class:"callout-marquee-track",style:{"--marquee-speed":12*this.marqueeSpeed+"s"}},e("div",{class:"callout-marquee-group","aria-hidden":"true"},Array.from({length:12}).map((()=>e("span",{class:"callout-marquee-item",innerHTML:i(this.message||this.slottedHTML)})))),e("div",{class:"callout-marquee-group","aria-hidden":"true"},Array.from({length:12}).map((()=>e("span",{class:"callout-marquee-item",innerHTML:i(this.message||this.slottedHTML)})))),e("div",{style:{display:"none"}},e("slot",null,this.message))):e("slot",null,this.message)),!this.compact&&this.truncate>0&&e("ui-button",{variant:"ghost",class:"callout-show-more",onClick:this.toggleExpand,size:"sm",label:this.expanded?s.showLessLabel||"Show less ↑":s.showMoreLabel||"Show more ↓"}),!this.compact&&e("div",{class:"callout-actions",part:"actions",onClick:this.handleActionClick},e("slot",{name:"actions"}))),this.compact&&e("div",{class:"callout-inline-message",part:"message",id:o},e("slot",null,this.message)),this.closable&&this.closeReady&&e("ui-button",{variant:"ghost",class:"callout-close",onClick:this.handleDismiss,ariaLabel:s.dismissLabel||this.dismissLabel,icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),u="number"==typeof this.progress?e("div",{class:"callout-progress-bar",style:{width:this.progress+"%"},"aria-valuenow":this.progress,"aria-valuemin":"0","aria-valuemax":"100",role:"progressbar"}):this.autoClose>0&&this.visible&&!this.closing&&e("div",{class:{"callout-progress":!0,paused:this.paused},part:"progress",style:{animationDuration:`${this.autoClose}ms`}});return this.href?e("a",{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,class:t,part:"callout","aria-busy":this.loading?"true":void 0,"aria-labelledby":a,"aria-describedby":o,"aria-live":n,role:this.ariaRole||("neutral"===this.variant?"status":"alert"),"data-testid":this.testId,tabIndex:this.focusOnShow?0:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c,u):e(l,{class:t,part:"callout","aria-busy":this.loading?"true":void 0,"aria-labelledby":a,"aria-describedby":o,"aria-live":n,role:this.ariaRole||("neutral"===this.variant?"status":"alert"),"data-testid":this.testId,tabIndex:this.focusOnShow?0:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c,u)}static get watchers(){return{persistKey:[{handlePersistKeyChange:0}],autoClose:[{onAutoCloseChange:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host-context(.dark).variant-info .callout-inner,:host-context([data-theme=dark]).variant-info .callout-inner,:host-context([data-theme=violet]).variant-info .callout-inner,:host-context([data-theme=pink]).variant-info .callout-inner,:host-context([data-theme=blue]).variant-info .callout-inner,:host-context([data-theme=green]).variant-info .callout-inner,:host-context([data-theme=yellow]).variant-info .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host-context(.dark).variant-success .callout-inner,:host-context([data-theme=dark]).variant-success .callout-inner,:host-context([data-theme=violet]).variant-success .callout-inner,:host-context([data-theme=pink]).variant-success .callout-inner,:host-context([data-theme=blue]).variant-success .callout-inner,:host-context([data-theme=green]).variant-success .callout-inner,:host-context([data-theme=yellow]).variant-success .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34, 197, 94, 0.35);--callout-icon-bg:rgba(34, 197, 94, 0.18);--callout-shadow:rgba(34, 197, 94, 0.13)}:host-context(.dark).variant-warning .callout-inner,:host-context([data-theme=dark]).variant-warning .callout-inner,:host-context([data-theme=violet]).variant-warning .callout-inner,:host-context([data-theme=pink]).variant-warning .callout-inner,:host-context([data-theme=blue]).variant-warning .callout-inner,:host-context([data-theme=green]).variant-warning .callout-inner,:host-context([data-theme=yellow]).variant-warning .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251, 191, 36, 0.35);--callout-icon-bg:rgba(251, 191, 36, 0.18);--callout-shadow:rgba(251, 191, 36, 0.13)}:host-context(.dark).variant-danger .callout-inner,:host-context([data-theme=dark]).variant-danger .callout-inner,:host-context([data-theme=violet]).variant-danger .callout-inner,:host-context([data-theme=pink]).variant-danger .callout-inner,:host-context([data-theme=blue]).variant-danger .callout-inner,:host-context([data-theme=green]).variant-danger .callout-inner,:host-context([data-theme=yellow]).variant-danger .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239, 68, 68, 0.35);--callout-icon-bg:rgba(239, 68, 68, 0.18);--callout-shadow:rgba(239, 68, 68, 0.13)}:host-context(.dark).variant-neutral .callout-inner,:host-context([data-theme=dark]).variant-neutral .callout-inner,:host-context([data-theme=violet]).variant-neutral .callout-inner,:host-context([data-theme=pink]).variant-neutral .callout-inner,:host-context([data-theme=blue]).variant-neutral .callout-inner,:host-context([data-theme=green]).variant-neutral .callout-inner,:host-context([data-theme=yellow]).variant-neutral .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148, 163, 184, 0.25);--callout-icon-bg:rgba(148, 163, 184, 0.13);--callout-shadow:rgba(148, 163, 184, 0.09)}@media (prefers-color-scheme: dark){:host(.variant-info) .callout-inner{--callout-bg:#1e293b;--callout-text:#60a5fa;--callout-border:rgba(59, 130, 246, 0.35);--callout-icon-bg:rgba(59, 130, 246, 0.18);--callout-shadow:rgba(59, 130, 246, 0.13)}:host(.variant-success) .callout-inner{--callout-bg:#052e16;--callout-text:#4ade80;--callout-border:rgba(34,197,94,0.35);--callout-icon-bg:rgba(34,197,94,0.18);--callout-shadow:rgba(34,197,94,0.13)}:host(.variant-warning) .callout-inner{--callout-bg:#78350f;--callout-text:#facc15;--callout-border:rgba(251,191,36,0.35);--callout-icon-bg:rgba(251,191,36,0.18);--callout-shadow:rgba(251,191,36,0.13)}:host(.variant-danger) .callout-inner{--callout-bg:#7f1d1d;--callout-text:#f87171;--callout-border:rgba(239,68,68,0.35);--callout-icon-bg:rgba(239,68,68,0.18);--callout-shadow:rgba(239,68,68,0.13)}:host(.variant-neutral) .callout-inner{--callout-bg:#0f172a;--callout-text:#f1f5f9;--callout-border:rgba(148,163,184,0.25);--callout-icon-bg:rgba(148,163,184,0.13);--callout-shadow:rgba(148,163,184,0.09)}}a[part=callout]{text-decoration:none;color:inherit;display:block;transition:box-shadow 0.15s, filter 0.15s}a[part=callout]:hover,a[part=callout]:focus-visible{filter:brightness(1.04);box-shadow:0 6px 24px var(--callout-shadow, rgba(15, 23, 42, 0.13))}a[part=callout]:active{filter:brightness(0.98)}@keyframes callout-slide-in-top{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-top{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-bottom{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes callout-slide-out-bottom{from{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(16px);max-height:0;padding:0;margin:0}}@keyframes callout-slide-in-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-left{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(-32px);max-width:0;padding:0;margin:0}}@keyframes callout-slide-in-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes callout-slide-out-right{from{opacity:1;transform:translateX(0);max-width:600px}to{opacity:0;transform:translateX(32px);max-width:0;padding:0;margin:0}}@keyframes callout-fade-in{from{opacity:0}to{opacity:1}}@keyframes callout-fade-out{from{opacity:1}to{opacity:0}}@keyframes callout-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes callout-spin{to{transform:rotate(360deg)}}@keyframes callout-pulse{0%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 var(--callout-border)}70%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 7px transparent}100%{box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07)), 0 0 0 0 transparent}}:host{display:block;width:100%}:host(.enter-top){animation:callout-slide-in-top 0.25s ease both}:host(.enter-bottom){animation:callout-slide-in-bottom 0.25s ease both}:host(.enter-left){animation:callout-slide-in-left 0.25s ease both}:host(.enter-right){animation:callout-slide-in-right 0.25s ease both}:host(.enter-fade){animation:callout-fade-in 0.25s ease both}:host(.closing.enter-top){animation:callout-slide-out-top 0.25s ease both;pointer-events:none}:host(.closing.enter-bottom){animation:callout-slide-out-bottom 0.25s ease both;pointer-events:none}:host(.closing.enter-left){animation:callout-slide-out-left 0.25s ease both;pointer-events:none}:host(.closing.enter-right){animation:callout-slide-out-right 0.25s ease both;pointer-events:none}:host(.closing.enter-fade){animation:callout-fade-out 0.25s ease both;pointer-events:none}:host(.banner){border-radius:0}.callout-inner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;position:relative;background:var(--callout-bg, #eff6ff);color:var(--callout-text, #1e3a8a);border:1px solid var(--callout-border, transparent);box-shadow:0 4px 16px var(--callout-shadow, rgba(15, 23, 42, 0.07));overflow:hidden;--text-primary:var(--callout-text);--text-secondary:var(--callout-text);--text-muted:var(--callout-text);--text-standard:var(--callout-text);--bg-primary:var(--callout-bg);--bg-secondary:var(--callout-icon-bg, rgba(255, 255, 255, 0.5));--border-default:var(--callout-border, transparent);--border-subtle:var(--callout-border, transparent);--border-strong:var(--callout-border, transparent)}:host(.compact) .callout-inner{padding:8px 14px;gap:10px;border-radius:999px;align-items:center;grid-template-columns:auto auto 1fr auto}:host(.size-sm) .callout-inner{padding:6px 10px;border-radius:8px;gap:7px}:host(.size-sm) .callout-title,:host(.size-sm) .callout-message,:host(.size-sm) .callout-inline-message{font-size:0.78rem}:host(.size-sm) .callout-icon{width:22px;height:22px;font-size:1em}:host(.size-md) .callout-inner{padding:14px 18px;border-radius:14px;gap:12px}:host(.size-md) .callout-title,:host(.size-md) .callout-message,:host(.size-md) .callout-inline-message{font-size:0.95rem}:host(.size-md) .callout-icon{width:38px;height:38px;font-size:1.25em}:host(.size-lg) .callout-inner{padding:22px 28px;border-radius:22px;gap:18px}:host(.size-lg) .callout-title,:host(.size-lg) .callout-message,:host(.size-lg) .callout-inline-message{font-size:1.15rem}:host(.size-lg) .callout-icon{width:54px;height:54px;font-size:1.5em}:host(.compact) .callout-icon{width:28px;height:28px;border-radius:50%}:host(.compact) .callout-title{font-size:0.85rem}.callout-inline-message{font-size:0.85rem;opacity:0.8;flex:1}:host(.banner) .callout-inner{border-radius:0;border-left:none;border-right:none;box-shadow:none}.callout-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--callout-icon-bg, rgba(255, 255, 255, 0.5))}.callout-content{display:flex;flex-direction:column;gap:3px;min-width:0}.callout-title{font-weight:600;letter-spacing:-0.01em;font-size:0.95rem;line-height:1.3}.callout-message{font-size:0.875rem;opacity:0.85;line-height:1.5}.callout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.callout-close{background:transparent;border:none;padding:5px;flex-shrink:0;border-radius:999px;cursor:pointer;color:inherit;opacity:0.6;transition:opacity 0.15s ease, background 0.15s ease;display:inline-flex;align-items:center;justify-content:center}.callout-close:hover{opacity:1;background:rgba(15, 23, 42, 0.08)}.callout-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;opacity:0.3;transform-origin:left center;animation:callout-progress linear both}:host(.outlined) .callout-inner{box-shadow:none;background:transparent;border-color:var(--callout-text, currentColor) !important}:host(.variant-info) .callout-inner{--callout-bg:#eff6ff;--callout-text:#1d4ed8;--callout-border:rgba(59, 130, 246, 0.3);--callout-icon-bg:rgba(59, 130, 246, 0.12);--callout-shadow:rgba(59, 130, 246, 0.08)}:host(.variant-success) .callout-inner{--callout-bg:#f0fdf4;--callout-text:#15803d;--callout-border:rgba(22, 163, 74, 0.3);--callout-icon-bg:rgba(22, 163, 74, 0.12);--callout-shadow:rgba(22, 163, 74, 0.08)}:host(.variant-warning) .callout-inner{--callout-bg:#fffbeb;--callout-text:#b45309;--callout-border:rgba(217, 119, 6, 0.3);--callout-icon-bg:rgba(217, 119, 6, 0.12);--callout-shadow:rgba(217, 119, 6, 0.08)}:host(.variant-danger) .callout-inner{--callout-bg:#fef2f2;--callout-text:#dc2626;--callout-border:rgba(220, 38, 38, 0.3);--callout-icon-bg:rgba(220, 38, 38, 0.12);--callout-shadow:rgba(220, 38, 38, 0.08)}:host(.variant-neutral) .callout-inner{--callout-bg:#f8fafc;--callout-text:#334155;--callout-border:rgba(100, 116, 139, 0.25);--callout-icon-bg:rgba(100, 116, 139, 0.1);--callout-shadow:rgba(15, 23, 42, 0.06)}@media (max-width: 640px){.callout-inner{grid-template-columns:auto 1fr auto;padding:12px 14px}}.callout-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--callout-icon-bg, rgba(255, 255, 255, 0.3));border-top-color:var(--callout-text, currentColor);border-radius:50%;animation:callout-spin 0.7s linear infinite;flex-shrink:0}:host(.no-icon) .callout-inner{grid-template-columns:1fr auto}:host(.compact.no-icon) .callout-inner{grid-template-columns:auto 1fr auto}:host(.pulse) .callout-inner{animation:callout-pulse 1.8s ease-in-out infinite}:host(.solid) .callout-close:hover{background:rgba(255, 255, 255, 0.15)}:host(.solid.variant-info) .callout-inner{--callout-bg:#1d4ed8;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(29, 78, 216, 0.3)}:host(.solid.variant-success) .callout-inner{--callout-bg:#15803d;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(21, 128, 61, 0.3)}:host(.solid.variant-warning) .callout-inner{--callout-bg:#d97706;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(217, 119, 6, 0.3)}:host(.solid.variant-danger) .callout-inner{--callout-bg:#dc2626;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.2);--callout-shadow:rgba(220, 38, 38, 0.3)}:host(.solid.variant-neutral) .callout-inner{--callout-bg:#334155;--callout-text:#ffffff;--callout-border:transparent;--callout-icon-bg:rgba(255, 255, 255, 0.15);--callout-shadow:rgba(51, 65, 85, 0.3)}:host(.accent-bar) .callout-inner{border-left:4px solid var(--callout-text, currentColor);border-radius:0 14px 14px 0;padding-left:14px}:host(.accent-bar.banner) .callout-inner{border-radius:0}:host(.accent-bar.compact) .callout-inner{border-radius:0 999px 999px 0}:host(.sticky){position:sticky;top:0;z-index:200}.callout-progress.paused,:host(.paused) .callout-marquee-content{animation-play-state:paused}.callout-message.truncated{display:-webkit-box;-webkit-line-clamp:var(--callout-truncate-lines, 3);line-clamp:var(--callout-truncate-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.callout-show-more{background:none;border:none;padding:0;margin-top:4px;font-size:0.8rem;font-weight:600;color:var(--callout-text, currentColor);cursor:pointer;opacity:0.75;text-decoration:underline;text-underline-offset:2px;display:inline-block;line-height:1.4}.callout-show-more:hover{opacity:1}.callout-show-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}:host(.marquee) .callout-inner{overflow:hidden}.callout-marquee-track{display:flex;width:100%;overflow:hidden;user-select:none;gap:3rem;}.callout-marquee-group{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;gap:3rem;min-width:100%;animation:callout-scroll var(--marquee-speed, 18s) linear infinite;will-change:transform}.callout-marquee-item{display:flex;align-items:center;white-space:nowrap}@keyframes callout-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 3rem))}}:host(.paused) .callout-marquee-group{animation-play-state:paused}:host(.marquee) .callout-message{overflow:hidden}';export{r as ui_callout_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,a as r,h as a,H as e}from"./p-DUsoYu9r.js";const i=class{constructor(r){o(this,r),this.toolbarItemClick=t(this,"toolbarItemClick"),this.toolbarItemChange=t(this,"toolbarItemChange"),this.toolbarOverflowChange=t(this,"toolbarOverflowChange"),this.toolbarReorder=t(this,"toolbarReorder")}get el(){return r(this)}schema=null;items=[];variant="default";size="md";orientation="horizontal";position="static";stickyEdge="top";alignment="start";gap="4px";padding="8px 12px";maxSize;overflowStrategy="dropdown";overflowLabel="More";overflowIcon="more-horizontal";iconLibrary="lucide";disabled=!1;loading=!1;zoneDividers=!1;rounded=!1;elevation=1;reorderable=!1;keyboardNav=!0;toolbarAriaLabel="Toolbar";bordered=!1;iconOnly=!1;inputDebounce=300;overflowedIds=new Set;isOverflowOpen=!1;itemStates=new Map;dragSourceId=null;parsedSchema=null;parsedItems=[];isMobile=!1;isCollapsed=!1;openChildDropdowns=0;toolbarItemClick;toolbarItemChange;toolbarOverflowChange;toolbarReorder;resizeObserver;toolbarBodyRef;inputDebounceTimers=new Map;undoStack=[];redoStack=[];focusableRefs=new Map;mobileBreakpoint=640;componentWillLoad(){this.parseItems(),this.parseSchema(),this.initItemStates(),this.isMobile=window.innerWidth<=this.mobileBreakpoint}componentDidLoad(){"dropdown"===this.overflowStrategy&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.recalcOverflow())),this.resizeObserver.observe(this.el)),requestAnimationFrame((()=>this.recalcOverflow()))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.inputDebounceTimers.forEach((o=>clearTimeout(o)))}onItemsChange(){this.parseItems(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onSchemaChange(){this.parseSchema(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onDocumentClick(o){this.isOverflowOpen&&o.target instanceof Node&&!this.el.contains(o.target)&&(this.isOverflowOpen=!1)}onKeyDown(o){if(!this.keyboardNav)return;const t=Array.from(this.focusableRefs.values()).filter((o=>o&&!o.hasAttribute("disabled"))),r=t.indexOf(document.activeElement);"horizontal"===this.orientation?"ArrowRight"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowLeft"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()):"ArrowDown"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowUp"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()),"Escape"===o.key&&(this.isOverflowOpen=!1)}onChildDropdownOpen(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns+=1)}onChildDropdownClose(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns=Math.max(0,this.openChildDropdowns-1))}async setItemValue(o,t){const r=this.itemStates.get(o)?.value;this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,value:t}));const a=this.findItem(o);a&&this.toolbarItemChange.emit({item:a,value:t,previousValue:r})}async getItemValue(o){return this.itemStates.get(o)?.value}async setItemDisabled(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,disabled:t}))}async setItemHidden(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,hidden:t})),requestAnimationFrame((()=>this.recalcOverflow()))}async setItemLoading(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,loading:t}))}async toggleItem(o){const t=this.itemStates.get(o)??{id:o};this.itemStates=new Map(this.itemStates.set(o,{...t,active:!t.active}))}async setCollapsed(o){this.isCollapsed=o}async setOverflowOpen(o){this.isOverflowOpen=o}async getStateSnapshot(){return{activeItems:Array.from(this.itemStates.entries()).filter((([,o])=>o.active)).map((([o])=>o)),itemStates:Object.fromEntries(this.itemStates),timestamp:Date.now()}}async restoreStateSnapshot(o){this.itemStates=new Map(Object.entries(o.itemStates)),requestAnimationFrame((()=>this.recalcOverflow()))}async undo(){const o=this.undoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.redoStack.push(t),await this.restoreStateSnapshot(o)}async redo(){const o=this.redoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.undoStack.push(t),await this.restoreStateSnapshot(o)}async focusItem(o){this.focusableRefs.get(o)?.focus()}parseItems(){if(this.items)if("string"==typeof this.items)try{this.parsedItems=JSON.parse(this.items)}catch{this.parsedItems=[]}else this.parsedItems=this.items;else this.parsedItems=[]}parseSchema(){if(this.schema)if("string"==typeof this.schema)try{this.parsedSchema=JSON.parse(this.schema)}catch{this.parsedSchema=null}else this.parsedSchema=this.schema;else this.parsedSchema=null}initItemStates(){this.getAllItems().forEach((o=>{if(!this.itemStates.has(o.id)){const t={id:o.id,disabled:o.disabled};"value"in o&&(t.value=o.value),"checked"in o&&(t.value=o.checked),"active"in o&&(t.active=o.active),this.itemStates.set(o.id,t)}}))}getAllItems(){const o=[],t=r=>{r?.forEach((r=>{o.push(r),"group"===r.type&&t(r.items)}))};return this.parsedSchema?(t(this.parsedSchema.left??[]),t(this.parsedSchema.center??[]),t(this.parsedSchema.right??[]),t(this.parsedSchema.overflow??[])):t(this.parsedItems),o}findItem(o){return this.getAllItems().find((t=>t.id===o))??null}recalcOverflow(){if("dropdown"!==this.overflowStrategy)return;const o=this.toolbarBodyRef;if(!o)return;const t=new Set;if(this.isMobile=window.innerWidth<=this.mobileBreakpoint,this.isMobile&&this.isCollapsed)this.getAllItems().forEach((o=>{"separator"!==o.type&&"spacer"!==o.type&&t.add(o.id)}));else{const r="horizontal"===this.orientation,a=r?o.clientWidth:o.clientHeight,e=48;let i=0;[...this.getAllItems()].filter((o=>"separator"!==o.type&&"spacer"!==o.type)).sort(((o,t)=>(t.priority??0)-(o.priority??0))).forEach((o=>{if(this.itemStates.get(o.id)?.hidden)return;const l=this.el.shadowRoot?.querySelector(`[data-item-id="${o.id}"]`);l&&(i+=(r?l.offsetWidth:l.offsetHeight)+4,i>a-e&&!o.pinToOverflow&&t.add(o.id))}))}const r=this.overflowedIds;JSON.stringify([...t].sort())!==JSON.stringify([...r].sort())&&(this.overflowedIds=t,this.toolbarOverflowChange.emit({overflowIds:[...t],visibleIds:this.getAllItems().filter((o=>!t.has(o.id))).map((o=>o.id))}))}pushUndoSnapshot(){this.getStateSnapshot().then((o=>{this.undoStack.push(o),this.undoStack.length>50&&this.undoStack.shift(),this.redoStack=[]}))}handleItemClick(o,t){if(!(this.disabled||this.itemStates.get(o.id)?.disabled||o.disabled)){if(this.pushUndoSnapshot(),("button"===o.type||"icon-button"===o.type)&&o.toggleable){const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}this.toolbarItemClick.emit({item:o,originalEvent:t})}}handleValueChange(o,t){if(this.disabled||this.itemStates.get(o.id)?.disabled)return;this.pushUndoSnapshot();const r=this.itemStates.get(o.id)?.value;this.itemStates=new Map(this.itemStates.set(o.id,{...this.itemStates.get(o.id),id:o.id,value:t})),this.toolbarItemChange.emit({item:o,value:t,previousValue:r})}isItemDisabled(o){return this.disabled||!!o.disabled||!!this.itemStates.get(o.id)?.disabled}isItemHidden(o){return!!this.itemStates.get(o.id)?.hidden}isItemLoading(o){return!!this.itemStates.get(o.id)?.loading}isItemActive(o){const t=this.itemStates.get(o.id);return void 0!==t?.active?t.active:o.active??!1}computeItemValue(o){const t=this.itemStates.get(o.id);return void 0!==t?.value?t.value:"value"in o?o.value:"checked"in o?o.checked:void 0}handleDragStart(o){this.dragSourceId=o}handleDrop(o){if(!this.dragSourceId||this.dragSourceId===o)return;const t=[...this.parsedItems],r=t.findIndex((o=>o.id===this.dragSourceId)),a=t.findIndex((t=>t.id===o));if(r<0||a<0)return;const[e]=t.splice(r,1);t.splice(a,0,e),this.parsedItems=[...t],this.dragSourceId=null,this.toolbarReorder.emit(t)}renderItem(o,t=!1){if(this.isItemHidden(o))return null;if(!t&&this.overflowedIds.has(o.id)&&"dropdown"===this.overflowStrategy)return null;const r=this.isItemDisabled(o),e=this.isItemLoading(o);switch(o.type){case"button":case"icon-button":return this.renderButton(o,r,e,t);case"dropdown":return this.renderDropdown(o,r);case"input":case"search":return this.renderInput(o,r,t);case"toggle":case"switch":return this.renderToggle(o,r,t);case"toggle-group":return this.renderToggleGroup(o,r,t);case"avatar":return this.renderAvatar(o,t);case"separator":return this.renderSeparator();case"spacer":return a("span",{class:"toolbar-spacer",style:{flex:String(o.flex??1)}});case"text":return this.renderText(o);case"badge":return this.renderBadge(o);case"custom":return this.renderCustom(o);case"group":return this.renderGroup(o,t);default:return null}}renderButton(o,t,r,e){const i=this.isItemActive(o),l=o.iconLibrary??this.iconLibrary,n=o.iconOnly??(!o.label||this.iconOnly);if(e)return a("li",{class:{"overflow-item":!0,"is-active":i,"is-disabled":t},role:"menuitem","aria-disabled":t?"true":null,onClick:t?null:t=>{this.handleItemClick(o,t),this.isOverflowOpen=!1},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(this.handleItemClick(o,t),this.isOverflowOpen=!1)},tabIndex:t?-1:0,"data-item-id":o.id},o.icon&&a("ui-icon",{name:o.icon,library:l,size:"16px"}),a("span",{class:"overflow-item-label"},o.label??o.id),i&&a("span",{class:"overflow-item-check"},"✓"));const s="ghost"!==o.variant&&"outline"!==o.variant&&o.variant?o.variant:o.variant??"ghost";return a("div",{class:{"toolbar-item":!0,"toolbar-item--button":!0,[o.className??""]:!!o.className},"data-item-id":o.id,draggable:this.reorderable,onDragStart:()=>this.handleDragStart(o.id),onDrop:()=>this.handleDrop(o.id),onDragOver:o=>o.preventDefault()},a("ui-button",{label:n?void 0:o.label,icon:o.icon,"icon-library":l,"icon-only":n,variant:s,size:this.size,disabled:t,loading:r,selected:i,active:i,noRipple:!0,href:o.href,target:o.target,tooltip:o.tooltip,"aria-label":o.ariaLabel??(n?o.label:void 0),badge:null!=o.badge?String(o.badge):void 0,ref:t=>t&&this.focusableRefs.set(o.id,t),onButtonClick:t?null:t=>this.handleItemClick(o,t.detail)}))}renderDropdown(o,t){const r=this.computeItemValue(o)??"",e=o.iconLibrary??this.iconLibrary;return a("div",{class:{"toolbar-item":!0,"toolbar-item--dropdown":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-dropdown",{options:o.options,value:r,placeholder:o.placeholder??o.label??"Select",disabled:t,multiSelect:o.multiSelect,searchable:o.searchable,clearable:o.clearable,size:this.size,onDropdownChange:t=>this.handleValueChange(o,t.detail?.value)},o.icon&&a("ui-icon",{slot:"prefix",name:o.icon,library:e,size:"16px"})))}renderInput(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"",i=t=>{const r=o.debounce??this.inputDebounce;this.inputDebounceTimers.has(o.id)&&clearTimeout(this.inputDebounceTimers.get(o.id));const a=setTimeout((()=>this.handleValueChange(o,t)),r);this.inputDebounceTimers.set(o.id,a)};return a("div",{class:{"toolbar-item":!0,"toolbar-item--input":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,style:{minWidth:o.minWidth,maxWidth:o.maxWidth}},a("ui-input",{value:e,placeholder:o.placeholder??("search"===o.type?"Search…":""),disabled:t,size:this.size,clearable:o.clearable,"prefix-icon":"search"===o.type?"search":o.icon,"icon-library":this.iconLibrary,ref:t=>t&&this.focusableRefs.set(o.id,t),onInputChange:o=>i(o.detail)}))}renderToggle(o,t,r){const e=this.computeItemValue(o)??!1;return r?a("li",{class:{"overflow-item":!0,"overflow-item--toggle":!0,"is-disabled":t},role:"menuitemcheckbox","aria-checked":String(e),"aria-disabled":t?"true":null,tabIndex:t?-1:0,"data-item-id":o.id,onClick:t?null:()=>this.handleValueChange(o,!e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleValueChange(o,!e)}},a("span",{class:"overflow-item-label"},o.label??o.id),a("span",{class:"overflow-toggle"+(e?" is-on":"")},e?"ON":"OFF")):a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},"right"!==o.labelPosition&&o.label&&a("span",{class:"toolbar-toggle-label"},o.label),a("ui-switch",{checked:e,disabled:t,size:this.size,label:"right"===o.labelPosition?o.label:void 0,"label-position":o.labelPosition??"right",ref:t=>t&&this.focusableRefs.set(o.id,t),onSwitchChange:t=>this.handleValueChange(o,t.detail.checked)}))}renderToggleGroup(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"";return a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle-group":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-toggle-group",{options:o.options,value:Array.isArray(e)?e.join(","):e,disabled:t,size:o.size??this.size,color:o.color,variant:o.variant,shape:o.shape,"selection-mode":o.selectionMode??"single",onToggleGroupChange:t=>this.handleValueChange(o,t.detail.value)}))}renderAvatar(o,t){return t?a("li",{class:{"overflow-item":!0,"overflow-item--avatar":!0},role:"menuitem",tabIndex:0,"data-item-id":o.id},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"24px",status:o.status,shape:"circle"}),o.name&&a("span",{class:"overflow-item-label"},o.name)):a("div",{class:{"toolbar-item":!0,"toolbar-item--avatar":!0,"is-clickable":o.clickable,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip??o.name,role:o.clickable?"button":null,tabIndex:o.clickable?0:null,ref:t=>o.clickable&&t&&this.focusableRefs.set(o.id,t),onClick:o.clickable?t=>this.handleItemClick(o,t):null,onKeyDown:t=>{!o.clickable||"Enter"!==t.key&&" "!==t.key||this.handleItemClick(o,t)}},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"28px",status:o.status,shape:"circle"}),null!=o.badge&&a("span",{class:"toolbar-badge toolbar-badge--primary"},o.badge))}renderSeparator(){return a("div",{class:"toolbar-separator"+("vertical"===this.orientation?" toolbar-separator--horizontal":""),role:"separator","aria-orientation":"vertical"===this.orientation?"horizontal":"vertical"})}renderText(o){return a("span",{class:{"toolbar-item":!0,"toolbar-text":!0,"toolbar-text--bold":o.bold,"toolbar-text--muted":o.muted,[o.className??""]:!!o.className},"data-item-id":o.id},o.content)}renderBadge(o){return a("span",{class:`toolbar-item toolbar-status-badge toolbar-status-badge--${o.color??"primary"}${o.dot?" is-dot":""}`,"data-item-id":o.id},!o.dot&&o.label)}renderCustom(o){return o.component?a(o.component,{"data-item-id":o.id,...o.componentProps??{}}):o.html?a("div",{class:"toolbar-item toolbar-item--custom","data-item-id":o.id,innerHTML:o.html}):null}renderGroup(o,t){const r=!1===this.itemStates.get(o.id)?.active;return a("div",{class:{"toolbar-group":!0,"toolbar-group--divider":o.divider,"is-collapsed":r,[o.className??""]:!!o.className},"data-item-id":o.id,role:"group","aria-label":o.label},o.label&&a("span",{class:"toolbar-group__label",onClick:o.collapsible?()=>{const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}:null},o.label),!r&&o.items.map((o=>this.renderItem(o,t))))}renderOverflowMenu(){const o=this.getAllItems().filter((o=>this.overflowedIds.has(o.id)||o.pinToOverflow));return 0===o.length?null:a("div",{class:"toolbar-overflow"+(this.isOverflowOpen?" is-open":"")},a("ui-button",{class:"toolbar-overflow__btn toolbar-item toolbar-item--button toolbar-item--ghost","aria-haspopup":"menu","aria-expanded":String(this.isOverflowOpen),"aria-label":this.overflowLabel,title:this.overflowLabel,variant:"ghost",onButtonClick:o=>{o.detail.stopPropagation(),this.isOverflowOpen=!this.isOverflowOpen},icon:this.overflowIcon,"icon-library":this.iconLibrary,badge:String(o.length),iconOnly:!0}),this.isOverflowOpen&&a("ul",{class:"toolbar-overflow__menu",style:{overflow:"visible"},role:"menu","aria-label":this.overflowLabel},o.map((o=>this.renderItem(o,!0)))))}renderZone(o,t){return o?.length?a("div",{class:`toolbar-zone toolbar-zone--${t}`,role:"group","aria-label":t},o.map((o=>this.renderItem(o)))):null}render(){const o=!!this.parsedSchema,t={gap:this.gap,padding:"inline"===this.variant?"0":this.padding},r={[`variant-${this.variant}`]:!0,[`orientation-${this.orientation}`]:!0,[`position-${this.position}`]:!0,[`size-${this.size}`]:!0,[`elevation-${this.elevation}`]:!0,[`align-${this.alignment}`]:!0,"is-rounded":this.rounded,"is-bordered":this.bordered,"is-disabled":this.disabled,"is-loading":this.loading,"is-collapsed":this.isCollapsed,"is-mobile":this.isMobile,"is-overflow-open":this.isOverflowOpen,"has-open-overlay":this.isOverflowOpen||this.openChildDropdowns>0,"has-zone-dividers":this.zoneDividers,"has-overflow":this.overflowedIds.size>0,[`overflow-${this.overflowStrategy}`]:!0},i={};return"sticky"!==this.position&&"fixed"!==this.position||(i[this.stickyEdge]="0"),this.maxSize&&(i["horizontal"===this.orientation?"maxWidth":"maxHeight"]=this.maxSize),a(e,{key:"d436d5f609b139d2811c68c158301a15c5ff3523",class:r,style:i,role:"toolbar","aria-label":this.toolbarAriaLabel,"aria-disabled":this.disabled?"true":null},this.isMobile&&a("ui-button",{key:"ef9bf93650048b4c83d82cc90a59932abdb65a75",class:"toolbar-mobile-toggle","aria-expanded":String(!this.isCollapsed),"aria-label":this.isCollapsed?"Expand toolbar":"Collapse toolbar",onButtonClick:()=>{this.isCollapsed=!this.isCollapsed},variant:"ghost",icon:this.isCollapsed?"menu":"x","icon-library":this.iconLibrary,iconOnly:!0}),(!this.isMobile||!this.isCollapsed)&&a("div",{key:"14f8f470194941da1eb3ebf5a612cbed4fd9870b",class:"toolbar-body",style:t,ref:o=>this.toolbarBodyRef=o},a("slot",{key:"e717108882c11dfd3878a12a89d5b57146b3c527",name:"before"}),o?a("div",{class:"toolbar-zones"},this.renderZone(this.parsedSchema.left??[],"left"),this.zoneDividers&&this.parsedSchema.left?.length>0&&this.parsedSchema.center?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.center??[],"center"),this.zoneDividers&&this.parsedSchema.center?.length>0&&this.parsedSchema.right?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.right??[],"right")):this.parsedItems.map((o=>this.renderItem(o))),a("slot",{key:"2306eefd8213f540eb4b6034d1e975bcbcbd244e",name:"left"}),a("slot",{key:"21fc5a66550c40f54e14ff69027bf66dde88eb75",name:"center"}),a("slot",{key:"54c87776c5cacc375c2be3a2f15cfac0733c5d2f",name:"right"}),a("slot",{key:"2503cce255fae015cbbe170392f7eda94c881e12"}),"dropdown"===this.overflowStrategy&&this.renderOverflowMenu(),a("slot",{key:"6fab60c7236967cc9cd0619fa917f8812375e1d6",name:"after"})))}static get watchers(){return{items:[{onItemsChange:0}],schema:[{onSchemaChange:0}]}}};i.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--toolbar-height:48px;--toolbar-padding:8px 12px;--toolbar-gap:4px;--toolbar-bg:var(--bg-primary, #ffffff);--toolbar-border-color:var(--border-default, #e5e7eb);--toolbar-text:var(--text-primary, #111827);--toolbar-muted:var(--text-secondary, #6b7280);--toolbar-separator-color:var(--border-default, #e5e7eb);--toolbar-item-bg:transparent;--toolbar-item-bg-hover:var(--bg-secondary, #f3f4f6);--toolbar-item-bg-active:var(--color-primary-light, #eff6ff);--toolbar-item-color:var(--text-primary, #374151);--toolbar-item-color-active:var(--color-primary, #2563eb);--toolbar-item-radius:6px;--toolbar-item-height-sm:28px;--toolbar-item-height-md:34px;--toolbar-item-height-lg:40px;--toolbar-item-height-xl:48px;--toolbar-item-padding-sm:0 8px;--toolbar-item-padding-md:0 12px;--toolbar-item-padding-lg:0 16px;--toolbar-switch-width:34px;--toolbar-switch-height:18px;--toolbar-switch-on:var(--color-primary, #2563eb);--toolbar-switch-off:var(--border-strong, #d1d5db);--toolbar-switch-thumb:#ffffff;--toolbar-badge-bg:var(--color-danger, #ef4444);--toolbar-badge-color:#ffffff;--toolbar-badge-size:16px;--toolbar-overflow-menu-bg:#ffffff;--toolbar-overflow-menu-border:rgba(0, 0, 0, 0.08);--toolbar-overflow-menu-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);--toolbar-overflow-menu-radius:16px;--toolbar-overflow-item-height:40px;--toolbar-transition:0.15s ease;--toolbar-shadow-1:0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--toolbar-shadow-2:0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--toolbar-shadow-3:0 8px 24px rgba(0, 0, 0, .10), 0 4px 8px rgba(0, 0, 0, .06);--toolbar-shadow-4:0 16px 40px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .07);display:block;box-sizing:border-box;position:relative;max-width:100%}:host{--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-sm){--_item-h:var(--toolbar-item-height-sm);--_item-p:var(--toolbar-item-padding-sm)}:host(.size-md){--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-lg){--_item-h:var(--toolbar-item-height-lg);--_item-p:var(--toolbar-item-padding-lg)}:host(.size-xl){--_item-h:var(--toolbar-item-height-xl);--_item-p:var(--toolbar-item-padding-lg)}.toolbar-body{display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:var(--toolbar-height);background:var(--toolbar-bg);color:var(--toolbar-text);font-family:var(--font-family);font-size:13px;transition:background var(--toolbar-transition), color var(--toolbar-transition);position:relative}:host(.orientation-vertical) .toolbar-body{flex-direction:column;align-items:stretch;width:var(--toolbar-height);min-height:unset;height:100%}:host(.align-start) .toolbar-body{justify-content:flex-start}:host(.align-center) .toolbar-body{justify-content:center}:host(.align-end) .toolbar-body{justify-content:flex-end}:host(.align-space-between) .toolbar-body{justify-content:space-between}:host(.align-space-around) .toolbar-body{justify-content:space-around}:host(.align-space-evenly) .toolbar-body{justify-content:space-evenly}:host .toolbar-body{overflow:hidden}:host(.overflow-scroll) .toolbar-body{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}:host(.orientation-vertical) :host(.overflow-scroll) .toolbar-body{overflow-x:hidden;overflow-y:auto}:host(.overflow-scroll) .toolbar-body{scrollbar-width:thin;scrollbar-color:var(--toolbar-muted) transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar{width:4px;height:4px;background:transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar-thumb{background:var(--toolbar-muted);border-radius:4px;border:1px solid transparent;background-clip:content-box;opacity:0.5}:host(.overflow-scroll) .toolbar-body{}:host(.overflow-scroll) .toolbar-body:not(:hover){scrollbar-color:transparent transparent}:host(.overflow-scroll) .toolbar-body:not(:hover)::-webkit-scrollbar-thumb{background:transparent}:host(.overflow-visible) .toolbar-body{overflow:visible}:host(.overflow-wrap) .toolbar-body{flex-wrap:wrap;height:auto;min-height:var(--toolbar-height)}:host(.overflow-dropdown) .toolbar-body{overflow:hidden}:host(.overflow-dropdown.has-open-overlay) .toolbar-body,:host(.overflow-dropdown.is-overflow-open) .toolbar-body,:host(.overflow-dropdown.has-open-dropdown) .toolbar-body,:host(.has-open-overlay) .toolbar-body{overflow:visible}:host(.elevation-0) .toolbar-body{box-shadow:none}:host(.elevation-1) .toolbar-body{box-shadow:var(--toolbar-shadow-1)}:host(.elevation-2) .toolbar-body{box-shadow:var(--toolbar-shadow-2)}:host(.elevation-3) .toolbar-body{box-shadow:var(--toolbar-shadow-3)}:host(.elevation-4) .toolbar-body{box-shadow:var(--toolbar-shadow-4)}:host(.is-bordered) .toolbar-body{border:1px solid var(--toolbar-border-color)}:host(.is-rounded) .toolbar-body{border-radius:12px}:host(.position-sticky){position:sticky;z-index:var(--z-sticky, 10)}:host(.position-fixed){position:fixed;z-index:var(--z-toolbar, 20);width:100%}:host(.variant-primary) .toolbar-body{background:var(--color-primary, #2563eb);color:#ffffff;--toolbar-item-color:rgba(255, 255, 255, 0.92);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.12);--toolbar-item-bg-active:rgba(255, 255, 255, 0.2);--toolbar-item-color-active:#ffffff;--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-secondary) .toolbar-body{background:var(--bg-secondary, #f8fafc);--toolbar-item-bg-hover:var(--bg-primary, #ffffff)}:host(.variant-minimal) .toolbar-body{background:transparent;box-shadow:none;border-bottom:1px solid var(--toolbar-border-color)}:host(.variant-glass) .toolbar-body{background:rgba(255, 255, 255, 0.12);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.15);box-shadow:0 8px 32px rgba(31, 38, 135, 0.1);--toolbar-item-color:var(--text-primary, #1e293b);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.2);--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-elevated) .toolbar-body{box-shadow:var(--toolbar-shadow-3);border-bottom:none}:host(.variant-outlined) .toolbar-body{background:transparent;border:1px solid var(--toolbar-border-color);box-shadow:none}:host(.variant-dark) .toolbar-body{background:var(--bg-dark, #1e293b);color:#f1f5f9;--toolbar-item-color:rgba(241, 245, 249, 0.9);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.08);--toolbar-item-bg-active:rgba(99, 102, 241, 0.25);--toolbar-item-color-active:#818cf8;--toolbar-separator-color:rgba(255, 255, 255, 0.1);--toolbar-overflow-menu-bg:#1e293b;--toolbar-overflow-menu-border:rgba(255, 255, 255, 0.1)}:host(.variant-inline){display:inline-block;width:auto}:host(.variant-inline) .toolbar-body{width:auto;min-height:auto;background:transparent;box-shadow:none;border:none;border-radius:0;padding:0 !important;overflow:visible}.toolbar-zones{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;gap:inherit}.toolbar-zone{display:flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-zone--left{margin-right:auto}.toolbar-zone--right{margin-left:auto}.toolbar-zone--center{flex:1;justify-content:center}:host(.has-zone-dividers) .toolbar-zones .toolbar-zone+.toolbar-zone{border-left:1px solid var(--toolbar-separator-color);padding-left:12px;margin-left:12px}.toolbar-item{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:var(--_item-h);padding:var(--_item-p);border-radius:var(--toolbar-item-radius);color:var(--toolbar-item-color);background:var(--toolbar-item-bg);border:none;cursor:pointer;user-select:none;white-space:nowrap;font-size:inherit;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition), box-shadow var(--toolbar-transition), opacity var(--toolbar-transition), transform 0.1s ease;outline:none;text-decoration:none;flex-shrink:0;position:relative;max-width:100%;min-width:0}.toolbar-item--button,.toolbar-item--input,.toolbar-item--search,.toolbar-item--toggle,.toolbar-item--toggle-group{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important}.toolbar-item--dropdown{overflow:visible;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important;}.toolbar-item--dropdown .dropdown-trigger,.toolbar-item--dropdown .dropdown-container .dropdown-trigger{height:var(--_item-h) !important;min-height:var(--_item-h) !important;max-height:var(--_item-h) !important;padding:0 10px !important;font-size:inherit !important;box-sizing:border-box}.toolbar-item--dropdown{}.toolbar-item--dropdown .dropdown-has-chips .dropdown-trigger{height:auto !important;min-height:var(--_item-h) !important;max-height:none !important}.toolbar-item:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb);outline:none}.toolbar-item--button:hover:not(.is-disabled),.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-item--button.is-active{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.toolbar-item--button:active:not(.is-disabled){transform:scale(0.96)}.toolbar-item.is-icon-only{padding:0;width:var(--_item-h)}.toolbar-item.is-disabled,.toolbar-item[aria-disabled=true]{opacity:0.45;cursor:not-allowed;pointer-events:none}.toolbar-item.is-loading{cursor:wait;pointer-events:none}.toolbar-item--primary{background:var(--color-primary, #2563eb);color:#fff}.toolbar-item--primary:hover{background:var(--color-primary-hover, #1d4ed8)}.toolbar-item--secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #374151)}.toolbar-item--secondary:hover{background:var(--bg-tertiary, #e2e8f0)}.toolbar-item--danger{background:var(--color-danger, #ef4444);color:#fff}.toolbar-item--danger:hover{background:#dc2626}.toolbar-item--success{background:var(--color-success, #10b981);color:#fff}.toolbar-item--warning{background:var(--color-warning, #f59e0b);color:#fff}.toolbar-item--ghost,.toolbar-item--outline{background:transparent;color:var(--toolbar-item-color)}.toolbar-item--outline{border:1px solid var(--toolbar-border-color)}.toolbar-item__label{line-height:1}.toolbar-separator{width:1px;align-self:stretch;margin:4px 2px;background:var(--toolbar-separator-color);flex-shrink:0}.toolbar-separator--horizontal{width:100%;height:1px;margin:2px 4px}.toolbar-spacer{display:block;flex-shrink:0}.toolbar-text{cursor:default;font-size:13px;color:var(--toolbar-text);padding:0 6px;height:auto}.toolbar-text--bold{font-weight:700}.toolbar-text--muted{color:var(--toolbar-muted)}.toolbar-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.03em;height:auto}.toolbar-status-badge--primary{background:#dbeafe;color:#1d4ed8}.toolbar-status-badge--success{background:#d1fae5;color:#065f46}.toolbar-status-badge--danger{background:#fee2e2;color:#991b1b}.toolbar-status-badge--warning{background:#fef3c7;color:#92400e}.toolbar-status-badge--info{background:#e0f2fe;color:#0369a1}.toolbar-status-badge.is-dot{width:8px;height:8px;border-radius:50%;padding:0}.toolbar-badge{position:absolute;top:2px;right:2px;min-width:var(--toolbar-badge-size);height:var(--toolbar-badge-size);border-radius:999px;padding:0 3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;background:var(--toolbar-badge-bg);color:var(--toolbar-badge-color);box-shadow:0 0 0 2px var(--toolbar-bg);pointer-events:none}.toolbar-badge--success{background:var(--color-success, #10b981)}.toolbar-badge--warning{background:var(--color-warning, #f59e0b)}.toolbar-badge--info{background:var(--color-info, #2563eb)}.toolbar-item--input,.toolbar-item--search{padding:0;background:transparent;cursor:default}.toolbar-input-wrap{display:flex;align-items:center;gap:6px;height:var(--_item-h);padding:0 10px;border:1px solid var(--toolbar-border-color);border-radius:var(--toolbar-item-radius);background:var(--bg-primary, #fff);transition:border-color var(--toolbar-transition), box-shadow var(--toolbar-transition);min-width:160px;max-width:260px}.toolbar-input-wrap--search{min-width:180px}.toolbar-input-wrap:focus-within{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.12)}.toolbar-input{flex:1;border:none;outline:none;background:transparent;color:var(--toolbar-text);font-size:13px;font-family:inherit;min-width:0}.toolbar-input::placeholder{color:var(--toolbar-muted)}.toolbar-input-icon{color:var(--toolbar-muted);flex-shrink:0}.toolbar-input-clear{display:flex;align-items:center;padding:2px;background:none;border:none;cursor:pointer;color:var(--toolbar-muted);border-radius:4px;transition:color var(--toolbar-transition), background var(--toolbar-transition);flex-shrink:0}.toolbar-input-clear:hover{color:var(--toolbar-text);background:var(--toolbar-item-bg-hover)}.toolbar-item--toggle{gap:8px;cursor:default;padding:0 8px;background:transparent}.toolbar-toggle-label{font-size:13px;color:var(--toolbar-item-color);white-space:nowrap}.toolbar-switch{position:relative;width:var(--toolbar-switch-width);height:var(--toolbar-switch-height);border-radius:999px;background:var(--toolbar-switch-off);border:none;cursor:pointer;transition:background var(--toolbar-transition);outline:none;flex-shrink:0;padding:0}.toolbar-switch:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb)}.toolbar-switch.is-on{background:var(--toolbar-switch-on)}.toolbar-switch__thumb{position:absolute;top:2px;left:2px;width:calc(var(--toolbar-switch-height) - 4px);height:calc(var(--toolbar-switch-height) - 4px);border-radius:50%;background:var(--toolbar-switch-thumb);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);transition:transform var(--toolbar-transition)}.toolbar-switch.is-on .toolbar-switch__thumb{transform:translateX(calc(var(--toolbar-switch-width) - var(--toolbar-switch-height)))}.toolbar-item--avatar{padding:0 4px;position:relative;background:transparent}.toolbar-item--avatar.is-clickable{cursor:pointer;padding:4px}.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-group{display:inline-flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-group--divider{border-left:1px solid var(--toolbar-separator-color);padding-left:8px;margin-left:4px}.toolbar-group__label{font-size:11px;font-weight:600;color:var(--toolbar-muted);text-transform:uppercase;letter-spacing:0.06em;padding:0 4px}.toolbar-group.is-collapsed>*:not(.toolbar-group__label){display:none}.toolbar-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toolbar-spin 0.7s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}.toolbar-overflow{position:absolute;right:var(--toolbar-overflow-right, 0px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;flex-shrink:0;z-index:var(--z-dropdown, 100);background:var(--toolbar-bg);}.toolbar-overflow::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:24px;background:linear-gradient(to right, transparent, var(--toolbar-bg));pointer-events:none}.toolbar-overflow.is-open .toolbar-overflow__menu{display:block !important;opacity:1 !important;transform:scale(1) translateY(0) !important;visibility:visible !important}.toolbar-overflow__btn{position:relative}.toolbar-overflow__badge{position:absolute;top:1px;right:1px;min-width:14px;height:14px;background:var(--color-primary, #2563eb);color:#fff;border-radius:999px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 2px;pointer-events:none;box-shadow:0 0 0 2px var(--toolbar-bg)}.toolbar-overflow__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown, 100);list-style:none;margin:0;padding:6px;min-width:180px;background:var(--toolbar-overflow-menu-bg);border:1px solid var(--toolbar-overflow-menu-border);border-radius:var(--toolbar-overflow-menu-radius);box-shadow:var(--toolbar-overflow-menu-shadow);animation:toolbar-overflow-in 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);max-height:320px;overflow-y:auto}:host(.orientation-vertical) .toolbar-overflow__menu{top:0;left:calc(100% + 6px);right:auto}@keyframes toolbar-overflow-in{from{opacity:0;transform:scale(0.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.overflow-item{display:flex;align-items:center;gap:8px;height:var(--toolbar-overflow-item-height);padding:0 10px;border-radius:6px;cursor:pointer;color:var(--toolbar-item-color);font-size:13px;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition);outline:none;user-select:none;list-style:none}.overflow-item:hover,.overflow-item:focus-visible{background:var(--toolbar-item-bg-hover);color:var(--toolbar-item-color-active)}.overflow-item.is-active{color:var(--toolbar-item-color-active)}.overflow-item.is-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.overflow-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-item-check{color:var(--toolbar-item-color-active);font-size:12px;font-weight:700}.overflow-item--toggle{justify-content:space-between}.overflow-toggle{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--toolbar-item-bg-hover);color:var(--toolbar-muted)}.overflow-toggle.is-on{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.overflow-item--avatar{gap:10px}.toolbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--toolbar-text);border-radius:6px;transition:background var(--toolbar-transition);padding:0}.toolbar-mobile-toggle:hover{background:var(--toolbar-item-bg-hover)}:host(.is-mobile) .toolbar-mobile-toggle{display:flex}:host(.is-mobile) .toolbar-body,:host(.variant-inline) .toolbar-body{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile.is-collapsed) .toolbar-body{display:none}:host(.is-mobile) .toolbar-zones,:host(.variant-inline) .toolbar-zones,:host(.overflow-wrap) .toolbar-zones{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone,:host(.variant-inline) .toolbar-zone,:host(.overflow-wrap) .toolbar-zone{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone--left,:host(.is-mobile) .toolbar-zone--center,:host(.is-mobile) .toolbar-zone--right{width:100%;margin-left:0;margin-right:0;justify-content:flex-start}:host(.is-mobile) .toolbar-item--input,:host(.variant-inline) .toolbar-item--input,:host(.is-mobile) .toolbar-item--search,:host(.variant-inline) .toolbar-item--search{flex:1 1 180px}:host(.orientation-vertical) .toolbar-item{width:100%;justify-content:flex-start;padding:0 14px;height:var(--_item-h)}:host(.orientation-vertical) .toolbar-item.is-icon-only{justify-content:center;padding:0}:host(.orientation-vertical) .toolbar-separator{width:80%;height:1px;margin:4px auto;align-self:center}:host(.orientation-vertical) .toolbar-overflow{position:absolute;bottom:0;right:auto;left:0;top:auto;transform:none;width:100%;justify-content:center}.toolbar-item[draggable=true]{cursor:grab}.toolbar-item[draggable=true]:active{cursor:grabbing;opacity:0.6}:host(.is-disabled) .toolbar-body{opacity:0.6;pointer-events:none;cursor:not-allowed}:host(.is-loading) .toolbar-body::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg, transparent 0%, var(--color-primary, #2563eb) 40%, transparent 100%);animation:toolbar-loading 1.4s ease infinite}@keyframes toolbar-loading{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}::slotted(*){flex-shrink:0;max-width:100%;min-width:0}:host(.is-mobile) ::slotted(*),:host(.variant-inline) ::slotted(*){flex-shrink:1}.toolbar-item--custom{padding:0;background:transparent;height:auto;cursor:default;max-width:100%}';export{i as ui_toolbar}
|
|
1
|
+
import{r as o,c as t,a as r,h as a,H as e}from"./p-Dqu2zaH1.js";const i=class{constructor(r){o(this,r),this.toolbarItemClick=t(this,"toolbarItemClick"),this.toolbarItemChange=t(this,"toolbarItemChange"),this.toolbarOverflowChange=t(this,"toolbarOverflowChange"),this.toolbarReorder=t(this,"toolbarReorder")}get el(){return r(this)}schema=null;items=[];variant="default";size="md";orientation="horizontal";position="static";stickyEdge="top";alignment="start";gap="4px";padding="8px 12px";maxSize;overflowStrategy="dropdown";overflowLabel="More";overflowIcon="more-horizontal";iconLibrary="lucide";disabled=!1;loading=!1;zoneDividers=!1;rounded=!1;elevation=1;reorderable=!1;keyboardNav=!0;toolbarAriaLabel="Toolbar";bordered=!1;iconOnly=!1;inputDebounce=300;overflowedIds=new Set;isOverflowOpen=!1;itemStates=new Map;dragSourceId=null;parsedSchema=null;parsedItems=[];isMobile=!1;isCollapsed=!1;openChildDropdowns=0;toolbarItemClick;toolbarItemChange;toolbarOverflowChange;toolbarReorder;resizeObserver;toolbarBodyRef;inputDebounceTimers=new Map;undoStack=[];redoStack=[];focusableRefs=new Map;mobileBreakpoint=640;componentWillLoad(){this.parseItems(),this.parseSchema(),this.initItemStates(),this.isMobile=window.innerWidth<=this.mobileBreakpoint}componentDidLoad(){"dropdown"===this.overflowStrategy&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.recalcOverflow())),this.resizeObserver.observe(this.el)),requestAnimationFrame((()=>this.recalcOverflow()))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.inputDebounceTimers.forEach((o=>clearTimeout(o)))}onItemsChange(){this.parseItems(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onSchemaChange(){this.parseSchema(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onDocumentClick(o){this.isOverflowOpen&&o.target instanceof Node&&!this.el.contains(o.target)&&(this.isOverflowOpen=!1)}onKeyDown(o){if(!this.keyboardNav)return;const t=Array.from(this.focusableRefs.values()).filter((o=>o&&!o.hasAttribute("disabled"))),r=t.indexOf(document.activeElement);"horizontal"===this.orientation?"ArrowRight"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowLeft"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()):"ArrowDown"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowUp"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()),"Escape"===o.key&&(this.isOverflowOpen=!1)}onChildDropdownOpen(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns+=1)}onChildDropdownClose(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns=Math.max(0,this.openChildDropdowns-1))}async setItemValue(o,t){const r=this.itemStates.get(o)?.value;this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,value:t}));const a=this.findItem(o);a&&this.toolbarItemChange.emit({item:a,value:t,previousValue:r})}async getItemValue(o){return this.itemStates.get(o)?.value}async setItemDisabled(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,disabled:t}))}async setItemHidden(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,hidden:t})),requestAnimationFrame((()=>this.recalcOverflow()))}async setItemLoading(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,loading:t}))}async toggleItem(o){const t=this.itemStates.get(o)??{id:o};this.itemStates=new Map(this.itemStates.set(o,{...t,active:!t.active}))}async setCollapsed(o){this.isCollapsed=o}async setOverflowOpen(o){this.isOverflowOpen=o}async getStateSnapshot(){return{activeItems:Array.from(this.itemStates.entries()).filter((([,o])=>o.active)).map((([o])=>o)),itemStates:Object.fromEntries(this.itemStates),timestamp:Date.now()}}async restoreStateSnapshot(o){this.itemStates=new Map(Object.entries(o.itemStates)),requestAnimationFrame((()=>this.recalcOverflow()))}async undo(){const o=this.undoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.redoStack.push(t),await this.restoreStateSnapshot(o)}async redo(){const o=this.redoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.undoStack.push(t),await this.restoreStateSnapshot(o)}async focusItem(o){this.focusableRefs.get(o)?.focus()}parseItems(){if(this.items)if("string"==typeof this.items)try{this.parsedItems=JSON.parse(this.items)}catch{this.parsedItems=[]}else this.parsedItems=this.items;else this.parsedItems=[]}parseSchema(){if(this.schema)if("string"==typeof this.schema)try{this.parsedSchema=JSON.parse(this.schema)}catch{this.parsedSchema=null}else this.parsedSchema=this.schema;else this.parsedSchema=null}initItemStates(){this.getAllItems().forEach((o=>{if(!this.itemStates.has(o.id)){const t={id:o.id,disabled:o.disabled};"value"in o&&(t.value=o.value),"checked"in o&&(t.value=o.checked),"active"in o&&(t.active=o.active),this.itemStates.set(o.id,t)}}))}getAllItems(){const o=[],t=r=>{r?.forEach((r=>{o.push(r),"group"===r.type&&t(r.items)}))};return this.parsedSchema?(t(this.parsedSchema.left??[]),t(this.parsedSchema.center??[]),t(this.parsedSchema.right??[]),t(this.parsedSchema.overflow??[])):t(this.parsedItems),o}findItem(o){return this.getAllItems().find((t=>t.id===o))??null}recalcOverflow(){if("dropdown"!==this.overflowStrategy)return;const o=this.toolbarBodyRef;if(!o)return;const t=new Set;if(this.isMobile=window.innerWidth<=this.mobileBreakpoint,this.isMobile&&this.isCollapsed)this.getAllItems().forEach((o=>{"separator"!==o.type&&"spacer"!==o.type&&t.add(o.id)}));else{const r="horizontal"===this.orientation,a=r?o.clientWidth:o.clientHeight,e=48;let i=0;[...this.getAllItems()].filter((o=>"separator"!==o.type&&"spacer"!==o.type)).sort(((o,t)=>(t.priority??0)-(o.priority??0))).forEach((o=>{if(this.itemStates.get(o.id)?.hidden)return;const l=this.el.shadowRoot?.querySelector(`[data-item-id="${o.id}"]`);l&&(i+=(r?l.offsetWidth:l.offsetHeight)+4,i>a-e&&!o.pinToOverflow&&t.add(o.id))}))}const r=this.overflowedIds;JSON.stringify([...t].sort())!==JSON.stringify([...r].sort())&&(this.overflowedIds=t,this.toolbarOverflowChange.emit({overflowIds:[...t],visibleIds:this.getAllItems().filter((o=>!t.has(o.id))).map((o=>o.id))}))}pushUndoSnapshot(){this.getStateSnapshot().then((o=>{this.undoStack.push(o),this.undoStack.length>50&&this.undoStack.shift(),this.redoStack=[]}))}handleItemClick(o,t){if(!(this.disabled||this.itemStates.get(o.id)?.disabled||o.disabled)){if(this.pushUndoSnapshot(),("button"===o.type||"icon-button"===o.type)&&o.toggleable){const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}this.toolbarItemClick.emit({item:o,originalEvent:t})}}handleValueChange(o,t){if(this.disabled||this.itemStates.get(o.id)?.disabled)return;this.pushUndoSnapshot();const r=this.itemStates.get(o.id)?.value;this.itemStates=new Map(this.itemStates.set(o.id,{...this.itemStates.get(o.id),id:o.id,value:t})),this.toolbarItemChange.emit({item:o,value:t,previousValue:r})}isItemDisabled(o){return this.disabled||!!o.disabled||!!this.itemStates.get(o.id)?.disabled}isItemHidden(o){return!!this.itemStates.get(o.id)?.hidden}isItemLoading(o){return!!this.itemStates.get(o.id)?.loading}isItemActive(o){const t=this.itemStates.get(o.id);return void 0!==t?.active?t.active:o.active??!1}computeItemValue(o){const t=this.itemStates.get(o.id);return void 0!==t?.value?t.value:"value"in o?o.value:"checked"in o?o.checked:void 0}handleDragStart(o){this.dragSourceId=o}handleDrop(o){if(!this.dragSourceId||this.dragSourceId===o)return;const t=[...this.parsedItems],r=t.findIndex((o=>o.id===this.dragSourceId)),a=t.findIndex((t=>t.id===o));if(r<0||a<0)return;const[e]=t.splice(r,1);t.splice(a,0,e),this.parsedItems=[...t],this.dragSourceId=null,this.toolbarReorder.emit(t)}renderItem(o,t=!1){if(this.isItemHidden(o))return null;if(!t&&this.overflowedIds.has(o.id)&&"dropdown"===this.overflowStrategy)return null;const r=this.isItemDisabled(o),e=this.isItemLoading(o);switch(o.type){case"button":case"icon-button":return this.renderButton(o,r,e,t);case"dropdown":return this.renderDropdown(o,r);case"input":case"search":return this.renderInput(o,r,t);case"toggle":case"switch":return this.renderToggle(o,r,t);case"toggle-group":return this.renderToggleGroup(o,r,t);case"avatar":return this.renderAvatar(o,t);case"separator":return this.renderSeparator();case"spacer":return a("span",{class:"toolbar-spacer",style:{flex:String(o.flex??1)}});case"text":return this.renderText(o);case"badge":return this.renderBadge(o);case"custom":return this.renderCustom(o);case"group":return this.renderGroup(o,t);default:return null}}renderButton(o,t,r,e){const i=this.isItemActive(o),l=o.iconLibrary??this.iconLibrary,n=o.iconOnly??(!o.label||this.iconOnly);if(e)return a("li",{class:{"overflow-item":!0,"is-active":i,"is-disabled":t},role:"menuitem","aria-disabled":t?"true":null,onClick:t?null:t=>{this.handleItemClick(o,t),this.isOverflowOpen=!1},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(this.handleItemClick(o,t),this.isOverflowOpen=!1)},tabIndex:t?-1:0,"data-item-id":o.id},o.icon&&a("ui-icon",{name:o.icon,library:l,size:"16px"}),a("span",{class:"overflow-item-label"},o.label??o.id),i&&a("span",{class:"overflow-item-check"},"✓"));const s="ghost"!==o.variant&&"outline"!==o.variant&&o.variant?o.variant:o.variant??"ghost";return a("div",{class:{"toolbar-item":!0,"toolbar-item--button":!0,[o.className??""]:!!o.className},"data-item-id":o.id,draggable:this.reorderable,onDragStart:()=>this.handleDragStart(o.id),onDrop:()=>this.handleDrop(o.id),onDragOver:o=>o.preventDefault()},a("ui-button",{label:n?void 0:o.label,icon:o.icon,"icon-library":l,"icon-only":n,variant:s,size:this.size,disabled:t,loading:r,selected:i,active:i,noRipple:!0,href:o.href,target:o.target,tooltip:o.tooltip,"aria-label":o.ariaLabel??(n?o.label:void 0),badge:null!=o.badge?String(o.badge):void 0,ref:t=>t&&this.focusableRefs.set(o.id,t),onButtonClick:t?null:t=>this.handleItemClick(o,t.detail)}))}renderDropdown(o,t){const r=this.computeItemValue(o)??"",e=o.iconLibrary??this.iconLibrary;return a("div",{class:{"toolbar-item":!0,"toolbar-item--dropdown":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-dropdown",{options:o.options,value:r,placeholder:o.placeholder??o.label??"Select",disabled:t,multiSelect:o.multiSelect,searchable:o.searchable,clearable:o.clearable,size:this.size,onDropdownChange:t=>this.handleValueChange(o,t.detail?.value)},o.icon&&a("ui-icon",{slot:"prefix",name:o.icon,library:e,size:"16px"})))}renderInput(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"",i=t=>{const r=o.debounce??this.inputDebounce;this.inputDebounceTimers.has(o.id)&&clearTimeout(this.inputDebounceTimers.get(o.id));const a=setTimeout((()=>this.handleValueChange(o,t)),r);this.inputDebounceTimers.set(o.id,a)};return a("div",{class:{"toolbar-item":!0,"toolbar-item--input":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,style:{minWidth:o.minWidth,maxWidth:o.maxWidth}},a("ui-input",{value:e,placeholder:o.placeholder??("search"===o.type?"Search…":""),disabled:t,size:this.size,clearable:o.clearable,"prefix-icon":"search"===o.type?"search":o.icon,"icon-library":this.iconLibrary,ref:t=>t&&this.focusableRefs.set(o.id,t),onInputChange:o=>i(o.detail)}))}renderToggle(o,t,r){const e=this.computeItemValue(o)??!1;return r?a("li",{class:{"overflow-item":!0,"overflow-item--toggle":!0,"is-disabled":t},role:"menuitemcheckbox","aria-checked":String(e),"aria-disabled":t?"true":null,tabIndex:t?-1:0,"data-item-id":o.id,onClick:t?null:()=>this.handleValueChange(o,!e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleValueChange(o,!e)}},a("span",{class:"overflow-item-label"},o.label??o.id),a("span",{class:"overflow-toggle"+(e?" is-on":"")},e?"ON":"OFF")):a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},"right"!==o.labelPosition&&o.label&&a("span",{class:"toolbar-toggle-label"},o.label),a("ui-switch",{checked:e,disabled:t,size:this.size,label:"right"===o.labelPosition?o.label:void 0,"label-position":o.labelPosition??"right",ref:t=>t&&this.focusableRefs.set(o.id,t),onSwitchChange:t=>this.handleValueChange(o,t.detail.checked)}))}renderToggleGroup(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"";return a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle-group":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-toggle-group",{options:o.options,value:Array.isArray(e)?e.join(","):e,disabled:t,size:o.size??this.size,color:o.color,variant:o.variant,shape:o.shape,"selection-mode":o.selectionMode??"single",onToggleGroupChange:t=>this.handleValueChange(o,t.detail.value)}))}renderAvatar(o,t){return t?a("li",{class:{"overflow-item":!0,"overflow-item--avatar":!0},role:"menuitem",tabIndex:0,"data-item-id":o.id},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"24px",status:o.status,shape:"circle"}),o.name&&a("span",{class:"overflow-item-label"},o.name)):a("div",{class:{"toolbar-item":!0,"toolbar-item--avatar":!0,"is-clickable":o.clickable,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip??o.name,role:o.clickable?"button":null,tabIndex:o.clickable?0:null,ref:t=>o.clickable&&t&&this.focusableRefs.set(o.id,t),onClick:o.clickable?t=>this.handleItemClick(o,t):null,onKeyDown:t=>{!o.clickable||"Enter"!==t.key&&" "!==t.key||this.handleItemClick(o,t)}},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"28px",status:o.status,shape:"circle"}),null!=o.badge&&a("span",{class:"toolbar-badge toolbar-badge--primary"},o.badge))}renderSeparator(){return a("div",{class:"toolbar-separator"+("vertical"===this.orientation?" toolbar-separator--horizontal":""),role:"separator","aria-orientation":"vertical"===this.orientation?"horizontal":"vertical"})}renderText(o){return a("span",{class:{"toolbar-item":!0,"toolbar-text":!0,"toolbar-text--bold":o.bold,"toolbar-text--muted":o.muted,[o.className??""]:!!o.className},"data-item-id":o.id},o.content)}renderBadge(o){return a("span",{class:`toolbar-item toolbar-status-badge toolbar-status-badge--${o.color??"primary"}${o.dot?" is-dot":""}`,"data-item-id":o.id},!o.dot&&o.label)}renderCustom(o){return o.component?a(o.component,{"data-item-id":o.id,...o.componentProps??{}}):o.html?a("div",{class:"toolbar-item toolbar-item--custom","data-item-id":o.id,innerHTML:o.html}):null}renderGroup(o,t){const r=!1===this.itemStates.get(o.id)?.active;return a("div",{class:{"toolbar-group":!0,"toolbar-group--divider":o.divider,"is-collapsed":r,[o.className??""]:!!o.className},"data-item-id":o.id,role:"group","aria-label":o.label},o.label&&a("span",{class:"toolbar-group__label",onClick:o.collapsible?()=>{const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}:null},o.label),!r&&o.items.map((o=>this.renderItem(o,t))))}renderOverflowMenu(){const o=this.getAllItems().filter((o=>this.overflowedIds.has(o.id)||o.pinToOverflow));return 0===o.length?null:a("div",{class:"toolbar-overflow"+(this.isOverflowOpen?" is-open":"")},a("ui-button",{class:"toolbar-overflow__btn toolbar-item toolbar-item--button toolbar-item--ghost","aria-haspopup":"menu","aria-expanded":String(this.isOverflowOpen),"aria-label":this.overflowLabel,title:this.overflowLabel,variant:"ghost",onButtonClick:o=>{o.detail.stopPropagation(),this.isOverflowOpen=!this.isOverflowOpen},icon:this.overflowIcon,"icon-library":this.iconLibrary,badge:String(o.length),iconOnly:!0}),this.isOverflowOpen&&a("ul",{class:"toolbar-overflow__menu",style:{overflow:"visible"},role:"menu","aria-label":this.overflowLabel},o.map((o=>this.renderItem(o,!0)))))}renderZone(o,t){return o?.length?a("div",{class:`toolbar-zone toolbar-zone--${t}`,role:"group","aria-label":t},o.map((o=>this.renderItem(o)))):null}render(){const o=!!this.parsedSchema,t={gap:this.gap,padding:"inline"===this.variant?"0":this.padding},r={[`variant-${this.variant}`]:!0,[`orientation-${this.orientation}`]:!0,[`position-${this.position}`]:!0,[`size-${this.size}`]:!0,[`elevation-${this.elevation}`]:!0,[`align-${this.alignment}`]:!0,"is-rounded":this.rounded,"is-bordered":this.bordered,"is-disabled":this.disabled,"is-loading":this.loading,"is-collapsed":this.isCollapsed,"is-mobile":this.isMobile,"is-overflow-open":this.isOverflowOpen,"has-open-overlay":this.isOverflowOpen||this.openChildDropdowns>0,"has-zone-dividers":this.zoneDividers,"has-overflow":this.overflowedIds.size>0,[`overflow-${this.overflowStrategy}`]:!0},i={};return"sticky"!==this.position&&"fixed"!==this.position||(i[this.stickyEdge]="0"),this.maxSize&&(i["horizontal"===this.orientation?"maxWidth":"maxHeight"]=this.maxSize),a(e,{key:"036f6c8d9b98ab609f212929d6f55f0fde7cc074",class:r,style:i,role:"toolbar","aria-label":this.toolbarAriaLabel,"aria-disabled":this.disabled?"true":null},this.isMobile&&a("ui-button",{key:"4332c51f7597bd1be7da3841236b5807c79f56e3",class:"toolbar-mobile-toggle","aria-expanded":String(!this.isCollapsed),"aria-label":this.isCollapsed?"Expand toolbar":"Collapse toolbar",onButtonClick:()=>{this.isCollapsed=!this.isCollapsed},variant:"ghost",icon:this.isCollapsed?"menu":"x","icon-library":this.iconLibrary,iconOnly:!0}),(!this.isMobile||!this.isCollapsed)&&a("div",{key:"721bc0717cac042661c3e0752fd9908b0c1052e5",class:"toolbar-body",style:t,ref:o=>this.toolbarBodyRef=o},a("slot",{key:"021a9b2a763cba4dd80066d31f858dc6517630a7",name:"before"}),o?a("div",{class:"toolbar-zones"},this.renderZone(this.parsedSchema.left??[],"left"),this.zoneDividers&&this.parsedSchema.left?.length>0&&this.parsedSchema.center?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.center??[],"center"),this.zoneDividers&&this.parsedSchema.center?.length>0&&this.parsedSchema.right?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.right??[],"right")):this.parsedItems.map((o=>this.renderItem(o))),a("slot",{key:"4cbff6aede8517e2bee4c8bdf388831d9268796f",name:"left"}),a("slot",{key:"00836db35af163fe591451ec2dde1bbce0e74d9b",name:"center"}),a("slot",{key:"7a6a2a43511cf7798a1b99d8a2f1f95fb47f66fb",name:"right"}),a("slot",{key:"9f789b3b3a6f5ee83470b625452024deecba3fd8"}),"dropdown"===this.overflowStrategy&&this.renderOverflowMenu(),a("slot",{key:"bc777e8b94344da25d05000eee4090a5959f57c6",name:"after"})))}static get watchers(){return{items:[{onItemsChange:0}],schema:[{onSchemaChange:0}]}}};i.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--toolbar-height:48px;--toolbar-padding:8px 12px;--toolbar-gap:4px;--toolbar-bg:var(--bg-primary, #ffffff);--toolbar-border-color:var(--border-default, #e5e7eb);--toolbar-text:var(--text-primary, #111827);--toolbar-muted:var(--text-secondary, #6b7280);--toolbar-separator-color:var(--border-default, #e5e7eb);--toolbar-item-bg:transparent;--toolbar-item-bg-hover:var(--bg-secondary, #f3f4f6);--toolbar-item-bg-active:var(--color-primary-light, #eff6ff);--toolbar-item-color:var(--text-primary, #374151);--toolbar-item-color-active:var(--color-primary, #2563eb);--toolbar-item-radius:6px;--toolbar-item-height-sm:28px;--toolbar-item-height-md:34px;--toolbar-item-height-lg:40px;--toolbar-item-height-xl:48px;--toolbar-item-padding-sm:0 8px;--toolbar-item-padding-md:0 12px;--toolbar-item-padding-lg:0 16px;--toolbar-switch-width:34px;--toolbar-switch-height:18px;--toolbar-switch-on:var(--color-primary, #2563eb);--toolbar-switch-off:var(--border-strong, #d1d5db);--toolbar-switch-thumb:#ffffff;--toolbar-badge-bg:var(--color-danger, #ef4444);--toolbar-badge-color:#ffffff;--toolbar-badge-size:16px;--toolbar-overflow-menu-bg:#ffffff;--toolbar-overflow-menu-border:rgba(0, 0, 0, 0.08);--toolbar-overflow-menu-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);--toolbar-overflow-menu-radius:16px;--toolbar-overflow-item-height:40px;--toolbar-transition:0.15s ease;--toolbar-shadow-1:0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--toolbar-shadow-2:0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--toolbar-shadow-3:0 8px 24px rgba(0, 0, 0, .10), 0 4px 8px rgba(0, 0, 0, .06);--toolbar-shadow-4:0 16px 40px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .07);display:block;box-sizing:border-box;position:relative;max-width:100%}:host{--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-sm){--_item-h:var(--toolbar-item-height-sm);--_item-p:var(--toolbar-item-padding-sm)}:host(.size-md){--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-lg){--_item-h:var(--toolbar-item-height-lg);--_item-p:var(--toolbar-item-padding-lg)}:host(.size-xl){--_item-h:var(--toolbar-item-height-xl);--_item-p:var(--toolbar-item-padding-lg)}.toolbar-body{display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:var(--toolbar-height);background:var(--toolbar-bg);color:var(--toolbar-text);font-family:var(--font-family);font-size:13px;transition:background var(--toolbar-transition), color var(--toolbar-transition);position:relative}:host(.orientation-vertical) .toolbar-body{flex-direction:column;align-items:stretch;width:var(--toolbar-height);min-height:unset;height:100%}:host(.align-start) .toolbar-body{justify-content:flex-start}:host(.align-center) .toolbar-body{justify-content:center}:host(.align-end) .toolbar-body{justify-content:flex-end}:host(.align-space-between) .toolbar-body{justify-content:space-between}:host(.align-space-around) .toolbar-body{justify-content:space-around}:host(.align-space-evenly) .toolbar-body{justify-content:space-evenly}:host .toolbar-body{overflow:hidden}:host(.overflow-scroll) .toolbar-body{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}:host(.orientation-vertical) :host(.overflow-scroll) .toolbar-body{overflow-x:hidden;overflow-y:auto}:host(.overflow-scroll) .toolbar-body{scrollbar-width:thin;scrollbar-color:var(--toolbar-muted) transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar{width:4px;height:4px;background:transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar-thumb{background:var(--toolbar-muted);border-radius:4px;border:1px solid transparent;background-clip:content-box;opacity:0.5}:host(.overflow-scroll) .toolbar-body{}:host(.overflow-scroll) .toolbar-body:not(:hover){scrollbar-color:transparent transparent}:host(.overflow-scroll) .toolbar-body:not(:hover)::-webkit-scrollbar-thumb{background:transparent}:host(.overflow-visible) .toolbar-body{overflow:visible}:host(.overflow-wrap) .toolbar-body{flex-wrap:wrap;height:auto;min-height:var(--toolbar-height)}:host(.overflow-dropdown) .toolbar-body{overflow:hidden}:host(.overflow-dropdown.has-open-overlay) .toolbar-body,:host(.overflow-dropdown.is-overflow-open) .toolbar-body,:host(.overflow-dropdown.has-open-dropdown) .toolbar-body,:host(.has-open-overlay) .toolbar-body{overflow:visible}:host(.elevation-0) .toolbar-body{box-shadow:none}:host(.elevation-1) .toolbar-body{box-shadow:var(--toolbar-shadow-1)}:host(.elevation-2) .toolbar-body{box-shadow:var(--toolbar-shadow-2)}:host(.elevation-3) .toolbar-body{box-shadow:var(--toolbar-shadow-3)}:host(.elevation-4) .toolbar-body{box-shadow:var(--toolbar-shadow-4)}:host(.is-bordered) .toolbar-body{border:1px solid var(--toolbar-border-color)}:host(.is-rounded) .toolbar-body{border-radius:12px}:host(.position-sticky){position:sticky;z-index:var(--z-sticky, 10)}:host(.position-fixed){position:fixed;z-index:var(--z-toolbar, 20);width:100%}:host(.variant-primary) .toolbar-body{background:var(--color-primary, #2563eb);color:#ffffff;--toolbar-item-color:rgba(255, 255, 255, 0.92);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.12);--toolbar-item-bg-active:rgba(255, 255, 255, 0.2);--toolbar-item-color-active:#ffffff;--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-secondary) .toolbar-body{background:var(--bg-secondary, #f8fafc);--toolbar-item-bg-hover:var(--bg-primary, #ffffff)}:host(.variant-minimal) .toolbar-body{background:transparent;box-shadow:none;border-bottom:1px solid var(--toolbar-border-color)}:host(.variant-glass) .toolbar-body{background:rgba(255, 255, 255, 0.12);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.15);box-shadow:0 8px 32px rgba(31, 38, 135, 0.1);--toolbar-item-color:var(--text-primary, #1e293b);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.2);--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-elevated) .toolbar-body{box-shadow:var(--toolbar-shadow-3);border-bottom:none}:host(.variant-outlined) .toolbar-body{background:transparent;border:1px solid var(--toolbar-border-color);box-shadow:none}:host(.variant-dark) .toolbar-body{background:var(--bg-dark, #1e293b);color:#f1f5f9;--toolbar-item-color:rgba(241, 245, 249, 0.9);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.08);--toolbar-item-bg-active:rgba(99, 102, 241, 0.25);--toolbar-item-color-active:#818cf8;--toolbar-separator-color:rgba(255, 255, 255, 0.1);--toolbar-overflow-menu-bg:#1e293b;--toolbar-overflow-menu-border:rgba(255, 255, 255, 0.1)}:host(.variant-inline){display:inline-block;width:auto}:host(.variant-inline) .toolbar-body{width:auto;min-height:auto;background:transparent;box-shadow:none;border:none;border-radius:0;padding:0 !important;overflow:visible}.toolbar-zones{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;gap:inherit}.toolbar-zone{display:flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-zone--left{margin-right:auto}.toolbar-zone--right{margin-left:auto}.toolbar-zone--center{flex:1;justify-content:center}:host(.has-zone-dividers) .toolbar-zones .toolbar-zone+.toolbar-zone{border-left:1px solid var(--toolbar-separator-color);padding-left:12px;margin-left:12px}.toolbar-item{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:var(--_item-h);padding:var(--_item-p);border-radius:var(--toolbar-item-radius);color:var(--toolbar-item-color);background:var(--toolbar-item-bg);border:none;cursor:pointer;user-select:none;white-space:nowrap;font-size:inherit;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition), box-shadow var(--toolbar-transition), opacity var(--toolbar-transition), transform 0.1s ease;outline:none;text-decoration:none;flex-shrink:0;position:relative;max-width:100%;min-width:0}.toolbar-item--button,.toolbar-item--input,.toolbar-item--search,.toolbar-item--toggle,.toolbar-item--toggle-group{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important}.toolbar-item--dropdown{overflow:visible;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important;}.toolbar-item--dropdown .dropdown-trigger,.toolbar-item--dropdown .dropdown-container .dropdown-trigger{height:var(--_item-h) !important;min-height:var(--_item-h) !important;max-height:var(--_item-h) !important;padding:0 10px !important;font-size:inherit !important;box-sizing:border-box}.toolbar-item--dropdown{}.toolbar-item--dropdown .dropdown-has-chips .dropdown-trigger{height:auto !important;min-height:var(--_item-h) !important;max-height:none !important}.toolbar-item:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb);outline:none}.toolbar-item--button:hover:not(.is-disabled),.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-item--button.is-active{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.toolbar-item--button:active:not(.is-disabled){transform:scale(0.96)}.toolbar-item.is-icon-only{padding:0;width:var(--_item-h)}.toolbar-item.is-disabled,.toolbar-item[aria-disabled=true]{opacity:0.45;cursor:not-allowed;pointer-events:none}.toolbar-item.is-loading{cursor:wait;pointer-events:none}.toolbar-item--primary{background:var(--color-primary, #2563eb);color:#fff}.toolbar-item--primary:hover{background:var(--color-primary-hover, #1d4ed8)}.toolbar-item--secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #374151)}.toolbar-item--secondary:hover{background:var(--bg-tertiary, #e2e8f0)}.toolbar-item--danger{background:var(--color-danger, #ef4444);color:#fff}.toolbar-item--danger:hover{background:#dc2626}.toolbar-item--success{background:var(--color-success, #10b981);color:#fff}.toolbar-item--warning{background:var(--color-warning, #f59e0b);color:#fff}.toolbar-item--ghost,.toolbar-item--outline{background:transparent;color:var(--toolbar-item-color)}.toolbar-item--outline{border:1px solid var(--toolbar-border-color)}.toolbar-item__label{line-height:1}.toolbar-separator{width:1px;align-self:stretch;margin:4px 2px;background:var(--toolbar-separator-color);flex-shrink:0}.toolbar-separator--horizontal{width:100%;height:1px;margin:2px 4px}.toolbar-spacer{display:block;flex-shrink:0}.toolbar-text{cursor:default;font-size:13px;color:var(--toolbar-text);padding:0 6px;height:auto}.toolbar-text--bold{font-weight:700}.toolbar-text--muted{color:var(--toolbar-muted)}.toolbar-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.03em;height:auto}.toolbar-status-badge--primary{background:#dbeafe;color:#1d4ed8}.toolbar-status-badge--success{background:#d1fae5;color:#065f46}.toolbar-status-badge--danger{background:#fee2e2;color:#991b1b}.toolbar-status-badge--warning{background:#fef3c7;color:#92400e}.toolbar-status-badge--info{background:#e0f2fe;color:#0369a1}.toolbar-status-badge.is-dot{width:8px;height:8px;border-radius:50%;padding:0}.toolbar-badge{position:absolute;top:2px;right:2px;min-width:var(--toolbar-badge-size);height:var(--toolbar-badge-size);border-radius:999px;padding:0 3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;background:var(--toolbar-badge-bg);color:var(--toolbar-badge-color);box-shadow:0 0 0 2px var(--toolbar-bg);pointer-events:none}.toolbar-badge--success{background:var(--color-success, #10b981)}.toolbar-badge--warning{background:var(--color-warning, #f59e0b)}.toolbar-badge--info{background:var(--color-info, #2563eb)}.toolbar-item--input,.toolbar-item--search{padding:0;background:transparent;cursor:default}.toolbar-input-wrap{display:flex;align-items:center;gap:6px;height:var(--_item-h);padding:0 10px;border:1px solid var(--toolbar-border-color);border-radius:var(--toolbar-item-radius);background:var(--bg-primary, #fff);transition:border-color var(--toolbar-transition), box-shadow var(--toolbar-transition);min-width:160px;max-width:260px}.toolbar-input-wrap--search{min-width:180px}.toolbar-input-wrap:focus-within{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.12)}.toolbar-input{flex:1;border:none;outline:none;background:transparent;color:var(--toolbar-text);font-size:13px;font-family:inherit;min-width:0}.toolbar-input::placeholder{color:var(--toolbar-muted)}.toolbar-input-icon{color:var(--toolbar-muted);flex-shrink:0}.toolbar-input-clear{display:flex;align-items:center;padding:2px;background:none;border:none;cursor:pointer;color:var(--toolbar-muted);border-radius:4px;transition:color var(--toolbar-transition), background var(--toolbar-transition);flex-shrink:0}.toolbar-input-clear:hover{color:var(--toolbar-text);background:var(--toolbar-item-bg-hover)}.toolbar-item--toggle{gap:8px;cursor:default;padding:0 8px;background:transparent}.toolbar-toggle-label{font-size:13px;color:var(--toolbar-item-color);white-space:nowrap}.toolbar-switch{position:relative;width:var(--toolbar-switch-width);height:var(--toolbar-switch-height);border-radius:999px;background:var(--toolbar-switch-off);border:none;cursor:pointer;transition:background var(--toolbar-transition);outline:none;flex-shrink:0;padding:0}.toolbar-switch:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb)}.toolbar-switch.is-on{background:var(--toolbar-switch-on)}.toolbar-switch__thumb{position:absolute;top:2px;left:2px;width:calc(var(--toolbar-switch-height) - 4px);height:calc(var(--toolbar-switch-height) - 4px);border-radius:50%;background:var(--toolbar-switch-thumb);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);transition:transform var(--toolbar-transition)}.toolbar-switch.is-on .toolbar-switch__thumb{transform:translateX(calc(var(--toolbar-switch-width) - var(--toolbar-switch-height)))}.toolbar-item--avatar{padding:0 4px;position:relative;background:transparent}.toolbar-item--avatar.is-clickable{cursor:pointer;padding:4px}.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-group{display:inline-flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-group--divider{border-left:1px solid var(--toolbar-separator-color);padding-left:8px;margin-left:4px}.toolbar-group__label{font-size:11px;font-weight:600;color:var(--toolbar-muted);text-transform:uppercase;letter-spacing:0.06em;padding:0 4px}.toolbar-group.is-collapsed>*:not(.toolbar-group__label){display:none}.toolbar-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toolbar-spin 0.7s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}.toolbar-overflow{position:absolute;right:var(--toolbar-overflow-right, 0px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;flex-shrink:0;z-index:var(--z-dropdown, 100);background:var(--toolbar-bg);}.toolbar-overflow::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:24px;background:linear-gradient(to right, transparent, var(--toolbar-bg));pointer-events:none}.toolbar-overflow.is-open .toolbar-overflow__menu{display:block !important;opacity:1 !important;transform:scale(1) translateY(0) !important;visibility:visible !important}.toolbar-overflow__btn{position:relative}.toolbar-overflow__badge{position:absolute;top:1px;right:1px;min-width:14px;height:14px;background:var(--color-primary, #2563eb);color:#fff;border-radius:999px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 2px;pointer-events:none;box-shadow:0 0 0 2px var(--toolbar-bg)}.toolbar-overflow__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown, 100);list-style:none;margin:0;padding:6px;min-width:180px;background:var(--toolbar-overflow-menu-bg);border:1px solid var(--toolbar-overflow-menu-border);border-radius:var(--toolbar-overflow-menu-radius);box-shadow:var(--toolbar-overflow-menu-shadow);animation:toolbar-overflow-in 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);max-height:320px;overflow-y:auto}:host(.orientation-vertical) .toolbar-overflow__menu{top:0;left:calc(100% + 6px);right:auto}@keyframes toolbar-overflow-in{from{opacity:0;transform:scale(0.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.overflow-item{display:flex;align-items:center;gap:8px;height:var(--toolbar-overflow-item-height);padding:0 10px;border-radius:6px;cursor:pointer;color:var(--toolbar-item-color);font-size:13px;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition);outline:none;user-select:none;list-style:none}.overflow-item:hover,.overflow-item:focus-visible{background:var(--toolbar-item-bg-hover);color:var(--toolbar-item-color-active)}.overflow-item.is-active{color:var(--toolbar-item-color-active)}.overflow-item.is-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.overflow-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-item-check{color:var(--toolbar-item-color-active);font-size:12px;font-weight:700}.overflow-item--toggle{justify-content:space-between}.overflow-toggle{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--toolbar-item-bg-hover);color:var(--toolbar-muted)}.overflow-toggle.is-on{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.overflow-item--avatar{gap:10px}.toolbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--toolbar-text);border-radius:6px;transition:background var(--toolbar-transition);padding:0}.toolbar-mobile-toggle:hover{background:var(--toolbar-item-bg-hover)}:host(.is-mobile) .toolbar-mobile-toggle{display:flex}:host(.is-mobile) .toolbar-body,:host(.variant-inline) .toolbar-body{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile.is-collapsed) .toolbar-body{display:none}:host(.is-mobile) .toolbar-zones,:host(.variant-inline) .toolbar-zones,:host(.overflow-wrap) .toolbar-zones{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone,:host(.variant-inline) .toolbar-zone,:host(.overflow-wrap) .toolbar-zone{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone--left,:host(.is-mobile) .toolbar-zone--center,:host(.is-mobile) .toolbar-zone--right{width:100%;margin-left:0;margin-right:0;justify-content:flex-start}:host(.is-mobile) .toolbar-item--input,:host(.variant-inline) .toolbar-item--input,:host(.is-mobile) .toolbar-item--search,:host(.variant-inline) .toolbar-item--search{flex:1 1 180px}:host(.orientation-vertical) .toolbar-item{width:100%;justify-content:flex-start;padding:0 14px;height:var(--_item-h)}:host(.orientation-vertical) .toolbar-item.is-icon-only{justify-content:center;padding:0}:host(.orientation-vertical) .toolbar-separator{width:80%;height:1px;margin:4px auto;align-self:center}:host(.orientation-vertical) .toolbar-overflow{position:absolute;bottom:0;right:auto;left:0;top:auto;transform:none;width:100%;justify-content:center}.toolbar-item[draggable=true]{cursor:grab}.toolbar-item[draggable=true]:active{cursor:grabbing;opacity:0.6}:host(.is-disabled) .toolbar-body{opacity:0.6;pointer-events:none;cursor:not-allowed}:host(.is-loading) .toolbar-body::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg, transparent 0%, var(--color-primary, #2563eb) 40%, transparent 100%);animation:toolbar-loading 1.4s ease infinite}@keyframes toolbar-loading{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}::slotted(*){flex-shrink:0;max-width:100%;min-width:0}:host(.is-mobile) ::slotted(*),:host(.variant-inline) ::slotted(*){flex-shrink:1}.toolbar-item--custom{padding:0;background:transparent;height:auto;cursor:default;max-width:100%}';export{i as ui_toolbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,a as i,h as r,H as s}from"./p-Dqu2zaH1.js";const o=class{constructor(i){t(this,i),this.groupClick=e(this,"groupClick"),this.groupToggle=e(this,"groupToggle")}get el(){return i(this)}label="";collapsible=!1;expanded=!0;icon="";divider=!0;dense=!1;selectable=!1;selected=!1;badge="";badgeColor="default";level=0;skeleton=!1;groupClick;groupToggle;toggleExpanded=t=>{t.stopPropagation(),this.collapsible&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded}))};didToggleFromButton=!1;handleHeaderClick=()=>{this.didToggleFromButton?this.didToggleFromButton=!1:(this.selectable&&(this.selected=!this.selected),this.groupClick.emit({selected:this.selected,expanded:this.expanded}),this.collapsible&&!this.selectable&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded})))};renderSkeleton(){return r("div",{class:"list-group-skeleton"},r("div",{class:"skeleton-header"},r("div",{class:"skeleton-icon"}),r("div",{class:"skeleton-text"})),r("div",{class:"skeleton-content"},r("div",{class:"skeleton-item"}),r("div",{class:"skeleton-item"}),r("div",{class:"skeleton-item"})))}render(){if(this.skeleton)return r(s,null,this.renderSkeleton());const t={"group-header":!0,"group-header-collapsible":this.collapsible,"group-header-dense":this.dense,"group-header-selected":this.selected,"group-header-selectable":this.selectable},e={"group-content":!0,"group-content-collapsed":!this.expanded},i=24*this.level;return r(s,{style:{"--group-level":this.level.toString()}},this.label&&r("div",{class:t,onClick:this.handleHeaderClick,style:{paddingLeft:`${i+12}px`}},r("div",{class:"header-left"},this.collapsible&&r("ui-button",{variant:"ghost",onClick:t=>{this.didToggleFromButton=!0,this.toggleExpanded(t)},ariaLabel:this.expanded?"Collapse group":"Expand group",icon:this.expanded?"chevron-down":"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),this.selectable&&r("div",{class:{"selection-checkbox":!0,selected:this.selected}},r("div",{class:"checkbox-box"},this.selected&&r("ui-icon",{name:"check",library:"fontawesome"}))),this.icon&&r("ui-icon",{class:"group-icon",name:this.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}),r("span",{class:"group-label"},this.label),this.badge&&r("span",{class:`group-badge badge-${this.badgeColor}`},this.badge)),r("div",{class:"header-actions"},r("slot",{name:"header-actions"}))),r("div",{class:e,role:"region","aria-expanded":this.expanded.toString()},r("slot",null)),r("slot",{name:"footer"}),this.divider&&r("div",{class:"group-divider"}))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;--header-bg-hover:rgba(0, 0, 0, 0.04);--header-bg-selected:var(--primary-color-light, #e0f2fe);--header-color-selected:var(--primary-color, #0284c7)}.group-header{padding:var(--header-padding);font-weight:600;font-size:0.875rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:4px;transition:all 0.2s ease}.group-header-collapsible{cursor:pointer}.group-header-collapsible:hover{background-color:var(--header-bg-hover)}.group-header-selectable{cursor:pointer}.group-header-selectable:hover{background-color:var(--header-bg-hover)}.group-header-selected{background-color:var(--header-bg-selected);color:var(--header-color-selected)}.group-header-selected .group-icon,.group-header-selected .collapse-icon{color:var(--header-color-selected)}.group-header-dense{padding:8px 16px;font-size:0.8125rem}.header-left{display:flex;align-items:center;gap:12px;flex:1}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:-8px}.collapse-btn:hover{background-color:rgba(0, 0, 0, 0.1)}.selection-checkbox{margin-right:-4px;display:flex;align-items:center;justify-content:center}.selection-checkbox .checkbox-box{width:20px;height:20px;border:2px solid var(--border-strong, #d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background:var(--bg-primary, #ffffff)}.selection-checkbox .checkbox-box i{font-size:12px;color:var(--text-standard, #ffffff);transform:scale(0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selection-checkbox.selected .checkbox-box{background:var(--primary-color, #0ea5e9);border-color:var(--primary-color, #0ea5e9)}.selection-checkbox.selected .checkbox-box i{transform:scale(1)}.selection-checkbox:hover .checkbox-box{border-color:var(--primary-color, #0ea5e9)}.group-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:8px;line-height:1.4}.group-badge.badge-default{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.group-badge.badge-primary{background:var(--primary-color, #0ea5e9);color:var(--text-standard, #ffffff)}.group-badge.badge-secondary{background:var(--secondary-color, #64748b);color:var(--text-standard, #ffffff)}.group-badge.badge-success{background:var(--success-color, #22c55e);color:var(--text-standard, #ffffff)}.group-badge.badge-danger{background:var(--danger-color, var(--color-danger, #ef4444));color:var(--text-standard, #ffffff)}.group-badge.badge-warning{background:var(--warning-color, var(--color-warning, #f59e0b));color:var(--text-standard, #ffffff)}.group-badge.badge-info{background:var(--info-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.header-actions{display:flex;align-items:center;gap:8px}.group-footer{padding:8px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);font-size:0.875rem;color:var(--text-muted, #6b7280)}.group-footer:empty{display:none}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #9ca3af)}.group-icon{font-size:1rem;color:var(--text-muted, #6b7280)}.group-label{flex:1}.group-content{display:block;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;max-height:1000px;overflow:visible;transform-origin:top}.group-content-collapsed{max-height:0;opacity:0;overflow:hidden;transform:scaleY(0.95)}.group-divider{height:1px;background-color:var(--bg-primary, #e5e7eb);margin:8px 0}.list-group-skeleton{padding:16px}.list-group-skeleton .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-group-skeleton .skeleton-header .skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-header .skeleton-text{height:16px;width:120px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content{display:flex;flex-direction:column;gap:12px;padding-left:12px}.list-group-skeleton .skeleton-content .skeleton-item{height:48px;width:100%;border-radius:8px;background:var(--bg-secondary, #f3f4f6);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(2){animation-delay:0.1s}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(3){animation-delay:0.2s}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}";const a=class{constructor(i){t(this,i),this.listItemClick=e(this,"listItemClick"),this.listItemActionClick=e(this,"listItemActionClick"),this.listItemToggle=e(this,"listItemToggle"),this.contextMenuOpenEvent=e(this,"contextMenuOpenEvent"),this.contextMenuCloseEvent=e(this,"contextMenuCloseEvent"),this.checkboxChange=e(this,"checkboxChange"),this.pillClick=e(this,"pillClick"),this.tagClick=e(this,"tagClick"),this.swipeAction=e(this,"swipeAction"),this.longPress=e(this,"longPress"),this.starToggle=e(this,"starToggle"),this.detailToggle=e(this,"detailToggle")}get el(){return i(this)}selected=!1;disabled=!1;readonly=!1;label="";value="";icon="";actionIcon="";size="md";color="default";variant="text";nested=!1;level=0;collapsible=!1;expanded=!1;divider=!1;dense=!1;interactive=!0;href="";target="_self";contextMenu=!1;contextMenuTrigger="rightClick";contextMenuPosition="auto";showCheckbox=!1;checked=!1;sublabel="";multiline=!1;badge="";badgeColor="default";counter="";counterColor="success";tags="";image="";userAvatar="";skeleton=!1;highlight="";selectionColor="default";hoverColor="default";avatarPosition="left";showMenu=!1;rightActionColor="danger";avatarGroup="";avatarGroupPosition="content";treeLines=!1;gridMode=!1;longPressDelay=600;locked=!1;swipeActions=!1;swipeBehavior="reveal";leftActionIcon="";leftActionColor="success";rightActionIcon="";progress=-1;status="";statusPosition="bottom-right";showStar=!1;leftActions=[];rightActions=[];fullSwipeThreshold=.75;starred=!1;expandable=!1;expandedDetail=!1;wobble=!1;priorityPulse=!1;presence=[];density="comfortable";sparkline=[];metadata={};showGhostLayer=!1;auraMode=!1;presenceCursors=[];a11yLabel="";isFocused=!1;isHovered=!1;contextMenuOpen=!1;contextMenuX=0;contextMenuY=0;swipeOffset=0;showStatusEditor=!1;ghostPopoverVariant="dark";listItemClick;listItemActionClick;listItemToggle;contextMenuOpenEvent;contextMenuCloseEvent;checkboxChange;pillClick;tagClick;swipeAction;longPress;starToggle;detailToggle;contextMenuRef;touchStartX=0;touchCurrentX=0;isSwiping=!1;longPressTimer;themeObserver;componentWillLoad(){this.syncGhostPopoverTheme()}componentDidLoad(){this.observeThemeChanges(),this.contextMenu&&document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){this.themeObserver?.disconnect(),this.contextMenu&&document.removeEventListener("click",this.handleOutsideClick)}observeThemeChanges(){this.themeObserver?.disconnect();const t=new MutationObserver((()=>this.syncGhostPopoverTheme()));t.observe(document.documentElement,{attributes:!0,attributeFilter:["class","data-theme"]}),document.body&&t.observe(document.body,{attributes:!0,attributeFilter:["class","data-theme"]}),this.themeObserver=t}syncGhostPopoverTheme(){const t=this.resolveGhostPopoverVariant();this.ghostPopoverVariant!==t&&(this.ghostPopoverVariant=t)}resolveGhostPopoverVariant(){const t=document.documentElement,e=document.body,i=[t.dataset.theme||"",t.className||"",e?.dataset.theme||"",e.className||""].join(" ").toLowerCase();if(/(light|yellow)/.test(i))return"light";if(/(dark|blue|green|pink|violet)/.test(i))return"dark";const r=getComputedStyle(t).getPropertyValue("--bg-primary").trim(),s=this.parseColorToRgb(r);return s&&(.2126*s.r+.7152*s.g+.0722*s.b)/255>.6?"light":"dark"}parseColorToRgb(t){if(!t)return null;const e=t.trim().toLowerCase();if(e.startsWith("#")){const t=e.slice(1);if(3===t.length)return{r:Number.parseInt(t[0]+t[0],16),g:Number.parseInt(t[1]+t[1],16),b:Number.parseInt(t[2]+t[2],16)};if(t.length>=6)return{r:Number.parseInt(t.slice(0,2),16),g:Number.parseInt(t.slice(2,4),16),b:Number.parseInt(t.slice(4,6),16)}}const i=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(e);return i?{r:Number.parseInt(i[1],10),g:Number.parseInt(i[2],10),b:Number.parseInt(i[3],10)}:null}handleOutsideClick=t=>{if(this.contextMenuOpen&&this.contextMenuRef&&!this.contextMenuRef.contains(t.target)){const e=this.el.shadowRoot;if(!e)return;const i=e.querySelector(".list-item");i&&!i.contains(t.target)&&this.closeContextMenu()}};handleClick=t=>{if(!this.disabled&&!this.readonly){if(this.contextMenu&&"click"===this.contextMenuTrigger)return t.stopPropagation(),void this.toggleContextMenu(t);if(!this.locked){if(this.expandable&&!this.contextMenu)return this.expandedDetail=!this.expandedDetail,void this.detailToggle.emit({value:this.value,expanded:this.expandedDetail});this.collapsible&&!this.contextMenu&&(this.expanded=!this.expanded,this.listItemToggle.emit({value:this.value,expanded:this.expanded})),!this.interactive||this.contextMenu||this.locked||(t.shiftKey||t.ctrlKey||t.metaKey||(this.selected=!this.selected),this.listItemClick.emit({value:this.value,selected:this.selected,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey})),this.href&&(t.preventDefault(),window.open(this.href,this.target))}}};handleContextMenu=t=>{this.contextMenu&&"rightClick"===this.contextMenuTrigger&&(t.preventDefault(),t.stopPropagation(),this.toggleContextMenu(t))};toggleContextMenu=t=>{this.contextMenuOpen?this.closeContextMenu():this.openContextMenu(t)};openContextMenu=t=>{const e=t.currentTarget.getBoundingClientRect(),i=200,r=window.innerWidth,s=window.innerHeight;let o=0,a=0;if("rightClick"===this.contextMenuTrigger)o=t.clientX,a=t.clientY;else switch(this.contextMenuPosition){case"right":o=e.right,a=e.top;break;case"left":o=e.left-i,a=e.top;break;case"bottom":o=e.left,a=e.bottom;break;default:r-e.right>i?(o=e.right,a=e.top):(o=e.left-i,a=e.top)}o+i>r&&(o=r-i-10),o<0&&(o=10),a+300>s&&(a=s-300-10,a<0&&(a=Math.max(10,e.top-300))),a<0&&(a=10),this.contextMenuX=o,this.contextMenuY=a,this.contextMenuOpen=!0,this.contextMenuOpenEvent.emit({value:this.value})};closeContextMenu=()=>{this.contextMenuOpen=!1,this.contextMenuCloseEvent.emit({value:this.value})};handleCheckboxChange=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.checkboxChange.emit({value:this.value,checked:this.checked}))};handleFocus=()=>{this.isFocused=!0};handleBlur=()=>{this.isFocused=!1};handleMouseEnter=t=>{this.isHovered=!0,this.contextMenu&&"hover"===this.contextMenuTrigger&&this.openContextMenu(t)};handleMouseLeave=()=>{this.isHovered=!1,this.contextMenu&&"hover"===this.contextMenuTrigger&&setTimeout((()=>{this.isHovered||this.closeContextMenu()}),300)};handleTouchStart=t=>{this.swipeActions&&!this.disabled&&(this.touchStartX=t.touches[0].clientX,this.isSwiping=!0,this.longPressDelay>0&&(this.longPressTimer=setTimeout((()=>{this.swipeOffset||(this.longPress.emit({value:this.value}),globalThis.navigator.vibrate?.(50))}),this.longPressDelay)))};handleTouchMove=t=>{if(!this.isSwiping)return;this.touchCurrentX=t.touches[0].clientX;const e=this.touchCurrentX-this.touchStartX;Math.abs(e)>10&&clearTimeout(this.longPressTimer),e>80&&!this.leftActionIcon&&0===this.leftActions.length||e<-80&&!this.rightActionIcon&&0===this.rightActions.length||(this.swipeOffset=e)};getSwipeActionDefinitions(t){return"left"===t?this.leftActions.length?this.leftActions:[{icon:this.leftActionIcon,action:"left"}]:this.rightActions.length?this.rightActions:[{icon:this.rightActionIcon,action:"right"}]}completeFullSwipe(t,e){this.swipeOffset="left"===t?this.el.clientWidth:-this.el.clientWidth,setTimeout((()=>{this.swipeAction.emit({value:this.value,side:t,action:e}),"dismiss"===this.swipeBehavior?this.el.style.display="none":this.swipeOffset=0}),200)}handleTouchEnd=()=>{if(!this.swipeActions)return;clearTimeout(this.longPressTimer);const t=.25*this.el.clientWidth,e=this.el.clientWidth*this.fullSwipeThreshold,i=Math.abs(this.swipeOffset);if(i>e){const t=this.swipeOffset>0?"left":"right",e=this.getSwipeActionDefinitions(t);this.completeFullSwipe(t,e[0]?.action||("left"===t?"check":"trash"))}else this.swipeOffset=i>t?this.swipeOffset>0?80*Math.max(1,this.leftActions.length):-80*Math.max(1,this.rightActions.length):0};async focusItem(){this.isFocused=!0;const t=this.el.shadowRoot,e=t?.querySelector(".list-item");e?.setAttribute("tabindex","0"),e?.focus()}handleKeyDown=t=>{this.isFocused&&"Enter"===t.key&&this.listItemClick.emit({value:this.value,selected:!this.selected})};renderLabel(t){if(!this.highlight||!t)return t;const e=t.split(new RegExp(`(${this.highlight})`,"gi"));let i=0;return e.map((e=>{const s=t.toLowerCase(),o=e.toLowerCase(),a=s.indexOf(o,i),l=a>=0?a:i;return i=l+e.length,e.toLowerCase()===this.highlight.toLowerCase()?r("mark",{class:"list-item-highlight",key:`highlight-${l}-${e}`},e):e}))}renderPresenceCursors(){return this.presenceCursors&&0!==this.presenceCursors.length?r("div",{class:"presence-cursors-layer"},this.presenceCursors.map(((t,e)=>r("div",{key:`cursor-${t.id||t.name||e}`,class:`ghost-cursor cursor-${t.color||"blue"}`,style:{left:`${t.x}px`,top:`${t.y}px`}},r("ui-icon",{name:"mouse-pointer",library:"fontawesome"}),r("div",{class:"cursor-label"},t.name))))):null}renderSparkline(){if(!this.sparkline||this.sparkline.length<2)return null;const t=Math.max(...this.sparkline),e=Math.min(...this.sparkline),i=t-e||1,s=this.sparkline.map(((t,r)=>`${r/(this.sparkline.length-1)*60},${20-(t-e)/i*20}`)).join(" ");return r("svg",{class:"list-sparkline",width:60,height:20},r("polyline",{fill:"none",stroke:"#3bf673","stroke-width":"1.5",points:s}))}getSkeletonMediaDimensions(){switch(this.size){case"sm":return{avatar:"32px",imageWidth:"36px",imageHeight:"36px",icon:"16px"};case"lg":return{avatar:"48px",imageWidth:"64px",imageHeight:"64px",icon:"24px"};default:return{avatar:"40px",imageWidth:"48px",imageHeight:"48px",icon:"20px"}}}renderSkeletonMedia(t="default"){const e=this.getSkeletonMediaDimensions();switch(t){case"image":return r("ui-skeleton",{shape:"rounded-rectangle",width:e.imageWidth,height:e.imageHeight,style:{width:e.imageWidth,height:e.imageHeight,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item media",ariaLive:"off"});case"icon":return r("ui-skeleton",{shape:"square",width:e.icon,height:e.icon,borderRadius:"6px",style:{width:e.icon,height:e.icon,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item icon",ariaLive:"off"});default:return r("ui-skeleton",{shape:"circle",width:e.avatar,height:e.avatar,style:{width:e.avatar,height:e.avatar,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item avatar",ariaLive:"off"})}}getSkeletonMediaKind(){return this.userAvatar?"avatar":this.image?"image":this.icon?"icon":this.avatarGroup&&"media"===this.avatarGroupPosition?"avatar":"default"}renderSkeletonLabel(t,e,i="14px"){return r("ui-skeleton",{shape:"text",width:t,height:i,style:{width:t,height:i,display:"block",maxWidth:"100%",alignSelf:"flex-start"},animated:!0,animationType:"wave",ariaLabel:e,ariaLive:"off"})}getSkeletonTextWidths(){switch(this.size){case"sm":return{label:"min(78%, 180px)",sublabel:"min(58%, 132px)"};case"lg":return{label:"min(82%, 320px)",sublabel:"min(62%, 220px)"};default:return{label:"min(80%, 240px)",sublabel:"min(60%, 160px)"}}}hasGhostMetadata(){return Boolean(this.metadata&&"object"==typeof this.metadata&&Object.keys(this.metadata).length>0)}shouldRenderGhostLayer(){return!this.skeleton&&(this.showGhostLayer||this.hasGhostMetadata())}renderGhostLayer(){return this.shouldRenderGhostLayer()?r("div",{class:"list-item-ghost-layer"},r("ui-popover",{trigger:"hover",placement:"top-end",variant:"light",popoverRole:"dialog",width:"320px",offset:10,strategy:"fixed",boundary:"viewport",padding:12,autoPlacement:!0,flip:!0,shift:!0,maxHeight:"none",closeOnOutsideClick:!0,closeOnBlur:!1,interactive:!0,showArrow:!0},r("button",{type:"button",slot:"trigger",class:"ghost-popover-trigger","aria-label":"Show item metadata",onMouseDown:t=>t.stopPropagation()},r("ui-icon",{name:"info-circle",library:"fontawesome"})),r("div",{slot:"content",class:"ghost-popover-content"},r("div",{class:"ghost-meta"},r("span",{class:"ghost-meta-label"},"IP"),r("span",{class:"ghost-meta-value"},this.metadata?.ip||"127.0.0.1")),r("div",{class:"ghost-meta"},r("span",{class:"ghost-meta-label"},"VER"),r("span",{class:"ghost-meta-value"},this.metadata?.version||"1.0.0")),r("div",{class:"ghost-meta"},r("span",{class:"ghost-meta-label"},"ID"),r("span",{class:"ghost-meta-value"},this.value||"N/A"))))):null}parseTagsToItems(){if(!this.tags)return[];try{const t="string"==typeof this.tags?JSON.parse(this.tags):this.tags;return Array.isArray(t)?t:[]}catch{return[]}}getCollaborators(){if(!this.avatarGroup)return[];if("string"==typeof this.avatarGroup)try{return JSON.parse(this.avatarGroup||"[]")}catch{return[]}return this.avatarGroup}getAriaExpanded(){return this.collapsible?this.expanded.toString():this.contextMenu?this.contextMenuOpen.toString():void 0}getContainerRole(){return this.interactive||this.collapsible||this.contextMenu||this.expandable?"button":void 0}getItemAriaLabel(){return this.a11yLabel?this.a11yLabel:this.skeleton?"Loading cluster node":`${this.label}, status: ${this.status}, health: ${this.progress}%`}renderPresenceHalos(){return this.presence?.length?this.presence.map(((t,e)=>r("div",{key:`presence-${t.id||e}`,class:`presence-halo presence-${t.color||"blue"}`,title:`User ${t.id} active`}))):null}renderSwipeActionButton(t,e,i){return r("button",{key:`swipe-${e}-${t.action||t.icon||i}`,type:"button",class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:e,action:t.action})},r("ui-icon",{name:t.icon,library:"fontawesome"}))}renderSwipeActions(){return this.swipeActions&&0!==this.swipeOffset?r("div",{class:"swipe-actions-container"},this.swipeOffset>0&&r("div",{class:"swipe-action-wrapper left"},this.leftActions.length>0?this.leftActions.map(((t,e)=>this.renderSwipeActionButton(t,"left",e))):r("button",{type:"button",class:`swipe-action left bg-${this.leftActionColor}`},r("ui-icon",{name:this.leftActionIcon,library:"fontawesome"}))),this.swipeOffset<0&&r("div",{class:"swipe-action-wrapper right"},this.rightActions.length>0?this.rightActions.map(((t,e)=>this.renderSwipeActionButton(t,"right",e))):r("button",{type:"button",class:`swipe-action right bg-${this.rightActionColor}`},r("ui-icon",{name:this.rightActionIcon,library:"fontawesome"})))):null}renderMediaContent(t){return this.skeleton?this.renderSkeletonMedia(this.getSkeletonMediaKind()):this.userAvatar?r("div",{class:"list-item-avatar-container"},r("ui-avatar",{class:{"list-item-avatar":!0},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&r("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?r("div",{class:{"list-item-image":!0}},r("img",{src:this.image,alt:this.label})):this.icon?r("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?r("div",{class:"list-item-media-avatar-group"},r("ui-avatar-group",{items:t,size:"xs",spacing:"-12px",limit:3})):null}renderMediaSection(t,e){return this.avatarPosition!==t?null:r("div",{class:"left"===t?"list-item-left-media":"list-item-right-media"},this.renderMediaContent(e))}renderTags(t){return!t.length||this.skeleton?null:r("div",{class:"list-item-tags"},r("ui-tag-group",{spacing:"4px",readOnly:!0},t.map(((t,e)=>r("ui-tag",{key:`tag-${"string"==typeof t?t:t.label||e}`,label:"string"==typeof t?t:t.label,color:t.color||"default",variant:t.variant||"light",size:"xs",shape:t.shape||"pill",icon:t.icon})))))}renderContent(t,e){const i=this.getSkeletonTextWidths();return r("div",{class:{"list-item-content":!0,"list-item-skeleton-content":this.skeleton}},r("div",{class:"list-item-label-wrapper"},this.showStar&&!this.skeleton&&r("ui-icon",{class:{"list-item-star-icon":!0,"is-starred":this.starred},name:"star",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.starred=!this.starred,this.starToggle.emit({value:this.value,starred:this.starred}),globalThis.navigator.vibrate?.(20)}}),this.skeleton?this.renderSkeletonLabel(i.label,"Loading list item label","16px"):r("span",{class:"list-item-label"},this.renderLabel(this.label)),this.badge&&!this.skeleton&&r("span",{class:`list-item-badge badge-${this.badgeColor}`},this.badge)),(this.sublabel||this.skeleton)&&r("div",{class:{"list-item-subline":!0,"is-skeleton-subline":this.skeleton}},this.skeleton?this.renderSkeletonLabel(i.sublabel,"Loading list item sublabel","12px"):r("span",{class:"list-item-sublabel"},this.renderLabel(this.sublabel)),!this.skeleton&&this.renderSparkline()),this.progress>=0&&!this.skeleton&&r("div",{class:"list-item-progress-container"},r("div",{class:"list-item-progress-bar",style:{width:`${this.progress}%`}}),r("span",{class:"list-item-progress-text"},this.progress,"%")),this.avatarGroup&&"content"===this.avatarGroupPosition&&!this.skeleton&&r("div",{class:"list-item-collaborators"},r("ui-avatar-group",{items:e,size:"xs",spacing:"-8px"})),this.renderTags(t))}renderContextMenu(){return this.contextMenuOpen?r("div",{ref:t=>{this.contextMenuRef=t},class:"list-item-context-menu-container",style:{top:`${this.contextMenuY}px`,left:`${this.contextMenuX}px`}},r("slot",{name:"context-menu"},r("div",{class:"context-menu-default"},r("button",{type:"button",class:"context-menu-item",onClick:()=>this.closeContextMenu()},r("ui-icon",{name:"info-circle",library:"fontawesome"}),r("span",null,"View Details")),r("button",{type:"button",class:"context-menu-item",onClick:()=>this.closeContextMenu()},r("ui-icon",{name:"edit",library:"fontawesome"}),r("span",null,"Edit Item")),r("div",{class:"context-menu-divider"}),r("button",{type:"button",class:"context-menu-item danger",onClick:()=>this.closeContextMenu()},r("ui-icon",{name:"trash",library:"fontawesome"}),r("span",null,"Delete Node"))))):null}render(){const t={"list-item":!0,[`list-item-${this.size}`]:!0,[`list-item-${this.color}`]:!0,[`list-item-${this.variant}`]:!0,"list-item-selected":this.selected,"list-item-disabled":this.disabled,"list-item-readonly":this.readonly,"list-item-focused":this.isFocused,"list-item-hovered":this.isHovered,"list-item-nested":this.nested,"list-item-tree-lines":this.treeLines&&this.level>0,"list-item-grid":this.gridMode,"list-item-collapsible":this.collapsible,"list-item-expanded":this.expanded,"list-item-divider":this.divider,"list-item-dense":this.dense,"list-item-interactive":this.interactive,"list-item-link":!!this.href,"list-item-context-menu":this.contextMenu,"list-item-context-menu-open":this.contextMenuOpen,"list-item-multiline":this.multiline,"list-item-with-checkbox":this.showCheckbox,"list-item-checked":this.checked,"is-skeleton":this.skeleton,"list-item-locked":this.locked,"list-item-starred":this.starred,"list-item-expandable":this.expandable,"list-item-detail-expanded":this.expandedDetail,"is-wobbling":this.wobble,[`list-item-density-${this.density}`]:!0,[`list-item-aura-${this.status}`]:Boolean(this.auraMode&&this.status&&!this.skeleton),[`list-item-selection-${this.selectionColor}`]:this.selected&&"default"!==this.selectionColor,[`list-item-hover-${this.hoverColor}`]:"default"!==this.hoverColor,"list-item-avatar-right":"right"===this.avatarPosition},e=24*this.level,i=this.parseTagsToItems(),o=this.getCollaborators(),a=this.getAriaExpanded(),l=this.getContainerRole(),n=this.shouldRenderGhostLayer(),c={paddingLeft:`${e+(this.level>0?32:16)}px`};return n&&(c.paddingRight="lg"===this.size?"52px":"sm"===this.size?"40px":"46px"),0!==this.swipeOffset&&(c.transform=`translateX(${this.swipeOffset}px)`),r(s,{key:"b9be695a6e2ff2568aa80eb007bb75ee251c7d44",onClick:this.handleClick,onContextMenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:()=>{this.longPressTimer=setTimeout((()=>{this.longPress.emit({value:this.value})}),this.longPressDelay)},onMouseUp:()=>clearTimeout(this.longPressTimer),onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,tabIndex:this.disabled?-1:0,role:l,"aria-label":this.getItemAriaLabel(),"aria-pressed":l?this.selected.toString():void 0,"aria-disabled":l&&this.disabled?"true":void 0,"aria-haspopup":l&&this.contextMenu?"menu":void 0,"aria-expanded":l?a:void 0},r("div",{key:"b25f5293ef41d9833c045a0255b615e4866b3539",class:t,style:c,part:"list-item"},this.priorityPulse&&r("div",{key:"d2e37a48d4b8a542d0aa4b96af95ce5d903b0ee6",class:"list-item-pulse"}),this.renderPresenceHalos(),this.renderGhostLayer(),this.renderPresenceCursors(),this.renderSwipeActions(),this.skeleton&&null,this.showCheckbox&&!this.skeleton&&r("div",{key:"bb535bd28a20bffeb7623bd331e259973755a1cd",class:"list-item-checkbox"},r("ui-checkbox",{key:"5a24929a68f0a00db315c24a8c3ed8a4187893fb",checked:this.checked,disabled:this.disabled,readonly:this.readonly,onCheckboxChange:t=>this.handleCheckboxChange(t),size:"sm"})),this.collapsible&&!this.contextMenu&&!this.skeleton&&r("ui-icon",{key:"cee544048870b99d5da5e54043acdcba90d493e3",class:"collapse-icon",name:this.expanded?"chevron-down":"chevron-right",library:"fontawesome"}),this.renderMediaSection("left",o),this.renderContent(i,o),r("slot",{key:"45f68fd7931c1c3f1b0e156b8e538f76e18b857d"}),this.renderMediaSection("right",o),this.avatarGroup&&"right"===this.avatarGroupPosition&&!this.skeleton&&r("div",{key:"09a39760ebb4fe11d93598a9a5bec29a5e83dfae",class:"list-item-right-collaborators"},r("ui-avatar-group",{key:"0f0dc6645c37825bd6637ff18bebc47bced1eb3a",items:o,size:"xs",spacing:"-8px"})),""!==this.counter&&!this.skeleton&&r("span",{key:"74dcd244ba0ef99c1331f6d8a636e0e57ca92516",class:{"list-item-counter":!0,[`counter-${this.counterColor}`]:"default"!==this.counterColor},part:"counter"},this.counter),this.locked&&!this.skeleton&&r("ui-icon",{key:"de12bb2a48f98507af009d76b2704771b1702f4b",class:"list-item-lock-icon",name:"lock",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.wobble=!0,setTimeout((()=>this.wobble=!1),400)}}),this.showMenu&&!this.skeleton&&r("button",{key:"b654fbb2fefe5ea30475f6993b5647d0d6770a7b",type:"button",class:"list-item-menu",onClick:t=>{t.stopPropagation(),this.toggleContextMenu(t)}},r("ui-icon",{key:"808303a454a47c6f1053bda6f20292d30f6c1577",name:"ellipsis-v",library:"fontawesome"}))),this.collapsible&&r("div",{key:"f8e93ec052234d8350044a9d62b86c89bd76df5b",class:{"list-item-children":!0,"is-collapsed":!this.expanded},"aria-hidden":(!this.expanded).toString()},r("slot",{key:"4dd4214df4dfb716cb67c63709f9c50527822f65",name:"children"})),this.renderContextMenu(),this.expandable&&r("div",{key:"a9ec15208be52ce95ed34ec4e0cd59b15116ee44",class:{"list-item-detail-panel":!0,"is-expanded":this.expandedDetail}},r("slot",{key:"e7c0c56505d51902b915016dcad989e2856debc4",name:"detail"})))}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;overflow:visible}.list-item{display:flex;align-items:center;padding:6px 8px;cursor:pointer;transition:all 0.2s ease;user-select:none;outline:none;position:relative;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.list-item:focus{outline:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);outline-offset:-2px}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #6b7280)}.list-item-icon{font-size:1.25rem;flex-shrink:0;transition:color 0.2s ease}.list-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-avatar img{width:100%;height:100%;object-fit:cover}.list-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-image img{width:100%;height:100%;object-fit:cover}.skeleton-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:list-skeleton-shimmer 1.5s infinite;pointer-events:none;z-index:10}.skeleton-text{height:0.8em;background:var(--bg-pressed, #e2e8f0);border-radius:4px;width:80%;display:inline-block;position:relative;overflow:hidden}.skeleton-text.list-item-sublabel{width:60%;margin-top:4px}.skeleton-circle{background:var(--bg-pressed, #e2e8f0);border-radius:50%;position:relative;overflow:hidden}.skeleton-rect{background:var(--bg-pressed, #e2e8f0);border-radius:8px;position:relative;overflow:hidden}@keyframes list-skeleton-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.is-skeleton{pointer-events:none;background:transparent !important;border-color:var(--border-subtle, #f1f5f9) !important;transform:none !important}.list-item-highlight{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534);padding:0 2px;border-radius:2px;font-weight:700}.list-item-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.list-item-subline{display:flex;align-items:center;gap:8px;min-width:0}.list-item-skeleton-content{align-items:flex-start;justify-content:center;gap:6px;width:100%}.list-item-skeleton-content .list-item-label-wrapper,.list-item-skeleton-content .list-item-subline{width:100%;min-width:0;overflow:visible}.list-item-skeleton-content .list-item-label-wrapper{align-items:flex-start}.list-item-skeleton-content .list-item-subline{margin-top:0}.list-item-skeleton-content ui-skeleton{display:block;max-width:100%;min-width:0;flex-shrink:0}.list-item-label-wrapper{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.list-item-label{font-size:1rem;color:var(--text-secondary, #374151);transition:color 0.2s ease;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-sublabel{font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-multiline .list-item-content{padding:4px 0}.list-item-multiline .list-item-label{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-multiline .list-item-sublabel{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-action-icon{font-size:1.125rem;flex-shrink:0;padding:4px;border-radius:4px;transition:all 0.2s ease}.list-item-action-icon:hover{background:rgba(0, 0, 0, 0.05)}.list-item-action-icon:active{transform:scale(0.95)}.list-item-sm{padding:8px 12px;gap:8px}.list-item-sm .list-item-avatar{width:32px;height:32px}.list-item-sm .list-item-image{width:36px;height:36px}.list-item-sm .list-item-icon{font-size:1rem}.list-item-sm .list-item-label{font-size:0.875rem}.list-item-sm .list-item-action-icon{font-size:1rem}.list-item-sm .list-item-checkbox .checkbox-icon{font-size:1rem}.list-item-sm .list-item-ghost-layer{top:6px;right:6px}.list-item-sm .ghost-popover-trigger{width:18px;height:18px}.list-item-sm .ghost-popover-trigger ui-icon{font-size:0.625rem}.list-item-sm .ghost-meta{font-size:0.5625rem}.list-item-sm .list-item-badge{font-size:0.625rem;padding:1px 6px}.list-item-sm .list-item-counter{min-width:16px;height:16px;font-size:0.625rem}.list-item-sm .pill{padding:2px 8px;font-size:0.625rem}.list-item-sm .tag{padding:1px 6px;font-size:0.625rem}.list-item-sm .list-item-sublabel{font-size:0.75rem}.list-item-filled.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05);border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-item-filled.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.list-item-filled.list-item-secondary{background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.2)}.list-item-filled.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.1)}.list-item-filled.list-item-success{background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.2)}.list-item-filled.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.1)}.list-item-filled.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.2)}.list-item-filled.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1)}.list-item-filled.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.list-item-filled.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1)}.list-item-filled.list-item-info{background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.2)}.list-item-filled.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.1)}.list-item-outlined{background:transparent;border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-outlined:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.02);border-color:var(--border-strong, #d1d5db)}.list-item-outlined.list-item-primary{border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-outlined.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05);border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.5)}.list-item-outlined.list-item-secondary{border-color:rgba(107, 114, 128, 0.3)}.list-item-outlined.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.5)}.list-item-outlined.list-item-success{border-color:rgba(22, 163, 74, 0.3)}.list-item-outlined.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.5)}.list-item-outlined.list-item-danger{border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.3)}.list-item-outlined.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.5)}.list-item-outlined.list-item-warning{border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.3)}.list-item-outlined.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.5)}.list-item-outlined.list-item-info{border-color:rgba(8, 145, 178, 0.3)}.list-item-outlined.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.5)}.list-item-soft{background:rgba(0, 0, 0, 0.02);border-radius:6px;margin-bottom:2px}.list-item-soft:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.05)}.list-item-soft.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.08)}.list-item-soft.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.list-item-soft.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-soft.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.12)}.list-item-soft.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-soft.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.12)}.list-item-soft.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-soft.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12)}.list-item-soft.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-soft.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12)}.list-item-soft.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-soft.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.12)}.list-item-default .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-primary .list-item-icon{color:var(--color-primary, #3b82f6)}.list-item-secondary .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-success .list-item-icon{color:var(--color-success, #16a34a)}.list-item-danger .list-item-icon{color:var(--color-danger-hover, #dc2626)}.list-item-warning .list-item-icon{color:var(--color-warning, #f59e0b)}.list-item-info .list-item-icon{color:var(--color-info-hover, #0891b2)}.list-item-text.list-item-selected.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.08)}.list-item-text.list-item-selected.list-item-primary .list-item-icon,.list-item-text.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-text.list-item-selected.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-text.list-item-selected.list-item-secondary .list-item-icon,.list-item-text.list-item-selected.list-item-secondary .list-item-label{color:var(--text-secondary, #4b5563);font-weight:600}.list-item-text.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-text.list-item-selected.list-item-success .list-item-icon,.list-item-text.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-text.list-item-selected.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-text.list-item-selected.list-item-danger .list-item-icon,.list-item-text.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger-hover, #dc2626);font-weight:600}.list-item-text.list-item-selected.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-text.list-item-selected.list-item-warning .list-item-icon,.list-item-text.list-item-selected.list-item-warning .list-item-label{color:var(--color-warning-hover, #d97706);font-weight:600}.list-item-text.list-item-selected.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-text.list-item-selected.list-item-info .list-item-icon,.list-item-text.list-item-selected.list-item-info .list-item-label{color:var(--color-info-hover, #0891b2);font-weight:600}.list-item-text.list-item-selected.list-item-default{background:var(--bg-selected, rgba(107, 114, 128, 0.15))}.list-item-text.list-item-selected.list-item-default .list-item-label{font-weight:600}.list-item-filled.list-item-selected.list-item-primary{background:var(--bg-selected, var(--color-primary-subtle, rgba(59, 130, 246, 0.12)));border-color:var(--color-primary, #3b82f6)}.list-item-filled.list-item-selected.list-item-primary .list-item-icon,.list-item-filled.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-filled.list-item-selected.list-item-success{background:var(--bg-primary, #dcfce7);border-color:var(--color-success, #16a34a)}.list-item-filled.list-item-selected.list-item-success .list-item-icon,.list-item-filled.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #166534);font-weight:600}.list-item-filled.list-item-selected.list-item-danger{background:var(--bg-primary, #fee2e2);border-color:var(--color-danger-hover, #dc2626)}.list-item-filled.list-item-selected.list-item-danger .list-item-icon,.list-item-filled.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger, #991b1b);font-weight:600}.list-item-outlined.list-item-selected.list-item-primary{border-color:var(--color-primary, #3b82f6);border-width:2px}.list-item-outlined.list-item-selected.list-item-primary .list-item-icon,.list-item-outlined.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-outlined.list-item-selected.list-item-success{border-color:var(--color-success, #16a34a);border-width:2px}.list-item-outlined.list-item-selected.list-item-success .list-item-icon,.list-item-outlined.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-soft.list-item-selected.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.list-item-soft.list-item-selected.list-item-primary .list-item-icon,.list-item-soft.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-selected{border-radius:8px}.list-item-soft.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.12);border-radius:8px}.list-item-soft.list-item-selected.list-item-success .list-item-icon,.list-item-soft.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #15803d);font-weight:600}.list-item-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.list-item-readonly{cursor:default}.list-item-divider::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bg-primary, #e5e7eb)}.list-item-link .list-item-label{text-decoration:none}.list-item-link:hover .list-item-label{text-decoration:underline}.list-item-interactive{cursor:pointer}.list-item:not(.list-item-interactive){cursor:default}.list-item-children{display:flex;flex-direction:column;overflow:hidden;max-height:2000px;transition:max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;opacity:1}.list-item-children.is-collapsed{max-height:0;opacity:0;pointer-events:none}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.list-item-focused{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-hovered:not(.list-item-disabled):not(.list-item-readonly){border-radius:8px;box-shadow:0 8px 18px rgba(15, 23, 42, 0.08)}.list-item-context-menu{position:relative}.list-item-context-menu .list-item-context-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:auto;transition:transform 0.2s ease}.list-item-context-menu.list-item-context-menu-open .list-item-context-icon{transform:rotate(90deg)}.list-item-context-menu:hover .list-item-context-icon{color:var(--text-muted, #6b7280)}.context-menu{min-width:200px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:8px 0;animation:contextMenuFadeIn 0.15s ease-out;overflow:hidden;max-height:400px;overflow-y:auto}.context-menu ::slotted(ui-list-item){margin:0;border-radius:0}.context-menu::-webkit-scrollbar{width:6px}.context-menu::-webkit-scrollbar-track{background:transparent}.context-menu::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:3px}.context-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}@keyframes contextMenuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.list-item-checkbox{display:flex;align-items:center;cursor:pointer;margin-right:4px}.list-item-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.list-item-checkbox .checkbox-icon{font-size:1.25rem;color:var(--text-muted, #9ca3af);transition:all 0.2s ease}.list-item-checkbox:hover .checkbox-icon{color:var(--text-muted, #6b7280)}.list-item-checked .checkbox-icon{color:var(--color-success, #3dcd58) !important}.list-item-disabled .list-item-checkbox,.list-item-readonly .list-item-checkbox{cursor:not-allowed;opacity:0.5}.list-item-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;line-height:1;white-space:nowrap}.list-item-badge.badge-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.list-item-badge.badge-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.list-item-badge.badge-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.list-item-badge.badge-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.list-item-badge.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.list-item-badge.badge-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.list-item-badge.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.list-item-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;line-height:1;margin-left:auto;flex-shrink:0}.list-item-counter.counter-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-item-counter.counter-secondary{background:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.list-item-counter.counter-success{background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.list-item-counter.counter-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.list-item-counter.counter-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.list-item-counter.counter-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.list-item-right{display:flex;align-items:center;flex-direction:column;gap:6px;margin-left:auto;flex-shrink:0;max-width:50%;overflow:hidden}.list-item-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-pills::-webkit-scrollbar{height:4px}.list-item-pills::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.pill i{font-size:0.75rem}.pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pill:active{transform:translateY(0)}.pill.pill-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.pill.pill-default:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.pill.pill-primary:hover{background:var(--color-success, #a7f3d0)}.pill.pill-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.pill.pill-secondary:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.pill.pill-success:hover{background:var(--color-success, #a7f3d0)}.pill.pill-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.pill.pill-danger:hover{background:var(--color-danger, #fecaca)}.pill.pill-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.pill.pill-warning:hover{background:var(--color-primary, #fde68a)}.pill.pill-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.pill.pill-info:hover{background:var(--color-primary, #bae6fd)}.list-item-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-tags::-webkit-scrollbar{height:4px}.list-item-tags::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.tag:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag:active{transform:scale(0.95)}.list-item-lg{padding:16px 20px;gap:14px}.list-item-lg .list-item-avatar{width:48px;height:48px}.list-item-lg .list-item-image{width:64px;height:64px}.list-item-lg .list-item-icon{font-size:1.5rem}.list-item-lg .list-item-label{font-size:1.125rem}.list-item-lg .list-item-action-icon{font-size:1.25rem}.list-item-lg .list-item-checkbox .checkbox-icon{font-size:1.5rem}.list-item-lg .list-item-ghost-layer{top:10px;right:10px}.list-item-lg .ghost-popover-trigger{width:24px;height:24px}.list-item-lg .ghost-popover-trigger ui-icon{font-size:0.8125rem}.list-item-lg .ghost-meta{font-size:0.6875rem}.list-item-lg .list-item-badge{font-size:0.875rem;padding:3px 10px}.list-item-lg .list-item-counter{min-width:24px;height:24px;font-size:0.875rem}.list-item-lg .pill{padding:6px 12px;font-size:0.875rem}.list-item-lg .tag{padding:3px 10px;font-size:0.875rem}.list-item-lg .list-item-sublabel{font-size:1rem}.list-item-md{padding:12px 16px;gap:12px}.list-item-dense{padding:6px 12px;gap:8px}.list-item-dense .list-item-label{font-size:0.875rem}.list-item-text{background:transparent}.list-item-text:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.04)}.list-item-filled{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-filled:hover:not(.list-item-disabled):not(.list-item-readonly){background:var(--bg-primary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.list-item-left-media{display:flex;align-items:center;gap:inherit;flex-shrink:0}.list-item-left-media ui-skeleton{flex-shrink:0}.list-item-right-media{display:flex;align-items:center;gap:inherit;flex-shrink:0;margin-left:12px}.list-item-right-media ui-skeleton{flex-shrink:0}.list-item-avatar-right .list-item-counter,.list-item-avatar-right .list-item-action-icon,.list-item-avatar-right .list-item-context-icon{margin-left:8px}.list-item-avatar-right .list-item-right-media{margin-left:auto}:host .list-item.list-item-selection-primary.list-item-selected{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12) !important;border-color:var(--color-success, #3dcd58) !important}:host .list-item.list-item-selection-primary.list-item-selected .list-item-label{color:var(--color-success, #009B4E) !important}:host .list-item.list-item-selection-primary.list-item-selected .list-item-icon{color:var(--color-success, #009B4E) !important}:host .list-item.list-item-selection-secondary.list-item-selected{background:rgba(107, 114, 128, 0.12) !important;border-color:var(--color-primary, #6b7280) !important}:host .list-item.list-item-selection-secondary.list-item-selected .list-item-label{color:var(--color-primary, #4b5563) !important}:host .list-item.list-item-selection-secondary.list-item-selected .list-item-icon{color:var(--color-primary, #4b5563) !important}:host .list-item.list-item-selection-success.list-item-selected{background:rgba(22, 163, 74, 0.12) !important;border-color:var(--color-success, #16a34a) !important}:host .list-item.list-item-selection-success.list-item-selected .list-item-label{color:var(--color-success, #15803d) !important}:host .list-item.list-item-selection-success.list-item-selected .list-item-icon{color:var(--color-success, #15803d) !important}:host .list-item.list-item-selection-danger.list-item-selected{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12) !important;border-color:var(--color-danger-hover, #dc2626) !important}:host .list-item.list-item-selection-danger.list-item-selected .list-item-label{color:var(--color-danger, #991b1b) !important}:host .list-item.list-item-selection-danger.list-item-selected .list-item-icon{color:var(--color-danger, #991b1b) !important}:host .list-item.list-item-selection-warning.list-item-selected{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12) !important;border-color:var(--color-warning, #f59e0b) !important}:host .list-item.list-item-selection-warning.list-item-selected .list-item-label{color:var(--color-danger, #92400e) !important}:host .list-item.list-item-selection-warning.list-item-selected .list-item-icon{color:var(--color-danger, #92400e) !important}:host .list-item.list-item-selection-info.list-item-selected{background:rgba(8, 145, 178, 0.12) !important;border-color:var(--color-info-hover, #0891b2) !important}:host .list-item.list-item-selection-info.list-item-selected .list-item-label{color:var(--color-primary, #075985) !important}:host .list-item.list-item-selection-info.list-item-selected .list-item-icon{color:var(--color-primary, #075985) !important}:host .list-item.list-item-hover-primary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05) !important}:host .list-item.list-item-hover-secondary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(107, 114, 128, 0.05) !important}:host .list-item.list-item-hover-success:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(22, 163, 74, 0.05) !important}:host .list-item.list-item-hover-danger:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05) !important}:host .list-item.list-item-hover-warning:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05) !important}:host .list-item.list-item-hover-info:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(8, 145, 178, 0.05) !important}:host .list-item[style*=transform]{transition:transform 0.1s ease-out}.list-item-lock-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:12px;flex-shrink:0}.list-item-menu-icon{font-size:1rem;color:var(--text-muted, #6b7280);margin-left:8px;padding:6px;border-radius:6px;transition:all 0.2s ease;flex-shrink:0;cursor:pointer}.list-item-menu-icon:hover{background:rgba(0, 0, 0, 0.08);color:var(--text-primary, #1f2937)}.list-item-menu-icon:active{transform:scale(0.9)}.list-item-locked{cursor:default !important}.list-item-locked .list-item-label{color:var(--text-muted, #9ca3af) !important}.list-item-locked .list-item-icon{opacity:0.5}.list-item-locked:hover{transform:none !important;background:transparent !important}.swipe-actions-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;z-index:-1;overflow:hidden;border-radius:inherit}.swipe-action{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-standard, #ffffff);transition:opacity 0.2s ease}.swipe-action ui-icon{font-size:1.5rem}.swipe-action.left{justify-content:flex-start;padding-left:24px;background-color:var(--color-success, #10b981)}.swipe-action.right{justify-content:flex-end;padding-right:24px;background-color:var(--color-danger, #ef4444)}.bg-success{background-color:var(--color-success, #10b981)}.bg-danger{background-color:var(--color-danger, #ef4444)}.bg-warning{background-color:var(--color-warning, #f59e0b)}.bg-info{background-color:var(--color-primary, #10b981)}.bg-primary{background-color:var(--color-success, #3dcd58)}.list-item-grid{flex-direction:column !important;align-items:center !important;text-align:center;padding:24px 16px !important;border:1px solid var(--border-subtle, #f1f5f9);border-radius:16px !important;background:var(--bg-primary, #ffffff);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.list-item-grid:hover{transform:translateY(-4px) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color:var(--color-primary, #10b981)}.list-item-grid .list-item-avatar,.list-item-grid .list-item-image{width:64px !important;height:64px !important;margin-bottom:16px}.list-item-grid .list-item-content{align-items:center;width:100%}.list-item-grid .list-item-label{font-size:1.125rem;font-weight:700}.list-item-grid .list-item-collaborators{margin-top:12px}.list-item-tree-lines{position:relative;--list-item-tree-line-color:var(--text-muted, #6b7280)}.list-item-tree-lines::before{content:"";position:absolute;left:26px;top:-12px;bottom:50%;width:2px;background:var(--list-item-tree-line-color)}.list-item-tree-lines::after{content:"";position:absolute;left:26px;top:50%;width:16px;height:2px;background:var(--list-item-tree-line-color);border-radius:0 2px 2px 0}.list-item-collaborators{display:flex;align-items:center;margin-top:4px}.list-item.focused-item{outline:2px solid var(--color-primary, #10b981);outline-offset:-2px;background:var(--bg-primary, #eff6ff)}.list-item-avatar-container{position:relative;display:inline-flex}.list-item-status{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);z-index:2}.list-item-status.pos-bottom-right{bottom:0;right:0}.list-item-status.pos-top-right{top:0;right:0}.list-item-status.status-online{background:var(--color-success, #10b981)}.list-item-status.status-busy{background:var(--color-danger, #ef4444)}.list-item-status.status-away{background:var(--color-warning, #f59e0b)}.list-item-status.status-offline{background:var(--color-primary, #94a3b8)}.list-item-status.status-online::after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;animation:pulseStatus 2s infinite;opacity:0.6;left:0;top:0}@keyframes pulseStatus{0%{transform:scale(1);opacity:0.6}100%{transform:scale(3);opacity:0}}.list-item-progress-container{display:flex;align-items:center;gap:8px;margin-top:6px;width:100%}.list-item-progress-container .list-item-progress-bar{height:4px;background:var(--color-primary, #10b981);border-radius:2px;transition:width 0.3s ease}.list-item-progress-container .list-item-progress-text{font-size:10px;font-weight:700;color:var(--text-muted, #64748b)}.list-item-star-icon{font-size:0.875rem;color:var(--color-primary, #cbd5e1);margin-right:8px;cursor:pointer;transition:all 0.2s}.list-item-star-icon:hover{color:var(--color-primary, #94a3b8);transform:scale(1.1)}.list-item-star-icon.is-starred{color:var(--color-warning, #f59e0b) !important}.list-item-expandable-section{width:100%;background:var(--bg-primary, #f8fafc);overflow:hidden;border-top:1px solid var(--border-subtle, #f1f5f9);animation:expandDetail 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.list-item-expandable-section .expandable-detail-content{padding:16px 24px 16px 56px}@keyframes expandDetail{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.list-item-media-avatar-group{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.list-item-right-collaborators{display:flex;align-items:center;margin-left:auto;margin-right:12px}.is-wobbling{animation:wobbleNo 0.4s ease-in-out}@keyframes wobbleNo{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.list-item-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0);animation:etherealPulse 2s infinite;z-index:1}@keyframes etherealPulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0.4)}70%{box-shadow:0 0 0 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0)}}.list-item-ghost-layer{position:absolute;top:8px;right:8px;z-index:6;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity 0.18s ease, transform 0.18s ease, z-index 0s}.list-item-ghost-layer:hover,.list-item-ghost-layer:focus-within{z-index:100}.list-item-ghost-layer ui-popover{--ghost-popover-bg:var(--bg-primary, #ffffff);--ghost-popover-surface-bg:var(--bg-primary, #ffffff);--ghost-popover-header-bg:var(--bg-primary, #ffffff);--ghost-popover-body-bg:var(--bg-primary, #ffffff);--ghost-popover-border:var(--border-default, #e5e7eb);--ghost-popover-text-primary:var(--text-primary, #0f172a);--ghost-popover-text-secondary:var(--text-secondary, #475569);--ghost-popover-footer-bg:var(--bg-secondary, #f8fafc)}.ghost-popover-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid rgba(148, 163, 184, 0.3);border-radius:999px;background:rgba(15, 23, 42, 0.88);box-shadow:0 10px 24px rgba(15, 23, 42, 0.28);color:rgba(255, 255, 255, 0.98);backdrop-filter:blur(8px);cursor:pointer;opacity:1;transition:transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}.ghost-popover-trigger:hover,.ghost-popover-trigger:focus-visible{background:rgba(15, 23, 42, 0.96);border-color:rgba(191, 219, 254, 0.56);transform:translateY(-1px);box-shadow:0 12px 28px rgba(15, 23, 42, 0.34);outline:none}.ghost-popover-trigger ui-icon{font-size:0.8125rem;pointer-events:none}.ghost-popover-content{display:flex;flex-direction:column;gap:10px;min-width:0;min-width:280px;max-width:min(320px, 100vw - 32px)}.ghost-meta{display:grid;grid-template-columns:56px minmax(0, 1fr);gap:10px;align-items:start;font-size:0.75rem;line-height:1.4}.ghost-meta-label{font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-secondary, #475569)}.ghost-meta-value{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.8125rem;font-weight:700;color:var(--text-primary, #0f172a);overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.ghost-popover-content .ghost-meta+.ghost-meta{padding-top:8px;border-top:1px solid var(--border-default, rgba(148, 163, 184, 0.18))}.presence-halo{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.presence-halo.presence-blue{background:var(--color-primary, #10b981)}.presence-halo.presence-purple{background:var(--color-primary, #a855f7)}.list-item-density-compact{padding-top:4px !important;padding-bottom:4px !important;min-height:40px}.list-item-density-compact .list-item-ghost-layer{top:5px;right:5px}.list-item-density-compact .ghost-popover-trigger{width:16px;height:16px}.list-item-density-compact .ghost-popover-trigger ui-icon{font-size:0.5625rem}.list-item-density-compact .list-item-sublabel,.list-item-density-compact .list-item-tags,.list-item-density-compact .list-item-progress-container{display:none}.list-item-density-compact .list-item-avatar-container,.list-item-density-compact ui-avatar{transform:scale(0.8)}.list-item-density-cozy{padding-top:20px !important;padding-bottom:20px !important}.list-item-density-cozy .list-item-label{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.list-item-density-cozy .list-item-avatar-container,.list-item-density-cozy ui-avatar{transform:scale(1.15)}.list-item-context-menu-container{position:fixed;z-index:100000;min-width:180px;background:var(--bg-tertiary, rgba(15, 23, 42, 0.95));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-default, rgba(255, 255, 255, 0.08));border-radius:12px;box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05);padding:6px;animation:contextMenuFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;box-sizing:border-box}@keyframes contextMenuFadeIn{from{opacity:0;transform:scale(0.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-default{display:flex;flex-direction:column;gap:2px;width:100%}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:0.8125rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, 0.85));cursor:pointer;transition:all 0.15s ease;user-select:none}.context-menu-item ui-icon{font-size:1rem;color:var(--text-muted, rgba(255, 255, 255, 0.5));transition:color 0.15s ease}.context-menu-item span{color:inherit}.context-menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, 0.08));color:var(--text-primary, #ffffff)}.context-menu-item:hover ui-icon{color:var(--text-primary, #ffffff);transform:scale(1.05)}.context-menu-item:active{transform:scale(0.98)}.context-menu-item.danger{color:var(--color-danger, #fca5a5)}.context-menu-item.danger ui-icon{color:var(--color-danger, #ef4444)}.context-menu-item.danger:hover{background:rgba(239, 68, 68, 0.12);color:var(--color-danger, #ef4444)}.context-menu-item.danger:hover ui-icon{color:var(--color-danger, #ef4444)}.context-menu-divider{height:1px;background:var(--border-default, rgba(255, 255, 255, 0.08));margin:4px 6px}';export{o as ui_list_group,a as ui_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t){return t?.assignedSlot||t?.parentElement||t?.getRootNode()?.host||null}function e(t){const e=t.filter||"",a=t.backdropFilter||"",o=t.perspective||"",n=t.mask||"",l=t.clipPath||"",i=t.contain||"",r=t.willChange||"",s=[t.transform||"",t.translate||"",t.rotate||"",t.scale||""].some((t=>t&&"none"!==t)),u=["transform","perspective","filter","backdrop-filter","translate","rotate","scale","mask","clip-path","contain"].some((t=>r.includes(t))),c=["layout","paint","strict","content"].some((t=>i.includes(t)));return s||Boolean(e&&"none"!==e)||Boolean(a&&"none"!==a)||Boolean(o&&"none"!==o)||Boolean(n&&"none"!==n)||Boolean(l&&"none"!==l)||u||c}function a(a){const o=function(a){let o=a;for(;o&&o!==document.documentElement;){if(n=o,!Boolean(n)||1!==n.nodeType){o=o.host||o.parentNode;continue}const a=globalThis.getComputedStyle(o);if(a){if(e(a))return o;o=t(o)}else o=t(o)}var n;return null}(a);if(o){const t=o.getBoundingClientRect();return{x:t.left,y:t.top,el:o}}return{x:0,y:0,el:null}}function o(t,e,a,o={}){const{animationFrame:n=!1}=o;let l=null;const i=()=>{a(),n&&(l=requestAnimationFrame(i))};n?l=requestAnimationFrame(i):a(),globalThis.addEventListener("scroll",a,{capture:!0,passive:!0}),globalThis.addEventListener("resize",a,{passive:!0});const r=new ResizeObserver((()=>a()));return r.observe(t),r.observe(e),()=>{null!==l&&cancelAnimationFrame(l),globalThis.removeEventListener("scroll",a,{capture:!0}),globalThis.removeEventListener("resize",a),r.disconnect()}}function n(t,e){const{menuWidth:o,menuHeight:n,actualMenuWidth:l=o,actualMenuHeight:i=n,gap:r=4,placement:s="auto",align:u="center",padding:c=8,useTransformedAncestorOffset:h=!0,flip:f=!0,shift:b=!0}=e;if(!t)return{left:0,top:0,width:0,availableWidth:0,availableHeight:0,placement:"bottom",isClamped:!1};const p=t.getBoundingClientRect(),m={width:globalThis.innerWidth,height:globalThis.innerHeight},g=h?a(t):{x:0,y:0},d="auto"===s?"bottom":s;let v=d;("auto"===s||f)&&(v=function(t,e,a,o){const n=function(t,e,a,o){return"bottom"===t&&e.below<o&&e.above>e.below?"top":"top"===t&&e.above<o&&e.below>e.above?"bottom":"right"===t&&e.right<a&&e.left>e.right?"left":"left"===t&&e.left<a&&e.right>e.left?"right":t}(t,e,a,o),l="top"===n||"bottom"===n,i=Math.max(e.above,e.below),r=Math.max(e.left,e.right);return l&&i<o&&(e.right>=a||e.left>=a)?e.right>e.left?"right":"left":!l&&r<a&&(e.above>=o||e.below>=o)?e.above>e.below?"top":"bottom":n}(d,{below:m.height-p.bottom-r-c,above:p.top-r-c,right:m.width-p.right-r-c,left:p.left-r-c},o,n));const w=function(t,e,a,o,n,l){switch(t){case"top":return{left:0,top:e.top-a.height-n,availableWidth:o.width-2*l,availableHeight:e.top-n-l};case"bottom":return{left:0,top:e.bottom+n,availableWidth:o.width-2*l,availableHeight:o.height-e.bottom-n-l};case"left":return{left:e.left-a.width-n,top:0,availableWidth:e.left-n-l,availableHeight:o.height-2*l};default:return{left:e.right+n,top:0,availableWidth:o.width-e.right-n-l,availableHeight:o.height-2*l}}}(v,p,{width:l,height:i},m,r,c),M=function(t,e,a,o,n,l,i){if("top"===t||"bottom"===t){let t=a.left+a.width/2-o.width/2;return"start"===e&&(t=a.left),"end"===e&&(t=a.right-o.width),n.left=t,n.availableWidth=l.width-2*i,n}let r=a.top+a.height/2-o.height/2;return"start"===e&&(r=a.top),"end"===e&&(r=a.bottom-o.height),n.top=r,n.availableHeight=l.height-2*i,n}(v,u,p,{width:l,height:i},w,m,c);let{left:H,top:W,availableWidth:T,availableHeight:B}=M;H-=g.x,W-=g.y;const x=H,y=W,A=c-g.y,F=m.height-i-c-g.y;b&&("top"===v||"bottom"===v?H=Math.max(c-g.x,Math.min(H,m.width-l-c-g.x)):W=Math.max(A,Math.min(W,F)));const X=H!==x||W!==y,{arrowX:Y,arrowY:z}=function(t,e,a,o,n,l,i){return"top"===t||"bottom"===t?{arrowX:Math.max(12,Math.min(e.left+e.width/2-(o+n.x),l-12)),arrowY:0}:{arrowX:0,arrowY:Math.max(12,Math.min(e.top+e.height/2-(a+n.y),i-12))}}(v,p,W,H,g,l,i);return{left:H,top:W,width:o,availableWidth:T,availableHeight:B,placement:v,isClamped:X,arrowX:Y,arrowY:z}}function l(t,e,o){const n=a(o);return{x:t-n.x,y:e-n.y}}export{l as a,o as b,n as c,a as g}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=()=>{},o='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:root,.light,[data-theme=light]{--background-color:#ffffff;--text-color:#000000;--primary-color:#22c55e;--secondary-color:#03dac6;--error-color:#b00020;--color-primary:#22c55e;--color-primary-rgb:34, 197, 94;--color-secondary:#03dac6;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--ui-tray-bg:rgba(255, 255, 255, 0.9);--ui-tray-text:#0f172a;--ui-tray-border:rgba(0, 0, 0, 0.08);--ui-tray-hover:rgba(59, 130, 246, 0.08);--color-on-surface:#10213a;--color-on-surface-muted:#62748a;--color-on-primary:#ffffff;--color-on-primary-border:#e5e7eb;--bg-selected:rgba(var(--color-primary-rgb, 34, 197, 94), 0.08);--color-primary-subtle:rgba(var(--color-primary-rgb, 34, 197, 94), 0.08);--bg-page:#f8fafc;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--bg-pressed:#cbd5e1;--border-default:#e5e7eb;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-standard:#0f172a;--text-disabled:#cbd5e1;--text-emphasized:#0f172a;--text-subdued:#475569;--text-inverse:#ffffff;--label-color:#0f172a;--label-title-color:#0f172a;--label-subtitle-color:#475569;--label-icon-color:#0f172a}.dark,[data-theme=dark]{--color-on-surface:#f1f5f9;--color-on-surface-muted:#94a3b8;--color-on-primary:#121212;--color-on-primary-border:#334155;--background-color:#121212;--text-color:#ffffff;--primary-color:#4ade80;--secondary-color:#03dac6;--error-color:#cf6679;--danger-color:#ef4444;--success-color:#4ade80;--warning-color:#fbbf24;--info-color:#38bdf8;--color-primary:#4ade80;--color-primary-rgb:74, 222, 128;--color-secondary:#64748b;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#ef4444;--color-error:#ef4444;--color-info:#38bdf8;--bg-primary:#121212;--bg-secondary:#1e293b;--border-subtle:#334155;--border-strong:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-standard:#ffffff;--ui-tray-bg:rgba(15, 23, 42, 0.95);--ui-tray-text:#ffffff;--ui-tray-border:rgba(255, 255, 255, 0.15);--ui-tray-hover:rgba(59, 130, 246, 0.2);--bg-selected:rgba(var(--color-primary-rgb, 74, 222, 128), 0.15);--color-primary-subtle:rgba(var(--color-primary-rgb, 74, 222, 128), 0.15);--bg-page:#0f172a;--bg-tertiary:#1e293b;--bg-hover:#1e293b;--bg-pressed:#334155;--border-default:#334155;--text-disabled:#475569;--text-emphasized:#ffffff;--text-subdued:#cbd5e1;--text-inverse:#0f172a;--label-color:#f1f5f9;--label-title-color:#f1f5f9;--label-subtitle-color:#cbd5e1;--label-icon-color:#f1f5f9}[data-theme=green]{color-scheme:dark;--bg-page:#071410;--bg-primary:#0d1f1a;--bg-secondary:#16302a;--bg-tertiary:#1f4035;--background-color:#071410;--background-secondary:#0d1f1a;--text-primary:#e8faf2;--text-secondary:#a8d8c0;--text-muted:#6aaa8a;--text-disabled:#3a6852;--text-standard:#daf4ea;--text-emphasized:#f0fdf7;--text-subdued:#90c8a8;--text-inverse:#0d1f1a;--text-color:#e8faf2;--label-color:#e8faf2;--label-title-color:#daf4ea;--label-subtitle-color:#a8d8c0;--label-icon-color:#daf4ea;--list-text-main:#e8faf2;--list-text-secondary:#a8d8c0;--list-text-tertiary:#6aaa8a;--dd-text:#e8faf2;--dd-muted:#6aaa8a;--color-primary:#38a878;--color-primary-rgb:56, 168, 120;--color-primary-hover:#52c090;--color-primary-active:#28905e;--color-primary-subtle:rgba(56, 168, 120, 0.15);--color-primary-text:#ffffff;--primary-color:#38a878;--color-success:#50c87a;--color-success-hover:#68d890;--color-success-rgb:80, 200, 122;--color-success-subtle:rgba(80, 200, 122, 0.12);--color-warning:#c89430;--color-warning-hover:#dcaa48;--color-warning-rgb:200, 148, 48;--color-warning-subtle:rgba(200, 148, 48, 0.12);--color-danger:#cc5858;--color-danger-hover:#e07070;--color-danger-rgb:204, 88, 88;--color-danger-subtle:rgba(204, 88, 88, 0.12);--error-color:#cc5858;--color-info:#5294c8;--color-info-hover:#6aaade;--color-info-rgb:82, 148, 200;--color-info-subtle:rgba(82, 148, 200, 0.12);--secondary-color:#5294c8;--surface-color:#0d1f1a;--border-color:#1f4035;--border-default:#1f4035;--border-subtle:#16302a;--border-strong:#2e5e48;--border-color-strong:#2e5e48;--ring-color:#38a878;--bg-hover:#16302a;--bg-pressed:#1f4035;--bg-selected:#274e42;--focus-ring:#38a878;--opacity-disabled:0.4;--selected-header-color:#e8faf2;--selected-header-bg:#2e5e48;--shadow-sm:0 1px 3px 0 rgba(7, 20, 16, 0.5);--shadow-md:0 4px 8px -1px rgba(7, 20, 16, 0.55);--shadow-lg:0 10px 20px -3px rgba(7, 20, 16, 0.6);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.4);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.45);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.5);--overlay-bg:rgba(7, 20, 16, 0.8);--overlay-blur:12px;--divider-standard:#1f4035;--divider-emphasized:#2e5e48;--link-default:#52c090;--link-hover:#70d4a8;--link-pressed:#28905e;--link-visited:#7ab0e0;--aside-overlay-bg:rgba(7, 20, 16, 0.82);--aside-panel-bg:#0d1f1a;--aside-panel-text:#e8faf2;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.5);--aside-close-btn-color:#a8d8c0;--aside-close-btn-hover-bg:#1f4035;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#2e5e48;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#0d1f1a;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=pink]{color-scheme:dark;--bg-page:#181020;--bg-primary:#21182e;--bg-secondary:#2e2040;--bg-tertiary:#3d2b52;--background-color:#181020;--background-secondary:#21182e;--text-primary:#fce8f0;--text-secondary:#e2b4c8;--text-muted:#b8819a;--text-disabled:#6b4a5e;--text-standard:#f4dce6;--text-emphasized:#ffffff;--text-subdued:#c0908c;--text-inverse:#21182e;--text-color:#fce8f0;--label-color:#fce8f0;--label-title-color:#f4dce6;--label-subtitle-color:#cca0b4;--label-icon-color:#f4dce6;--color-primary:#d4849c;--color-primary-rgb:212, 132, 156;--color-primary-hover:#e8a0b8;--color-primary-active:#bf6a83;--color-primary-subtle:rgba(212, 132, 156, 0.15);--color-primary-text:#ffffff;--primary-color:#d4849c;--color-success:#5ab88c;--color-success-hover:#74cca0;--color-success-rgb:90, 184, 140;--color-success-subtle:rgba(90, 184, 140, 0.12);--color-warning:#d4a040;--color-warning-hover:#e6b85a;--color-warning-rgb:212, 160, 64;--color-warning-subtle:rgba(212, 160, 64, 0.12);--color-danger:#d95f5f;--color-danger-hover:#ec7878;--color-danger-rgb:217, 95, 95;--color-danger-subtle:rgba(217, 95, 95, 0.12);--error-color:#d95f5f;--color-info:#7aace0;--color-info-hover:#96c0e8;--color-info-rgb:122, 172, 224;--color-info-subtle:rgba(122, 172, 224, 0.12);--secondary-color:#7aace0;--list-text-main:#fce8f0;--list-text-secondary:#e2b4c8;--list-text-tertiary:#b8819a;--dd-text:#fce8f0;--dd-muted:#b8819a;--surface-color:#21182e;--border-color:#3d2b52;--border-default:#3d2b52;--border-subtle:#2e2040;--border-strong:#5a3d6e;--border-color-strong:#5a3d6e;--ring-color:#d4849c;--bg-hover:#2e2040;--bg-pressed:#3d2b52;--bg-selected:#4a3460;--focus-ring:#d4849c;--selected-header-color:#fce8f0;--selected-header-bg:#5a3d6e;--shadow-sm:0 1px 3px 0 rgba(24, 16, 32, 0.4);--shadow-md:0 4px 8px -1px rgba(24, 16, 32, 0.45);--shadow-lg:0 10px 20px -3px rgba(24, 16, 32, 0.5);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.35);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.4);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.45);--overlay-bg:rgba(24, 16, 32, 0.75);--overlay-blur:12px;--divider-standard:#3d2b52;--divider-emphasized:#5a3d6e;--link-default:#e8a0b8;--link-hover:#f4bece;--link-pressed:#bf6a83;--link-visited:#a88ed8;--aside-overlay-bg:rgba(24, 16, 32, 0.8);--aside-panel-bg:#21182e;--aside-panel-text:#fce8f0;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.45);--aside-close-btn-color:#e2b4c8;--aside-close-btn-hover-bg:#3d2b52;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#5a3d6e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#21182e;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=yellow]{color-scheme:light;--bg-page:#fdf8ec;--bg-primary:#ffffff;--bg-secondary:#fef3c3;--bg-tertiary:#fde68a;--background-color:#fdf8ec;--background-secondary:#fef3c3;--text-primary:#2c1f00;--text-secondary:#6b4a10;--text-muted:#9a7030;--text-disabled:#cca85a;--text-standard:#3a2a00;--text-emphasized:#1a1200;--text-subdued:#8a6a28;--text-inverse:#ffffff;--text-color:#2c1f00;--label-color:#2c1f00;--label-title-color:#1a1200;--label-subtitle-color:#5a4010;--label-icon-color:#2c1f00;--color-primary:#b07820;--color-primary-rgb:176, 120, 32;--color-primary-hover:#c9901a;--color-primary-active:#8a5e14;--color-primary-subtle:rgba(176, 120, 32, 0.1);--color-primary-text:#ffffff;--primary-color:#b07820;--color-success:#2e8a52;--color-success-hover:#3aa864;--color-success-rgb:46, 138, 82;--color-success-subtle:rgba(46, 138, 82, 0.1);--color-warning:#c07820;--color-warning-hover:#d88c30;--color-warning-rgb:192, 120, 32;--color-warning-subtle:rgba(192, 120, 32, 0.1);--color-danger:#b03428;--color-danger-hover:#c84838;--color-danger-rgb:176, 52, 40;--color-danger-subtle:rgba(176, 52, 40, 0.08);--error-color:#b03428;--color-info:#3468a8;--color-info-hover:#4a7ec0;--color-info-rgb:52, 104, 168;--color-info-subtle:rgba(52, 104, 168, 0.08);--secondary-color:#3468a8;--list-text-main:#2c1f00;--list-text-secondary:#6b4a10;--list-text-tertiary:#9a7030;--dd-text:#2c1f00;--dd-muted:#9a7030;--surface-color:#fdf8ec;--border-color:#e8d090;--border-default:#e8d090;--border-subtle:#f4e8b8;--border-strong:#d4b060;--border-color-strong:#d4b060;--ring-color:#b07820;--bg-hover:#fef3c3;--bg-pressed:#fde68a;--bg-selected:#fce078;--focus-ring:#b07820;--opacity-disabled:0.45;--selected-header-color:#b07820;--selected-header-bg:#fef3c3;--shadow-sm:0 1px 2px 0 rgba(140, 90, 10, 0.08);--shadow-md:0 4px 8px -1px rgba(140, 90, 10, 0.12);--shadow-lg:0 10px 20px -3px rgba(140, 90, 10, 0.14);--elevation-panel:0 2px 16px 0 rgba(176, 120, 32, 0.12);--elevation-navigation:0 4px 32px 0 rgba(176, 120, 32, 0.14);--elevation-popup:0 8px 40px 0 rgba(176, 120, 32, 0.16);--overlay-bg:rgba(44, 31, 0, 0.4);--overlay-blur:12px;--divider-standard:#e8d090;--divider-emphasized:#d4b060;--link-default:#3468a8;--link-hover:#4a7ec0;--link-pressed:#24508a;--link-visited:#6a44a0;--aside-overlay-bg:rgba(44, 31, 0, 0.4);--aside-panel-bg:#ffffff;--aside-panel-text:#2c1f00;--aside-panel-shadow:0 8px 32px rgba(176, 120, 32, 0.18);--aside-close-btn-color:#6b4a10;--aside-close-btn-hover-bg:#fef3c3;--aside-close-btn-hover-color:#2c1f00;--aside-resize-handle-hover:#e8d090;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#fdf8ec;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=violet]{color-scheme:dark;--bg-page:#0e0c1c;--bg-primary:#16132a;--bg-secondary:#211d3a;--bg-tertiary:#2e2850;--background-color:#0e0c1c;--background-secondary:#16132a;--text-primary:#ede8ff;--text-secondary:#c4b8f0;--text-muted:#9580c8;--text-disabled:#52457a;--text-standard:#e4dcf8;--text-emphasized:#ffffff;--text-subdued:#b0a0d8;--text-inverse:#16132a;--text-color:#ede8ff;--label-color:#ede8ff;--label-title-color:#e4dcf8;--label-subtitle-color:#b8acdc;--label-icon-color:#e4dcf8;--list-text-main:#ede8ff;--list-text-secondary:#c4b8f0;--list-text-tertiary:#9580c8;--dd-text:#ede8ff;--dd-muted:#9580c8;--color-primary:#9d82e8;--color-primary-rgb:157, 130, 232;--color-primary-hover:#b89ef4;--color-primary-active:#8468cc;--color-primary-subtle:rgba(157, 130, 232, 0.15);--color-primary-text:#ffffff;--primary-color:#9d82e8;--color-success:#52b88a;--color-success-hover:#6ecca0;--color-success-rgb:82, 184, 138;--color-success-subtle:rgba(82, 184, 138, 0.12);--color-warning:#cc9a38;--color-warning-hover:#dfb252;--color-warning-rgb:204, 154, 56;--color-warning-subtle:rgba(204, 154, 56, 0.12);--color-danger:#d46060;--color-danger-hover:#e87878;--color-danger-rgb:212, 96, 96;--color-danger-subtle:rgba(212, 96, 96, 0.12);--error-color:#d46060;--color-info:#6aaad8;--color-info-hover:#88bfe4;--color-info-rgb:106, 170, 216;--color-info-subtle:rgba(106, 170, 216, 0.12);--secondary-color:#6aaad8;--surface-color:#16132a;--border-color:#2e2850;--border-default:#2e2850;--border-subtle:#211d3a;--border-strong:#443c6e;--border-color-strong:#443c6e;--ring-color:#9d82e8;--bg-hover:#211d3a;--bg-pressed:#2e2850;--bg-selected:#3a3364;--focus-ring:#9d82e8;--opacity-disabled:0.4;--selected-header-color:#ede8ff;--selected-header-bg:#443c6e;--shadow-sm:0 1px 3px 0 rgba(14, 12, 28, 0.45);--shadow-md:0 4px 8px -1px rgba(14, 12, 28, 0.5);--shadow-lg:0 10px 20px -3px rgba(14, 12, 28, 0.55);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.4);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.45);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.5);--overlay-bg:rgba(14, 12, 28, 0.78);--overlay-blur:12px;--divider-standard:#2e2850;--divider-emphasized:#443c6e;--link-default:#b89ef4;--link-hover:#cbbcf8;--link-pressed:#8468cc;--link-visited:#8aaSd0;--aside-overlay-bg:rgba(14, 12, 28, 0.8);--aside-panel-bg:#16132a;--aside-panel-text:#ede8ff;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.5);--aside-close-btn-color:#c4b8f0;--aside-close-btn-hover-bg:#2e2850;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#443c6e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#16132a;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=blue]{color-scheme:dark;--bg-page:#080f1c;--bg-primary:#101828;--bg-secondary:#1a2740;--bg-tertiary:#243352;--background-color:#080f1c;--background-secondary:#101828;--text-primary:#e8f4fd;--text-secondary:#aacce8;--text-muted:#6a96be;--text-disabled:#3a5878;--text-standard:#dceefa;--text-emphasized:#f0f8ff;--text-subdued:#8aaecc;--text-inverse:#101828;--text-color:#e8f4fd;--label-color:#e8f4fd;--label-title-color:#dceefa;--label-subtitle-color:#aacce8;--label-icon-color:#dceefa;--list-text-main:#e8f4fd;--list-text-secondary:#aacce8;--list-text-tertiary:#6a96be;--dd-text:#e8f4fd;--dd-muted:#6a96be;--color-primary:#5aa8d8;--color-primary-rgb:90, 168, 216;--color-primary-hover:#78bce4;--color-primary-active:#3e8cc0;--color-primary-subtle:rgba(90, 168, 216, 0.15);--color-primary-text:#ffffff;--primary-color:#5aa8d8;--color-success:#3eaa80;--color-success-hover:#52c296;--color-success-rgb:62, 170, 128;--color-success-subtle:rgba(62, 170, 128, 0.12);--color-warning:#c89430;--color-warning-hover:#dcaa48;--color-warning-rgb:200, 148, 48;--color-warning-subtle:rgba(200, 148, 48, 0.12);--color-danger:#d06060;--color-danger-hover:#e47878;--color-danger-rgb:208, 96, 96;--color-danger-subtle:rgba(208, 96, 96, 0.12);--error-color:#d06060;--color-info:#8096d8;--color-info-hover:#9aaeed;--color-info-rgb:128, 150, 216;--color-info-subtle:rgba(128, 150, 216, 0.12);--secondary-color:#8096d8;--surface-color:#101828;--border-color:#243352;--border-default:#243352;--border-subtle:#1a2740;--border-strong:#34496e;--border-color-strong:#34496e;--ring-color:#5aa8d8;--bg-hover:#1a2740;--bg-pressed:#243352;--bg-selected:#2e4068;--focus-ring:#5aa8d8;--opacity-disabled:0.4;--selected-header-color:#e8f4fd;--selected-header-bg:#2e4068;--shadow-sm:0 1px 3px 0 rgba(8, 15, 28, 0.45);--shadow-md:0 4px 8px -1px rgba(8, 15, 28, 0.5);--shadow-lg:0 10px 20px -3px rgba(8, 15, 28, 0.55);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.38);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.42);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.48);--overlay-bg:rgba(8, 15, 28, 0.8);--overlay-blur:12px;--divider-standard:#243352;--divider-emphasized:#34496e;--link-default:#78bce4;--link-hover:#96d0f0;--link-pressed:#3e8cc0;--link-visited:#9aaeed;--aside-overlay-bg:rgba(8, 15, 28, 0.82);--aside-panel-bg:#101828;--aside-panel-text:#e8f4fd;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.45);--aside-close-btn-color:#aacce8;--aside-close-btn-hover-bg:#1a2740;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#34496e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#101828;--avatar-border-width:2px;--avatar-spacing:-16px}#db-tray-dock{position:fixed;bottom:0;left:0;right:0;height:48px;z-index:1000000;pointer-events:none;display:none;flex-direction:row;align-items:flex-end;justify-content:center}#db-tray-bar{max-width:92vw;height:52px;display:flex;flex-direction:row;align-items:stretch;pointer-events:auto;overflow:hidden;border-radius:16px 16px 0 0;background:rgba(13, 17, 23, 0.98);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(200px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.08);border-bottom:none;box-shadow:0 -8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05)}#db-tray-bar .db-dock-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;}#db-tray-bar .db-dock-row::-webkit-scrollbar{display:none}.db-dock-arrow{display:flex;align-items:center;justify-content:center;width:36px;background:transparent;border:none;cursor:pointer;color:rgba(255, 255, 255, 0.4);opacity:0;pointer-events:none;transition:opacity 0.2s, color 0.15s, background 0.15s;font-size:20px}.db-dock-arrow.visible{opacity:1;pointer-events:auto}.db-dock-arrow:hover{color:#fff;background:rgba(255, 255, 255, 0.06)}.db-dock-arrow-left{border-right:1px solid rgba(255, 255, 255, 0.08)}.db-dock-arrow-right{border-left:1px solid rgba(255, 255, 255, 0.08)}#db-dock-menu-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;background:rgba(255, 255, 255, 0.03);margin:8px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.05);cursor:pointer;color:rgba(255, 255, 255, 0.5);transition:all 0.2s ease;min-width:64px}#db-dock-menu-btn:hover,#db-dock-menu-btn.open{background:rgba(255, 255, 255, 0.08);color:#fff;border-color:rgba(255, 255, 255, 0.1)}#db-dock-menu-btn .db-badge{min-width:20px;height:20px;border-radius:10px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(79, 70, 229, 0.4)}#db-tray-menu-panel{position:fixed;z-index:1000003;min-width:252px;max-width:310px;background:rgba(8, 14, 30, 0.97);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255, 255, 255, 0.11);border-radius:10px;box-shadow:0 -4px 32px rgba(0, 0, 0, 0.55), 0 16px 48px rgba(0, 0, 0, 0.4);display:none;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:sdMenuIn 0.17s cubic-bezier(0.16, 1, 0.3, 1) forwards}#db-tray-menu-panel.open{display:flex}#db-tray-menu-hdr{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 7px;font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:rgba(255, 255, 255, 0.28);border-bottom:1px solid rgba(255, 255, 255, 0.06)}#db-tray-menu-list{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255, 255, 255, 0.12) transparent}.db-mi{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:all 0.2s;border-bottom:1px solid rgba(255, 255, 255, 0.04)}.db-mi:last-child{border-bottom:none}.db-mi:hover{background:rgba(255, 255, 255, 0.07)}.db-mi-dot{width:7px;height:7px;border-radius:50%;background:rgba(255, 255, 255, 0.18)}.db-mi-dot.info{background:#10b981}.db-mi-dot.success{background:#10b981;box-shadow:0 0 5px rgba(16, 185, 129, 0.5)}.db-mi-dot.warning{background:#f59e0b}.db-mi-dot.error{background:#ef4444;box-shadow:0 0 5px rgba(239, 68, 68, 0.5)}.db-mi-label{flex:1;font-size:12.5px;font-weight:500;color:rgba(255, 255, 255, 0.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#db-tray-overlay{position:fixed;inset:0;z-index:1000002;display:none}#db-tray-overlay.open{display:block}@keyframes sdMenuIn{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}body{background-color:var(--background-color, var(--bg-primary, #ffffff));color:var(--text-color, var(--text-primary, #111827))}';function r(e,o,r){const t="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==t;){const t=Object.getOwnPropertyDescriptor(e,o);if(t&&(!r||t.get))return t;e=Object.getPrototypeOf(e)}}var t,a=(e,o)=>{var t;Object.entries(null!=(t=o.t.o)?t:{}).map((([t,[a]])=>{if(31&a||32&a){const a=e[t],n=r(Object.getPrototypeOf(e),t,!0)||Object.getOwnPropertyDescriptor(e,t);n&&Object.defineProperty(e,t,{get(){return n.get.call(this)},set(e){n.set.call(this,e)},configurable:!0,enumerable:!0}),o.l.has(t)?e[t]=o.l.get(t):void 0!==a&&(e[t]=a)}}))},n=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.i=e,512&o.t.p&&a(e,o))},i=(e,o)=>o in e,c=(e,o)=>(0,console.error)(e,o),s=new Map,d=new Map,f="slot-fb{display:contents}slot-fb[hidden]{display:none}",b="http://www.w3.org/1999/xlink",p=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],u="undefined"!=typeof window?window:{},g={p:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,t)=>e.addEventListener(o,r,t),rel:(e,o,r,t)=>e.removeEventListener(o,r,t),ce:(e,o)=>new CustomEvent(e,o)},x=e=>Promise.resolve(e),m=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),h=!!m&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),v=!1,y=[],w=[],k=(e,o)=>r=>{e.push(r),v||(v=!0,o&&4&g.p?z(j):g.raf(j))},$=e=>{for(let o=0;o<e.length;o++)try{e[o](performance.now())}catch(e){c(e)}e.length=0},j=()=>{$(y),$(w),(v=y.length>0)&&g.raf(j)},z=e=>x().then(e),S=k(w,!0);function O(e){var r;const a={mode:"open"};a.delegatesFocus=!!(16&e.p);const n=this.attachShadow(a);if(void 0===t&&(t=null!=(r=function(e){if(!m)return;const o=new CSSStyleSheet;return o.replaceSync(e),o}(o))?r:null),t)h?n.adoptedStyleSheets.push(t):n.adoptedStyleSheets=[...n.adoptedStyleSheets,t];else if(!m){const e=document.createElement("style");e.innerHTML=o,n.prepend(e)}}var C=e=>{const o=T(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&E(o,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!M(e,R(e),!1).length)}));let r=0;for(r=0;r<o.length;r++){const e=o[r];1===e.nodeType&&T(e,"childNodes").length&&C(e)}};function E(e,o,r){let t,a=0,n=[];for(;a<e.length;a++){if(t=e[a],t["s-sr"]&&(!o||t["s-hn"]===o)&&(void 0===r||R(t)===r)&&(n.push(t),void 0!==r))return n;n=[...n,...E(t.childNodes,o,r)]}return n}var M=(e,o,r=!0)=>{const t=[];(r&&e["s-sr"]||!e["s-sr"])&&t.push(e);let a=e;for(;a=a.nextSibling;)R(a)!==o||!r&&a["s-sr"]||t.push(a);return t},N=(e,o)=>1===e.nodeType?null===e.getAttribute("slot")&&""===o||e.getAttribute("slot")===o:e["s-sn"]===o||""===o,R=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e,o){if("__"+o in e){const r=e["__"+o];return"function"!=typeof r?r:r.bind(e)}return"function"!=typeof e[o]?e[o]:e[o].bind(e)}function A(e){var o,r,t;return null!=(t=null==(r=null==(o=e.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?t:void 0}var F,L,U,D=new WeakMap,H=e=>"sc-"+e.m,I=e=>"object"==(e=typeof e)||"function"===e,P=(e,o,...r)=>{let t=null,a=null,n=null,l=!1,i=!1;const c=[],s=o=>{for(let r=0;r<o.length;r++)t=o[r],Array.isArray(t)?s(t):null!=t&&"boolean"!=typeof t&&((l="function"!=typeof e&&!I(t))&&(t+=""),l&&i?c[c.length-1].h+=t:c.push(l?_(null,t):t),i=l)};if(s(r),o){o.key&&(a=o.key),o.name&&(n=o.name);{const e=o.className||o.class;e&&(o.class="object"!=typeof e?e:Object.keys(e).filter((o=>e[o])).join(" "))}}if("function"==typeof e)return e(null===o?{}:o,c,W);const d=_(e,null);return d.v=o,c.length>0&&(d.k=c),d.$=a,d.j=n,d},_=(e,o)=>({p:0,S:e,h:null!=o?o:null,O:null,k:null,v:null,$:null,j:null}),B={},W={forEach:(e,o)=>e.map(Y).forEach(o),map:(e,o)=>e.map(Y).map(o).map(V)},Y=e=>({vattrs:e.v,vchildren:e.k,vkey:e.$,vname:e.j,vtag:e.S,vtext:e.h}),V=e=>{if("function"==typeof e.vtag){const o={...e.vattrs};return e.vkey&&(o.key=e.vkey),e.vname&&(o.name=e.vname),P(e.vtag,o,...e.vchildren||[])}const o=_(e.vtag,e.vtext);return o.v=e.vattrs,o.k=e.vchildren,o.$=e.vkey,o.j=e.vname,o},q=e=>{if(!e)return;const o=Object.keys(e);if(0===o.length)return;let r=!1;for(const t of o){if(r)break;for(const o of e[t])if("string"==typeof o){r=!0;break}}if(!r)return e;const t={};for(const r of o)t[r]=e[r].map((e=>"string"==typeof e?{[e]:0}:e));return t},G=(e,o,r)=>null==e||I(e)?e:4&o?(r&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&o?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&o?e+"":e,Z=e=>{var o;return null==(o=n(e))?void 0:o.$hostElement$},J=(e,o)=>{const r=Z(e);return{emit:e=>K(r,o,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},K=(e,o,r)=>{const t=g.ce(o,r);return e.dispatchEvent(t),t},Q=(e,o,r,t,a,l)=>{if(r===t)return;let c=i(e,o),s=o.toLowerCase();if("class"===o){const o=e.classList,a=ee(r);let n=ee(t);o.remove(...a.filter((e=>e&&!n.includes(e)))),o.add(...n.filter((e=>e&&!a.includes(e))))}else if("style"===o){for(const o in r)t&&null!=t[o]||(o.includes("-")?e.style.removeProperty(o):e.style[o]="");for(const o in t)r&&t[o]===r[o]||(o.includes("-")?e.style.setProperty(o,t[o]):e.style[o]=t[o])}else if("key"===o);else if("ref"===o)t&&ke(t,e);else if(c||"o"!==o[0]||"n"!==o[1]){if("a"===o[0]&&o.startsWith("attr:")){const r=o.slice(5);let a;{const o=n(e);if(o&&o.t&&o.t.o){const e=o.t.o[r];e&&e[1]&&(a=e[1])}}return a||(a=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==t||!1===t?!1===t&&""!==e.getAttribute(a)||e.removeAttribute(a):e.setAttribute(a,!0===t?"":t))}if("p"===o[0]&&o.startsWith("prop:")){const r=o.slice(5);try{e[r]=t}catch(e){}return}{const n=I(t);if((c||n&&null!==t)&&!a)try{if(e.tagName.includes("-"))e[o]!==t&&(e[o]=t);else{const a=null==t?"":t;"list"===o?c=!1:null!=r&&e[o]===a||("function"==typeof e.__lookupSetter__(o)?e[o]=a:e.setAttribute(o,a))}}catch(e){}let i=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(o=s,i=!0),null==t||!1===t?!1===t&&""!==e.getAttribute(o)||(i?e.removeAttributeNS(b,o):e.removeAttribute(o)):(!c||4&l||a)&&!n&&1===e.nodeType&&(t=!0===t?"":t,i?e.setAttributeNS(b,o,t):e.setAttribute(o,t))}}else if(o="-"===o[2]?o.slice(3):i(u,s)?s.slice(2):s[2]+o.slice(3),r||t){const a=o.endsWith(oe);o=o.replace(re,""),r&&g.rel(e,o,r,a),t&&g.ael(e,o,t,a)}},X=/\s/,ee=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(X):[]),oe="Capture",re=RegExp(oe+"$"),te=(e,o,r)=>{const t=11===o.O.nodeType&&o.O.host?o.O.host:o.O,a=e&&e.v||{},n=o.v||{};for(const e of ae(Object.keys(a)))e in n||Q(t,e,a[e],void 0,r,o.p);for(const e of ae(Object.keys(n)))Q(t,e,a[e],n[e],r,o.p)};function ae(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ne=!1,le=!1,ie=!1,ce=!1,se=[],de=[],fe=(e,o,r)=>{var t;const a=o.k[r];let n,l,i,c=0;if(ne||(ie=!0,"slot"===a.S&&(a.p|=a.k?2:1)),null!=a.h)n=a.O=u.document.createTextNode(a.h);else if(1&a.p)n=a.O=u.document.createTextNode(""),te(null,a,ce);else{if(ce||(ce="svg"===a.S),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=a.O=u.document.createElementNS(ce?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ne&&2&a.p?"slot-fb":a.S),ce&&"foreignObject"===a.S&&(ce=!1),te(null,a,ce),null!=F&&void 0!==F&&n["s-si"]!==F&&n.classList.add(n["s-si"]=F),a.k){const o="template"===a.S?n.content:n;for(c=0;c<a.k.length;++c)l=fe(e,a,c),l&&o.appendChild(l)}"svg"===a.S?ce=!1:"foreignObject"===n.tagName&&(ce=!0)}return n["s-hn"]=U,3&a.p&&(n["s-sr"]=!0,n["s-cr"]=L,n["s-sn"]=a.j||"",n["s-rf"]=null==(t=a.v)?void 0:t.ref,function(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=o=>function(e){const r=[],t=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const a=this["s-cr"].parentElement;return(a.__childNodes?a.childNodes:(e=>{const o=[];for(let r=0;r<e.length;r++){const t=e[r]["s-nr"]||void 0;t&&t.isConnected&&o.push(t)}return o})(a.childNodes)).forEach((e=>{t===R(e)&&r.push(e)})),o?r.filter((e=>1===e.nodeType)):r}.bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}(n),i=e&&e.k&&e.k[r],i&&i.S===a.S&&e.O&&be(e.O),je(L,n,o.O,null==e?void 0:e.O)),n},be=e=>{g.p|=1;const o=e.closest(U.toLowerCase());if(null!=o){const r=Array.from(o.__childNodes||o.childNodes).find((e=>e["s-cr"])),t=Array.from(e.__childNodes||e.childNodes);for(const e of r?t.reverse():t)null!=e["s-sh"]&&($e(o,e,null!=r?r:null),e["s-sh"]=void 0,ie=!0)}g.p&=-2},pe=(e,o)=>{g.p|=1;const r=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let o=e;for(;o=o.nextSibling;)o&&o["s-sn"]===e["s-sn"]&&o["s-sh"]===U&&r.push(o)}for(let e=r.length-1;e>=0;e--){const t=r[e];t["s-hn"]!==U&&t["s-ol"]&&($e(me(t).parentNode,t,me(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,ie=!0),o&&pe(t,o)}g.p&=-2},ue=(e,o,r,t,a,n)=>{let l,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===U&&(i=i.shadowRoot),"template"===r.S&&(i=i.content);a<=n;++a)t[a]&&(l=fe(null,r,a),l&&(t[a].O=l,$e(i,l,me(o))))},ge=(e,o,r)=>{for(let t=o;t<=r;++t){const o=e[t];if(o){const e=o.O;we(o),e&&(le=!0,e["s-ol"]?e["s-ol"].remove():pe(e,!0),e.remove())}}},xe=(e,o,r=!1)=>e.S===o.S&&("slot"===e.S?e.j===o.j:r?(r&&!e.$&&o.$&&(e.$=o.$),!0):e.$===o.$),me=e=>e&&e["s-ol"]||e,he=(e,o,r=!1)=>{const t=o.O=e.O,a=e.k,n=o.k,l=o.S,i=o.h;let c;null==i?(ce="svg"===l||"foreignObject"!==l&&ce,"slot"!==l||ne||e.j!==o.j&&(o.O["s-sn"]=o.j||"",be(o.O.parentElement)),te(e,o,ce),null!==a&&null!==n?((e,o,r,t,a=!1)=>{let n,l,i=0,c=0,s=0,d=0,f=o.length-1,b=o[0],p=o[f],u=t.length-1,g=t[0],x=t[u];const m="template"===r.S?e.content:e;for(;i<=f&&c<=u;)if(null==b)b=o[++i];else if(null==p)p=o[--f];else if(null==g)g=t[++c];else if(null==x)x=t[--u];else if(xe(b,g,a))he(b,g,a),b=o[++i],g=t[++c];else if(xe(p,x,a))he(p,x,a),p=o[--f],x=t[--u];else if(xe(b,x,a))"slot"!==b.S&&"slot"!==x.S||pe(b.O.parentNode,!1),he(b,x,a),$e(m,b.O,p.O.nextSibling),b=o[++i],x=t[--u];else if(xe(p,g,a))"slot"!==b.S&&"slot"!==x.S||pe(p.O.parentNode,!1),he(p,g,a),$e(m,p.O,b.O),p=o[--f],g=t[++c];else{for(s=-1,d=i;d<=f;++d)if(o[d]&&null!==o[d].$&&o[d].$===g.$){s=d;break}s>=0?(l=o[s],l.S!==g.S?n=fe(o&&o[c],r,s):(he(l,g,a),o[s]=void 0,n=l.O),g=t[++c]):(n=fe(o&&o[c],r,c),g=t[++c]),n&&$e(me(b.O).parentNode,n,me(b.O))}i>f?ue(e,null==t[u+1]?null:t[u+1].O,r,t,c,u):c>u&&ge(o,i,f)})(t,a,o,n,r):null!==n?(null!==e.h&&(t.textContent=""),ue(t,null,o,n,0,n.length-1)):!r&&null!==a&&ge(a,0,a.length-1),ce&&"svg"===l&&(ce=!1)):(c=t["s-cr"])?c.parentNode.textContent=i:e.h!==i&&(t.data=i)},ve=[],ye=e=>{let o,r,t;const a=e.__childNodes||e.childNodes;for(const e of a){if(e["s-sr"]&&(o=e["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const a=e["s-sn"];for(t=r.length-1;t>=0;t--)if(o=r[t],!(o["s-cn"]||o["s-nr"]||o["s-hn"]===e["s-hn"]||o["s-sh"]&&o["s-sh"]===e["s-hn"]))if(N(o,a)){let r=ve.find((e=>e.C===o));le=!0,o["s-sn"]=o["s-sn"]||a,r?(r.C["s-sh"]=e["s-hn"],r.M=e):(o["s-sh"]=e["s-hn"],ve.push({M:e,C:o})),o["s-sr"]&&ve.map((e=>{N(e.C,o["s-sn"])&&(r=ve.find((e=>e.C===o)),r&&!e.M&&(e.M=r.M))}))}else ve.some((e=>e.C===o))||ve.push({C:o})}1===e.nodeType&&ye(e)}},we=e=>{e.v&&e.v.ref&&se.push((()=>e.v.ref(null))),e.k&&e.k.map(we)},ke=(e,o)=>{de.push((()=>e(o)))},$e=(e,o,r,t)=>{if("string"==typeof o["s-sn"]&&o["s-sr"]&&o["s-cr"])je(o["s-cr"],o,e,o.parentElement);else if("string"==typeof o["s-sn"]){e.insertBefore(o,r);const{slotNode:a}=function(e,o){var r;if(!(o=o||(null==(r=e["s-ol"])?void 0:r.parentElement)))return{slotNode:null,slotName:""};const t=e["s-sn"]=R(e)||"";return{slotNode:E(T(o,"childNodes"),o.tagName,t)[0],slotName:t}}(o);return a&&!t&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(a),o}return e.__insertBefore?e.__insertBefore(o,r):null==e?void 0:e.insertBefore(o,r)};function je(e,o,r,t){var a,n;let l;if(e&&"string"==typeof o["s-sn"]&&o["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=o["s-si"]||e.parentNode["s-sc"])){const e=o["s-sn"],i=o["s-hn"];if(null==(a=r.classList)||a.add(l+"-s"),t&&(null==(n=t.classList)?void 0:n.contains(l+"-s"))){let o=(t.__childNodes||t.childNodes)[0],r=!1;for(;o;){if(o["s-sn"]!==e&&o["s-hn"]===i&&o["s-sr"]){r=!0;break}o=o.nextSibling}r||t.classList.remove(l+"-s")}}}var ze=(e,o)=>{if(o&&!e.N&&o["s-p"]){const r=o["s-p"].push(new Promise((t=>e.N=()=>{o["s-p"].splice(r-1,1),t()})))}},Se=(e,o)=>{if(e.p|=16,4&e.p)return void(e.p|=512);ze(e,e.R);const r=()=>Oe(e,o);if(!o)return S(r);queueMicrotask((()=>{r()}))},Oe=(e,o)=>{const r=e.$hostElement$,t=e.i;if(!t)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return o?(e.T&&(e.T=!1,Ae(t,"connectedCallback",void 0,r)),e.p|=256,e.A&&(e.A.map((([e,o])=>Ae(t,e,o,r))),e.A=void 0),e.F.length&&e.F.forEach((e=>e(r))),a=Ae(t,"componentWillLoad",void 0,r)):a=Ae(t,"componentWillUpdate",void 0,r),a=Ce(a,(()=>Ae(t,"componentWillRender",void 0,r))),Ce(a,(()=>Me(e,t,o)))},Ce=(e,o)=>Ee(e)?e.then(o).catch((e=>{console.error(e),o()})):o(),Ee=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Me=async(e,o,r)=>{var t;const a=e.$hostElement$,n=a["s-rc"];r&&(e=>{const o=e.t,r=e.$hostElement$,t=o.p,a=((e,o)=>{var r,t,a;const n=H(o),l=d.get(n);if(!u.document)return n;if(e=11===e.nodeType?e:u.document,l)if("string"==typeof l){let a,i=D.get(e=e.head||e);if(i||D.set(e,i=new Set),!i.has(n)){a=u.document.createElement("style"),a.textContent=l;const c=null!=(r=g.L)?r:A(u.document);if(null!=c&&a.setAttribute("nonce",c),!(1&o.p))if("HEAD"===e.nodeName){const o=e.querySelectorAll("link[rel=preconnect]"),r=o.length>0?o[o.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(null==r?void 0:r.parentNode)===e?r:null)}else if("host"in e)if(m){const o=new(null!=(t=e.defaultView)?t:e.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(l),h?e.adoptedStyleSheets.unshift(o):e.adoptedStyleSheets=[o,...e.adoptedStyleSheets]}else{const o=e.querySelector("style");o?o.textContent=l+o.textContent:e.prepend(a)}else e.append(a);1&o.p&&e.insertBefore(a,null),4&o.p&&(a.textContent+=f),i&&i.add(n)}}else{let o=D.get(e);if(o||D.set(e,o=new Set),!o.has(n)){const r=null!=(a=e.defaultView)?a:e.ownerDocument.defaultView;let t;if(l.constructor===r.CSSStyleSheet)t=l;else{t=new r.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)t.insertRule(l.cssRules[e].cssText,e)}h?e.adoptedStyleSheets.push(t):e.adoptedStyleSheets=[...e.adoptedStyleSheets,t],o.add(n)}}return n})(r.shadowRoot?r.shadowRoot:r.getRootNode(),o);10&t&&(r["s-sc"]=a,r.classList.add(a+"-h"))})(e);Ne(e,o,a,r),n&&(n.map((e=>e())),a["s-rc"]=void 0);{const o=null!=(t=a["s-p"])?t:[],r=()=>Re(e);0===o.length?r():(Promise.all(o).then(r).catch(r),e.p|=4,o.length=0)}},Ne=(e,o,r,t)=>{try{o=o.render(),e.p&=-17,e.p|=2,((e,o,r=!1)=>{var t,a,n,l,i;const c=e.$hostElement$,s=e.t,d=e.U||_(null,null),f=(e=>e&&e.S===B)(o)?o:P(null,null,o);if(U=c.tagName,s.D&&(f.v=f.v||{},s.D.forEach((([e,o])=>{f.v[o]=c[e]}))),r&&f.v)for(const e of Object.keys(f.v))c.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(f.v[e]=c[e]);if(f.S=null,f.p|=4,e.U=f,f.O=d.O=c.shadowRoot||c,F=c["s-sc"],ne=!(!(1&s.p)||128&s.p),L=c["s-cr"],le=!1,he(d,f,r),g.p|=1,ie){ye(f.O);for(const e of ve){const o=e.C;if(!o["s-ol"]&&u.document){const e=u.document.createTextNode("");e["s-nr"]=o,$e(o.parentNode,o["s-ol"]=e,o,r)}}for(const e of ve){const o=e.C,i=e.M;if(1===o.nodeType&&r&&(o["s-ih"]=null!=(t=o.hidden)&&t),i){const e=i.parentNode;let t=i.nextSibling;if(t&&1===t.nodeType){let r=null==(a=o["s-ol"])?void 0:a.previousSibling;for(;r;){let a=null!=(n=r["s-nr"])?n:null;if(a&&a["s-sn"]===o["s-sn"]&&e===(a.__parentNode||a.parentNode)){for(a=a.nextSibling;a===o||(null==a?void 0:a["s-sr"]);)a=null==a?void 0:a.nextSibling;if(!a||!a["s-nr"]){t=a;break}}r=r.previousSibling}}if((!t&&e!==(o.__parentNode||o.parentNode)||(o.__nextSibling||o.nextSibling)!==t)&&o!==t){if($e(e,o,t,r),8===o.nodeType&&o.nodeValue.startsWith("s-nt-")){const e=u.document.createTextNode(o.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=o["s-hn"],e["s-sn"]=o["s-sn"],e["s-sh"]=o["s-sh"],e["s-sr"]=o["s-sr"],e["s-ol"]=o["s-ol"],e["s-ol"]["s-nr"]=e,$e(o.parentNode,e,o,r),o.parentNode.removeChild(o)}1===o.nodeType&&"SLOT-FB"!==o.tagName&&(o.hidden=null!=(l=o["s-ih"])&&l)}o&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===o.nodeType&&(o.hidden=!0)}}if(le&&C(f.O),g.p&=-2,ve.length=0,!ne&&!(1&s.p)&&c["s-cr"]){const e=f.O.__childNodes||f.O.childNodes;for(const o of e)if(o["s-hn"]!==U&&!o["s-sh"])if(r&&null==o["s-ih"]&&(o["s-ih"]=null!=(i=o.hidden)&&i),1===o.nodeType)o.hidden=!0;else if(3===o.nodeType&&o.nodeValue.trim()){const e=u.document.createComment("s-nt-"+o.nodeValue);e["s-sn"]=o["s-sn"],$e(o.parentNode,e,o,r),o.parentNode.removeChild(o)}}L=void 0,se.forEach((e=>e())),se.length=0,de.forEach((e=>e())),de.length=0})(e,o,t)}catch(o){c(o,e.$hostElement$)}return null},Re=e=>{const o=e.$hostElement$,r=e.i,t=e.R;Ae(r,"componentDidRender",void 0,o),64&e.p?Ae(r,"componentDidUpdate",void 0,o):(e.p|=64,Fe(o),Ae(r,"componentDidLoad",void 0,o),e.H(o),t||Te()),e.I(o),e.N&&(e.N(),e.N=void 0),512&e.p&&z((()=>Se(e,!1))),e.p&=-517},Te=()=>{z((()=>K(u,"appload",{detail:{namespace:"exploration-project-tailwind"}})))},Ae=(e,o,r,t)=>{if(e&&e[o])try{return e[o](r)}catch(e){c(e,t)}},Fe=e=>e.classList.add("hydrated"),Le=(e,o,r,t)=>{const a=n(e);if(!a)return;if(!a)throw Error(`Couldn't find host element for "${t.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=a.$hostElement$,i=a.l.get(o),s=a.p,d=a.i;if(r=G(r,t.o[o][0],!!(64&t.p)),!(8&s&&void 0!==i||r===i||Number.isNaN(i)&&Number.isNaN(r))){if(a.l.set(o,r),t.P){const e=t.P[o];e&&e.map((e=>{try{const[[t,n]]=Object.entries(e);(128&s||1&n)&&(d?d[t](r,i,o):a.F.push((()=>{a.i[t](r,i,o)})))}catch(e){c(e,l)}}))}if(2&s){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(r,i,o)&&!(16&s))return;16&s||Se(a,!1)}}},Ue=(e,o,t)=>{var a,l;const i=e.prototype;64&o.p&&1&t&&p.forEach((e=>{Object.defineProperty(i,e,{value(...o){var r;const t=n(this),a=null==t?void 0:t.i;if(a){const r=a[e];"function"==typeof r&&r.call(a,...o)}else null==(r=null==t?void 0:t._)||r.then((r=>{const t=r[e];"function"==typeof t&&t.call(r,...o)}))}})}));{e.watchers&&!o.P&&(o.P=q(e.watchers)),e.deserializers&&!o.B&&(o.B=e.deserializers),e.serializers&&!o.W&&(o.W=e.serializers);const c=Object.entries(null!=(a=o.o)?a:{});if(c.map((([e,[a]])=>{if(31&a||2&t&&32&a){const{get:l,set:c}=r(i,e)||{};l&&(o.o[e][0]|=2048),c&&(o.o[e][0]|=4096),(1&t||!l)&&Object.defineProperty(i,e,{get(){{if(!(2048&o.o[e][0]))return((e,o)=>n(this).l.get(o))(0,e);const r=n(this),t=r?r.i:i;if(!t)return;return t[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(r){const l=n(this);if(l){if(c)return void 0===(32&a?this[e]:l.$hostElement$[e])&&l.l.get(e)&&(r=l.l.get(e)),c.call(this,G(r,a,!!(64&o.p))),void Le(this,e,r=32&a?this[e]:l.$hostElement$[e],o);{if(!(1&t&&4096&o.o[e][0]))return Le(this,e,r,o),void(1&t&&!l.i&&l.F.push((()=>{4096&o.o[e][0]&&l.i[e]!==l.l.get(e)&&(l.i[e]=r)})));const n=()=>{const t=l.i[e];!l.l.get(e)&&t&&l.l.set(e,t),l.i[e]=G(r,a,!!(64&o.p)),Le(this,e,l.i[e],o)};l.i?n():l.F.push((()=>{n()}))}}}})}else 1&t&&64&a&&Object.defineProperty(i,e,{value(...o){var r;const t=n(this);return null==(r=null==t?void 0:t.Y)?void 0:r.then((()=>{var r;return null==(r=t.i)?void 0:r[e](...o)}))}})})),1&t){const r=new Map;i.attributeChangedCallback=function(e,t,a){g.jmp((()=>{var l;const s=r.get(e),d=n(this);if(this.hasOwnProperty(s)&&(a=this[s],delete this[s]),i.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==a)return;if(null==s){const r=null==d?void 0:d.p;if(d&&r&&!(8&r)&&a!==t){const n=d.i,i=null==(l=o.P)?void 0:l[e];null==i||i.forEach((o=>{const[[l,i]]=Object.entries(o);null!=n[l]&&(128&r||1&i)&&n[l].call(n,a,t,e)}))}return}const f=c.find((([e])=>e===s)),b=f&&4&f[1][0],p=b&&null===a&&void 0===this[s];b&&(a=null!==a&&"false"!==a);const u=Object.getOwnPropertyDescriptor(i,s);p||a==this[s]||u.get&&!u.set||(this[s]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=o.P)?l:{}),...c.filter((([e,o])=>31&o[0])).map((([e,t])=>{var a;const n=t[1]||e;return r.set(n,e),512&t[0]&&(null==(a=o.D)||a.push([e,n])),n}))]))}}return e},De=(e,o)=>{Ae(e,"connectedCallback",void 0,o)},He=(e,o)=>{Ae(e,"disconnectedCallback",void 0,o||e)},Ie=(e,o={})=>{var r;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=[],a=o.exclude||[],l=u.customElements,i=u.document.head,b=i.querySelector("meta[charset]"),p=u.document.createElement("style"),x=[];let h,v=!0;Object.assign(g,o),g.u=new URL(o.resourcesUrl||"./",u.document.baseURI).href;let y=!1;if(e.map((e=>{e[1].map((o=>{var r,i;const f={p:o[0],m:o[1],o:o[2],V:o[3]};4&f.p&&(y=!0),f.o=o[2],f.V=o[3],f.D=[],f.P=q(o[4]),f.W=null!=(r=o[5])?r:{},f.B=null!=(i=o[6])?i:{};const b=f.m,p=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,o)=>{const r={p:0,$hostElement$:e,t:o,l:new Map,q:new Map};r.Y=new Promise((e=>r.I=e)),r._=new Promise((e=>r.H=e)),e["s-p"]=[],e["s-rc"]=[],r.F=[];const t=r;e.__stencil__getHostRef=()=>t})(e=this,f),1&f.p)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${f.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(e,f)}connectedCallback(){const e=n(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,_e(this,e,f.V)),h&&(clearTimeout(h),h=null),v?x.push(this):g.jmp((()=>(e=>{if(!(1&g.p)){const o=n(e);if(!o)return;const r=o.t,t=()=>{};if(1&o.p)_e(e,o,r.V),(null==o?void 0:o.i)?De(o.i,e):(null==o?void 0:o._)&&o._.then((()=>De(o.i,e)));else{o.p|=1,12&r.p&&(e=>{if(!u.document)return;const o=e["s-cr"]=u.document.createComment("");o["s-cn"]=!0,$e(e,o,e.firstChild)})(e);{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){ze(o,o.R=r);break}}r.o&&Object.entries(r.o).map((([o,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(e,o)){const r=e[o];delete e[o],e[o]=r}})),(async(e,o,r)=>{let t;try{if(!(32&o.p)){if(o.p|=32,r.G){const a=((e,o)=>{const r=e.m.replace(/-/g,"_"),t=e.G;if(!t)return;const a=s.get(t);return a?a[r]:import(`./${t}.entry.js`).then((e=>(s.set(t,e),e[r])),(e=>{c(e,o.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(r,o);if(a&&"then"in a){const e=()=>{};t=await a,e()}else t=a;if(!t)throw Error(`Constructor for "${r.m}#${o.Z}" was not found`);t.isProxied||(r.P=q(t.watchers),r.W=t.serializers,r.B=t.deserializers,Ue(t,r,2),t.isProxied=!0);const n=()=>{};o.p|=8;try{new t(o)}catch(o){c(o,e)}o.p&=-9,o.p|=128,n(),4&r.p?o.T=!0:De(o.i,e)}else t=e.constructor,customElements.whenDefined(e.localName).then((()=>o.p|=128));if(t&&t.style){let e;"string"==typeof t.style&&(e=t.style);const o=H(r);if(!d.has(o)){const t=()=>{};((e,o,r)=>{let t=d.get(e);m&&r?(t=t||new CSSStyleSheet,"string"==typeof t?t=o:t.replaceSync(o)):t=o,d.set(e,t)})(o,e,!!(1&r.p)),t()}}}const a=o.R,n=()=>Se(o,!0);a&&a["s-rc"]?a["s-rc"].push(n):n()}catch(r){c(r,e),o.N&&(o.N(),o.N=void 0),o.H&&o.H(e)}})(e,o,r)}t()}})(this))))}disconnectedCallback(){g.jmp((()=>(async e=>{if(!(1&g.p)){const o=n(e);(null==o?void 0:o.J)&&(o.J.map((e=>e())),o.J=void 0),(null==o?void 0:o.i)?He(o.i,e):(null==o?void 0:o._)&&o._.then((()=>He(o.i,e)))}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this))),g.raf((()=>{var e;const o=n(this);if(!o)return;const r=x.findIndex((e=>e===this));r>-1&&x.splice(r,1),(null==(e=null==o?void 0:o.U)?void 0:e.O)instanceof Node&&!o.U.O.isConnected&&delete o.U.O}))}componentOnReady(){var e;return null==(e=n(this))?void 0:e._}};64&f.p&&(p.formAssociated=!0),f.G=e[0],a.includes(b)||l.get(b)||(t.push(b),l.define(b,Ue(p,f,1)))}))})),t.length>0&&(y&&(p.textContent+=f),p.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const e=null!=(r=g.L)?r:A(u.document);null!=e&&p.setAttribute("nonce",e),i.insertBefore(p,b?b.nextSibling:i.firstChild)}v=!1,x.length?x.map((e=>e.connectedCallback())):g.jmp((()=>h=setTimeout(Te,30)))},Pe=(e,o)=>o,_e=(e,o,r)=>{r&&u.document&&r.map((([r,t,a])=>{const n=We(u.document,e,r),l=Be(o,a),i=Ye(r);g.ael(n,t,l,i),(o.J=o.J||[]).push((()=>g.rel(n,t,l,i)))}))},Be=(e,o)=>r=>{var t;try{256&e.p?null==(t=e.i)||t[o](r):(e.A=e.A||[]).push([o,r])}catch(o){c(o,e.$hostElement$)}},We=(e,o,r)=>4&r?e:8&r?u:o,Ye=e=>({passive:!!(1&e),capture:!!(2&e)}),Ve=e=>g.L=e;export{Pe as F,B as H,Z as a,Ie as b,J as c,e as g,P as h,x as p,l as r,Ve as s}
|