atomicuilibrary 0.0.1 → 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 +5 -5
- 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/{security-E1JcwxGc.js → security-CNaNip8F.js} +88 -154
- 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_10.cjs.entry.js → ui-accordion_11.cjs.entry.js} +730 -61
- 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 +11 -12
- 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 +3 -3
- package/dist/cjs/ui-card.cjs.entry.js +28 -5
- package/dist/cjs/ui-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ui-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/ui-code-editor.cjs.entry.js +3 -3
- 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 +86 -12
- 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 +351 -58
- 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_3.cjs.entry.js +235 -504
- 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 +164 -23
- 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 +2 -2
- 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 +2 -2
- package/dist/cjs/ui-switch.cjs.entry.js +14 -13
- package/dist/cjs/ui-tabs.cjs.entry.js +3 -3
- package/dist/cjs/ui-tag.cjs.entry.js +58 -13
- package/dist/cjs/ui-timeline.cjs.entry.js +11 -3
- 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 +5 -5
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-transfer-list.cjs.entry.js +7 -7
- package/dist/cjs/ui-tree.cjs.entry.js +30 -15
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +3 -3
- package/dist/collection/assets/js/component-config.js +1 -0
- package/dist/collection/assets/js/demo-loader.js +2 -1
- package/dist/collection/assets/js/demos/about-demo.js +13 -13
- package/dist/collection/assets/js/demos/accordion-demo.js +238 -49
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +315 -316
- 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 +57 -57
- 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 +175 -106
- package/dist/collection/assets/js/demos/button-toggle-demo.js +199 -96
- package/dist/collection/assets/js/demos/callout-banner-demo.js +332 -42
- package/dist/collection/assets/js/demos/card-demo.js +122 -74
- 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 +476 -55
- 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 +92 -72
- package/dist/collection/assets/js/demos/dock-host-init.js +31 -31
- package/dist/collection/assets/js/demos/documentation-demo.js +227 -22
- 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 +304 -88
- 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 +226 -140
- package/dist/collection/assets/js/demos/loader-demo.js +48 -48
- package/dist/collection/assets/js/demos/masonry-demo.js +592 -0
- 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 +768 -61
- 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 +137 -0
- 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 +110 -80
- package/dist/collection/assets/js/demos/theme-selector-demo.js +27 -27
- package/dist/collection/assets/js/demos/timeline-demo.js +27 -14
- 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 +116 -114
- 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 +72 -70
- package/dist/collection/assets/js/demos/workspace-manager-demo.js +20 -20
- package/dist/collection/collection-manifest.json +2 -6
- package/dist/collection/components/accordion/accordion.css +576 -9
- package/dist/collection/components/accordion/accordion.js +47 -14
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +24 -10
- package/dist/collection/components/advanced-data-table/advanced-data-table.js +2 -2
- package/dist/collection/components/anchor/anchor.css +0 -1
- package/dist/collection/components/animate-on-scroll/animate-on-scroll.js +2 -2
- package/dist/collection/components/aside-panel/aside-panel.css +3 -5
- package/dist/collection/components/aside-panel/aside-panel.js +12 -13
- package/dist/collection/components/avatar/avatar.css +6 -6
- package/dist/collection/components/avatar/avatar.js +64 -12
- package/dist/collection/components/badge/badge.css +28 -17
- package/dist/collection/components/badge/badge.js +7 -4
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/button/button.css +132 -0
- package/dist/collection/components/button/button.js +130 -11
- 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 +304 -40
- package/dist/collection/components/card/card.js +48 -4
- package/dist/collection/components/checkbox/checkbox.css +8 -10
- package/dist/collection/components/checkbox/checkbox.js +5 -5
- 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 +8 -8
- package/dist/collection/components/dialog-box/dialog-box.js +117 -15
- package/dist/collection/components/dialog-header/dialog-header.js +2 -2
- 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 +21 -10
- 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 +427 -131
- package/dist/collection/components/list-item/list-item.js +373 -58
- package/dist/collection/components/loader/loader.css +1635 -0
- package/dist/collection/components/loader/loader.js +1120 -0
- 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 +307 -28
- package/dist/collection/components/progress/progress.js +244 -24
- package/dist/collection/components/radio/radio.css +5 -3
- 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/snackbar/snackbar.js +1 -1
- package/dist/collection/components/speed-dial/speed-dial.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 +14 -13
- 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 +53 -20
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +48 -13
- 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/components.js +1 -0
- 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 -0
- 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-divider.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-input-pair.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-radio-group.d.ts → ui-loader.d.ts} +4 -4
- package/dist/components/ui-loader.js +1 -0
- 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-context-menu.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 +5 -5
- 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/{security-D2WzX6vR.js → security-Dyu3Nplq.js} +88 -154
- package/dist/esm/smart-step.entry.js +3 -3
- package/dist/esm/timeline-item.entry.js +2 -2
- package/dist/esm/{ui-accordion_10.entry.js → ui-accordion_11.entry.js} +730 -62
- 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 +11 -12
- 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 +3 -3
- package/dist/esm/ui-card.entry.js +28 -5
- package/dist/esm/ui-carousel.entry.js +1 -1
- package/dist/esm/ui-checkbox.entry.js +5 -5
- package/dist/esm/ui-code-editor.entry.js +3 -3
- 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 +86 -12
- 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 +351 -58
- 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_3.entry.js +235 -504
- 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 +164 -23
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/ui-switch.entry.js +14 -13
- package/dist/esm/ui-tabs.entry.js +3 -3
- package/dist/esm/ui-tag.entry.js +58 -13
- package/dist/esm/ui-timeline.entry.js +11 -3
- 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 +5 -5
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-transfer-list.entry.js +7 -7
- package/dist/esm/ui-tree.entry.js +30 -15
- package/dist/esm/ui-workspace-manager.entry.js +3 -3
- 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-f5719913.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-c7e87fbb.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-81961fb1.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-2b6aa7bc.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-7515b1e3.entry.js → p-2cfba753.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c90722ec.entry.js → p-2fe22958.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85bf89fd.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-3d3d48fd.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-4f6bba75.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-e5322e59.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-73d29a4a.entry.js → p-4c46ac0b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-f0830120.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-77124686.entry.js → p-62889cfe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-9d0c8760.entry.js → p-66f71613.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-2d273118.entry.js → p-67c440b2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d419eaf0.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-ffb1754a.entry.js → p-7ed3bba2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-77cc333a.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-c5ddc817.entry.js → p-97086868.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-287dbf09.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-0b004861.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-Dyu3Nplq.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-c174a372.entry.js → p-ae617f62.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-62352ef2.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-8d951aef.entry.js → p-bc49a088.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4de419d5.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-5e3e80ae.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-7f91d949.entry.js → p-cb6e38a6.entry.js} +1 -1
- 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/accordion/accordion.d.ts +10 -2
- 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/button/button.d.ts +9 -0
- package/dist/types/components/card/card.d.ts +4 -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 +46 -17
- package/dist/types/components/loader/loader.d.ts +145 -0
- 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 +41 -2
- 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 +1214 -1381
- package/dist/types/types/common.d.ts +2 -2
- package/dist/types/types/common.type.d.ts +3 -1
- package/dist/types/utils/dom.d.ts +4 -4
- package/package.json +4 -4
- package/dist/cjs/dom-oP1E4Rd3.js +0 -267
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +0 -634
- package/dist/cjs/ui-checkbox-group.cjs.entry.js +0 -330
- package/dist/cjs/ui-color-controller.cjs.entry.js +0 -150
- package/dist/cjs/ui-image-button.cjs.entry.js +0 -67
- package/dist/cjs/ui-input-pair.cjs.entry.js +0 -44
- package/dist/cjs/ui-popover.cjs.entry.js +0 -517
- package/dist/cjs/ui-radio-group.cjs.entry.js +0 -205
- package/dist/cjs/ui-radio.cjs.entry.js +0 -206
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +0 -565
- package/dist/collection/components/checkbox-group/checkbox-group.css +0 -223
- package/dist/collection/components/checkbox-group/checkbox-group.js +0 -1001
- 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/image-button/image-button.css +0 -154
- package/dist/collection/components/image-button/image-button.js +0 -310
- package/dist/collection/components/image-button/types.js +0 -1
- package/dist/collection/components/input-pair/input-pair.css +0 -72
- package/dist/collection/components/input-pair/input-pair.js +0 -309
- package/dist/collection/components/radio-group/radio-group.css +0 -202
- package/dist/collection/components/radio-group/radio-group.js +0 -903
- package/dist/collection/components/radio-group/types.js +0 -1
- 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/collection/components/smart-location-dropdown/types.js +0 -1
- package/dist/components/ui-checkbox-group.d.ts +0 -11
- package/dist/components/ui-checkbox-group.js +0 -1
- package/dist/components/ui-color-controller.d.ts +0 -11
- package/dist/components/ui-color-controller.js +0 -1
- package/dist/components/ui-image-button.d.ts +0 -11
- package/dist/components/ui-image-button.js +0 -1
- package/dist/components/ui-input-pair.js +0 -1
- package/dist/components/ui-radio-group.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-checkbox-group.entry.js +0 -328
- package/dist/esm/ui-color-controller.entry.js +0 -148
- package/dist/esm/ui-image-button.entry.js +0 -65
- package/dist/esm/ui-input-pair.entry.js +0 -42
- package/dist/esm/ui-popover.entry.js +0 -515
- package/dist/esm/ui-radio-group.entry.js +0 -203
- package/dist/esm/ui-radio.entry.js +0 -204
- package/dist/esm/ui-smart-location-dropdown.entry.js +0 -563
- package/dist/exploration-project-tailwind/p-01c7db7a.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-049744f9.entry.js +0 -1
- 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-2f1aebb3.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-46596a28.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-46efdea3.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5508874f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5ce0dbd8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-61717490.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-64e3a484.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-6ab80ead.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-6e9694f2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-6fa9dc15.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-70d82d79.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-717dad1f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-7376ac95.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-77a21491.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-807c6555.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-875be805.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9fa70359.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-D2WzX6vR.js +0 -2
- package/dist/exploration-project-tailwind/p-DUsoYu9r.js +0 -2
- package/dist/exploration-project-tailwind/p-a4f52a76.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ab752761.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ba21fed3.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c2ca71ac.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c69dd43e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ce1222a1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d16c9635.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d2308a00.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-debede45.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e90d5307.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ea51c5d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ecda1cc3.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f11e5cae.entry.js +0 -1
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -87
- package/dist/types/components/checkbox-group/types.d.ts +0 -8
- package/dist/types/components/color-controller/color-controller.d.ts +0 -24
- package/dist/types/components/image-button/image-button.d.ts +0 -31
- package/dist/types/components/image-button/types.d.ts +0 -1
- package/dist/types/components/input-pair/input-pair.d.ts +0 -28
- package/dist/types/components/radio-group/radio-group.d.ts +0 -74
- package/dist/types/components/radio-group/types.d.ts +0 -2
- 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/{checkbox-group → label}/types.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,a as r,h as s,H as e}from"./p-DUsoYu9r.js";const a=class{constructor(r){t(this,r),this.sliderChange=i(this,"sliderChange"),this.sliderDragStart=i(this,"sliderDragStart"),this.sliderDragEnd=i(this,"sliderDragEnd")}get el(){return r(this)}trackElement;isDragging=!1;activeThumb=null;internals;min=0;max=100;step=1;value=50;startValue=25;endValue=75;range=!1;minRange=0;disabled=!1;showTooltip=!0;tooltipAlwaysVisible=!1;color="#3bf673";trackColor="#e5e7eb";size="md";startIcon="";endIcon="";displayFormat="";showMarks=!1;marks=[];restrictedValues=[];vertical=!1;label="";variant="";prefixText="";suffixText="";showMinMax=!1;inputSync=!1;gradientTrack=!1;showValue=!0;customSteps=[];rtl=!1;circle=!1;hideRange=!1;isHovering=!1;isDraggingState=!1;get resolvedColor(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max));return i?i.color:"#3bf673"}return this.variant&&{primary:"#3bf673",success:"#10b981",danger:"#ef4444",warning:"#f59e0b",info:"#06b6d4",purple:"#8b5cf6"}[this.variant]||("string"==typeof this.color?this.color:this.color.from)}get resolvedGradient(){if(Array.isArray(this.color)){const t=this.range?this.endValue:this.value,i=this.color.find((i=>t>=i.min&&t<=i.max)),r=i?i.color:"#3bf673";return`linear-gradient(90deg, ${r}, ${r}aa)`}const t="string"==typeof this.color?this.color:this.color.from;return this.variant?{primary:"linear-gradient(90deg, #3bf673, #6366f1)",success:"linear-gradient(90deg, #10b981, #34d399)",danger:"linear-gradient(90deg, #ef4444, #f97316)",warning:"linear-gradient(90deg, #f59e0b, #fbbf24)",info:"linear-gradient(90deg, #06b6d4, #3bf673)",purple:"linear-gradient(90deg, #8b5cf6, #ec4899)"}[this.variant]||`linear-gradient(90deg, ${t}, ${t})`:"object"!=typeof this.color||null===this.color||Array.isArray(this.color)?`linear-gradient(90deg, ${this.color}, ${this.color}aa)`:`linear-gradient(90deg, ${this.color.from}, ${this.color.to})`}sliderChange;sliderDragStart;sliderDragEnd;handleColorChange(){this.normalizeProps()}handleMarksChange(){this.normalizeProps()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.normalizeProps(),this.updateFormValue()}updateFormValue(){this.internals&&this.internals.setFormValue(this.range?`${this.startValue},${this.endValue}`:this.value.toString())}normalizeProps(){try{"string"==typeof this.color&&(this.color.startsWith("{")||this.color.startsWith("["))&&(this.color=JSON.parse(this.color)),"string"==typeof this.marks&&(this.marks=JSON.parse(this.marks)),"string"==typeof this.restrictedValues&&(this.restrictedValues=JSON.parse(this.restrictedValues)),"string"==typeof this.customSteps&&(this.customSteps=JSON.parse(this.customSteps))}catch(t){console.warn("Failed to parse complex slider prop",t)}}componentDidLoad(){document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getMarks(){if("string"==typeof this.marks)try{return JSON.parse(this.marks)}catch{return[]}return this.marks}getRestrictedValues(){if("string"==typeof this.restrictedValues)try{return JSON.parse(this.restrictedValues)}catch{return[]}return this.restrictedValues}getCustomSteps(){if("string"==typeof this.customSteps)try{return JSON.parse(this.customSteps)}catch{return[]}return this.customSteps}getNearestValue(t){const i=this.getRestrictedValues();if(i.length>0)return i.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const r=this.getCustomSteps();if(r.length>0)return r.reduce(((i,r)=>Math.abs(r-t)<Math.abs(i-t)?r:i));const s=Math.round((t-this.min)/this.step);return Math.min(this.max,Math.max(this.min,this.min+s*this.step))}isRtl(){return this.rtl||"rtl"===document.dir||this.el&&"rtl"===this.el.getAttribute("dir")}getPositionFromValue(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),s=r.indexOf(t);if(-1!==s)return s/(r.length-1)*100;for(let i=0;i<r.length-1;i++)if(t>=r[i]&&t<=r[i+1]){const s=i/(r.length-1)*100;return s+(t-r[i])/(r[i+1]-r[i])*((i+1)/(r.length-1)*100-s)}}return(t-this.min)/(this.max-this.min)*100}getValueFromPosition(t){const i=this.getCustomSteps();if(i.length>0){const r=[...i].sort(((t,i)=>t-i)),s=Math.round(t/100*(r.length-1));return r[Math.max(0,Math.min(s,r.length-1))]}return this.getNearestValue(this.min+t/100*(this.max-this.min))}handleTrackClick=t=>{if(this.disabled)return;const i=this.trackElement.getBoundingClientRect();let r;if(this.vertical)r=(i.bottom-t.clientY)/i.height*100;else{const s=(t.clientX-i.left)/i.width*100;r=this.isRtl()?100-s:s}const s=this.getValueFromPosition(Math.max(0,Math.min(100,r)));if(this.range){const t=this.getPositionFromValue(this.startValue),i=this.getPositionFromValue(this.endValue),e=r;Math.abs(e-t)<Math.abs(e-i)?this.startValue=Math.min(s,this.endValue-this.minRange):this.endValue=Math.max(s,this.startValue+this.minRange),this.sliderChange.emit({start:this.startValue,end:this.endValue}),this.updateFormValue()}else this.value=s,this.sliderChange.emit(this.value),this.updateFormValue()};handleThumbMouseDown=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleThumbTouchStart=t=>i=>{this.disabled||(i.preventDefault(),this.isDragging=!0,this.isDraggingState=!0,this.activeThumb=t,this.sliderDragStart.emit())};handleMouseMove=t=>{this.isDragging&&!this.disabled&&this.updateValueFromEvent(t.clientX,t.clientY)};handleTouchMove=t=>{if(!this.isDragging||this.disabled)return;const i=t.touches[0];this.updateValueFromEvent(i.clientX,i.clientY)};updateValueFromEvent(t,i){if(!this.trackElement)return;const r=this.trackElement.getBoundingClientRect();let s;if(this.vertical)s=(r.bottom-i)/r.height*100;else{const i=(t-r.left)/r.width*100;s=this.isRtl()?100-i:i}const e=this.getValueFromPosition(Math.max(0,Math.min(100,s)));this.range?("start"===this.activeThumb?this.startValue=Math.min(e,this.endValue-this.minRange):"end"===this.activeThumb&&(this.endValue=Math.max(e,this.startValue+this.minRange)),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=e,this.sliderChange.emit(this.value)),this.updateFormValue()}handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.isDraggingState=!1,this.activeThumb=null,this.sliderDragEnd.emit())};formatValue(t){let i;if(this.displayFormat)try{i=this.displayFormat.replace("{value}",t.toString())}catch{i=t.toString()}else i=t.toString();return`${this.prefixText}${i}${this.suffixText}`}handleInputChange=t=>i=>{const r=Math.max(this.min,Math.min(this.max,Number(i.detail)));isNaN(r)||("start"===t?(this.startValue=Math.min(r,this.endValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):"end"===t?(this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};handleKeyDown=t=>i=>{if(this.disabled)return;let r="start"===t?this.startValue:this.range?this.endValue:this.value;const s=this.step,e=10*this.step;let a=!1;switch(i.key){case"ArrowRight":case"ArrowUp":r+=s,a=!0;break;case"ArrowLeft":case"ArrowDown":r-=s,a=!0;break;case"PageUp":r+=e,a=!0;break;case"PageDown":r-=e,a=!0;break;case"Home":r=this.min,a=!0;break;case"End":r=this.max,a=!0;break;default:return}a&&(i.preventDefault(),i.stopPropagation(),r=Math.max(this.min,Math.min(this.max,r)),this.range?("start"===t?this.startValue=Math.min(r,this.endValue):this.endValue=Math.max(r,this.startValue),this.sliderChange.emit({start:this.startValue,end:this.endValue})):(this.value=r,this.sliderChange.emit(this.value)))};renderMarks(){const t=this.getMarks(),i=this.getCustomSteps(),r=this.resolvedColor;let e=t;if(0===e.length&&this.showMarks){const t=i.length>0?i:[];if(0===t.length)for(let i=this.min;i<=this.max;i+=this.step)t.push(i);e=t.map((t=>({value:t})))}const a=this.range?this.startValue:this.min,o=this.range?this.endValue:this.value;return e.map((t=>{const i=this.getPositionFromValue(t.value);return s("div",{class:"slider-mark",style:this.vertical?{bottom:`${i}%`}:{left:`${i}%`}},s("div",{class:"slider-mark-dot",style:t.value>=a&&t.value<=o?{backgroundColor:r,borderColor:"white"}:{}}),t.label&&s("div",{class:"slider-mark-label"},t.label))}))}render(){const t=this.range?this.getPositionFromValue(this.startValue):0,i=this.getPositionFromValue(this.range?this.endValue:this.value),r=this.resolvedColor,a=this.vertical?{bottom:`${t}%`,height:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}}:{left:`${t}%`,width:i-t+"%",...this.gradientTrack?{background:this.resolvedGradient}:{backgroundColor:r}},o=(t,i)=>{const s="object"==typeof this.color&&null!==this.color,e=i?{bottom:`${t}%`}:{[this.isRtl()?"right":"left"]:`${t}%`};return s||this.gradientTrack&&this.variant?e.background=this.resolvedGradient:e.backgroundColor=r,e.boxShadow=`0 0 0 3px ${r}33`,e};return s(e,{dir:this.isRtl()?"rtl":"ltr"},this.label&&s("div",{class:"slider-label"},this.label),s("div",{class:{"slider-container":!0,[`slider-${this.size}`]:!0,[`variant-${this.variant}`]:!!this.variant,"variant-circle":this.circle,"slider-vertical":this.vertical,"slider-disabled":this.disabled,"slider-dragging":this.isDraggingState,"slider-rtl":this.isRtl()},dir:this.isRtl()?"rtl":"ltr",onMouseEnter:()=>this.isHovering=!0,onMouseLeave:()=>this.isHovering=!1},this.startIcon&&s("div",{class:"slider-icon slider-start-icon"},this.startIcon),s("div",{class:"slider-wrapper"},this.showMinMax&&s("div",{class:"slider-minmax-labels"},s("span",{class:"slider-minmax-min"},this.formatValue(this.min)),s("span",{class:"slider-minmax-max"},this.formatValue(this.max))),s("div",{class:"slider-track",ref:t=>this.trackElement=t,onClick:this.handleTrackClick,style:{background:this.trackColor}},!this.hideRange&&s("div",{class:"slider-range",style:a}),this.showMarks&&s("div",{class:"slider-marks"},this.renderMarks()),this.range&&s("div",{class:{"slider-thumb":!0,"slider-thumb-active":"start"===this.activeThumb},style:o(t,this.vertical),onMouseDown:this.handleThumbMouseDown("start"),onTouchStart:this.handleThumbTouchStart("start"),onKeyDown:this.handleKeyDown("start"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":"Start Value","aria-valuemin":this.min,"aria-valuemax":this.endValue,"aria-valuenow":this.startValue},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&s("div",{class:"slider-tooltip"},this.formatValue(this.startValue))),s("div",{class:{"slider-thumb":!0,"slider-thumb-active":!this.range||"end"===this.activeThumb},style:o(i,this.vertical),onMouseDown:this.handleThumbMouseDown(this.range?"end":null),onTouchStart:this.handleThumbTouchStart(this.range?"end":null),onKeyDown:this.handleKeyDown("end"),tabIndex:this.disabled?-1:0,role:"slider","aria-label":this.range?"End Value":"Value","aria-valuemin":this.range?this.startValue:this.min,"aria-valuemax":this.max,"aria-valuenow":this.range?this.endValue:this.value},this.showTooltip&&(this.tooltipAlwaysVisible||this.isHovering||this.isDraggingState)&&s("div",{class:"slider-tooltip"},this.formatValue(this.range?this.endValue:this.value)))),this.showValue&&s("div",{class:"slider-value-display"},this.range?`${this.formatValue(this.startValue)} – ${this.formatValue(this.endValue)}`:this.formatValue(this.value)),this.inputSync&&!this.range&&s("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInputChange:this.handleInputChange("single"),size:"sm"}),this.inputSync&&this.range&&s("div",{class:"slider-input-row"},s("ui-input",{type:"number",class:"slider-input",min:this.min,max:this.endValue,step:this.step,value:this.startValue,disabled:this.disabled,onInputChange:this.handleInputChange("start"),size:"sm"}),s("span",{class:"slider-input-sep"},"–"),s("ui-input",{type:"number",class:"slider-input",min:this.startValue,max:this.max,step:this.step,value:this.endValue,disabled:this.disabled,onInputChange:this.handleInputChange("end"),size:"sm"}))),this.endIcon&&s("div",{class:"slider-icon slider-end-icon"},this.endIcon)))}static get formAssociated(){return!0}static get watchers(){return{color:[{handleColorChange:0}],marks:[{handleMarksChange:0}]}}};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;width:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.slider-label{font-size:13px;font-weight:600;color:var(--label-color, var(--text-secondary, #374151));margin-bottom:10px;letter-spacing:0.01em}.slider-minmax-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--label-subtitle-color, var(--text-muted, #9ca3af));margin-bottom:8px;padding:0;width:100%;pointer-events:none}.slider-input{width:64px;padding:4px 8px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);text-align:center;outline:none;transition:border-color 0.2s;background:var(--bg-primary, #ffffff);-moz-appearance:textfield;appearance:textfield}.slider-input::-webkit-inner-spin-button,.slider-input::-webkit-outer-spin-button{opacity:1}.slider-input:focus{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.slider-input-row{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:center}.slider-input-sep{color:var(--text-muted, #9ca3af);font-size:14px;font-weight:600}.slider-container{display:flex;align-items:flex-start;gap:16px;width:100%;user-select:none}.slider-vertical{flex-direction:column;height:300px;width:auto;align-items:center}.slider-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.slider-icon{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted, #6b7280);flex-shrink:0;line-height:1;height:24px}.slider-sm .slider-icon{font-size:14px;height:20px}.slider-lg .slider-icon{font-size:20px;height:28px}.slider-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;position:relative;align-items:stretch;min-height:24px;padding:0 12px}.slider-sm .slider-wrapper{min-height:20px}.slider-lg .slider-wrapper{min-height:28px}.slider-vertical .slider-wrapper{flex:1;width:100%;align-items:center;justify-content:center;min-height:0}.slider-track{position:relative;width:100%;border-radius:10px;cursor:pointer;background-color:var(--bg-primary, #e5e7eb);margin:12px 0}.slider-sm .slider-track{height:4px}.slider-md .slider-track{height:6px}.slider-lg .slider-track{height:8px}.slider-vertical .slider-track{width:6px;height:100%}.slider-vertical.slider-sm .slider-track{width:4px}.slider-vertical.slider-lg .slider-track{width:8px}.slider-range{position:absolute;border-radius:10px;background-color:var(--color-primary, #10b981);pointer-events:none;transition:background-color 0.2s ease}.slider-sm .slider-range{height:4px}.slider-md .slider-range{height:6px}.slider-lg .slider-range{height:8px}.slider-vertical .slider-range{width:100%;height:auto}.slider-thumb{position:absolute;transform:translate(-50%, -50%);top:50%;border-radius:50%;background-color:var(--color-primary, #10b981);cursor:grab;box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, left 0.1s ease-out, bottom 0.1s ease-out;z-index:10;border:2px solid var(--bg-primary, #ffffff)}.slider-thumb:hover{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 4px 14px rgba(0, 0, 0, 0.18)}.slider-thumb-active,.slider-dragging .slider-thumb-active{cursor:grabbing;transform:translate(-50%, -50%) scale(1.2);box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 59, 130, 246), 0.45);z-index:11}.slider-sm .slider-thumb{width:14px;height:14px}.slider-md .slider-thumb{width:18px;height:18px}.slider-lg .slider-thumb{width:24px;height:24px}.slider-vertical .slider-thumb{left:50%;top:auto;transform:translate(-50%, 50%)}.slider-vertical .slider-thumb:hover{transform:translate(-50%, 50%) scale(1.1)}.slider-vertical .slider-thumb-active,.slider-vertical.slider-dragging .slider-thumb-active{transform:translate(-50%, 50%) scale(1.15)}.slider-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 8px;background-color:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipFadeIn 0.2s ease forwards}.slider-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0, 0, 0, 0.85)}.slider-vertical .slider-tooltip{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.slider-vertical .slider-tooltip::after{top:50%;left:-8px;transform:translateY(-50%);border:4px solid transparent;border-right-color:rgba(0, 0, 0, 0.85);border-top-color:transparent}@keyframes tooltipFadeIn{to{opacity:1}}.slider-marks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.slider-mark{position:absolute;transform:translateX(-50%)}.slider-vertical .slider-mark{transform:translateY(50%);left:50%}.slider-mark-dot{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);border:2px solid var(--bg-primary, #ffffff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.slider-sm .slider-mark-dot{width:6px;height:6px}.slider-lg .slider-mark-dot{width:10px;height:10px}.slider-mark-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap}.slider-vertical .slider-mark-label{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.slider-value-display{text-align:center;font-size:13px;color:var(--text-secondary, #374151);font-weight:600;margin-top:8px;letter-spacing:0.01em}.slider-sm .slider-value-display{font-size:12px}.slider-lg .slider-value-display{font-size:14px}.slider-vertical .slider-value-display{display:none}.slider-thumb:focus{outline:none;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.slider-track.has-restricted-values .slider-mark-dot{background-color:var(--color-primary, #10b981)}.slider-range,.slider-thumb{transition:all 0.1s ease-out}.slider-dragging .slider-range,.slider-dragging .slider-thumb{transition:none}.slider-thumb[aria-disabled=true]{cursor:not-allowed;opacity:0.5}@media (hover: none) and (pointer: coarse){.slider-thumb{width:24px;height:24px}.slider-sm .slider-thumb{width:20px;height:20px}.slider-lg .slider-thumb{width:30px;height:30px}}.variant-glass .slider-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.variant-glass .slider-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(4px);border:1px solid var(--bg-primary, #ffffff);box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.variant-glass .slider-thumb:hover{background:var(--bg-primary, #ffffff) !important;transform:translate(-50%, -50%) scale(1.1)}.variant-glass .slider-range{background:linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8))}.variant-detailed .slider-track{height:12px !important;border-radius:6px !important;background:var(--bg-secondary, #f1f5f9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.variant-detailed .slider-track::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0, 0, 0, 0.02), transparent);border-radius:6px;pointer-events:none}.variant-detailed .slider-range{height:12px !important;border-radius:6px !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);background-size:200% 200% !important;animation:livingTrack 3s ease infinite !important}.variant-detailed .slider-range::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:rgba(255, 255, 255, 0.2);border-radius:6px 6px 0 0}.variant-detailed .slider-mark-active .slider-mark-dot{transform:translate(-50%, -50%) scale(1.5) !important;background:var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5) !important}.variant-detailed .slider-thumb{width:24px !important;height:24px !important;background:var(--bg-primary, #ffffff);border:2px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.variant-detailed .slider-thumb::after{content:"";position:absolute;width:4px;height:10px;background:var(--bg-primary, #e2e8f0);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.variant-detailed .slider-thumb:hover{box-shadow:0 8px 24px rgba(0, 0, 0, 0.15), 0 0 0 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border-color:var(--dd-primary-strong, var(--color-primary-hover, #2563eb)) !important}.variant-detailed .slider-tooltip{background:var(--bg-primary, #1e293b) !important;border-radius:10px !important;padding:8px 12px !important;font-weight:700 !important;box-shadow:0 10px 20px rgba(0, 0, 0, 0.2) !important}.variant-detailed .slider-tooltip::after{border-top-color:var(--border-subtle, #1e293b) !important}.variant-detailed .slider-mark-dot{width:4px !important;height:12px !important;border-radius:2px !important;border:none !important;background:var(--color-primary, #cbd5e1) !important}.variant-circle .slider-track{height:8px !important;background:var(--bg-secondary, #f1f5f9) !important;border:1px solid var(--border-subtle, #e2e8f0)}.variant-circle .slider-thumb{width:28px !important;height:28px !important;background:var(--bg-primary, #ffffff);border:6px solid var(--dd-primary, var(--color-primary, #10b981)) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.variant-circle .slider-thumb:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.variant-circle .slider-range{background:var(--dd-primary, var(--color-primary, #10b981)) !important;height:8px !important}.slider-container[dir=rtl] .slider-start-icon{order:2}.slider-container[dir=rtl] .slider-end-icon{order:0}.slider-container[dir=rtl] .slider-wrapper{order:1}.slider-container[dir=rtl] .slider-thumb{cursor:grab}@keyframes livingTrack{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}';export{a as ui_range_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,a as s,h as e,H as a}from"./p-DUsoYu9r.js";const r=class{constructor(s){t(this,s),this.colorChange=i(this,"colorChange")}value="#3bf673";label="";showHex=!0;showRgb=!0;showRgba=!0;showHsl=!0;showHsla=!0;showAlpha=!1;showSwatches=!0;swatches=[];format="hex";disabled=!1;inline=!1;size="md";name="";required=!1;showRecent=!0;showEyeDropper=!0;showColorName=!0;showGradient=!1;variant="default";get el(){return s(this)}internals;isOpen=!1;hue=220;saturation=80;lightness=60;alpha=1;hexInput="#3bf673";isInvalid=!1;invalidField=null;recentColors=[];isGradientMode=!1;gradientStops=["#3bf673","#10b981"];activeStopIndex=0;colorChange;handleDocumentPointerDown=t=>{this.isOpen&&!this.inline&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.el)||this.el.contains(t.target)||(this.isOpen=!1))};defaultSwatches=["#ef4444","#f97316","#f59e0b","#eab308","#84cc16","#22c55e","#10b981","#06b6d4","#3bf673","#8b5cf6","#ec4899","#f43f5e","#6b7280","#1f2937","#ffffff"];colorNames={"#ff0000":"Red","#00ff00":"Lime","#0000ff":"Blue","#ffffff":"White","#000000":"Black","#808080":"Gray","#ffff00":"Yellow","#00ffff":"Cyan","#ff00ff":"Magenta","#3bf673":"Royal Blue","#10b981":"Emerald","#ef4444":"Red Orange","#f59e0b":"Amber","#8b5cf6":"Violet","#6b7280":"Slate"};initializeInternals(){if(!this.internals&&"function"==typeof this.el?.attachInternals)try{this.internals=this.el.attachInternals()}catch(t){if(!(t instanceof DOMException)||"NotSupportedError"!==t.name)throw t}}componentWillLoad(){this.initializeInternals(),this.syncValueToState(this.value),this.value=this.getFormattedValue(),this.updateFormValue(),this.loadHistory()}connectedCallback(){document.addEventListener("pointerdown",this.handleDocumentPointerDown,!0)}disconnectedCallback(){document.removeEventListener("pointerdown",this.handleDocumentPointerDown,!0)}loadHistory(){if(this.showRecent)try{const t=localStorage.getItem("ui-color-history");t&&(this.recentColors=JSON.parse(t))}catch(t){console.error("Failed to load color history",t)}}saveHistory(t){if(!this.showRecent)return;const i=[t,...this.recentColors.filter((i=>i!==t))].slice(0,10);this.recentColors=i,localStorage.setItem("ui-color-history",JSON.stringify(i))}updateFormValue(){this.internals&&this.internals?.setFormValue(this.value)}valueChanged(t){this.syncValueToState(t)}getSwatches(){if("string"==typeof this.swatches)try{return JSON.parse(this.swatches)}catch{return this.defaultSwatches}return this.swatches.length>0?this.swatches:this.defaultSwatches}clamp(t,i,s){return Math.min(s,Math.max(i,t))}roundAlpha(t){return Math.round(100*this.clamp(t,0,1))/100}componentToHex(t){return Math.round(this.clamp(t,0,255)).toString(16).padStart(2,"0")}rgbToHsl(t,i,s){const e=this.clamp(t,0,255)/255,a=this.clamp(i,0,255)/255,r=this.clamp(s,0,255)/255,h=Math.max(e,a,r),n=Math.min(e,a,r),o=(h+n)/2;let l=0,p=0;if(h!==n){const t=h-n;switch(p=o>.5?t/(2-h-n):t/(h+n),h){case e:l=((a-r)/t+(a<r?6:0))/6;break;case a:l=((r-e)/t+2)/6;break;default:l=((e-a)/t+4)/6}}return{h:Math.round(360*l),s:Math.round(100*p),l:Math.round(100*o)}}parseHex(t){const i=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);if(!i)return null;let s=i[1];3!==s.length&&4!==s.length||(s=s.split("").map((t=>`${t}${t}`)).join(""));const e=8===s.length,a=parseInt(s.slice(0,2),16),r=parseInt(s.slice(2,4),16),h=parseInt(s.slice(4,6),16),n=e?parseInt(s.slice(6,8),16)/255:this.alpha,o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:this.roundAlpha(n),...o}}parseRgbColor(t){const i=t.trim().match(/^rgba?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=s.slice(0,3).map((t=>Number(t)));if(e.some((t=>Number.isNaN(t))))return null;const[a,r,h]=e.map((t=>this.clamp(t,0,255))),n=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if(Number.isNaN(n))return null;const o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}}parseHslColor(t){const i=t.trim().match(/^hsla?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=Number(s[0]),a=Number(s[1].replace("%","")),r=Number(s[2].replace("%","")),h=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if([e,a,r,h].some((t=>Number.isNaN(t))))return null;const n=(e%360+360)%360,o=this.clamp(a,0,100),l=this.clamp(r,0,100);return{hex:this.hslToHex(n,o,l),alpha:h,h:Math.round(n),s:Math.round(o),l:Math.round(l)}}parseColorValue(t){return!t||t.startsWith("linear-gradient")?null:this.parseHex(t)||this.parseRgbColor(t)||this.parseHslColor(t)}syncParsedColor(t){this.hue=t.h,this.saturation=t.s,this.lightness=t.l,this.alpha=this.roundAlpha(t.alpha),this.hexInput=this.getHexInputValue(t.hex,t.alpha),this.isInvalid=!1,this.invalidField=null}syncValueToState(t){const i=this.parseColorValue(t);i&&this.syncParsedColor(i)}hslToHex(t,i,s){const e=t/360,a=i/100,r=s/100;let h,n,o;if(0===a)h=n=o=r;else{const t=(t,i,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+6*(i-t)*s:s<.5?i:s<2/3?t+(i-t)*(2/3-s)*6:t),i=r<.5?r*(1+a):r+a-r*a,s=2*r-i;h=t(s,i,e+1/3),n=t(s,i,e),o=t(s,i,e-1/3)}const l=t=>Math.round(255*t).toString(16).padStart(2,"0");return`#${l(h)}${l(n)}${l(o)}`}getRgbValues(){const t=this.hslToHex(this.hue,this.saturation,this.lightness).replace("#","");return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}getHexValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return i<1?`${t}${this.componentToHex(255*i)}`:t}getHexInputValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return this.getHexValue(t,i).replace(/^#/,"")}getRgbString(t=!1){const{r:i,g:s,b:e}=this.getRgbValues();return t?`rgba(${i}, ${s}, ${e}, ${this.roundAlpha(this.alpha)})`:`rgb(${i}, ${s}, ${e})`}getHslString(t=!1){return t?`hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, ${this.roundAlpha(this.alpha)})`:`hsl(${this.hue}, ${this.saturation}%, ${this.lightness}%)`}getFormattedValue(){switch(this.format){case"rgb":return this.getRgbString(!1);case"rgba":return this.getRgbString(!0);case"hsl":return this.getHslString(!1);case"hsla":return this.getHslString(!0);default:return this.getHexValue()}}updateColorFromInput(t,i){"hex"===i&&(this.hexInput=t.replace(/^#/,""));const s="hex"===i?`#${t.replace(/^#/,"")}`:t,e=this.parseColorValue(s);if(!e)return this.isInvalid=!0,void(this.invalidField=i);this.syncParsedColor(e);const a=this.getFormattedValue();this.value=a,this.updateFormValue(),this.colorChange.emit(a)}emitChange(){const t=this.hslToHex(this.hue,this.saturation,this.lightness);if(this.isGradientMode){this.gradientStops[this.activeStopIndex]=t,this.gradientStops=[...this.gradientStops];const i=`linear-gradient(90deg, ${this.gradientStops[0]}, ${this.gradientStops[1]})`;this.value=i,this.colorChange.emit(i)}else this.value=this.getFormattedValue(),this.hexInput=this.getHexInputValue(t,this.alpha),this.isInvalid=!1,this.invalidField=null,this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(t)}toggleGradientMode=()=>{this.isGradientMode=!this.isGradientMode,this.emitChange()};async handleEyeDropper(){if(!("EyeDropper"in window))return void alert("EyeDropper API is not supported in this browser.");const t=new EyeDropper;try{const i=await t.open();this.handleSwatch(i.sRGBHex)}catch(t){}}getColorName(t){const i=t.toLowerCase();return this.colorNames[i]||"Custom"}handleHexInput=t=>{this.updateColorFromInput(t.detail,"hex")};handleSwatch=t=>{const i=this.parseHex(t);i&&(this.syncParsedColor(i),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(i.hex))};parseChannelValue(t){if(""===t||null==t)return null;const i=Number(t);return Number.isFinite(i)?i:null}setChannelValidation(t){this.isInvalid=Boolean(t),this.invalidField=t}applyRgbColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,255)),r=Math.round(this.clamp(i,0,255)),h=Math.round(this.clamp(s,0,255)),n=this.roundAlpha(e),o=this.rgbToHsl(a,r,h);this.syncParsedColor({hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}applyHslColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,360)),r=Math.round(this.clamp(i,0,100)),h=Math.round(this.clamp(s,0,100)),n=this.roundAlpha(e);this.syncParsedColor({hex:this.hslToHex(a,r,h),alpha:n,h:a,s:r,l:h}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}handleRgbChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>255)return void this.setChannelValidation(`rgb-${t}`);const e=this.getRgbValues();e[t]=Math.round(s),this.setChannelValidation(null),this.applyRgbColor(e.r,e.g,e.b)};handleRgbaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`rgba-${t}`;if(null===s)return void this.setChannelValidation(e);const a=this.getRgbValues();let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>255)return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyRgbColor(a.r,a.g,a.b,r)};handleHslChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(`hsl-${t}`);const e={h:this.hue,s:this.saturation,l:this.lightness,[t]:Math.round(s)};this.setChannelValidation(null),this.applyHslColor(e.h,e.s,e.l)};handleHslaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`hsla-${t}`;if(null===s)return void this.setChannelValidation(e);const a={h:this.hue,s:this.saturation,l:this.lightness};let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyHslColor(a.h,a.s,a.l,r)};isHueVariant(){return"hue"===this.variant}isInputVariant(){return"input"===this.variant}showGradientSurface(){return!this.isHueVariant()&&!this.isInputVariant()}showSliderSection(){return!this.isInputVariant()}showInputSection(){return this.showHex||this.showRgb||this.showRgba||this.showHsl||this.showHsla||this.isInputVariant()}getPanelClasses(){return{"cp-panel":!0,"cp-panel-hue":this.isHueVariant(),"cp-panel-input":this.isInputVariant(),"cp-panel-multi-format":this.showInputSection()}}renderFormatInput(t,i,s,a){return e("div",{class:"cp-input-wrap cp-full cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("ui-input",{class:{"cp-text-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===a},type:"text",value:i,onInputChange:s,size:"sm"}))}renderChannelInput(t,i,s,a,r,h,n){return e("div",{class:"cp-channel-field"},e("span",{class:"cp-channel-label"},i),e("ui-input",{class:{"cp-text-input":!0,"cp-channel-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===t},type:"number",min:a,max:r,step:h,value:s,onInputChange:n,size:"sm"}))}renderChannelGroup(t,i,s){return e("div",{class:"cp-input-wrap cp-full cp-channel-group cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("div",{class:{"cp-channel-grid":!0,"cp-channel-grid-3":3===i,"cp-channel-grid-4":4===i}},s))}render(){const t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.getSwatches(),s=e("div",{key:"1e6a1eb368643f6e67d9804cce7bcfed32b1bd1d",class:this.getPanelClasses()},this.showGradientSurface()&&e("div",{key:"2970c7db9dde45a2f88ed3ede420df322c6556dc",class:"cp-gradient",role:"slider","aria-label":"Saturation and Lightness","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":this.saturation,"aria-valuetext":`Saturation ${this.saturation}%, Lightness ${this.lightness}%`,tabindex:"0",onKeyDown:t=>{const i=t.shiftKey?10:1;"ArrowLeft"===t.key&&(this.saturation=Math.max(0,this.saturation-i),this.emitChange()),"ArrowRight"===t.key&&(this.saturation=Math.min(100,this.saturation+i),this.emitChange()),"ArrowUp"===t.key&&(this.lightness=Math.min(100,this.lightness+i),this.emitChange()),"ArrowDown"===t.key&&(this.lightness=Math.max(0,this.lightness-i),this.emitChange())},style:{background:`linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, hsl(${this.hue}, 100%, 50%))`},onMouseDown:t=>{const i=t.currentTarget.getBoundingClientRect(),s=t=>{const s=Math.max(0,Math.min(1,(t.clientX-i.left)/i.width)),e=Math.max(0,Math.min(1,(t.clientY-i.top)/i.height));this.saturation=Math.round(100*s),this.lightness=Math.round((1-e)*(100-50*s)),this.emitChange()},e=()=>{window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",e)};window.addEventListener("mousemove",s),window.addEventListener("mouseup",e),s(t)}},e("div",{key:"4136b69d81619ce158f2988be19e3e866dfa4ae8",class:"cp-gradient-thumb",style:{left:`${this.saturation}%`,top:100-this.lightness+"%",background:t}})),this.showSliderSection()&&e("div",{key:"27572206380ad082b4c49a9652b171169d4d92c0",class:"cp-row"},e("div",{key:"c69c64ac7d1173add32d3c0541ac73fe70383d7e",class:"cp-preview",style:{background:t}}),e("div",{key:"54663ac5d49a43922b4a46587383b4ea3db54520",class:"cp-sliders"},e("ui-range-slider",{key:"058c8a3b800afafc80cb13c06cfb48462e8e8206",class:"cp-hue-slider",min:0,max:360,value:this.hue,onSliderChange:t=>{this.hue=Number(t.detail),this.emitChange()},"aria-label":"Hue",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"}),this.showAlpha&&e("ui-range-slider",{key:"ef3b5d6112c7040bb1910d8171c8dc84901b628b",class:"cp-alpha-slider",min:0,max:100,value:Math.round(100*this.alpha),onSliderChange:t=>{this.alpha=Number(t.detail)/100,this.emitChange()},"aria-label":"Alpha",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:`linear-gradient(to right, transparent, ${this.hslToHex(this.hue,this.saturation,this.lightness)}), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='5' height='5' fill='%23ccc'/%3E%3Crect x='5' y='5' width='5' height='5' fill='%23ccc'/%3E%3C/svg%3E")`})),this.showEyeDropper&&"EyeDropper"in window&&e("ui-button",{key:"a3597f83c7b6e4293bd0975d07b8994e66580f87",variant:"ghost",onClick:()=>this.handleEyeDropper(),ariaLabel:"Sample color from screen",icon:"pipette",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Sample color from screen"})),this.showInputSection()&&e("div",{key:"d3473eb493f2fda3167c506e8ff2470beb17bab9",class:"cp-inputs-grid"},this.showHex&&this.renderFormatInput("HEX",this.hexInput||this.getHexInputValue(),this.handleHexInput,"hex"),this.showRgb&&this.renderChannelGroup("RGB",3,[this.renderChannelInput("rgb-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbChannelChange("r",t))),this.renderChannelInput("rgb-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbChannelChange("g",t))),this.renderChannelInput("rgb-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbChannelChange("b",t)))]),this.showRgba&&this.renderChannelGroup("RGBA",4,[this.renderChannelInput("rgba-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbaChannelChange("r",t))),this.renderChannelInput("rgba-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbaChannelChange("g",t))),this.renderChannelInput("rgba-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbaChannelChange("b",t))),this.renderChannelInput("rgba-a","A",this.alpha,0,1,.01,(t=>this.handleRgbaChannelChange("a",t)))]),this.showHsl&&this.renderChannelGroup("HSL",3,[this.renderChannelInput("hsl-h","H",this.hue,0,360,1,(t=>this.handleHslChannelChange("h",t))),this.renderChannelInput("hsl-s","S",this.saturation,0,100,1,(t=>this.handleHslChannelChange("s",t))),this.renderChannelInput("hsl-l","L",this.lightness,0,100,1,(t=>this.handleHslChannelChange("l",t)))]),this.showHsla&&this.renderChannelGroup("HSLA",4,[this.renderChannelInput("hsla-h","H",this.hue,0,360,1,(t=>this.handleHslaChannelChange("h",t))),this.renderChannelInput("hsla-s","S",this.saturation,0,100,1,(t=>this.handleHslaChannelChange("s",t))),this.renderChannelInput("hsla-l","L",this.lightness,0,100,1,(t=>this.handleHslaChannelChange("l",t))),this.renderChannelInput("hsla-a","A",this.alpha,0,1,.01,(t=>this.handleHslaChannelChange("a",t)))]),this.showColorName&&e("div",{key:"e73f932f199ad98b6d0155e4f39fc6f731821e75",class:"cp-input-wrap cp-full"},e("span",{key:"c47ac8a26ae1f1db9cc2a6fa0888ed2568043b30",class:"cp-sm-label"},"NAME"),e("div",{key:"393f4e95fa277dc016f4c31291683973f4f0a48a",class:"cp-name-display"},this.getColorName(t))),this.showGradient&&e("div",{key:"9029146f00a030168b63ea55a9a1f9ec67ce7cfa",class:"cp-gradient-toggle-wrap cp-full"},e("ui-button",{key:"a6561f32b69e43b5651134b73a6ab195b721c2c9",variant:"outline",class:{"cp-gradient-toggle":!0,"cp-active":this.isGradientMode},onClick:this.toggleGradientMode,fullWidth:!0,label:this.isGradientMode?"Disable Gradient":"Enable Gradient",size:"sm"}),this.isGradientMode&&e("div",{key:"aabaa25bd9f75a7bec76e611b9d852b8918fd718",class:"cp-stop-selectors"},this.gradientStops.map(((t,i)=>e("button",{type:"button",class:{"cp-swatch":!0,"cp-swatch-active":this.activeStopIndex===i},style:{"background-color":t,"--swatch-color":t,"border-radius":"50%"},onClick:()=>this.activeStopIndex=i,"aria-label":`Gradient stop ${i+1}`})))))),!this.isInputVariant()&&(this.showSwatches||this.showRecent&&this.recentColors.length>0)&&e("div",{key:"b928b33063877a58493f56aa01a37efac5fade30",class:"cp-swatches-section"},e("div",{key:"02b8efedfdad4aa7bbe93b63bd3075395bef8f37",class:"cp-swatches"},i.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i},class:{"cp-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Color ${this.getColorName(i)}`})))),this.showRecent&&this.recentColors.length>0&&e("div",{key:"68a6692afc4ae42ac02c8835fb65f40d64572ffd",class:"cp-history",style:{marginTop:"16px"}},e("div",{key:"c14af759e7380d18fa8b046bd91d97e0d4bb7b43",class:"cp-sm-label",style:{marginBottom:"8px"}},"RECENT"),e("div",{key:"a405d48643d7b452cb90dcfd5d2756a91a37585c",class:"cp-swatches"},this.recentColors.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i,"border-radius":"50%"},class:{"cp-swatch":!0,"cp-history-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Recent color ${this.getColorName(i)}`})))))));return e(a,{key:"437644b794e0abc1a9a37f77641ef9edf0bc47d7",class:`cp-size-${this.size} cp-variant-${this.variant}`},this.label&&e("label",{key:"ba2bb236655f6eab50c62cd18d3b07bbc0cf37b1",class:"cp-label"},this.label),this.inline?s:e("div",{class:"cp-trigger-wrapper"},e("ui-button",{variant:"outline",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen),fullWidth:!0},e("span",{class:"cp-trigger-swatch",style:{background:this.value}}),e("span",{class:"cp-trigger-value",style:{marginLeft:"8px",flex:"1",textAlign:"left"}},this.isGradientMode?this.value:this.getFormattedValue()),e("ui-icon",{name:this.isOpen?"chevron-up":"chevron-down",size:"18",library:"lucide"})),this.isOpen&&e("div",{class:"cp-dropdown"},s)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};r.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;font-family:inherit}.cp-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:6px}.cp-trigger-wrapper{position:relative;display:inline-block}.cp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:10px;background:var(--bg-primary, #ffffff);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);transition:border-color 0.2s, box-shadow 0.2s;min-width:140px}.cp-trigger:hover:not(.cp-disabled){border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.cp-trigger:hover:not(.cp-disabled).cp-disabled{opacity:0.5;cursor:not-allowed}.cp-trigger-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-trigger-value{flex:1;font-family:monospace}.cp-trigger-arrow{font-size:10px;color:var(--text-muted, #9ca3af)}.cp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);border-radius:14px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);overflow:hidden;animation:cp-drop-in 0.15s ease}@keyframes cp-drop-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-panel{width:460px;padding:14px}.cp-panel-hue{width:280px}.cp-panel-input{width:480px}.cp-panel-input .cp-inputs-grid{grid-template-columns:1fr;gap:16px}.cp-panel-input .cp-input-wrap.cp-full{grid-column:span 1}.cp-gradient{width:100%;height:140px;border-radius:8px;position:relative;cursor:crosshair;margin-bottom:12px;user-select:none}.cp-gradient-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--border-subtle, #fff);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);pointer-events:none}.cp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cp-preview{width:32px;height:32px;border-radius:8px;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-sliders{flex:1;display:flex;flex-direction:column;gap:12px}.cp-hue-slider,.cp-alpha-slider{width:100%;--slider-track-height:12px;--slider-thumb-size:20px}.cp-hue-slider::part(track),.cp-alpha-slider::part(track){height:12px;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2)}.cp-hue-slider::part(thumb),.cp-alpha-slider::part(thumb){width:20px;height:20px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);background:transparent}.cp-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cp-panel-multi-format .cp-inputs-grid{grid-template-columns:1fr}.cp-panel-multi-format .cp-input-wrap.cp-full{grid-column:span 1}.cp-input-wrap{display:flex;flex-direction:column;gap:8px}.cp-input-wrap.cp-full{grid-column:span 2}.cp-sm-label{font-size:11px;font-weight:800;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:0.05em}.cp-input-wrap.cp-inline-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:16px;background:rgba(var(--ui-input-bg-rgb, 248, 250, 252), 0.5);padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle, #f1f5f9);transition:all 0.2s ease}.cp-input-wrap.cp-inline-row:hover{background:#fff;border-color:var(--border-strong, #e2e8f0);box-shadow:0 4px 12px rgba(0, 0, 0, 0.03)}.cp-channel-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(64px, 1fr));gap:10px;width:100%}.cp-channel-field{display:flex;flex-direction:column;gap:6px;align-items:center}.cp-channel-field .cp-channel-label{font-size:10px;font-weight:700;color:var(--text-muted, #94a3b8);margin-bottom:2px}.cp-channel-field ui-input{width:100%;--ui-input-text-align:center}.cp-text-input{--ui-input-text-align:left}:host(.cp-variant-hue) .cp-panel{padding-block:12px}:host(.cp-variant-hue) .cp-row{margin-bottom:12px}:host(.cp-variant-input) .cp-panel{padding:12px}:host(.cp-variant-input) .cp-name-display,:host(.cp-variant-input) .cp-text-input{min-height:36px}.cp-name-display{width:100%;border:1.5px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #f9fafb);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-secondary, #4b5563);box-sizing:border-box}.cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.cp-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform 0.1s, border-color 0.15s, box-shadow 0.15s;padding:0;margin:0;outline:none;box-sizing:border-box;flex-shrink:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch.cp-swatch-active{border-color:var(--bg-primary, #ffffff);box-shadow:0 0 0 1px var(--bg-primary, #ffffff), 0 0 0 3px var(--swatch-color, var(--color-primary, #10b981))}";export{r as ui_color_picker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i),this.dockItemClick=o(this,"dockItemClick"),this.itemsOrderChange=o(this,"itemsOrderChange")}items="[]";position="bottom";size="md";magnify=!0;blurEffect=!0;showLabels=!0;iconLibrary="default";persistKey="";parsedItems=[];hoveredIndex=-1;dockItemClick;itemsOrderChange;isDragging=!1;draggedIndex=-1;dragX=0;dragY=0;targetIndex=-1;itemsContainer;componentWillLoad(){if(this.persistKey)try{const t=localStorage.getItem(this.persistKey);if(t)return void(this.parsedItems=JSON.parse(t))}catch{}this.parseItems(this.items)}onItemsPropChange(t){this.parseItems(t)}parseItems(t){try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for dock items:",t),this.parsedItems=[]}}handleItemClick(t){t.disabled||t.separator||this.dockItemClick.emit({itemId:String(t.id??""),item:t})}handleMouseEnter(t){this.hoveredIndex=t}handleMouseLeave(){this.hoveredIndex=-1}getMagnificationScale(t){if(!this.magnify||-1===this.hoveredIndex)return 1;if(this.isDragging)return 1;const o=Math.abs(t-this.hoveredIndex),i=1+(1.6-1)*Math.exp(-o*o/3.125);return Math.max(1,i)}handleDragStart(t,o){this.parsedItems[o].separator||(this.isDragging=!0,this.draggedIndex=o,this.targetIndex=o,this.dragX=t.clientX,this.dragY=t.clientY,document.addEventListener("mousemove",this.handleGlobalMouseMove),document.addEventListener("mouseup",this.handleGlobalMouseUp))}handleGlobalMouseMove=t=>{if(this.isDragging&&(this.dragX=t.clientX,this.dragY=t.clientY,this.itemsContainer)){const o=Array.from(this.itemsContainer.querySelectorAll(".dock-item"));let i=-1,e=1/0;o.forEach(((o,r)=>{const a=o.getBoundingClientRect(),s=a.top+a.height/2,c="bottom"===this.position||"top"===this.position?Math.abs(t.clientX-(a.left+a.width/2)):Math.abs(t.clientY-s);c<e&&(e=c,i=r)})),-1!==i&&i!==this.targetIndex&&(this.targetIndex=i)}};handleGlobalMouseUp=()=>{if(this.isDragging){if(-1!==this.targetIndex&&this.targetIndex!==this.draggedIndex){const t=[...this.parsedItems],[o]=t.splice(this.draggedIndex,1);if(t.splice(this.targetIndex,0,o),this.parsedItems=t,this.itemsOrderChange.emit(this.parsedItems),this.persistKey)try{localStorage.setItem(this.persistKey,JSON.stringify(this.parsedItems))}catch{}}this.isDragging=!1,this.draggedIndex=-1,this.targetIndex=-1,document.removeEventListener("mousemove",this.handleGlobalMouseMove),document.removeEventListener("mouseup",this.handleGlobalMouseUp)}};renderDockItem(t,o){if(t.separator)return i("div",{class:"dock-separator",role:"separator"});const e=this.getMagnificationScale(o),r=this.hoveredIndex===o,a=this.draggedIndex===o,s=this.targetIndex===o;let c=0,n=0;if(this.isDragging&&!a){const t=40;"bottom"===this.position||"top"===this.position?(o>=this.targetIndex&&o<this.draggedIndex&&(c=t),o<=this.targetIndex&&o>this.draggedIndex&&(c=-t)):(o>=this.targetIndex&&o<this.draggedIndex&&(n=t),o<=this.targetIndex&&o>this.draggedIndex&&(n=-t))}const d={transform:a?`translate(${this.dragX-(this.dragX-0)}px, ${this.dragY-(this.dragY-0)}px) scale(1.1)`:`translate(${c}px, ${n}px) scale(${e})`,margin:`0 ${this.magnify&&-1!==this.hoveredIndex?4+20*(e-1):4}px`,transition:this.isDragging&&a?"none":"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1)",zIndex:a?"1000":"1",pointerEvents:this.isDragging&&!a?"none":"auto",opacity:a?"0.8":"1"};return a&&(d.position="fixed",d.left=this.dragX-25+"px",d.top=this.dragY-25+"px",d.margin="0",d.transform="scale(1.2)"),i("ui-tooltip",{content:t.label,position:"bottom"===this.position?"top":"top"===this.position?"bottom":"left"===this.position?"right":"left",disabled:this.showLabels},i("div",{class:{"dock-item":!0,"dock-item-disabled":!!t.disabled,"dock-item-active":!!t.active,"dock-item-bounce":!!t.bounce,"dock-item-hovered":r,"dock-item-dragged":a,"dock-item-target":s},style:d,onClick:()=>!this.isDragging&&this.handleItemClick(t),onMouseEnter:()=>!this.isDragging&&this.handleMouseEnter(o),onMouseLeave:()=>!this.isDragging&&this.handleMouseLeave(),onMouseDown:t=>this.handleDragStart(t,o),role:"button",tabindex:t.disabled?-1:0,"aria-label":t.label,"aria-disabled":t.disabled?"true":"false",slot:"target"},i("div",{class:"dock-item-content"},t.icon&&i("div",{class:"dock-item-icon"},i("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.5rem"})),void 0!==t.badge&&t.badge>0&&i("span",{class:"dock-item-badge"},t.badge)),t.active&&i("div",{class:"active-indicator"}),this.showLabels&&i("div",{class:"dock-item-label"},t.label)))}render(){return i("div",{key:"f022edbbd0b53e600fd30e5cf97cc1b2e83e0f38",class:{"dock-container":!0,[`dock-${this.position}`]:!0,[`dock-${this.size}`]:!0,"dock-blur":this.blurEffect}},i("div",{key:"abb7911fe7fbec90e25ccc030299d95ec148c36d",class:"dock-items",ref:t=>this.itemsContainer=t},this.parsedItems.map(((t,o)=>this.renderDockItem(t,o)))))}static get watchers(){return{items:[{onItemsPropChange:0}]}}};e.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}.dock-container{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:16px;background:var(--dock-bg, rgba(255, 255, 255, 0.8));box-shadow:var(--dock-shadow, 0 4px 16px rgba(0, 0, 0, 0.1));border:1px solid var(--dock-border, rgba(0, 0, 0, 0.1))}.dock-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dock-bottom,.dock-top{flex-direction:row}.dock-left,.dock-right{flex-direction:column}.dock-items{display:flex;gap:8px;align-items:center}.dock-left .dock-items,.dock-right .dock-items{flex-direction:column}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;background:var(--dock-item-bg, transparent);transition:all 0.2s ease;outline:none}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(0, 0, 0, 0.05))}.dock-item:focus{box-shadow:0 0 0 2px var(--primary-color, var(--color-primary, #10b981))}.dock-item:active{transform:scale(0.95) !important}.dock-item-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dock-sm .dock-item{width:40px;height:40px;padding:8px}.dock-md .dock-item{width:56px;height:56px;padding:12px}.dock-lg .dock-item{width:72px;height:72px;padding:16px}.dock-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;color:var(--dock-icon-color, var(--text-primary, #1f2937))}.dock-item-icon svg{width:100%;height:100%;fill:currentColor}.dock-sm .dock-item-icon{font-size:20px}.dock-md .dock-item-icon{font-size:28px}.dock-lg .dock-item-icon{font-size:36px}.dock-item-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:var(--badge-bg, var(--color-danger, #ef4444));color:var(--badge-color, var(--text-standard, #ffffff));border-radius:9px;font-size:11px;font-weight:600;line-height:1;border:2px solid var(--dock-bg, var(--bg-primary, #ffffff))}.dock-item-label{position:absolute;padding:6px 12px;background:var(--label-bg, rgba(0, 0, 0, 0.8));color:var(--label-color, var(--text-standard, #ffffff));border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.dock-bottom .dock-item-label{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-top .dock-item-label{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-left .dock-item-label{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-right .dock-item-label{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-item-hovered .dock-item-label{opacity:1}.dock-item-label::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.dock-bottom .dock-item-label::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-top .dock-item-label::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-left .dock-item-label::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-right .dock-item-label::after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--label-bg, rgba(0, 0, 0, 0.8))}@media (prefers-color-scheme: dark){.dock-container{background:var(--dock-bg, rgba(30, 30, 30, 0.8));border-color:var(--dock-border, rgba(255, 255, 255, 0.1))}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(255, 255, 255, 0.1))}.dock-item-icon{color:var(--dock-icon-color, #f3f4f6)}}@media (prefers-reduced-motion: reduce){.dock-item,.dock-item-label,.dock-item-bounce{transition:none;animation:none}}.active-indicator{position:absolute;width:4px;height:4px;background-color:var(--active-indicator-color, var(--color-primary, #10b981));border-radius:50%;bottom:4px}.dock-top .active-indicator{top:4px;bottom:auto}.dock-left .active-indicator{left:4px;top:50%;transform:translateY(-50%);bottom:auto}.dock-right .active-indicator{right:4px;top:50%;transform:translateY(-50%);bottom:auto}@keyframes dockBounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1)}60%{transform:translateY(-5px) scale(1)}}.dock-item-bounce{animation:dockBounce 2s infinite}.dock-separator{width:1px;height:24px;background-color:var(--separator-bg, rgba(0, 0, 0, 0.1));margin:0 4px}.dock-left .dock-separator,.dock-right .dock-separator{width:24px;height:1px;margin:4px 0}@media (prefers-color-scheme: dark){.dock-separator{background-color:rgba(255, 255, 255, 0.1)}.active-indicator{background-color:var(--color-primary, #60a5fa)}}';export{e as ui_dock}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,H as i}from"./p-DUsoYu9r.js";import{s as a}from"./p-D2WzX6vR.js";const s=class{constructor(r){t(this,r),this.transferChange=e(this,"transferChange"),this.selectionChanged=e(this,"selectionChanged")}sourceItems=[];targetItems=[];titles=["Available","Selected"];searchable=!0;sortable=!1;allowReorder=!1;max=1/0;searchPlaceholder="Search items...";showSelectAll=!0;disabled=!1;height="300px";mode="list";enableDrag=!1;oneWay=!1;pagination=!1;pageSize=10;columns=[];loading=!1;iconLibrary="default";itemRenderer=null;groupBy="";variant="default";layout="horizontal";resizable=!1;filterOption=null;locale={itemUnit:"item",itemsUnit:"items",notFoundContent:"No items",searchPlaceholder:"Search items...",titles:["Available","Selected"]};sourceSearch="";targetSearch="";sourceSelected=new Set;targetSelected=new Set;lastSelected=null;draggingItem=null;newlyMovedKeys=new Set;sourcePage=1;targetPage=1;badgeAnimating={source:!1,target:!1};sourceSort="none";targetSort="none";dividerPosition=50;contextMenu={visible:!1,x:0,y:0,item:null,side:null};transferChange;selectionChanged;getSourceItems(){const t="string"==typeof this.sourceItems?JSON.parse(this.sourceItems):this.sourceItems;return this.sortable?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTargetItems(){const t="string"==typeof this.targetItems?JSON.parse(this.targetItems):this.targetItems;return this.sortable&&!this.allowReorder?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTitles(){return"string"==typeof this.titles?JSON.parse(this.titles):this.titles}filterItems(t,e){if(!e)return t;const r=e.toLowerCase();return t.filter(this.filterOption?t=>this.filterOption(r,t):t=>(t.label??"").toLowerCase().includes(r)||t.description&&t.description.toLowerCase().includes(r))}handleItemClick=(t,e,r)=>{const i="source"===t?this.sourceSelected:this.targetSelected,a="source"===t?this.getSourceItems():this.getTargetItems(),s=this.filterItems(a,"source"===t?this.sourceSearch:this.targetSearch);let o=new Set(i);if(r&&r.shiftKey&&this.lastSelected&&this.lastSelected.side===t){const t=s.findIndex((t=>t.key===this.lastSelected.key)),r=s.findIndex((t=>t.key===e));if(-1!==t&&-1!==r){const e=Math.min(t,r),i=Math.max(t,r);for(let t=e;t<=i;t++)s[t].disabled||o.add(s[t].key)}}else o.has(e)?o.delete(e):o.add(e);if(this.lastSelected={key:e,side:t},"tree"===this.mode){const t=o.has(e),r=t=>{for(const i of t){if(i.key===e)return i;if(i.children){const t=r(i.children);if(t)return t}}return null},i=r(a);if(i&&i.children){const e=(t,r)=>{t.forEach((t=>{t.disabled||(r?o.add(t.key):o.delete(t.key)),t.children&&e(t.children,r)}))};e(i.children,t)}}"source"===t?this.sourceSelected=new Set(o):this.targetSelected=new Set(o),this.emitSelectionChange()};handleKeyDown=(t,e,r)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.disabled||this.handleItemClick(e,r))};moveToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems(),r=t.filter((t=>this.sourceSelected.has(t.key)));if(e.length+r.length>this.max)alert(`Cannot move more than ${this.max} items.`);else{if(this.oneWay){const t=r.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...t]}else this.sourceItems=t.filter((t=>!this.sourceSelected.has(t.key))),this.targetItems=[...e,...r];this.sourceSelected=new Set,this.newlyMovedKeys=new Set(r.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,target:!1}}),500),this.emitChange()}};moveToSource=()=>{if(this.disabled)return;const t=this.getTargetItems().filter((t=>this.targetSelected.has(t.key)));this.targetItems=this.getTargetItems().filter((t=>!this.targetSelected.has(t.key))),this.oneWay||(this.sourceItems=[...this.getSourceItems(),...t]),this.targetSelected=new Set,this.newlyMovedKeys=new Set(t.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,source:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,source:!1}}),500),this.emitChange()};moveAllToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems();if(e.length+t.length>this.max)alert(`Cannot move all items. Limit is ${this.max}.`);else{if(this.oneWay){const r=t.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...r]}else this.targetItems=[...e,...t],this.sourceItems=[];this.sourceSelected=new Set,this.emitChange()}};moveAllToSource=()=>{if(!this.disabled){if(!this.oneWay){const t=this.getTargetItems();this.sourceItems=[...this.getSourceItems(),...t]}this.targetItems=[],this.targetSelected=new Set,this.emitChange()}};reorder=t=>{const e=this.getTargetItems();if(0===this.targetSelected.size)return;const r=Array.from(this.targetSelected),i=[...e];r.map((t=>i.findIndex((e=>e.key===t)))).sort(((e,r)=>"up"===t?e-r:r-e)).forEach((e=>{const r="up"===t?e-1:e+1;if(r>=0&&r<i.length){const[t]=i.splice(e,1);i.splice(r,0,t)}})),this.targetItems=i,this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.badgeAnimating={...this.badgeAnimating,target:!1}}),300),this.emitChange()};bulkAction=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch);let a=new Set("source"===t?this.sourceSelected:this.targetSelected);"all"===e?i.forEach((t=>{t.disabled||a.add(t.key)})):"none"===e?i.forEach((t=>a.delete(t.key))):"invert"===e&&i.forEach((t=>{t.disabled||(a.has(t.key)?a.delete(t.key):a.add(t.key))})),"source"===t?this.sourceSelected=new Set(a):this.targetSelected=new Set(a),this.emitSelectionChange()};highlightSearchText(t,e){if(!e||!t)return t;const i=e.toLowerCase();return t.split(new RegExp(`(${i})`,"gi")).map((t=>t.toLowerCase()===i?r("mark",{class:"search-highlight"},t):t))}emitChange(){this.transferChange.emit({source:this.getSourceItems(),target:this.getTargetItems()}),this.emitSelectionChange()}emitSelectionChange(){this.selectionChanged.emit({sourceSelected:Array.from(this.sourceSelected),targetSelected:Array.from(this.targetSelected)})}toggleSelectAll=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch),a=new Set("source"===t?this.sourceSelected:this.targetSelected);i.forEach(e?t=>a.add(t.key):t=>a.delete(t.key)),"source"===t?this.sourceSelected=a:this.targetSelected=a,this.emitSelectionChange()};handleDragStart=(t,e,r)=>{!this.enableDrag||this.disabled||e.disabled?t.preventDefault():(this.draggingItem={key:e.key,side:r},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",JSON.stringify(e)),t.target.classList.add("dragging"))};handleDragOver=t=>{this.enableDrag&&!this.disabled&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{if(!this.enableDrag||this.disabled||!this.draggingItem)return;t.preventDefault();const{key:r,side:i}=this.draggingItem;this.draggingItem=null;const a=this.el.shadowRoot?.querySelector(".dragging");if(a&&a.classList.remove("dragging"),i!==e){if("source"===i){const t=this.getSourceItems(),e=t.find((t=>t.key===r));if(e)if(this.oneWay){const t=this.getTargetItems();t.some((t=>t.key===r))||(this.targetItems=[...t,e])}else{this.sourceSelected.add(r);const i=this.getTargetItems();if(i.length+1>this.max)return;this.sourceItems=t.filter((t=>t.key!==r)),this.targetItems=[...i,e],this.sourceSelected.delete(r)}}else if(this.oneWay){const t=this.getTargetItems();this.targetItems=t.filter((t=>t.key!==r))}else{const t=this.getTargetItems(),e=t.find((t=>t.key===r));e&&(this.targetItems=t.filter((t=>t.key!==r)),this.sourceItems=[...this.getSourceItems(),e],this.targetSelected.delete(r))}this.emitChange()}};toggleSort=t=>{"source"===t?this.sourceSort="asc"===this.sourceSort?"desc":"asc":this.targetSort="asc"===this.targetSort?"desc":"asc"};sortItems(t,e){return"none"===e?t:[...t].sort(((t,r)=>{const i=(t.label??"").localeCompare(r.label??"");return"asc"===e?i:-i}))}handleDividerMouseDown=t=>{if(!this.resizable||"vertical"===this.layout)return;t.preventDefault();const e=t.clientX,r=this.dividerPosition,i=this.el.querySelector(".transfer-container")?.clientWidth??0,a=t=>{this.dividerPosition=Math.min(Math.max(r+(t.clientX-e)/i*100,20),80)},s=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s)};handleContextMenu=(t,e,r)=>{t.preventDefault(),this.contextMenu={visible:!0,x:t.clientX,y:t.clientY,item:e,side:r}};closeContextMenu=()=>{this.contextMenu={...this.contextMenu,visible:!1}};el;getSelectionSummary(t){const e="source"===t?this.sourceSelected:this.targetSelected;if(0===e.size)return null;const r=("source"===t?this.sourceItems:this.targetItems).filter((t=>e.has(t.key)));if(this.groupBy){const t={};return r.forEach((e=>{const r=e[this.groupBy]||"Other";t[r]=(t[r]||0)+1})),Object.entries(t).map((([t,e])=>`${e} ${t}`)).join(", ")}return""}render(){const t="vertical"===this.layout;return r(i,{key:"ef965ec2d77dfa9f377091f06a61ac8456bfc084",ref:t=>this.el=t,onClick:this.closeContextMenu},r("div",{key:"4e1aa392d7d667d228f860f664592e9a39cbaded",class:{"transfer-container":!0,"is-vertical":t,"variant-glass":"glass"===this.variant}},r("div",{key:"1de4ee40158e28ed1d71c20a0a2a28d73bf405ad",class:"transfer-section source",style:!t&&this.resizable?{flex:`0 0 ${this.dividerPosition}%`}:void 0},this.renderList("source")),r("div",{key:"b36335fd3bb837fc5432e4a2cac969524c24c60b",class:{"transfer-controls":!0,"resizable-divider":this.resizable&&!t},onMouseDown:this.handleDividerMouseDown},r("div",{key:"e5e630b8898a19837a232ec24522237fa9b1ca29",class:"control-buttons"},r("ui-button",{key:"723baf7ebada286062844d9b1bc429f5d8d66312",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-back":"play-skip-forward",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getSourceItems().length,onClick:this.moveAllToTarget,ariaLabel:"Move All Right",class:"transfer-button"}),r("ui-button",{key:"f389d40c0e38846515a302d15523b896a3df6c3e",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-down":"chevron-right",iconLibrary:"lucide",disabled:this.disabled||0===this.sourceSelected.size,onClick:this.moveToTarget,ariaLabel:"Move Selected Right",class:"transfer-button"}),r("ui-button",{key:"0c7e67f6871a9327a4c95798650dee907448b496",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-up":"chevron-left",iconLibrary:"lucide",disabled:this.disabled||0===this.targetSelected.size,onClick:this.moveToSource,ariaLabel:"Move Selected Left",class:"transfer-button"}),r("ui-button",{key:"e6afc1e4a60648e63e4c02a413e359f75a743583",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-forward":"play-skip-back",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getTargetItems().length,onClick:this.moveAllToSource,ariaLabel:"Move All Left",class:"transfer-button"}))),r("div",{key:"4626e6393402ecbf3e5f4c919081ac690105a7f8",class:"transfer-section target",style:!t&&this.resizable?{flex:"1"}:void 0},this.renderList("target"),this.allowReorder&&r("div",{key:"53778a0ef11e8af735955e4fdcaa9a7771890fa3",class:"transfer-reorder-floated"},r("ui-button",{key:"b332b36745eda62b47f3b380f21f00fc42d1d53f",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-up",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("up"),ariaLabel:"Move Up",class:"transfer-button circle"}),r("ui-button",{key:"0b94cc9d83861ddba02fc59efeb1dfd27aab632e",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-down",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("down"),ariaLabel:"Move Down",class:"transfer-button circle"}))),this.contextMenu.visible&&r("div",{key:"cf41b01cbeb2bec8cfc768077026ddf4f1cd92ea",class:"transfer-context-menu",style:{top:`${this.contextMenu.y}px`,left:`${this.contextMenu.x}px`}},r("div",{key:"2f8bce002d77529bee84f28e4ce152d4b58fe972",class:"menu-item",onClick:()=>{"source"===this.contextMenu.side?this.moveToTarget():this.moveToSource()}},r("ui-icon",{key:"71bf8c920d4e5ebc27a12d658d9d0b3bbf7244bc",name:"send",library:"lucide",size:"14"})," Move to ","source"===this.contextMenu.side?"Selected":"Available"),r("div",{key:"6cc356d98029ef9274e4e0d63f4879d8e03a06a0",class:"menu-item danger",onClick:()=>{"source"===this.contextMenu.side?this.sourceSelected.delete(this.contextMenu.item.key):this.targetSelected.delete(this.contextMenu.item.key)}},r("ui-icon",{key:"cbfe5dec61fe84404a968868f505c840464b5ae8",name:"x",library:"lucide",size:"14"})," Deselect"))))}renderList(t){const e="source"===t?this.getSourceItems():this.getTargetItems(),i="source"===t?this.sourceSort:this.targetSort,a=this.sortItems(e,i),s="source"===t?this.sourceSearch:this.targetSearch,o="source"===t?this.sourceSelected:this.targetSelected,n=this.getTitles()["source"===t?0:1],l=this.filterItems(a,s),c=l.length>0&&l.every((t=>o.has(t.key))),d=l.some((t=>o.has(t.key)))&&!c,h="source"===t?this.sourcePage:this.targetPage,f=Math.ceil(l.length/this.pageSize);let u,b=l;if(this.pagination){const t=(h-1)*this.pageSize;b=l.slice(t,t+this.pageSize)}return u=this.loading?this.renderSkeleton():"tree"===this.mode?this.renderTreeView(b,o,t):"table"===this.mode?this.renderTableView(b,o,t):this.renderListView(b,o,t),r("div",{class:"transfer-list-box"},r("div",{class:"transfer-list-header"},this.showSelectAll&&"tree"!==this.mode&&r("ui-checkbox",{checked:c,indeterminate:d,onCheckboxChange:e=>this.toggleSelectAll(t,e.detail.checked),disabled:this.disabled||0===l.length,size:"sm"}),r("span",{class:"header-title"},n),this.sortable&&r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"asc"===i?"arrow-up-z-a":"arrow-down-a-z",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.toggleSort(t),ariaLabel:"Toggle Sort"}),r("div",{class:"header-actions"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"check-check",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"all"),ariaLabel:"Select All Search Results"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"none"),ariaLabel:"Clear Selection"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"list-restart",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"invert"),ariaLabel:"Invert Selection"})),r("span",{class:{"header-count":!0,"pop-anim":"source"===t?this.badgeAnimating.source:this.badgeAnimating.target}},l.filter((t=>o.has(t.key))).length,"/",l.length)),this.searchable&&r("div",{class:"transfer-search"},r("ui-input",{type:"text",placeholder:this.searchPlaceholder,value:s,onInputChange:e=>{const r=e.detail;"source"===t?(this.sourceSearch=r,this.sourcePage=1):(this.targetSearch=r,this.targetPage=1)},prefixIcon:"search",size:"sm",fullWidth:!0})),r("div",{class:"transfer-list-body",style:{height:this.height},onDragOver:this.handleDragOver,onDrop:e=>this.handleDrop(e,t)},0!==l.length||this.loading?u:r("div",{class:"transfer-empty"},r("ui-icon",{name:"inbox",library:"lucide",size:"2.5em"}),r("span",null,this.locale.notFoundContent||"No items available"))),r("div",{class:"transfer-list-footer"},this.pagination&&f>1?r("div",{class:"pagination-controls"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"1.2em",disabled:1===h||this.disabled,onClick:()=>"source"===t?this.sourcePage--:this.targetPage--,ariaLabel:"Previous page"}),r("span",{class:"pagination-info"},h," / ",f),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"1.2em",disabled:h===f||this.disabled,onClick:()=>"source"===t?this.sourcePage++:this.targetPage++,ariaLabel:"Next page"})):r("div",{class:"footer-summary"},this.getSelectionSummary(t)),r("slot",{name:`${t}-footer`})))}renderListView(t,e,i){const a="source"===i?this.sourceSearch:this.targetSearch;if(this.groupBy){const s={};return t.forEach((t=>{const e=t[this.groupBy]||"Other";s[e]||(s[e]=[]),s[e].push(t)})),Object.entries(s).map((([t,s])=>[r("div",{class:"transfer-group-header"},t),...s.map((t=>this.renderItem(t,e,i,a)))]))}return t.map((t=>this.renderItem(t,e,i,a)))}renderItem(t,e,i,s){return r("div",{class:{"transfer-item":!0,selected:e.has(t.key),disabled:!!t.disabled,"draggable-item":this.enableDrag,"transfer-item-new":this.newlyMovedKeys.has(t.key)},draggable:this.enableDrag&&!t.disabled&&!this.disabled,onDragStart:e=>this.handleDragStart(e,t,i),onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onContextMenu:e=>this.handleContextMenu(e,t,i),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"option","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false"},this.itemRenderer?r("div",{class:"transfer-item-custom",innerHTML:a(this.itemRenderer(t))}):r("div",{class:"transfer-item-content"},r("div",{class:"transfer-item-main"},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),r("div",{class:"transfer-item-text"},r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s)))),e.has(t.key)&&r("ui-icon",{name:"check",library:"lucide",size:"0.9em",class:"selected-check"})))}renderSkeleton(){return Array.from({length:5}).map((()=>r("div",{class:"transfer-item skeleton-item"},r("div",{class:"skeleton-line",style:{width:"60%"}}),r("div",{class:"skeleton-line",style:{width:"40%",marginTop:"6px"}}))))}renderTableView(t,e,i){return r("table",{class:"transfer-table"},r("thead",null,r("tr",null,this.columns.map((t=>r("th",null,t.title))))),r("tbody",null,t.map((t=>r("tr",{class:{selected:e.has(t.key),disabled:!!t.disabled},onClick:()=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"row","aria-selected":e.has(t.key)?"true":"false"},this.columns.map((e=>r("td",null,t[e.dataIndex]||t[e.dataIndex.toLowerCase()]||""))))))))}renderTreeView(t,e,i,a=0){const s="source"===i?this.sourceSearch:this.targetSearch;return t.map((t=>r("div",null,r("div",{class:{"transfer-item":!0,"tree-node":!0,selected:e.has(t.key),disabled:!!t.disabled},style:{paddingLeft:12+20*a+"px"},onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"treeitem","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false","aria-level":a+1},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.1em"})),r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s))),t.children&&t.children.length>0&&r("div",{class:"tree-children"},this.renderTreeView(t.children,e,i,a+1)))))}};s.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;width:100%;--tl-radius:12px;--tl-shadow:0 4px 12px rgba(0, 0, 0, 0.05);--tl-active-gradient:linear-gradient(135deg, var(--ui-color-primary) 0%, #6366f1 100%);--tl-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.transfer-container{display:flex;background:var(--ui-bg-default, var(--bg-primary, #ffffff));border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--ui-radius-lg, 12px);overflow:hidden;box-shadow:var(--ui-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));height:auto;min-height:200px;position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:var(--ui-font-family, inherit)}.transfer-container.is-vertical{flex-direction:column}.transfer-container.is-vertical .transfer-section{flex:1;border:none}.transfer-container.is-vertical .transfer-controls{flex-direction:row;padding:10px;border-top:1px solid var(--ui-border-default);border-bottom:1px solid var(--ui-border-default)}.transfer-container.is-vertical .control-buttons{flex-direction:row}.transfer-section{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.transfer-list-box{flex:1;border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--tl-radius);overflow:hidden;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));display:flex;flex-direction:column;box-shadow:var(--tl-shadow);transition:var(--tl-transition)}.transfer-list-box:focus-within{border-color:var(--ui-color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), 0 8px 24px rgba(0, 0, 0, 0.08)}.transfer-list-header{padding:14px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ui-text-primary, var(--text-primary, #111827))}.header-actions{display:flex;gap:8px;margin-right:4px}.action-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--ui-text-secondary);border-radius:4px;display:flex;align-items:center;transition:all 0.2s}.action-btn:hover{background:rgba(0, 0, 0, 0.05);color:var(--ui-color-primary)}.header-title{flex:1;font-weight:700;letter-spacing:-0.01em}.header-count{font-size:11px;font-weight:600;color:var(--ui-text-secondary, var(--text-muted, #6b7280));background:rgba(0, 0, 0, 0.05);padding:2px 8px;border-radius:10px;transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.header-count.pop-anim{transform:scale(1.4);background:var(--ui-color-primary);color:var(--text-standard, #ffffff)}.transfer-search{padding:12px;border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-search input{width:100%;padding:8px 12px;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));border-radius:8px;font-size:13px;outline:none;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));color:var(--ui-text-primary);transition:var(--tl-transition)}.transfer-search input:focus{border-color:var(--ui-color-primary);background:var(--bg-primary, #ffffff)}.transfer-list-body{overflow-y:auto;padding:8px 0;flex:1;min-height:200px;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.1) transparent}.transfer-list-body::-webkit-scrollbar{width:6px}.transfer-list-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:10px}.transfer-item{padding:10px 16px;font-size:14px;cursor:pointer;transition:var(--tl-transition);user-select:none;display:flex;align-items:center;position:relative;gap:12px}.transfer-item:hover:not(.disabled){background:rgba(0, 0, 0, 0.02);transform:translateX(4px)}.transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary);font-weight:500}.transfer-item.selected::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tl-active-gradient)}.transfer-item.disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-item-main{display:flex;align-items:center;gap:12px;flex:1}.selected-check{color:var(--ui-color-primary);opacity:0.8}.transfer-group-header{padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ui-text-secondary);background:var(--ui-bg-muted);letter-spacing:0.05em;margin-top:8px;border-bottom:1px solid var(--ui-border-default)}.transfer-group-header:first-of-type{margin-top:0}.transfer-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.transfer-item-label{font-weight:500;color:var(--ui-text-primary)}.transfer-item-desc{font-size:12px;color:var(--ui-text-secondary);margin-top:1px}.transfer-empty{padding:40px 20px;text-align:center;color:var(--ui-text-muted, var(--text-muted, #9ca3af));font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.transfer-empty svg{opacity:0.3}.transfer-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;gap:12px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-left:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-right:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-controls.resizable-divider{width:32px;padding:0;cursor:col-resize}.transfer-controls.resizable-divider::after{content:"";position:absolute;width:4px;height:24px;background:var(--ui-border-default);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.transfer-controls.resizable-divider:hover::after{background:var(--ui-color-primary)}.transfer-controls.resizable-divider .control-buttons{pointer-events:auto}.control-buttons{display:flex;flex-direction:column;gap:8px}.transfer-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));border-radius:12px;cursor:pointer;transition:var(--tl-transition);color:var(--ui-text-secondary, var(--text-secondary, #4b5563));box-shadow:0 2px 6px rgba(0, 0, 0, 0.04)}.transfer-button:hover:not(:disabled){border-color:var(--ui-color-primary);color:var(--ui-color-primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.transfer-button:active:not(:disabled){transform:scale(0.95)}.transfer-button:disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-reorder{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:2px dashed var(--ui-border-default, var(--border-default, #e5e7eb))}.transfer-list-footer{border-top:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));padding:10px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));display:flex;justify-content:center}.transfer-item.draggable-item{cursor:grab}.transfer-item.draggable-item:active{cursor:grabbing}.transfer-item.dragging{opacity:0.4;border:1px dashed var(--ui-color-primary);transform:scale(0.98)}.transfer-table{width:100%;border-collapse:collapse;font-size:13px}.transfer-table th{text-align:left;padding:10px 16px;background:var(--ui-bg-muted);color:var(--ui-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.05em}.transfer-table td{padding:10px 16px;border-bottom:1px solid var(--ui-border-default);color:var(--ui-text-primary)}.transfer-table tr{cursor:pointer;transition:all 0.2s}.transfer-table tr:hover:not(.disabled){background:rgba(0, 0, 0, 0.02)}.transfer-table tr.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary)}.transfer-table tr.selected td{font-weight:500;color:var(--ui-color-primary)}.tree-children{margin-left:20px;border-left:1.5px dashed var(--ui-border-default)}.tree-node:hover{background:rgba(0, 0, 0, 0.015)}mark.search-highlight{background:rgba(254, 240, 138, 0.8);color:var(--color-danger, #854d0e);padding:0 2px;border-radius:2px}@keyframes itemFly{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.transfer-item-new{animation:itemPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}@keyframes itemPop{0%{transform:scale(0.9);opacity:0;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05)}100%{transform:scale(1);opacity:1;background:transparent}}:host([variant=glass]) .transfer-list-box{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);border-color:rgba(255, 255, 255, 0.3)}[data-theme=dark] .transfer-list-box,:host-context(.dark-theme) .transfer-list-box{background:var(--bg-secondary, #111827);border-color:var(--border-default, #374151)}[data-theme=dark] .transfer-list-header,[data-theme=dark] .transfer-list-footer,:host-context(.dark-theme) .transfer-list-header,:host-context(.dark-theme) .transfer-list-footer{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}[data-theme=dark] .header-count,:host-context(.dark-theme) .header-count{background:rgba(255, 255, 255, 0.1);color:var(--text-muted, #9ca3af)}[data-theme=dark] .transfer-search input,:host-context(.dark-theme) .transfer-search input{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-item,:host-context(.dark-theme) .transfer-item{color:var(--bg-secondary, #d1d5db)}[data-theme=dark] .transfer-item:hover:not(.disabled),:host-context(.dark-theme) .transfer-item:hover:not(.disabled){background:rgba(255, 255, 255, 0.03)}[data-theme=dark] .transfer-item.selected,:host-context(.dark-theme) .transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);color:var(--color-primary, #60a5fa)}[data-theme=dark] .transfer-button,:host-context(.dark-theme) .transfer-button{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-button:disabled,:host-context(.dark-theme) .transfer-button:disabled{background:var(--bg-secondary, #111827)}[data-theme=dark] .tree-children,:host-context(.dark-theme) .tree-children{border-left-color:var(--border-default, #374151)}';export{s as ui_transfer_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,a as o,h as e,H as a}from"./p-DUsoYu9r.js";import{s as r}from"./p-D2WzX6vR.js";import{F as s}from"./p-BSQ8klD4.js";const n=new class{_items=[];_outer=null;_row=null;_menuBtn=null;_menuPanel=null;_menuList=null;_menuOpen=!1;_originals=new Map;_moving=new Set;_injectStyles(){if(document.getElementById("db-tray-dynamic-styles"))return;const i=document.createElement("style");i.id="db-tray-dynamic-styles",i.textContent="\n #db-tray-dock { position: fixed; bottom: 0; left: 0; right: 0; height: 52px; z-index: 1000000; pointer-events: none; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }\n #db-tray-bar { max-width: 95vw; 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(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: none; box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.6); }\n #db-tray-bar .db-dock-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; flex: 1; min-width: 0; overflow-x: hidden; scroll-behavior: smooth; justify-content: center; }\n #db-tray-bar .db-dock-row::-webkit-scrollbar { display: none; }\n .db-dock-arrow { display: flex; align-items: center; justify-content: center; width: 36px; background: transparent; border: none; cursor: pointer; color: #fff; opacity: 0; pointer-events: none; transition: all 0.2s; font-size: 20px; }\n .db-dock-arrow.visible { opacity: 1; pointer-events: auto; }\n #db-dock-menu-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; background: rgba(255, 255, 255, 0.05); margin: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; color: #fff; transition: all 0.2s; min-width: 64px; }\n #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; }\n .ui-tray-tab { min-width: 160px; max-width: 300px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 32px; gap: 12px; cursor: pointer; border-right: 1px solid rgba(255,255,255,0.1); transition: all 0.2s; color: #fff !important; }\n .ui-tray-tab * { color: #fff !important; }\n .ui-tray-tab:hover { background: rgba(255,255,255,0.08); }\n .ui-tray-tab .tab-label { font-size: 13.5px; font-weight: 600; color:red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; margin: 0 4px; }\n .ui-tray-btn { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; border: none; background: rgba(255,255,255,0.12); cursor: pointer; }\n .ui-tray-btn:hover { background: #ef4444; }\n ",document.head.appendChild(i)}_ensureDock(){if(this._outer)return;this._injectStyles();const i=document.createElement("div");i.id="db-tray-dock",Object.assign(i.style,{position:"fixed",bottom:"0",left:"0",right:"0",zIndex:"1000000",display:"none",pointerEvents:"none"});const t=document.createElement("div");t.id="db-tray-bar";const o=document.createElement("button");o.className="db-dock-arrow db-dock-arrow-left",o.textContent="‹";const e=document.createElement("div");e.className="db-dock-row";const a=document.createElement("button");a.className="db-dock-arrow db-dock-arrow-right",a.textContent="›";const r=document.createElement("button");r.id="db-dock-menu-btn";const s=document.createElement("span");s.textContent="☰";const n=document.createElement("span");n.className="db-badge",n.textContent="0",r.append(s,n),t.append(o,e,a,r),i.appendChild(t),document.body.appendChild(i);const d=document.createElement("div");d.id="db-tray-overlay";const l=document.createElement("div");l.id="db-tray-menu-panel",Object.assign(l.style,{position:"fixed",zIndex:"1000003",display:"none"});const p=document.createElement("div");p.id="db-tray-menu-hdr",p.textContent="Minimized Windows";const h=document.createElement("div");h.id="db-tray-menu-list",l.append(p,h),document.body.append(d,l),o.onclick=()=>{e.scrollLeft-=180},a.onclick=()=>{e.scrollLeft+=180},r.onclick=()=>{this._menuOpen?this._closeMenu():this._openMenu()},d.onclick=()=>this._closeMenu();const c=()=>{o.classList.toggle("visible",e.scrollLeft>5),a.classList.toggle("visible",e.scrollLeft<e.scrollWidth-e.clientWidth-5)};e.onscroll=c,window.ResizeObserver&&new ResizeObserver(c).observe(e),this._outer=i,this._row=e,this._menuBtn=r,this._menuPanel=l,this._menuList=h}_openMenu(){if(!this._menuBtn||!this._menuPanel)return;this._menuOpen=!0,this._syncMenu();const i=this._menuBtn.getBoundingClientRect(),t=this._menuPanel;t.style.display="flex";const o=t.getBoundingClientRect();t.style.left=i.right-o.width+"px",t.style.top=i.top-o.height-12+"px",t.classList.add("open"),document.getElementById("db-tray-overlay")?.classList.add("open")}_closeMenu(){this._menuOpen=!1,this._menuPanel?.classList.remove("open"),document.getElementById("db-tray-overlay")?.classList.remove("open")}_syncMenu(){if(!this._menuList||!this._menuBtn)return;const i=this.minimized(),t=this._menuBtn.querySelector(".db-badge");for(t&&(t.textContent=String(i.length));this._menuList.firstChild;)this._menuList.removeChild(this._menuList.firstChild);if(!i.length){const i=document.createElement("div");i.style.cssText="padding:16px;font-size:11px;color:#666;text-align:center;",i.textContent="No minimized windows",this._menuList.appendChild(i)}i.forEach((i=>{const t=document.createElement("div");t.className="db-mi";const o=document.createElement("span");o.className=`db-mi-dot ${i.status}`;const e=document.createElement("span");e.className="db-mi-label",e.textContent=i.dockLabel||i.dialogTitle||"Dialog",t.append(o,e),t.onclick=()=>{this.openPeekFor(i),this._closeMenu()},this._menuList?.appendChild(t)}))}openPeekFor(i){const t=i._dockPeek;this.minimized().forEach((i=>i._dockPeek=!1)),t?i.restore():i._dockPeek=!0,this._syncMenu(),requestAnimationFrame((()=>i.el.scrollIntoView({behavior:"smooth",inline:"center"})))}register(i){this._items.includes(i)||(this._items.push(i),this._reflow())}unregister(i){this._moving.has(i)||(this._originals.forEach(((t,o)=>{o===i&&this._row&&i.el.parentElement===this._row&&(t.parent.insertBefore(i.el,t.nextSibling),this._originals.delete(i))})),this._items=this._items.filter((t=>t!==i)),this._reflow())}minimized(){return this._items.filter((i=>i.minimized&&i.open))}inTray(){return this.minimized().filter((i=>!i._dockPeek))}reflow(){this._reflow()}get(){return this}getAll(){return this._items}getMinimized(){return this.minimized()}_reflow(){const i=this.minimized(),t=this.inTray();i.length>0&&this._ensureDock();const o=this._row;o&&(t.forEach((i=>{if(i.el.parentElement!==o){const t=i.el.parentNode;t&&t!==o?this._originals.set(i,{parent:t,nextSibling:i.el.nextSibling}):this._originals.has(i)||this._originals.set(i,{parent:document.body,nextSibling:null}),this._moving.add(i),o.appendChild(i.el),this._moving.delete(i)}})),this._originals.forEach(((i,e)=>{t.includes(e)||e.el.parentElement!==o||(i.nextSibling&&i.nextSibling.parentNode===i.parent?i.parent.insertBefore(e.el,i.nextSibling):i.parent.appendChild(e.el),this._originals.delete(e))})),this._outer&&(this._outer.style.display=i.length>0?"flex":"none"),this._syncMenu())}},d=class{constructor(o){i(this,o),this.dialogClosed=t(this,"dialogClosed"),this.undo=t(this,"undo"),this.redo=t(this,"redo"),this.dialogOpened=t(this,"dialogOpened"),this.toastRequest=t(this,"toastRequest"),this.auditLog=t(this,"auditLog"),this.beforeOpen=t(this,"beforeOpen"),this.openStarted=t(this,"openStarted"),this.afterOpen=t(this,"afterOpen"),this.beforeCloseEvent=t(this,"beforeCloseEvent"),this.closeStarted=t(this,"closeStarted"),this.afterClose=t(this,"afterClose"),this.menuAction=t(this,"menuAction"),this.ok=t(this,"ok"),this.cancel=t(this,"cancel"),this.dialogReset=t(this,"dialogReset"),this.dialogMaximized=t(this,"dialogMaximized"),this.dialogMinimized=t(this,"dialogMinimized"),this.menu=t(this,"menu")}_defaultDialogTitle="";_defaultOkText="";get el(){return o(this)}_restoredLayout=void 0;_isShaking=!1;_sessionTimedOut=!1;open=!1;dialogTitle="";subtitle="";maximized=!1;minimized=!1;width="500px";height="auto";headerImage;icon="";avatar="";showMaximize=!1;showMinimize=!1;showClose=!0;showMenu=!1;menuIcon="more-horizontal";menuTitle="Menu";showHeader=!0;showFooter=!0;variant="outlined";status="default";backdrop="default";scrollArea="paper";type="modal";promptLabel="";promptPlaceholder="";promptType="text";promptInitialValue="";sessionTimeout=60;autoSubmitOnTimeout=!1;position="center";size="md";density="cozy";closeOnBackdrop=!0;closeOnEsc=!0;isDraggable=!1;resizable=!1;steps=0;currentStep=1;_currentStep=1;currentStepChanged(i){this._currentStep=i}globalBlur=!1;layout="default";showToolbar=!1;showStatusBar=!1;snapToEdges=!0;loading=!1;shortcuts=!0;dirty=!1;animationDuration=250;initialFocus;allowPopOut=!1;starred=!1;dockLabel="";confirmationText="";promptValue="";isConfirmed=!1;_sessionTimeLeft=0;_termsScrolled=!1;headerSize="md";headerColor;bordered=!1;okText;buttonSet="custom";cancelText;portal=!1;okLoading=!1;okDisabled=!1;resetText;cancelDisabled=!1;_resolveButtons(){const i={"ok-cancel":{ok:"OK",cancel:"Cancel",reset:""},"yes-no":{ok:"Yes",cancel:"No",reset:""},"yes-no-cancel":{ok:"Yes",cancel:"Cancel",reset:"No"},"save-discard":{ok:"Save",cancel:"Discard",reset:""},"retry-cancel":{ok:"Retry",cancel:"Cancel",reset:""},custom:{ok:"",cancel:"",reset:""}},t=i[this.buttonSet]??i.custom;return{okLabel:this.okText??t.ok,cancelLabel:this.cancelText??t.cancel,resetLabel:this.resetText??t.reset}}fullscreenOnMobile=!0;keepMounted=!1;animation="scale";returnFocus=!0;zIndex=1e4;minWidth;minHeight;maxWidth;maxHeight;remember=!1;swipeToClose=!1;confetti=!1;glass=!1;backgroundColor="white";progress=-1;isNested=!1;sensitive=!1;autoClose=0;timeout=0;sound=!1;haptics=!1;permissions=[];debug=!1;beforeClose;iconLibrary="default";titleTag="h3";iconPosition="left";dialogClosed;undo;redo;dialogOpened;toastRequest;auditLog;beforeOpen;openStarted;afterOpen;beforeCloseEvent;closeStarted;afterClose;menuItems=[];menuAction;ok;cancel;dialogReset;dialogMaximized;dialogMinimized;menu;dragStartX=0;dragStartY=0;isDragging=!1;dragAnchored=!1;isClosing=!1;snappedEdge="none";subOverlay=null;minimizedToDock=!1;_dockPeek=!1;_autoCloseTimer=null;resultResolver;resultRejecter;returnValue=null;lastPosition=null;isResizing=!1;resizeStartX=0;resizeStartY=0;initialWidth=0;initialHeight=0;initialLeft=0;initialTop=0;dialogElement;backdropElement;minimizedChanged(i){i?(this._dockPeek=!1,this.dialogElement&&(this.lastPosition={left:this.dialogElement.style.left,top:this.dialogElement.style.top,transform:this.dialogElement.style.transform,position:this.dialogElement.style.position,margin:this.dialogElement.style.margin}),this.unlockScroll(),this.focusTrap&&this.focusTrap.deactivate(),n.reflow(),this.dialogMinimized.emit({minimized:!0})):(this._dockPeek=!1,n.reflow(),this.dialogMinimized.emit({minimized:!1}),requestAnimationFrame((()=>{this.lastPosition&&this.dialogElement?Object.assign(this.dialogElement.style,this.lastPosition):this.remember&&this.el.id&&this.loadLayout(),this.initFocusTrap()})))}onDockPeekChange(i){i?document.addEventListener("pointerdown",this._onDocPeekOutside,!0):document.removeEventListener("pointerdown",this._onDocPeekOutside,!0),n.reflow()}_onDocPeekOutside=i=>{i.composedPath().includes(this.el)||(this._dockPeek=!1)};focusTrap;ignoreBackdropClick=!1;componentWillLoad(){this._currentStep=this.currentStep,this.isNested=!!this.el.parentElement?.closest("ui-dialog-box"),this._defaultDialogTitle="",this._defaultOkText="","delete"===this.type?(this._defaultDialogTitle="Confirm Deletion",this._defaultOkText="Delete",this.headerColor="#fee2e2",this.bordered=!0):"session"===this.type?(this._defaultDialogTitle="Session Timeout",this._defaultOkText="Extend Session"):"terms"===this.type&&(this._defaultDialogTitle="Terms & Conditions",this._defaultOkText="Accept & Continue",this.scrollArea="paper");const i=n.get().getAll().filter((i=>i.open)).length;1e4===this.zIndex&&(this.zIndex=1e4+10*i),"true"!==this.el.getAttribute("draggable")||this.isDraggable||(this.isDraggable=!0),this.remember&&this.el.id&&this.loadLayout()}connectedCallback(){n.register(this)}disconnectedCallback(){n.unregister(this)}componentDidLoad(){this.open&&(this.lockScroll(),this.initFocusTrap(),this.portal&&document.body.appendChild(this.el))}saveLayout(){if(!this.el.id||!this.dialogElement)return;const i=this.dialogElement.getBoundingClientRect(),t={left:i.left,top:i.top,width:i.width,height:i.height,maximized:this.maximized};this._restoredLayout=t,localStorage.setItem(`ui-dialog-layout-${this.el.id}`,JSON.stringify(t))}loadLayout(){if(!this.el.id)return;const i=localStorage.getItem(`ui-dialog-layout-${this.el.id}`);if(i)try{const t=JSON.parse(i);t.maximized?this.maximized=!0:(this._restoredLayout=t,t.width&&(this.width=`${t.width}px`),t.height&&(this.height=`${t.height}px`))}catch(i){}}async openChanged(i){if(i){if("function"==typeof this.beforeOpen?.emit){const{defaultPrevented:i}=this.beforeOpen.emit();if(i)return void(this.open=!1)}this.isClosing=!1,this.openStarted.emit(),this.handleDialogClick(),this.remember&&this.el.id&&this.loadLayout(),this.lockScroll(),this.permissions&&this.permissions.length>0&&this.auditLog.emit({action:"permission_check",timestamp:Date.now(),metadata:{required:this.permissions}}),"prompt"===this.type&&(this.promptValue=this.promptInitialValue),this.dialogOpened.emit(),this.auditLog.emit({action:"dialog_open",timestamp:Date.now()});const i=this.autoClose||this.timeout;i>0&&(this._autoCloseTimer&&clearTimeout(this._autoCloseTimer),this._autoCloseTimer=setTimeout((()=>this.hide("timeout")),i)),this.sound&&this.auditLog.emit({action:"sound_feedback",timestamp:Date.now()}),"session"===this.type&&this.startSessionTimer(),"terms"===this.type&&(this._termsScrolled=!1),requestAnimationFrame((()=>{setTimeout((()=>{this.minimized||(this.initFocusTrap(),this.autoFocusFirstElement()),this.globalBlur&&this.updateBodyBlur(),this.confetti&&this.triggerConfetti(),this.afterOpen.emit()}),50)}))}else this.isClosing||await this.hide("programmatic");n.reflow()}updateBodyBlur(){this.globalBlur&&this.open?document.body.classList.add("dialog-blur-active"):document.body.classList.remove("dialog-blur-active")}initFocusTrap(){this.dialogElement&&(this.focusTrap||(this.focusTrap=new s(this.dialogElement,{returnFocus:this.returnFocus,escapeDeactivates:!1,clickOutsideDeactivates:!1})),this.focusTrap.activate())}autoFocusFirstElement(){if(!this.dialogElement)return;if(this.initialFocus){const i=this.dialogElement.querySelector(this.initialFocus);if(i)return void i.focus()}const i=this.dialogElement.querySelector("[autofocus]")||this.dialogElement.querySelector("input:not([disabled]), textarea:not([disabled]), select:not([disabled]), .ui-dialog-btn-ok");i&&i.focus()}lockScroll(){"body"!==this.scrollArea&&(document.body.style.overflow="hidden")}unlockScroll(){document.body.style.overflow=""}async openDialog(){return this.open=!0,new Promise((i=>{this.resultResolver=t=>i(!!t)}))}async showWithResult(){return this.returnValue=null,this.open=!0,new Promise((i=>{this.resultResolver=t=>i({data:t,canceled:!1}),this.resultRejecter=()=>i({data:null,canceled:!0})}))}async setReturnValue(i){this.returnValue=i}async show(){this.returnValue=null,this.open=!0}async hide(i="programmatic"){if((this.resultResolver||this.resultRejecter)&&(this.resultRejecter&&this.resultRejecter("Closed"),this.resultResolver=void 0,this.resultRejecter=void 0),this.dirty&&!this.subOverlay?.visible)return void this.showConfirmation("Unsaved Changes","You have unsaved changes. Are you sure you want to close?",(()=>{this.dirty=!1,this.hide(i)}));const{defaultPrevented:t}=this.beforeCloseEvent.emit({source:i});if(!t){if(this.beforeClose&&!1===await this.beforeClose())return;this.isClosing=!0,this.closeStarted.emit(),this.stopSessionTimer(),this.focusTrap&&this.focusTrap.deactivate(),setTimeout((()=>{this.open=!1,this.isClosing=!1,this.unlockScroll(),this.updateBodyBlur(),this.dialogClosed.emit(),this.el.isConnected&&this.afterClose.emit()}),this.animationDuration)}}async maximize(){this.maximized=!this.maximized,this.maximized&&(this.minimized=!1),this.remember&&this.saveLayout(),this.dialogMaximized.emit({maximized:this.maximized})}async showConfirmation(i,t,o){this.subOverlay={visible:!0,title:i,message:t,onConfirm:o}}static async cascade(){n.get().getAll().filter((i=>i.open&&!i.minimized)).forEach(((i,t)=>{i.dialogElement.style.left=50+30*t+"px",i.dialogElement.style.top=50+30*t+"px",i.dialogElement.style.margin="0",i.dialogElement.style.position="fixed",i.remember&&i.saveLayout()}))}static async tile(){const i=n.get().getAll().filter((i=>i.open&&!i.minimized));if(0===i.length)return;const t=Math.ceil(Math.sqrt(i.length)),o=Math.ceil(i.length/t),e=window.innerWidth/t,a=window.innerHeight/o;i.forEach(((i,o)=>{const r=Math.floor(o/t);i.dialogElement.style.left=o%t*e+"px",i.dialogElement.style.top=r*a+"px",i.dialogElement.style.width=`${e}px`,i.dialogElement.style.height=`${a}px`,i.dialogElement.style.margin="0",i.dialogElement.style.position="fixed",i.remember&&i.saveLayout()}))}async popOut(){const i=window.open("","_blank","width=600,height=400");i&&(i.document.title=this.dialogTitle||"DreamUI Detached Window",i.document.body.innerHTML=r(this.el.innerHTML),document.querySelectorAll('style, link[rel="stylesheet"]').forEach((t=>{i.document.head.appendChild(t.cloneNode(!0))})),this.hide())}async minimize(){this.minimized=!this.minimized,this.minimized?(this._dockPeek=!1,this.minimizedToDock=!0):this.restore(),this.dialogMinimized.emit({minimized:this.minimized})}async restore(){this.minimized=!1,this.maximized=!1,this._dockPeek=!1,this.minimizedToDock=!1,this.remember&&setTimeout((()=>this.loadLayout()),50),this.dialogMinimized.emit({minimized:!1}),this.dialogMaximized.emit({maximized:!1}),n.reflow()}handleMenu=i=>{let t=this.menuItems;if("string"==typeof t)try{t=JSON.parse(t)}catch(i){}if(t&&Array.isArray(t)&&t.length>0)return i.stopPropagation(),void this.openContextMenu(i);this.menu.emit(i.detail)};openContextMenu(i,t){let o=document.getElementById(`ctx-menu-${this.el.id}`);o||(o=document.createElement("ui-context-menu"),o.id=`ctx-menu-${this.el.id}`,o.style.zIndex=(this.zIndex+10).toString(),document.body.appendChild(o),o.addEventListener("menuItemClick",(i=>{const t=i.detail;this.menuAction.emit(t),this.menu.emit(t),t&&t.item&&t.item.id&&("close"===t.item.id&&this.hide(),"minimize"===t.item.id&&this.minimize(),"maximize"===t.item.id&&this.maximize())})));const e=t?JSON.stringify(t):"string"==typeof this.menuItems?this.menuItems:JSON.stringify(this.menuItems);let a;if(o.items=e,i.detail&&i.detail.trigger)a=i.detail.trigger.getBoundingClientRect();else if(i.detail&&i.detail.originalEvent&&i.detail.originalEvent.target)a=i.detail.originalEvent.target.getBoundingClientRect();else{const i=this.el.shadowRoot?.querySelector("ui-dialog-header"),t=i?.shadowRoot?.querySelector(".dialog-btn-menu")||i?.querySelector(".dialog-btn-menu");a=t?t.getBoundingClientRect():this.dialogElement.getBoundingClientRect()}a&&o.openAt({x:a.left,y:a.bottom+5})}collectFormValues(){const i={},t=new Set,o=e=>{if(!e||"string"!=typeof e.tagName)return;const a=e.tagName.toUpperCase(),r=e;if(r.name&&("INPUT"===a||"SELECT"===a||"TEXTAREA"===a)){const o=e,a=(o.type||"").toLowerCase();"checkbox"===a?(i[r.name]||(i[r.name]=[]),o.checked&&i[r.name].push(o.value)):"radio"===a?o.checked&&(i[r.name]=o.value):"submit"===a||"button"===a||"reset"===a||(i[r.name]=r.value),t.add(r.name)}if(e.children)for(const i of Array.from(e.children))o(i)};return o(this.el),0===t.size&&this.el.shadowRoot&&o(this.el.shadowRoot),t.size>0?i:null}_sessionInterval;startSessionTimer(){this._sessionTimeLeft=this.sessionTimeout,clearInterval(this._sessionInterval),this._sessionInterval=setInterval((()=>{this._sessionTimeLeft--,this._sessionTimeLeft<=0&&(clearInterval(this._sessionInterval),this._sessionTimedOut=!0,this.dialogTitle="Session Expired",this.status="error",this.autoSubmitOnTimeout&&this.handleOk())}),1e3)}stopSessionTimer(){clearInterval(this._sessionInterval)}handleTermsScroll=i=>{if("terms"!==this.type||this._termsScrolled)return;const t=i.target;t.scrollHeight-t.scrollTop<=t.clientHeight+20&&(this._termsScrolled=!0)};handleOk=()=>{!this.sensitive||this.subOverlay?.visible?(this.haptics&&window.navigator.vibrate&&window.navigator.vibrate(50),this.resultResolver?(null===this.returnValue&&(this.returnValue=this.collectFormValues()),this.ok.emit(this.returnValue),this.resultResolver(this.returnValue),this.resultResolver=void 0,this.resultRejecter=void 0):this.ok.emit(this.returnValue),this.hide()):this.showConfirmation("Sensitive Action","This action has security implications. Are you sure you want to proceed?",(()=>{this.sensitive=!1,this.handleOk()}))};async submit(i){void 0!==i&&(this.returnValue=i),this.handleOk()}async cancelDialog(){this.handleCancel()}handleCancel=()=>{this.resultRejecter&&(this.resultRejecter(),this.resultRejecter=void 0,this.resultResolver=void 0),this.cancel.emit(),this.hide()};handleReset=()=>{this.auditLog.emit({action:"reset_clicked",timestamp:Date.now()}),this.dialogReset.emit()};handleGlobalShortcuts(i){if(this.open&&this.shortcuts)if(i.ctrlKey&&"Enter"===i.key&&this.okText)this.handleOk();else if("Enter"===i.key&&this.okText){const t=i.target;["INPUT","SELECT"].includes(t.tagName)&&!t.classList.contains("no-submit")&&this.handleOk()}}handleBackdropClick=i=>{this.ignoreBackdropClick||("default"===this.backdrop&&i.target===this.backdropElement?this.hide():"static"===this.backdrop&&i.target===this.backdropElement&&(i.preventDefault(),i.stopPropagation(),this._isShaking=!0,setTimeout((()=>{this._isShaking=!1}),400)))};handleKeyDown(i){this.minimized||"Escape"===i.key&&this.open&&this.closeOnEsc&&this.hide("esc")}handleDialogClick=()=>{requestAnimationFrame((()=>{const i=n.get().getAll().filter((i=>i.open)).sort(((i,t)=>i.zIndex-t.zIndex)),t=i.length>0?i[i.length-1].zIndex:1e4;this.zIndex<=t&&(this.zIndex=t+1)}))};handlePointerDown=i=>{if(this.handleDialogClick(),this.maximized||!this.isDraggable||this.minimized)return;const t=i.composedPath();if(t.some((i=>i instanceof HTMLElement&&(["BUTTON","INPUT","TEXTAREA","SELECT","A","UI-ICON"].includes(i.tagName)||i.classList.contains("dialog-btn")))))return;const o=this.dialogElement.querySelector("ui-dialog-header");if(!t.some((i=>i===o||i instanceof HTMLElement&&"ui-dialog-header"===i.localName)))return;i.preventDefault(),i.stopPropagation(),this.isDragging=!0,this.dragAnchored=!1,this.dragStartX=i.clientX,this.dragStartY=i.clientY;const e=this.dialogElement.getBoundingClientRect();if(this.initialLeft=e.left,this.initialTop=e.top,this.dragStartX=i.clientX,this.dragStartY=i.clientY,this.dialogElement.setPointerCapture)try{this.dialogElement.setPointerCapture(i.pointerId)}catch(i){}document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp),document.body.style.userSelect="none",document.body.style.cursor="grabbing"};checkSnapping=(i,t)=>{const o=window.innerWidth,e=window.innerHeight;this.snappedEdge=i<50?"left":i>o-50?"right":t<50?"top":t>e-50?"bottom":"none"};handlePointerMove=i=>{if(this.dialogElement)if(this.isDragging){const t=i.clientX-this.dragStartX,o=i.clientY-this.dragStartY;if(!this.dragAnchored){if(Math.abs(t)<5&&Math.abs(o)<5)return;this.dragAnchored=!0,this.dialogElement.style.margin="0",this.dialogElement.style.position="fixed",this.dialogElement.style.left=`${this.initialLeft}px`,this.dialogElement.style.top=`${this.initialTop}px`,this.dialogElement.style.transform="none",this.dialogElement.style.width=`${this.dialogElement.offsetWidth}px`,this.dialogElement.classList.add("is-dragging")}this.dialogElement.style.left=`${this.initialLeft+t}px`,this.dialogElement.style.top=`${this.initialTop+o}px`,this.snapToEdges&&this.checkSnapping(i.clientX,i.clientY)}else if(this.isResizing){let t=this.initialWidth+(i.clientX-this.resizeStartX),o=this.initialHeight+(i.clientY-this.resizeStartY);const e=i=>i?parseInt(i,10):null;this.minWidth&&(t=Math.max(t,e(this.minWidth)||0)),this.minHeight&&(o=Math.max(o,e(this.minHeight)||0)),this.maxWidth&&(t=Math.min(t,e(this.maxWidth)||9999)),this.maxHeight&&(o=Math.min(o,e(this.maxHeight)||9999)),this.dialogElement.style.width=`${t}px`,this.dialogElement.style.height=`${o}px`}};handlePointerUp=i=>{if(!this.dialogElement)return this.isDragging=!1,void(this.isResizing=!1);if(this.isDragging&&this.dialogElement.releasePointerCapture)try{this.dialogElement.releasePointerCapture(i.pointerId)}catch(i){}if(this.isResizing&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch(i){}if((this.isDragging||this.isResizing)&&(this.ignoreBackdropClick=!0,setTimeout((()=>{this.ignoreBackdropClick=!1}),100)),this.isDragging&&this.snapToEdges&&"none"!==this.snappedEdge&&this.maximize(),this.isDragging&&(document.body.style.userSelect="",document.body.style.cursor=""),this.isDragging&&this.dragAnchored&&this.dialogElement){const i=this.dialogElement.getBoundingClientRect();this.dialogElement.style.left=`${i.left}px`,this.dialogElement.style.top=`${i.top}px`,this.dialogElement.style.transform="none"}this.isDragging=!1,this.dragAnchored=!1,this.isResizing=!1,this.snappedEdge="none",this.remember&&this.saveLayout(),!this.swipeToClose||this.isResizing||this.isDragging||Math.abs(i.clientX-this.dragStartX)>150&&this.hide(),document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)};handleResizePointerDown=i=>{if(!this.resizable||this.maximized)return;i.stopPropagation(),i.preventDefault(),this.isResizing=!0,this.resizeStartX=i.clientX,this.resizeStartY=i.clientY;const t=this.dialogElement.getBoundingClientRect();this.initialWidth=t.width,this.initialHeight=t.height,this.dialogElement.style.margin="0",this.dialogElement.style.position="fixed",this.dialogElement.style.left=`${t.left}px`,this.dialogElement.style.top=`${t.top}px`;try{i.target.setPointerCapture(i.pointerId)}catch(i){}document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp)};renderHeader(i=!1){if(!this.showHeader)return null;let t=this.cancelText;t||(t="session"===this.type?"Logout":"terms"===this.type?"Decline":this._resolveButtons().cancelLabel);let o=this.okText;o||(o=this._defaultOkText||this._resolveButtons().okLabel);let a=this.dialogTitle;return a||(a=this._defaultDialogTitle),e("ui-dialog-header",{part:"header",dialogTitle:a,subtitle:this.subtitle,showMinimize:!i&&this.showMinimize&&!this.maximized&&"messagebox"!==this.type,showMaximize:!i&&this.showMaximize&&"messagebox"!==this.type,showClose:this.showClose,showMenu:!i&&(this.showMenu||(Array.isArray(this.menuItems)?this.menuItems.length>0:!!this.menuItems)),menuItems:this.menuItems,menuIcon:this.menuIcon,menuTitle:this.menuTitle,titleTag:this.titleTag,iconPosition:this.iconPosition,type:this.type,variant:this.variant,status:this.status,icon:this.icon,avatar:this.avatar,onMinimize:i=>{i.stopImmediatePropagation(),this.minimize()},onMaximize:i=>{i.stopImmediatePropagation(),this.maximize()},onClose:i=>{i.stopImmediatePropagation(),this.hide("close-btn")},onMenu:i=>{i.stopImmediatePropagation(),this.handleMenu(i)},iconLibrary:this.iconLibrary,style:this.headerColor?{backgroundColor:this.headerColor,color:"#fff"}:{}},(this.headerImage||this.el.querySelector('[slot="header-icon"]'))&&e("div",{slot:"icon",style:{display:"flex",alignItems:"center",gap:"8px"}},this.headerImage&&e("img",{src:this.headerImage,alt:"",style:{width:"20px",height:"20px",borderRadius:"4px"}}),e("slot",{name:"header-icon"})),e("slot",{name:"title",slot:"title"}),e("slot",{name:"subtitle",slot:"subtitle"}),e("slot",{name:"header-actions",slot:"actions"}),e("slot",{name:"menu-list",slot:"menu-list"}),this.allowPopOut&&!i&&e("ui-button",{variant:"ghost",size:"sm",icon:"external-link",iconLibrary:this.iconLibrary,iconSize:"1.2em",ariaLabel:"Pop out Window",onClick:()=>this.popOut(),slot:"actions",part:"popout-btn"}))}renderStepper(){return!this.steps||("number"==typeof this.steps?this.steps<=0:this.steps.length<=0)?null:e("div",{class:"ui-dialog-stepper"},Array.from({length:"number"==typeof this.steps?this.steps:this.steps.length}).map(((i,t)=>e("div",{class:{"step-item":!0,active:this._currentStep===t+1,completed:this._currentStep>t+1}},e("div",{class:"step-dot"},t+1),Array.isArray(this.steps)&&e("div",{class:"step-label"},this.steps[t]),t<("number"==typeof this.steps?this.steps:this.steps.length)-1&&e("div",{class:"step-line"})))))}renderBodyContent(){return e("div",{class:{"ui-dialog-main-container":!0,"has-side-nav":"side-nav"===this.layout}},"side-nav"===this.layout&&e("div",{class:"ui-dialog-side-nav"},e("slot",{name:"side-nav"})),e("div",{class:{"ui-dialog-content-wrapper":!0,"type-messagebox":"messagebox"===this.type},part:"body",onScroll:this.handleTermsScroll},"session"===this.type&&e("div",{class:"ui-dialog-session-alert "+(this._sessionTimedOut?"is-timeout":"")},e("ui-icon",{name:this._sessionTimedOut?"log-out":"clock",library:"lucide"}),this._sessionTimedOut?e("div",{class:"timeout-content"},e("p",{style:{fontWeight:"600",color:"#ef4444",margin:"0 0 8px"}},"Due to inactivity, you have been logged out."),e("p",{style:{fontSize:"13px",color:"#666",margin:"0"}},"Please log in again to continue working on your tasks.")):e("span",null,"Session expiring in ",e("strong",null,this._sessionTimeLeft,"s"))),e("slot",{name:"body"},e("slot",null),"prompt"===this.type&&e("div",{class:"ui-dialog-prompt-container"},e("ui-input",{type:this.promptType,name:"prompt",class:"ui-dialog-prompt-input",value:this.promptValue,placeholder:this.promptPlaceholder,label:this.promptLabel,onInputChange:i=>{this.promptValue=i.detail,this.returnValue=this.promptValue},autofocus:!0,fullWidth:!0})))))}renderFooterContent(){if(!this.showFooter)return null;const{okLabel:i,cancelLabel:t,resetLabel:o}=this._resolveButtons();return i||t||o||this.confirmationText?e("ui-dialog-footer",{class:"ui-dialog-footer-wrapper",part:"footer"},e("div",{class:"footer-left"},this.confirmationText&&e("div",{class:"ui-dialog-confirmation"},e("ui-checkbox",{class:"confirmation-checkbox",checked:this.isConfirmed,label:this.confirmationText,onCheckboxChange:i=>{this.isConfirmed=i.detail.checked}})),e("slot",{name:"footer-left"})),e("div",{class:"footer-right",part:"footer-actions"},e("slot",{name:"actions"},o&&e("ui-button",{variant:"outline",size:"md",onButtonClick:this.handleReset},o),t&&e("ui-button",{variant:"outline",size:"md",onButtonClick:this.handleCancel,disabled:this.cancelDisabled},t),i&&e("ui-button",{variant:"default"===this.status||"info"===this.status?"primary":this.status,size:"md",onButtonClick:this._sessionTimedOut?()=>window.location.href="/login":this.handleOk,loading:this.okLoading,disabled:this.okDisabled||!!this.confirmationText&&!this.isConfirmed||"terms"===this.type&&!this._termsScrolled},this._sessionTimedOut?"Go to Login":i)),e("div",{class:"footer-custom-slot"},e("slot",{name:"footer"})))):null}render(){if(!this.open&&!this.isClosing&&!this.keepMounted)return null;if(this.minimized&&this.open&&!this._dockPeek)return e(a,{class:{minimized:!0,open:this.open}},e("div",{class:`ui-tray-tab status-${this.status} ${"glass"===this.variant?"variant-glass":""}`,onClick:()=>this.restore(),onDblClick:()=>this.restore(),title:`Click to Restore ${this.dialogTitle}`,style:{color:"#ffffff",display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",gap:"12px",height:"100%",width:"100%",minWidth:"100px",fontWeight:"600"}},this.icon&&e("ui-icon",{name:this.icon,color:"white",library:this.iconLibrary,size:"1rem",style:{flexShrink:"0"}}),e("span",{class:"tab-label",style:{color:"#ffffff",flex:"0 1 auto",whiteSpace:"nowrap"}},this.dockLabel||this.dialogTitle||"Dialog"),e("ui-button",{variant:"ghost",size:"sm",class:"ui-tray-btn",icon:"x",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Close",onClick:i=>{i.stopPropagation(),this.hide()}})));const i=!this.open&&!this.isClosing&&this.keepMounted,t="terms"===this.type&&"md"===this.size?"lg":this.size,o={"ui-dialog-box":!0,closing:this.isClosing,maximized:this.maximized,minimized:this.minimized,[`variant-${this.variant}`]:!0,[`status-${this.status}`]:"default"!==this.status,[`size-${t}`]:"custom"!==t,"scroll-paper":"paper"===this.scrollArea,"scroll-body":"body"===this.scrollArea,[`animation-${this.animation}`]:!0,"fullscreen-mobile":this.fullscreenOnMobile,"hidden-mounted":i,draggable:this.isDraggable,"is-dragging":this.isDragging,"loading-active":this.loading,"is-bordered":this.bordered,"is-nested":this.isNested,"debug-mode":this.debug,"glass-effect":this.glass||"glass"===this.variant,[`type-${this.type}`]:!0,[`density-${this.density}`]:!0,shake:this._isShaking},r={"--dialog-bg":this.backgroundColor||"white",backgroundColor:"var(--dialog-bg, #ffffff)"};this.maximized||("custom"!==t&&"500px"===this.width&&"auto"===this.height&&!this._restoredLayout||(this.width&&(r.width=this.width),this.height&&"body"!==this.scrollArea&&(r.height=this.height)),this._restoredLayout&&(r.position="fixed",r.margin="0",r.left=`${this._restoredLayout.left}px`,r.top=`${this._restoredLayout.top}px`));const s=this.el.id||`dialog-idx-${Math.random().toString(36).substr(2,5)}`,n=`position-${this.position}`;return e(a,{class:{open:this.open,minimized:this.minimized,"dock-peek":this._dockPeek}},this.minimized&&this._dockPeek&&e("div",{class:`ui-peek-panel variant-${this.variant} status-${this.status}`,onClick:i=>i.stopPropagation()},this.renderHeader(!0),e("div",{class:"ui-dialog-content-wrapper"},e("slot",{name:"body"},e("slot",null)))),(!this.minimized||this._dockPeek)&&e("div",{class:`ui-dialog-backdrop ${"none"===this.backdrop?"backdrop-none":""} ${"body"===this.scrollArea?"scroll-body-active":""} ${n} ${this.isClosing?"closing":""} ${this.glass?"glass-backdrop":""} ${i?"hidden-mounted":""}`,onClick:this.handleBackdropClick,part:"backdrop",ref:i=>this.backdropElement=i,style:{zIndex:`${this.zIndex}`}},e("div",{ref:i=>this.dialogElement=i,class:o,style:r,part:"panel",onPointerDown:this.handlePointerDown,tabIndex:-1,role:"dialog","aria-modal":"true",id:s},e("div",{class:"ui-dialog-box-container",onPointerUp:this.handlePointerUp},this.renderHeader(),this.showHeader&&e("div",{class:"ui-dialog-divider-line"}),this.progress>=0&&e("div",{class:"ui-dialog-progress-container",title:`Progress: ${this.progress}%`},e("div",{class:"ui-dialog-progress-bar",style:{width:`${this.progress}%`}})),this.renderStepper(),this.showToolbar&&e("div",{class:"ui-dialog-toolbar"},e("slot",{name:"toolbar"})),this.renderBodyContent(),this.showStatusBar&&e("div",{class:"ui-dialog-status-bar"},e("slot",{name:"status-bar"})),this.showFooter&&e("div",{class:"ui-dialog-divider-line"}),this.renderFooterContent(),this.resizable&&!this.maximized&&e("div",{class:"resize-handle",onPointerDown:this.handleResizePointerDown}),this.subOverlay?.visible&&e("div",{class:"ui-dialog-sub-overlay"},e("div",{class:"sub-overlay-card"},e("h4",null,this.subOverlay.title),e("p",null,this.subOverlay.message),e("div",{class:"sub-overlay-actions"},e("ui-button",{variant:"outline",onButtonClick:()=>this.subOverlay=null},"Cancel"),e("ui-button",{variant:"primary",onButtonClick:()=>{this.subOverlay.onConfirm(),this.subOverlay=null}},"Confirm"))))))))}triggerConfetti(){const i={origin:{y:.7},zIndex:this.zIndex+10};function t(t,o){window.confetti&&window.confetti(Object.assign({},i,o,{particleCount:Math.floor(200*t)}))}t(.25,{spread:26,startVelocity:55}),t(.2,{spread:60}),t(.35,{spread:100,decay:.91,scalar:.8}),t(.1,{spread:120,startVelocity:25,decay:.92,scalar:1.2}),t(.1,{spread:120,startVelocity:45})}static get watchers(){return{currentStep:[{currentStepChanged:0}],minimized:[{minimizedChanged:0}],_dockPeek:[{onDockPeekChange:0}],open:[{openChanged:0}]}}};d.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{display:block}.ui-dialog-backdrop.minimized-backdrop,.ui-dialog-backdrop[data-minimized-backdrop]{display:none !important}.ui-dialog-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:10000;opacity:1;transition:background-color 0.2s;animation:fadeIn 0.2s ease-out}:global(body.dialog-blur-active)>*:not(ui-dialog-box){filter:blur(8px) grayscale(20%);transition:filter 0.4s ease;pointer-events:none}.ui-dialog-backdrop.backdrop-none{background-color:transparent;pointer-events:none;}.ui-dialog-backdrop.backdrop-none .ui-dialog-box{pointer-events:auto;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--border-default, #e5e7eb)}.ui-dialog-backdrop.closing{animation:fadeOut 0.2s ease-in forwards}.ui-dialog-backdrop.hidden-mounted{display:none !important;pointer-events:none !important}.position-center{align-items:center;justify-content:center}.position-top{align-items:flex-start;justify-content:center;padding-top:3rem}.position-bottom{align-items:flex-end;justify-content:center;padding-bottom:3rem}.position-left{align-items:center;justify-content:flex-start;padding-left:3rem}.position-right{align-items:center;justify-content:flex-end;padding-right:3rem}.position-top-right{align-items:flex-start;justify-content:flex-end;padding-top:3rem;padding-right:3rem}.position-top-left{align-items:flex-start;justify-content:flex-start;padding-top:3rem;padding-left:3rem}.position-bottom-right{align-items:flex-end;justify-content:flex-end;padding-bottom:3rem;padding-right:3rem}.position-bottom-left{align-items:flex-end;justify-content:flex-start;padding-bottom:3rem;padding-left:3rem}.ui-dialog-box{background-color:var(--bg-primary, #ffffff);border-radius:var(--ui-dialog-border-radius, 8px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);display:flex;flex-direction:column;max-width:90vw;max-height:90vh;position:relative;animation:scaleIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);outline:none;}.ui-dialog-box.is-nested{box-shadow:0 30px 60px -10px rgba(0, 0, 0, 0.3), 0 15px 15px -10px rgba(0, 0, 0, 0.08);border:1px solid var(--ui-color-primary, #10b981);z-index:10001;transform-origin:center center}.ui-dialog-box.is-nested .ui-dialog-header-wrapper{background-color:var(--ui-bg-muted)}.ui-dialog-box{}@media (prefers-reduced-motion: reduce){.ui-dialog-box{animation:none !important;transition:none !important}}.ui-dialog-box{}.ui-dialog-box.density-compact{--dh-padding:8px 16px;--dc-padding:16px;--df-padding:8px 16px;font-size:0.875rem}.ui-dialog-box.density-compact .ui-dialog-content-wrapper{padding:16px !important}.ui-dialog-box.density-compact .ui-dialog-header-wrapper{padding:8px 16px !important}.ui-dialog-box.density-comfortable{--dh-padding:32px 32px 16px;--dc-padding:32px;--df-padding:24px 32px}.ui-dialog-box.density-comfortable .ui-dialog-content-wrapper{padding:32px !important}.ui-dialog-box{}.ui-dialog-box.variant-glass{background:rgba(255, 255, 255, 0.72) !important;backdrop-filter:blur(28px) saturate(180%) !important;-webkit-backdrop-filter:blur(28px) saturate(180%) !important;border:1px solid rgba(255, 255, 255, 0.4) !important}.ui-dialog-box.variant-minimal{border-color:transparent !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08) !important}.ui-dialog-box.variant-ghost{background:transparent !important;box-shadow:none !important;border-color:transparent !important}.ui-dialog-box{}.ui-dialog-box.status-info{border-top:3px solid #10b981 !important}.ui-dialog-box.status-success{border-top:3px solid #10b981 !important}.ui-dialog-box.status-warning{border-top:3px solid #f59e0b !important}.ui-dialog-box.status-error{border-top:3px solid #ef4444 !important}.ui-dialog-box{}.ui-dialog-box.animation-fade{animation:fadeIn 0.25s ease-out}.ui-dialog-box.animation-slide-up{animation:slideInUp 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-slide-down{animation:slideInDown 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-flip{animation:flipIn 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.animation-scale{animation:scaleIn 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box.closing{animation:scaleOut 0.2s ease-in forwards}.ui-dialog-box.closing.animation-fade{animation-name:fadeOut}.ui-dialog-box.closing.animation-slide-up{animation-name:slideOutDown}.ui-dialog-box.closing.animation-slide-down{animation-name:slideOutUp}.ui-dialog-box{}.ui-dialog-box.type-drawer{border-radius:0;max-width:none;max-height:none;position:fixed !important;margin:0 !important;box-shadow:var(--elevation-navigation, 0 10px 40px rgba(0, 0, 0, 0.2))}.ui-dialog-box{}.ui-dialog-backdrop.position-left .ui-dialog-box.type-drawer{height:100% !important;left:0 !important;top:0 !important;width:400px;animation:slideInLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-right .ui-dialog-box.type-drawer{height:100% !important;right:0 !important;top:0 !important;left:auto !important;width:400px;animation:slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-top .ui-dialog-box.type-drawer{width:100% !important;top:0 !important;left:0 !important;height:auto;max-height:80vh;animation:slideInTop 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-backdrop.position-bottom .ui-dialog-box.type-drawer{width:100% !important;bottom:0 !important;top:auto !important;left:0 !important;height:auto;max-height:80vh;animation:slideInBottom 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.ui-dialog-box{}.ui-dialog-box.type-fullscreen{width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;border-radius:0;position:fixed !important;inset:0 !important;margin:0 !important;animation:fadeIn 0.3s ease-out}.ui-dialog-box{}.ui-dialog-box.type-messagebox{width:auto;min-width:320px;max-width:650px;text-align:center;border-radius:12px}.ui-dialog-box.type-messagebox .ui-dialog-content-wrapper{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.ui-dialog-box.type-messagebox .ui-dialog-header-wrapper{justify-content:flex-start;border-bottom:none !important}.ui-dialog-box.type-messagebox .ui-dialog-footer-wrapper{justify-content:flex-end !important;display:flex !important;width:100% !important;margin:0 !important}.ui-dialog-box.type-messagebox .ui-dialog-footer-wrapper .footer-right{justify-content:flex-end !important;width:100% !important}.ui-dialog-box.debug-mode{outline:2px dashed var(--color-success, #10b981);outline-offset:4px}.ui-dialog-box.debug-mode::after{content:"DEBUG: " attr(id) " [" attr(status) "]";position:absolute;top:-12px;right:12px;background:var(--bg-secondary, #111827);color:var(--color-success, #10b981);font-family:"JetBrains Mono", monospace;font-size:10px;padding:2px 8px;border-radius:4px;z-index:99999;border:1px solid var(--color-success, #10b981);pointer-events:none}.ui-dialog-box *:focus-visible{outline:2px solid var(--ui-primary-color, var(--color-primary, #10b981));outline-offset:2px}.ui-dialog-box-container{display:flex;flex-direction:column;height:100%;width:100%;padding:0;gap:0;box-sizing:border-box;overflow:hidden}.ui-dialog-divider-line{height:1px;width:100%;background-color:var(--border-default, #e5e7eb);margin:0;padding:0;flex-shrink:0;display:block}.ui-dialog-box.is-dragging{box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);z-index:100000 !important;transition:none !important}.ui-dialog-box.loading-active .ui-dialog-content-wrapper,.ui-dialog-box.loading-active .ui-dialog-side-nav{pointer-events:none}.ui-dialog-box.loading-active .ui-dialog-content-wrapper *,.ui-dialog-box.loading-active .ui-dialog-side-nav *{color:transparent !important;background:linear-gradient(90deg, var(--bg-primary, #f0f0f0) 25%, var(--bg-primary, #f7f7f7) 50%, var(--bg-primary, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;border:none !important}.ui-dialog-box.loading-active .ui-dialog-content-wrapper img,.ui-dialog-box.loading-active .ui-dialog-content-wrapper svg,.ui-dialog-box.loading-active .ui-dialog-content-wrapper button,.ui-dialog-box.loading-active .ui-dialog-side-nav img,.ui-dialog-box.loading-active .ui-dialog-side-nav svg,.ui-dialog-box.loading-active .ui-dialog-side-nav button{visibility:hidden}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.ui-dialog-progress-container{height:4px;background:rgba(0, 0, 0, 0.05);width:100%;position:relative;overflow:hidden;margin-top:-20px;margin-bottom:10px}.ui-dialog-progress-bar{height:100%;background:var(--ui-color-primary, var(--color-primary, #10b981));transition:width 0.3s ease-out}.ui-dialog-taskbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px 12px 0 0;border:1px solid var(--ui-border-default);border-bottom:none;display:flex;gap:12px;z-index:1000000;box-shadow:0 -10px 30px rgba(0, 0, 0, 0.1);animation:slideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.ui-dialog-taskbar .taskbar-item{padding:6px 14px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #ddd);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:8px}.ui-dialog-taskbar .taskbar-item:hover{background:var(--bg-primary, #f9f9f9);transform:translateY(-2px)}.ui-dialog-taskbar .taskbar-item.active{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}@keyframes slideUp{from{transform:translate(-50%, 100%)}to{transform:translate(-50%, 0)}}.ui-dialog-stepper{display:flex;justify-content:space-around;padding:16px;background:var(--ui-bg-muted);border-bottom:1px solid var(--ui-border-default)}.ui-dialog-stepper .step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.ui-dialog-stepper .step-item .step-dot{width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #e5e7eb);color:var(--text-muted, #9ca3af);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:2;transition:all 0.3s}.ui-dialog-stepper .step-item .step-label{font-size:11px;margin-top:6px;color:var(--text-muted, #6b7280);transition:all 0.3s}.ui-dialog-stepper .step-item .step-line{position:absolute;top:12px;left:50%;width:100%;height:2px;background:var(--bg-primary, #e5e7eb);z-index:1}.ui-dialog-stepper .step-item.active .step-dot{background:var(--ui-color-primary);color:var(--text-standard, #ffffff);transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.ui-dialog-stepper .step-item.active .step-label{color:var(--ui-color-primary);font-weight:600}.ui-dialog-stepper .step-item.completed .step-dot{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.ui-dialog-stepper .step-item.completed .step-line{background:var(--color-success, #10b981)}.ui-dialog-box.hidden-mounted{display:none !important}.ui-dialog-box.scroll-paper{overflow:hidden;display:flex;flex-direction:column}.ui-dialog-main-container{display:flex;flex:1;min-height:0;overflow:hidden}.ui-dialog-main-container.has-side-nav{flex-direction:row}.ui-dialog-side-nav{width:240px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-right:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));overflow-y:auto;flex-shrink:0}.ui-dialog-toolbar{padding:8px 16px;background:var(--ui-bg-default);border-bottom:1px solid var(--ui-border-default);display:flex;align-items:center;gap:12px}.ui-dialog-status-bar{padding:4px 16px;background:var(--ui-bg-muted);border-top:1px solid var(--ui-border-default);font-size:11px;color:var(--ui-text-secondary)}.ui-dialog-box.scroll-paper .ui-dialog-content-wrapper{flex:1;overflow-y:auto;font-size:16px;line-height:1.5;color:var(--text-secondary, #374151);min-height:150px;max-height:70vh;padding:24px}.ui-dialog-backdrop.scroll-body-active{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;height:auto !important;min-height:100%;overflow:visible;display:block;padding:80px 0;background-color:rgba(0, 0, 0, 0.4)}.ui-dialog-box.scroll-body{display:block !important;max-height:none !important;height:auto !important;min-height:min-content;margin:0 auto;}.ui-dialog-box.scroll-body .ui-dialog-box-container{display:block !important;height:auto !important;overflow:visible !important}.ui-dialog-box.scroll-body{}.ui-dialog-box.scroll-body .ui-dialog-main-container{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important;flex:none !important}.ui-dialog-box.scroll-body .ui-dialog-content-wrapper{overflow:visible !important;max-height:none !important;height:auto !important;padding:24px;display:block !important}.ui-dialog-prompt-container{margin-top:16px;display:flex;flex-direction:column;gap:8px}.ui-dialog-prompt-container .prompt-label{font-size:14px;font-weight:600;color:var(--text-standard)}.ui-dialog-prompt-container .ui-dialog-prompt-input{width:100%;padding:10px 12px;border:1px solid var(--border-default, #d1d5db);border-radius:6px;font-size:14px;transition:border-color 0.2s, box-shadow 0.2s;background:var(--bg-primary);color:var(--text-standard);box-sizing:border-box}.ui-dialog-prompt-container .ui-dialog-prompt-input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.ui-dialog-header-wrapper{min-height:fit-content;flex-shrink:0}.ui-dialog-footer-wrapper{min-height:fit-content;flex-shrink:0;width:100%}.ui-dialog-box.closing{animation:scaleOut 0.2s ease-in forwards}@keyframes shake{0%,100%{transform:translateX(0) rotate(0deg)}12.5%{transform:translateX(-6px) rotate(-1deg)}25%{transform:translateX(5px) rotate(1deg)}37.5%{transform:translateX(-4px) rotate(-0.8deg)}50%{transform:translateX(3px) rotate(0.6deg)}62.5%{transform:translateX(-2px) rotate(-0.4deg)}75%{transform:translateX(1px) rotate(0.2deg)}}.ui-dialog-box.shake .ui-dialog-box-container{animation:shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform-origin:center;will-change:transform}.ui-dialog-box.variant-outlined{border:2px solid var(--border-default, #e5e7eb)}.ui-dialog-box.variant-outlined.status-info{border-color:var(--color-primary, #10b981)}.ui-dialog-box.variant-outlined.status-success{border-color:var(--color-success, #10b981)}.ui-dialog-box.variant-outlined.status-warning{border-color:var(--color-warning, #f59e0b)}.ui-dialog-box.variant-outlined.status-error{border-color:var(--color-danger, #ef4444)}.ui-dialog-box.variant-filled.status-info{background:linear-gradient(to bottom, var(--bg-primary, #dbeafe) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-primary, #10b981)}.ui-dialog-box.variant-filled.status-success{background:linear-gradient(to bottom, var(--bg-primary, #d1fae5) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-success, #10b981)}.ui-dialog-box.variant-filled.status-warning{background:linear-gradient(to bottom, var(--bg-primary, #fef3c7) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-warning, #f59e0b)}.ui-dialog-box.variant-filled.status-error{background:linear-gradient(to bottom, var(--bg-primary, #fee2e2) 0%, var(--bg-primary, #ffffff) 100%);border-left:4px solid var(--color-danger, #ef4444)}.ui-dialog-box.maximized{width:90vw !important;height:90vh !important;max-width:90vw;max-height:90vh;border-radius:8px;position:fixed;top:5vh !important;left:5vw !important;transform:none !important;}.ui-dialog-box.minimized{display:flex !important;flex-shrink:0;width:192px !important;height:48px !important;align-self:stretch;position:relative !important;inset:auto !important;transform:none !important;margin:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;border:none !important;overflow:hidden;animation:trayTabIn 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards}.ui-dialog-box.minimized .ui-dialog-box-container{height:100%;width:100%}.ui-dialog-box.minimized .ui-tray-tab{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 24px;gap:12px;cursor:pointer;background:transparent;border-right:1px solid rgba(255, 255, 255, 0.12);color:#ffffff !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;font-weight:600;font-size:13.5px;min-width:160px;max-width:260px;letter-spacing:0.01em}.ui-dialog-box.minimized .ui-tray-tab:hover{background:rgba(255, 255, 255, 0.04)}.ui-dialog-box.minimized .ui-tray-tab .tab-label{color:rgba(255, 255, 255, 0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;text-align:center}.ui-dialog-box.minimized .ui-tray-tab .tab-close{background:rgba(255, 255, 255, 0.1);border:none;color:#fff;font-size:16px;padding:2px 6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;margin-left:4px}.ui-dialog-box.minimized .ui-tray-tab .tab-close:hover{background:#ef4444;color:#fff}.ui-dialog-box.minimized .ui-tray-tab:hover{background:rgba(255, 255, 255, 0.12);color:#fff}.ui-peek-panel{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);width:500px;max-width:90vw;max-height:70vh;background:var(--bg-primary, #fff);border-radius:12px 12px 0 0;border:1px solid var(--border-default, #eee);box-shadow:0 -10px 40px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;z-index:1000002;animation:peekIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards}.ui-peek-panel.status-info{border-top:3px solid #10b981}.ui-peek-panel.status-success{border-top:3px solid #10b981}.ui-peek-panel.status-warning{border-top:3px solid #f59e0b}.ui-peek-panel.status-error{border-top:3px solid #ef4444}.ui-peek-panel .ui-dialog-content-wrapper{overflow-y:auto;flex:1;padding:20px}@keyframes trayTabIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes peekIn{from{opacity:0;transform:translateX(-50%) translateY(20px) scale(0.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{to{opacity:0;transform:translateY(-30px)}}@keyframes slideOutDown{to{opacity:0;transform:translateY(30px)}}@keyframes flipIn{from{opacity:0;transform:perspective(1000px) rotateX(-15deg)}to{opacity:1;transform:perspective(1000px) rotateX(0)}}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, var(--color-primary, #9ca3af) 50%);background-size:10px 10px;clip-path:polygon(100% 0, 100% 100%, 0 100%);margin:2px}.ui-dialog-box.draggable .ui-dialog-header-wrapper{cursor:move}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInTop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@media (max-width: 768px){.ui-dialog-box{width:95vw;max-width:95vw}}.ui-dialog-box.size-xs{width:320px}.ui-dialog-box.size-sm{width:480px}.ui-dialog-box.size-md{width:768px}.ui-dialog-box.size-lg{width:1024px}.ui-dialog-box.size-xl{width:1280px}.ui-dialog-box.size-fill{width:90vw;height:90vh}.ui-dialog-footer-wrapper{padding:0;display:flex;justify-content:flex-end;align-items:center;background-color:transparent}.footer-left,.footer-right{display:flex;gap:12px;align-items:center}.footer-right{margin-left:auto}.ui-dialog-confirmation{display:flex;align-items:center;padding:0 8px}.snap-indicator{position:fixed;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);border:2px solid var(--ui-color-primary, var(--color-primary, #10b981));pointer-events:none;z-index:9999;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border-radius:8px}.snap-indicator.snap-left{left:0;top:0;bottom:0;width:50vw}.snap-indicator.snap-right{right:0;top:0;bottom:0;width:50vw}.snap-indicator.snap-top{left:0;top:0;right:0;height:100vh}.snap-indicator.snap-bottom{left:0;bottom:0;right:0;height:50vh}.ui-dialog-sub-overlay{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn 0.3s ease-out}.ui-dialog-sub-overlay .sub-overlay-card{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:var(--ui-shadow-lg);max-width:80%;animation:scaleIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.ui-dialog-sub-overlay .sub-overlay-card h4{margin:0 0 10px;font-size:18px}.ui-dialog-sub-overlay .sub-overlay-card p{margin:0 0 20px;color:var(--ui-text-secondary);line-height:1.5}.ui-dialog-sub-overlay .sub-overlay-actions{display:flex;justify-content:flex-end;gap:12px}.ui-dialog-sub-overlay .sub-overlay-actions button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s}.ui-dialog-sub-overlay .sub-overlay-actions .btn-ghost{background:transparent;border:1px solid var(--ui-border-default);color:var(--ui-text-primary)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-ghost:hover{background:rgba(0, 0, 0, 0.05)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-primary{background:var(--ui-color-primary, var(--color-primary, #10b981));border:1px solid var(--ui-color-primary, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.ui-dialog-sub-overlay .sub-overlay-actions .btn-primary:hover{background:var(--ui-color-primary-dark, var(--color-primary-hover, #2563eb))}.ui-dialog-box.glass-effect{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(20px);border-color:rgba(255, 255, 255, 0.4)}.spinner{width:16px;height:16px;border:2px solid rgba(255, 255, 255, 0.3);border-top-color:var(--bg-primary, #ffffff);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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}#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)}}';export{d as ui_dialog_box}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a,a as o,h as e,H as i}from"./p-DUsoYu9r.js";import{s as l}from"./p-D2WzX6vR.js";const s=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=l(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}`,s=!!this.href,r=this.autoClose>0?"assertive":"polite",n=this.i18n||{},c=e("div",{class:"callout-inner",role:s?"button":"status","aria-live":r,"aria-labelledby":a,"aria-describedby":o,tabIndex:s&&!this.href?0:void 0,onKeyDown:s&&!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:l(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:l(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?n.showLessLabel||"Show less ↑":n.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:n.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":r,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(i,{class:t,part:"callout","aria-busy":this.loading?"true":void 0,"aria-labelledby":a,"aria-describedby":o,"aria-live":r,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}]}}};s.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}@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}: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{s as ui_callout_banner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as r,a as t,h as o,H as a}from"./p-DUsoYu9r.js";const i=class{constructor(t){e(this,t),this.nodeClick=r(this,"nodeClick"),this.nodeExpand=r(this,"nodeExpand"),this.nodeSelect=r(this,"nodeSelect"),this.nodeCheck=r(this,"nodeCheck"),this.nodeDragStart=r(this,"nodeDragStart"),this.nodeDrop=r(this,"nodeDrop"),this.treeChange=r(this,"treeChange"),this.nodeAction=r(this,"nodeAction"),this.nodeEdit=r(this,"nodeEdit"),this.nodeContextMenu=r(this,"nodeContextMenu"),this.nodeLazyLoad=r(this,"nodeLazyLoad"),this.nodeAdd=r(this,"nodeAdd"),this.nodeRemove=r(this,"nodeRemove"),this.nodeMove=r(this,"nodeMove")}get el(){return t(this)}nodes=[];orientation="vertical";showLines=!0;showIcons=!0;expandable=!0;selectable=!1;multiSelect=!1;checkboxes=!1;checkboxSync=!0;enableDrag=!1;searchable=!1;animated=!0;indent=24;nodeHeight=40;expandAll=!1;collapseAll=!1;layout="tree";variant="default";size="md";theme="light";showGlow=!1;connectorWidth=1;connectorColor="";connectorOpacity=1;connectorShape="rounded";iconLibrary="lucide";inlineEdit=!1;contextMenuEnabled=!1;undoRedoEnabled=!1;lazyLoad=!1;virtualScroll=!1;virtualScrollHeight=400;showNodeActions=!0;showAvatars=!0;expandIconType="chevron";expandedIcon="";collapsedIcon="";expandIconSize="14px";expandIconColor="";internalNodes=[];selectedNodes=[];searchTerm="";draggedNode=null;focusedNodeId=null;editingNodeId=null;editingValue="";contextMenuVisible=!1;contextMenuNode=null;contextMenuX=0;contextMenuY=0;undoStack=[];redoStack=[];dragOverNodeId=null;dragPosition="inside";_selectionPathIds=new Set;nodeClick;nodeExpand;nodeSelect;nodeCheck;nodeDragStart;nodeDrop;treeChange;nodeAction;nodeEdit;nodeContextMenu;nodeLazyLoad;nodeAdd;nodeRemove;nodeMove;componentWillLoad(){this.parseNodes(),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}parseNodes(){let e="string"==typeof this.nodes?JSON.parse(this.nodes):this.nodes;this.expandAll?e=this._expandAllRecursive(e):this.collapseAll&&(e=this._collapseAllRecursive(e)),this.internalNodes=e}async expandAllNodes(){this._saveUndo(),this.internalNodes=this._expandAllRecursive(this.internalNodes)}async collapseAllNodes(){this._saveUndo(),this.internalNodes=this._collapseAllRecursive(this.internalNodes)}async selectNode(e){this.internalNodes=this._selectById(e,this.internalNodes)}async getNodePath(e){return this._findPath(e,this.internalNodes)??[]}async getBreadcrumb(e){return(await this.getNodePath(e)).map((e=>{const r=this._findNode(e,this.internalNodes);return{id:e,label:r?.label??String(e)}}))}async updateNode(e,r){this._saveUndo(),this.internalNodes=this._updateData(e,r,this.internalNodes)}async scrollToNode(e){const r=await this.getNodePath(e);r.length>1&&(this.internalNodes=this._expandPath(r.slice(0,-1),this.internalNodes)),setTimeout((()=>{const r=this.el.querySelector(`[data-node-id="${e}"]`);r?.scrollIntoView({behavior:"smooth",block:"nearest"})}),60)}async expandByPath(e){this.internalNodes=this._expandPath(e,this.internalNodes)}async selectByPath(e){e.length&&(this.internalNodes=this._expandPath(e.slice(0,-1),this.internalNodes),this.internalNodes=this._selectById(e[e.length-1],this.internalNodes))}async getSelectedNodes(){return this._dfs(this.internalNodes).filter((e=>this.selectedNodes.includes(e.id)))}async dfsTraversal(e,r="pre"){const t=e?[this._findNode(e,this.internalNodes)].filter((e=>null!==e)):this.internalNodes;return"post"===r?this._dfsPost(t):this._dfs(t)}async bfsTraversal(e){const r=e?[this._findNode(e,this.internalNodes)].filter((e=>null!==e)):this.internalNodes;return this._bfs(r)}async flattenTree(e=this.internalNodes){const r=[],t=(e,o,a,i)=>{e.forEach(((e,n)=>{const{children:s,...d}=e,c=[...i,e.id];r.push({...d,parentId:o,depth:a,index:n,path:c,hasChildren:!!s?.length}),e.expanded&&s&&t(s,e.id,a+1,c)}))};return t(e,null,0,[]),r}async addNode(e,r){this._saveUndo(),this.internalNodes=null===e?[...this.internalNodes,r]:this._addToParent(e,r,this.internalNodes),this.nodeAdd.emit({parentId:e,node:r})}async removeNode(e){this._saveUndo();const r=this._findNode(e,this.internalNodes);this.internalNodes=this._removeNode(e,this.internalNodes),r&&this.nodeRemove.emit({node:r})}async moveNode(e,r,t){this._saveUndo(),this.internalNodes=this._moveNode(e,r,t,this.internalNodes),this.nodeMove.emit({nodeId:e,targetId:r,position:t})}async undo(){if(!this.undoStack.length)return;const e=this.undoStack[this.undoStack.length-1];this.redoStack=[...this.redoStack,JSON.stringify(this.internalNodes)],this.undoStack=this.undoStack.slice(0,-1),this.internalNodes=JSON.parse(e)}async redo(){if(!this.redoStack.length)return;const e=this.redoStack[this.redoStack.length-1];this.undoStack=[...this.undoStack,JSON.stringify(this.internalNodes)],this.redoStack=this.redoStack.slice(0,-1),this.internalNodes=JSON.parse(e)}async diffTrees(e,r){const t=new Map(this._dfs(e).map((e=>[e.id,e]))),o=new Map(this._dfs(r).map((e=>[e.id,e]))),a=[],i=[],n=[];return o.forEach(((e,r)=>{t.has(r)?JSON.stringify(t.get(r))!==JSON.stringify(e)&&n.push({id:r,oldNode:t.get(r),newNode:e}):a.push(e)})),t.forEach(((e,r)=>{o.has(r)||i.push(e)})),{added:a,removed:i,modified:n}}async getState(){const e=[];return this._dfs(this.internalNodes).forEach((r=>{r.expanded&&e.push(r.id)})),{nodes:this.internalNodes,selectedNodes:this.selectedNodes,expandedNodes:e}}async restoreState(e){this._saveUndo(),this.internalNodes=e.nodes,this.selectedNodes=e.selectedNodes}_saveUndo(){this.undoRedoEnabled&&(this.undoStack=[...this.undoStack.slice(-49),JSON.stringify(this.internalNodes)],this.redoStack=[])}_expandAllRecursive(e){return e.map((e=>({...e,expanded:!0,children:e.children?this._expandAllRecursive(e.children):void 0})))}_collapseAllRecursive(e){return e.map((e=>({...e,expanded:!1,children:e.children?this._collapseAllRecursive(e.children):void 0})))}_findNode(e,r){for(const t of r){if(t.id===e)return t;if(t.children){const r=this._findNode(e,t.children);if(r)return r}}return null}_findPath(e,r,t=[]){for(const o of r){const r=[...t,o.id];if(o.id===e)return r;if(o.children){const t=this._findPath(e,o.children,r);if(t)return t}}return null}_expandPath(e,r){return r.map((r=>e.includes(r.id)?{...r,expanded:!0,children:r.children?this._expandPath(e,r.children):void 0}:r.children?{...r,children:this._expandPath(e,r.children)}:r))}_selectById(e,r){return r.map((r=>{if(r.id===e){const t=!r.selected;return this.selectedNodes=this.multiSelect?t?[...this.selectedNodes,e]:this.selectedNodes.filter((r=>r!==e)):t?[e]:[],this.nodeSelect.emit({node:r,selected:t}),this.treeChange.emit({nodes:this.internalNodes,selectedNodes:this.selectedNodes}),{...r,selected:t}}return!this.multiSelect&&r.selected&&r.id!==e?{...r,selected:!1,children:r.children?this._selectById(e,r.children):void 0}:r.children?{...r,children:this._selectById(e,r.children)}:r}))}_updateData(e,r,t){return t.map((t=>t.id===e?{...t,...r}:t.children?{...t,children:this._updateData(e,r,t.children)}:t))}_addToParent(e,r,t){return t.map((t=>t.id===e?{...t,expanded:!0,isLeaf:!1,children:[...t.children||[],r]}:t.children?{...t,children:this._addToParent(e,r,t.children)}:t))}_removeNode(e,r){return r.filter((r=>r.id!==e)).map((r=>({...r,children:r.children?this._removeNode(e,r.children):void 0})))}_moveNode(e,r,t,o){const a=this._findNode(e,o);if(!a||e===r)return o;const i=this._removeNode(e,o);return"inside"===t?this._addToParent(r,a,i):this._insertRelative(a,r,t,i)}_insertRelative(e,r,t,o){const a=[];for(const i of o)i.id===r?"before"===t?(a.push(e),a.push(i)):(a.push(i),a.push(e)):a.push(i.children?{...i,children:this._insertRelative(e,r,t,i.children)}:i);return a}_dfs(e,r=[]){for(const t of e)r.push(t),t.children&&this._dfs(t.children,r);return r}_dfsPost(e,r=[]){for(const t of e)t.children&&this._dfsPost(t.children,r),r.push(t);return r}_bfs(e){const r=[],t=[...e];for(;t.length;){const e=t.shift();if(!e)break;r.push(e),e.children&&t.push(...e.children)}return r}_syncChildren(e,r){return{...e,checked:r,indeterminate:!1,children:e.children?.map((e=>this._syncChildren(e,r)))}}_syncParent(e){if(!e.children?.length)return e;const r=e.children.map((e=>this._syncParent(e))),t=r.filter((e=>e.checked&&!e.indeterminate)).length,o=r.filter((e=>e.indeterminate)).length,a=r.length;return{...e,children:r,checked:t===a,indeterminate:t>0&&t<a||o>0}}_applyCheckbox(e,r,t){return t.map((t=>{if(t.id===e)return{...this._syncChildren(t,r),checked:r,indeterminate:!1};if(t.children){const o=this._applyCheckbox(e,r,t.children),a={...t,children:o};return this.checkboxSync?this._syncParent(a):a}return t}))}_getSelectionPathIds(){const e=new Set,r=(t,o)=>{for(const a of t){const t=[...o,a.id];this.selectedNodes.includes(a.id)&&t.forEach((r=>e.add(r))),a.children&&r(a.children,t)}};return r(this.internalNodes,[]),e}_getVisibleNodes(e=this.internalNodes,r=[]){for(const t of e)r.push(t),t.expanded&&t.children&&this._getVisibleNodes(t.children,r);return r}_findParent(e,r=this.internalNodes,t=null){for(const o of r){if(o.id===e)return t;if(o.children){const r=this._findParent(e,o.children,o);if(r)return r}}return null}_selectRange(e,r){const t=this._getVisibleNodes(),o=t.findIndex((r=>r.id===e)),a=t.findIndex((e=>e.id===r));if(-1===o||-1===a)return this.internalNodes;const i=t.slice(Math.min(o,a),Math.max(o,a)+1).map((e=>e.id));return this.selectedNodes=Array.from(new Set([...this.selectedNodes,...i])),this._applySelection(this.internalNodes)}_applySelection(e){return e.map((e=>({...e,selected:this.selectedNodes.includes(e.id),children:e.children?this._applySelection(e.children):void 0})))}_toggleNode(e,r=this.internalNodes){return r.map((r=>{if(r.id===e){const e=!r.expanded;return this.nodeExpand.emit({node:r,expanded:e}),e&&this.lazyLoad&&!1===r.isLeaf&&!r.children?.length?(this.nodeLazyLoad.emit({node:r}),{...r,expanded:e,loading:!0}):{...r,expanded:e}}return r.children?{...r,children:this._toggleNode(e,r.children)}:r}))}handleNodeClick(e,r,t){e.disabled||(this.expandable&&(!!e.children?.length||this.lazyLoad&&!1===e.isLeaf)&&(this.internalNodes=this._toggleNode(e.id)),this.selectable&&(this.multiSelect&&t?t.shiftKey&&this.focusedNodeId?this.internalNodes=this._selectRange(this.focusedNodeId,e.id):t.ctrlKey||t.metaKey?this.internalNodes=this._selectById(e.id,this.internalNodes):(this.selectedNodes=[e.id],this.internalNodes=this._applySelection(this.internalNodes)):this.internalNodes=this._selectById(e.id,this.internalNodes)),this.focusedNodeId=e.id,this.nodeClick.emit({node:e,path:r}))}handleCheckboxChange(e,r){const t=r.detail.checked;this.internalNodes=this.checkboxSync?this._applyCheckbox(e.id,t,this.internalNodes):this._updateData(e.id,{checked:t},this.internalNodes);const o=this._findNode(e.id,this.internalNodes);this.nodeCheck.emit({node:o??e,checked:t,indeterminate:o?.indeterminate??!1}),this.treeChange.emit({nodes:this.internalNodes,selectedNodes:this.selectedNodes})}handleDragStart(e,r){this.enableDrag&&!e.disabled&&(this.draggedNode=e,r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",String(e.id)),this.nodeDragStart.emit(e))}handleDragOver(e,r){if(!this.enableDrag)return;r.preventDefault(),r.dataTransfer.dropEffect="move",this.dragOverNodeId=e.id;const t=r.currentTarget.getBoundingClientRect(),o=(r.clientY-t.top)/t.height;this.dragPosition=o<.25?"before":o>.75?"after":"inside"}handleDragLeave(e){this.el.contains(e.relatedTarget)||(this.dragOverNodeId=null)}handleDrop(e,r){if(!this.enableDrag||!this.draggedNode)return;r.preventDefault();const t=this.dragPosition,o=this.draggedNode;this.nodeDrop.emit({draggedNode:o,targetNode:e,position:t}),o.id!==e.id&&(this._saveUndo(),this.internalNodes=this._moveNode(o.id,e.id,t,this.internalNodes)),this.draggedNode=null,this.dragOverNodeId=null}handleSearchInput(e){this.searchTerm=e.detail.toLowerCase()}handleDocumentClick=()=>{this.contextMenuVisible&&(this.contextMenuVisible=!1)};handleContextMenu(e,r){this.contextMenuEnabled&&(r.preventDefault(),r.stopPropagation(),this.contextMenuNode=e,this.contextMenuX=r.clientX,this.contextMenuY=r.clientY,this.contextMenuVisible=!0,this.nodeContextMenu.emit({node:e,x:r.clientX,y:r.clientY}))}startEditing(e){this.editingNodeId=e.id,this.editingValue=e.label??"",setTimeout((()=>{const e=this.el.querySelector(".tree-edit-input");e&&(e.focus(),e.select())}),40)}cancelEditing(){this.editingNodeId=null,this.editingValue=""}commitEditing(e){const r=this.editingValue.trim();if(!r)return void this.cancelEditing();const t=e.label;this._saveUndo(),this.internalNodes=this._updateData(e.id,{label:r},this.internalNodes),this.nodeEdit.emit({node:e,newLabel:r,oldLabel:t??""}),this.cancelEditing()}handleKeyDown=e=>{const r=this._getVisibleNodes(),t=r.findIndex((e=>e.id===this.focusedNodeId));switch(e.key){case"ArrowDown":e.preventDefault(),-1===t&&r.length?this.focusedNodeId=r[0].id:t<r.length-1&&(this.focusedNodeId=r[t+1].id);break;case"ArrowUp":e.preventDefault(),t>0&&(this.focusedNodeId=r[t-1].id);break;case"ArrowRight":{e.preventDefault();const o=r[t];o?.children?.length&&!o.expanded?this.internalNodes=this._toggleNode(o.id):o?.expanded&&t<r.length-1&&(this.focusedNodeId=r[t+1].id);break}case"ArrowLeft":{e.preventDefault();const o=r[t];if(o?.expanded&&o.children?.length)this.internalNodes=this._toggleNode(o.id);else{const e=this._findParent(o?.id);e&&(this.focusedNodeId=e.id)}break}case"Enter":case" ":e.preventDefault(),r[t]&&this.handleNodeClick(r[t],[]);break;case"F2":if(this.inlineEdit&&null!==this.focusedNodeId){const e=this._findNode(this.focusedNodeId,this.internalNodes);e&&!e.disabled&&this.startEditing(e)}break;case"Escape":this.cancelEditing(),this.contextMenuVisible=!1;break;case"Home":e.preventDefault(),r.length&&(this.focusedNodeId=r[0].id);break;case"End":e.preventDefault(),r.length&&(this.focusedNodeId=r[r.length-1].id);break;case"z":case"Z":(e.ctrlKey||e.metaKey)&&this.undoRedoEnabled&&(e.preventDefault(),e.shiftKey?this.redo():this.undo())}};filterNodes(e){return this.searchTerm?e.filter((e=>{const r=(e.label??"").toLowerCase().includes(this.searchTerm),t=e.children&&this.filterNodes(e.children).length>0;return r||t})).map((e=>({...e,expanded:!0,children:e.children?this.filterNodes(e.children):void 0}))):e}renderLabel(e){if(!this.searchTerm||!e.toLowerCase().includes(this.searchTerm))return e;const r=e.toLowerCase().indexOf(this.searchTerm);return[e.substring(0,r),o("mark",{class:"tree-highlight"},e.substring(r,r+this.searchTerm.length)),e.substring(r+this.searchTerm.length)]}_renderExpandIcon(e,r){let t="",a={};const i=r.iconLibrary??this.iconLibrary;if("custom"===this.expandIconType)t=e?this.expandedIcon||"chevron-down":this.collapsedIcon||"chevron-right";else switch(this.expandIconType){case"plus-minus":t=e?"minus":"plus";break;case"arrow":t=e?"arrow-down":"arrow-right";break;case"caret":t=e?"caret-down":"caret-right";break;default:t="chevron-right",a={transform:`rotate(${e?"90deg":"0deg"})`,transition:"transform 0.2s ease"}}return this.expandIconColor&&(a.color=this.expandIconColor),o("div",{class:"tree-expand-icon",onClick:e=>{e.stopPropagation(),this.internalNodes=this._toggleNode(r.id)}},o("ui-icon",{name:t,library:i,size:this.expandIconSize,style:a}))}renderNode(e,r=0,t=[],a=!1,i=[],n=0,s=!1){const d=!!e.children?.length,c=d||this.lazyLoad&&!1===e.isLeaf,l=!!e.expanded,h=e.selected||this.selectedNodes.includes(e.id),p=this.editingNodeId===e.id,g=this.dragOverNodeId===e.id,b=[...t,e.id],u=r,v=this.connectorWidth||1.8,x=this._selectionPathIds||new Set,m=[];if(this.showLines&&"tree"===this.layout&&u>0){const r=[],t=[];for(let n=0;n<u;n++){const s=Math.max(.6,v-.3*n),d=n*this.indent+12,c=x.has(b[n+1]??""),l=e.connectorColor||this.connectorColor||"var(--tree-line-color-default)",h=this.connectorOpacity;if((n<u-1?!i[n+1]:!a)&&r.push(o("line",{x1:d,y1:"0",x2:d,y2:"100%",stroke:l,"stroke-width":s,"stroke-opacity":c?1:h,class:c?"path-highlight":"","vector-effect":"non-scaling-stroke"})),n===u-1){const e="square"===this.connectorShape?0:8,r=this.nodeHeight/2,a=(n+1)*this.indent;t.push(o("path",{d:e>0?`M ${d} 0 L ${d} ${r-e} Q ${d} ${r} ${d+e} ${r} L ${a} ${r}`:`M ${d} 0 L ${d} ${r} L ${a} ${r}`,fill:"none",stroke:l,"stroke-width":s,"stroke-opacity":c?1:h,"stroke-linecap":"round",class:c?"path-highlight":"","vector-effect":"non-scaling-stroke"}),o("circle",{cx:a,cy:r,r:"2.5",fill:l,opacity:c?1:.8}))}}m.push(o("div",{class:"tree-connector-harness-group",style:{"--tree-indent-full":u*this.indent+"px"}},o("div",{class:"tree-v-line-container"},o("svg",{class:"tree-connectors-svg",width:"100%",height:"100%",preserveAspectRatio:"none"},r)),o("div",{class:"tree-hook-container",style:{height:`${this.nodeHeight}px`}},o("svg",{class:"tree-connectors-svg",width:"100%",height:"100%",viewBox:`0 0 ${u*this.indent} ${this.nodeHeight}`,preserveAspectRatio:"xMinYMin meet"},t))))}const f=e.icon??(this.showIcons?c?l?"folder-open":"folder":"file-text":null),y={"tree-node":!0,"tree-node-expanded":l,"tree-node-collapsed":!l,"tree-node-selected":h,"tree-node-disabled":!!e.disabled,"tree-node-leaf":!c,"tree-node-branch":c,"tree-node-focused":this.focusedNodeId===e.id,"tree-node-editing":p,"tree-node-loading":!!e.loading,"tree-node-drag-over":g,[`tree-drop-${this.dragPosition}`]:g,[`tree-node-${e.color??"default"}`]:!0,[`tree-node-${this.size}`]:!0,"has-checkbox":this.checkboxes,"group-has-icons":s},k={role:"treeitem","aria-expanded":c?String(l):void 0,"aria-selected":String(h),"aria-level":String(r+1),"aria-disabled":e.disabled?"true":void 0,tabindex:this.focusedNodeId===e.id||null===this.focusedNodeId&&0===r&&0===n?"0":"-1"},w=o("div",{class:y,key:e.id,"data-node-id":e.id,"data-depth":u,style:{"--depth":String(u)}},"tree"===this.layout&&m,g&&"before"===this.dragPosition&&o("div",{class:"tree-drop-indicator tree-drop-before-line"}),o("div",{class:"tree-node-content",style:"tree"===this.layout?{paddingLeft:(u+1)*this.indent+"px",minHeight:`${this.nodeHeight}px`}:{minHeight:`${this.nodeHeight}px`},onClick:r=>!p&&this.handleNodeClick(e,b,r),onDblClick:()=>this.inlineEdit&&!e.disabled&&this.startEditing(e),onContextMenu:r=>this.handleContextMenu(e,r),draggable:this.enableDrag&&!e.disabled,onDragStart:r=>this.handleDragStart(e,r),onDragOver:r=>this.handleDragOver(e,r),onDragLeave:e=>this.handleDragLeave(e),onDrop:r=>this.handleDrop(e,r),...k},this.expandable&&c?this._renderExpandIcon(l,e):o("div",{class:"tree-expand-spacer"}),this.checkboxes&&o("div",{class:"tree-checkbox"},o("ui-checkbox",{checked:!!e.checked,disabled:!!e.disabled,indeterminate:!!e.indeterminate,onCheckboxChange:r=>this.handleCheckboxChange(e,r),size:"sm"})),this.showAvatars&&(e.avatar||e.avatarInitials)&&o("div",{class:"tree-node-avatar"},e.avatar?o("img",{src:e.avatar,alt:e.label}):o("span",{class:`tree-node-avatar-initials tree-node-avatar-${e.color??"primary"}`},e.avatarInitials)),(f||s)&&o("div",{class:"tree-node-icon"+(f?"":" tree-node-icon-spacer")},f&&!e.loading&&o("ui-icon",{name:f,library:e.iconLibrary??this.iconLibrary,size:"16px",style:{color:e.color?`var(--tree-${e.color})`:void 0}}),e.loading&&o("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"16px"})),o("div",{class:"tree-node-text-group"},p?o("ui-input",{class:"tree-edit-input",type:"text",value:this.editingValue,onInputChange:e=>{this.editingValue=e.detail},onInputKeydown:r=>{"Enter"===r.detail.key?this.commitEditing(e):"Escape"===r.detail.key&&this.cancelEditing(),r.detail.stopPropagation()},onInputBlur:()=>this.commitEditing(e),autoFocus:!0,size:"sm",fullWidth:!0}):o("div",{class:"tree-node-label"},this.renderLabel(e.label??"")),e.description&&!p&&o("div",{class:"tree-node-description"},e.description)),e.tag&&o("div",{class:"tree-node-tag"},e.tag),e.badge&&o("div",{class:`tree-node-badge tree-node-badge-${e.color??"primary"}`},e.badge),void 0!==e.counter&&o("div",{class:"tree-node-counter"},e.counter),e.locked&&o("div",{class:"tree-node-lock",title:e.lockTooltip??"Locked"},o("ui-icon",{name:"lock",library:"fontawesome",size:"12px"})),this.showNodeActions&&(e.actions?.length??0)>0&&o("div",{class:"tree-node-actions"},e.actions.map((r=>o("ui-button",{variant:"ghost",size:"sm",class:"tree-action-btn"+(r.color?` tree-action-${r.color}`:""),icon:r.icon,iconLibrary:r.library??this.iconLibrary,iconSize:"13px",ariaLabel:r.tooltip,disabled:!!r.disabled,onClick:t=>{t.stopPropagation(),this.nodeAction.emit({node:e,action:String(r.id??"")})}}))))),g&&"after"===this.dragPosition&&o("div",{class:"tree-drop-indicator tree-drop-after-line"}),c&&l&&"tree"===this.layout&&o("div",{class:"tree-children"+(g&&"inside"===this.dragPosition?" tree-children-drop-target":"")},d&&e.children.map(((t,o)=>{const n=e.children.some((e=>e.icon||this.showIcons));return this.renderNode(t,r+1,b,o===e.children.length-1,[...i,a],o,n)}))));return"org-chart"===this.layout?o("div",{class:"tree-node-wrapper"},w,c&&l&&o("div",{class:"tree-children"},d&&e.children.map(((t,o)=>{const n=e.children.some((e=>e.icon||this.showIcons));return this.renderNode(t,r+1,b,o===e.children.length-1,[...i,a],o,n)})))):w}renderContextMenu(){if(!this.contextMenuEnabled||!this.contextMenuVisible||!this.contextMenuNode)return null;const e=this.contextMenuNode;return o("div",{class:"tree-context-menu",style:{position:"fixed",left:`${this.contextMenuX}px`,top:`${this.contextMenuY}px`},onClick:e=>e.stopPropagation()},this.selectable&&o("div",{class:"tree-context-item",onClick:()=>{this.handleNodeClick(e,[]),this.contextMenuVisible=!1}},o("ui-icon",{name:"check",library:"fontawesome",size:"13px"})," Select"),this.expandable&&(e.children?.length??0)>0&&o("div",{class:"tree-context-item",onClick:()=>{this.internalNodes=this._toggleNode(e.id),this.contextMenuVisible=!1}},o("ui-icon",{name:e.expanded?"chevron-up":"chevron-down",library:"lucide",size:"13px"}),e.expanded?"Collapse":"Expand"),this.inlineEdit&&!e.disabled&&o("div",{class:"tree-context-item",onClick:()=>{this.startEditing(e),this.contextMenuVisible=!1}},o("ui-icon",{name:"pen",library:"lucide",size:"13px"})," Rename"),o("div",{class:"tree-context-separator"}),o("div",{class:"tree-context-item",onClick:()=>{this.expandAllNodes(),this.contextMenuVisible=!1}},"Expand All"),o("div",{class:"tree-context-item",onClick:()=>{this.collapseAllNodes(),this.contextMenuVisible=!1}},"Collapse All"),this.undoRedoEnabled&&[o("div",{class:"tree-context-separator"}),o("div",{class:"tree-context-item"+(this.undoStack.length?"":" disabled"),onClick:()=>{this.undo(),this.contextMenuVisible=!1}},"Undo"),o("div",{class:"tree-context-item tree-context-item-danger",onClick:()=>{this._saveUndo();const r=this._findNode(e.id,this.internalNodes);this.internalNodes=this._removeNode(e.id,this.internalNodes),r&&this.nodeRemove.emit({node:r}),this.contextMenuVisible=!1}},"Delete")])}render(){this._selectionPathIds=this._getSelectionPathIds();const e=this.searchable?this.filterNodes(this.internalNodes):this.internalNodes,r=e.some((e=>e.icon||this.showIcons));return o(a,{key:"dae18b9d9751a023555e848bb0b5aaebdd235770",class:{"tree-container":!0,[`tree-orientation-${this.orientation}`]:!0,[`tree-layout-${this.layout}`]:!0,[`tree-variant-${this.variant}`]:!0,[`tree-theme-${this.theme}`]:!0,"tree-animated":this.animated,"tree-show-lines":this.showLines,"tree-hide-lines":!this.showLines,"tree-selectable":this.selectable,"tree-glow":this.showGlow},style:{"--tree-indent":`${this.indent}px`,"--tree-node-height":`${this.nodeHeight}px`},onKeyDown:this.handleKeyDown,tabIndex:0},o("div",{key:"9b15d92f21722bcd345733cfa44206e3c83a2fa9",class:"tree-inner",role:"tree","aria-multiselectable":this.multiSelect?"true":"false"},this.searchable&&o("div",{key:"be71bda4e65cfcf704616ef2ae563630bffde2fa",class:"tree-search"},o("ui-icon",{key:"53d76e4229942408bf50ab0c72d3ce6d1811fbd2",name:"search",library:"fontawesome",size:"13px",class:"tree-search-icon"}),o("ui-input",{key:"b8edf92c3dda73600fd0a653739aa1206be64698",type:"text",placeholder:"Search tree...",value:this.searchTerm,onInputChange:e=>this.handleSearchInput(e),ariaLabel:"Search tree",size:"sm",fullWidth:!0}),this.searchTerm&&o("ui-button",{key:"66800256ed8fc8139dab93bd920d25a2a6219cdf",variant:"ghost",size:"sm",class:"tree-search-clear",icon:"times",iconLibrary:"fontawesome",iconSize:"11px",ariaLabel:"Clear search",onClick:()=>{this.searchTerm=""}})),this.undoRedoEnabled&&o("div",{key:"a391e1e016e422fbdd2781a09daf176bf8fe58df",class:"tree-toolbar"},o("ui-button",{key:"73de8c1affc18220f94912f546c7e992d81850ed",variant:"ghost",size:"sm",icon:"undo",iconLibrary:"fontawesome",iconSize:"13px",label:"Undo",ariaLabel:"Undo (Ctrl+Z)",disabled:!this.undoStack.length,onClick:()=>this.undo()}),o("ui-button",{key:"0aebc8cafd66fb273eb7e39b682a29a24f73bfcc",variant:"ghost",size:"sm",icon:"redo",iconLibrary:"fontawesome",iconSize:"13px",label:"Redo",ariaLabel:"Redo (Ctrl+Shift+Z)",disabled:!this.redoStack.length,onClick:()=>this.redo()}),o("div",{key:"5bf0083e6ccd220d480a29f0fce27e220dba4231",class:"tree-toolbar-sep"}),o("ui-button",{key:"4aee1b4dfa0e8a99770e2ea55670cf17a3491bfb",variant:"ghost",size:"sm",icon:"expand",iconLibrary:"fontawesome",iconSize:"13px",ariaLabel:"Expand all",onClick:()=>this.expandAllNodes()}),o("ui-button",{key:"31c8f23735e0aabb53bee60f63f823f0facbf4c2",variant:"ghost",size:"sm",icon:"compress",iconLibrary:"fontawesome",iconSize:"13px",ariaLabel:"Collapse all",onClick:()=>this.collapseAllNodes()})),o("div",{key:"c635c7a4205a04d0fbb29bbbf666d82e3799e76e",class:"tree-content",style:this.virtualScroll?{height:`${this.virtualScrollHeight}px`,overflowY:"auto"}:{},onScroll:()=>this.virtualScroll&&this.el.forceUpdate()},this.virtualScroll&&"tree"===this.layout?(()=>{const r=this._getVisibleNodes(e),t=this.el.shadowRoot?.querySelector(".tree-content")?.scrollTop||0,a=Math.max(0,Math.floor(t/this.nodeHeight)-2),i=Math.min(r.length,a+Math.ceil(this.virtualScrollHeight/this.nodeHeight)+4);return o("div",{class:"tree-virtual-scroller",style:{height:r.length*this.nodeHeight+"px",position:"relative"}},o("div",{class:"tree-virtual-offset",style:{transform:`translateY(${a*this.nodeHeight}px)`}},r.slice(a,i).map((e=>{const r=this._findPath(e.id,this.internalNodes)||[];return this.renderNode(e,r.length-1,r.slice(0,-1),!1,[],0,!1)}))))})():e.length>0?e.map(((t,o)=>this.renderNode(t,0,[],o===e.length-1,[],o,r))):o("div",{class:"tree-empty"},o("ui-icon",{name:"folder-open",library:"fontawesome",size:"40px"}),o("p",null,this.searchTerm?"No results found":"No items")))),this.renderContextMenu())}static get watchers(){return{nodes:[{parseNodes:0}],expandAll:[{parseNodes:0}],collapseAll:[{parseNodes: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{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;--tree-bg:var(--bg-primary, #ffffff);--tree-text:var(--text-primary, #1f2937);--tree-text-muted:var(--color-primary, #6b7280);--tree-border-color:var(--border-default, #e5e7eb);--tree-primary:var(--color-success, #3dcd58);--tree-primary-50:rgba(var(--color-success-rgb, 61, 205, 88), 0.08);--tree-primary-100:rgba(var(--color-success-rgb, 61, 205, 88), 0.15);--tree-primary-200:rgba(var(--color-success-rgb, 61, 205, 88), 0.25);--tree-muted:var(--color-primary, #9ca3af);--tree-node-hover-bg:rgba(0, 0, 0, 0.02);--tree-line-color-default:rgba(0, 0, 0, 0.15);--tree-error:var(--color-danger, #ef4444);--tree-info:var(--color-primary, #10b981);--tree-success:var(--color-success, #10b981);--tree-warning:var(--color-warning, #f59e0b)}.tree-container{width:100%;background:var(--tree-bg);border-radius:8px;overflow:visible;}.tree-container.tree-theme-dark{--tree-bg:var(--bg-primary, #1f2937);--tree-text:var(--bg-primary, #f3f4f6);--tree-text-muted:var(--color-primary, #9ca3af);--tree-border-color:var(--border-default, #374151);--tree-node-hover-bg:rgba(255, 255, 255, 0.05);--tree-line-color-default:rgba(255, 255, 255, 0.1);background:var(--tree-bg);color:var(--tree-text)}.tree-container.tree-variant-bordered{border:1px solid var(--tree-border-color)}.tree-container.tree-variant-rounded{border-radius:12px}.tree-container.tree-variant-rounded .tree-node{border-radius:8px}.tree-container.tree-variant-minimal{background:transparent}.tree-container.tree-variant-minimal .tree-node{background:transparent}.tree-container.tree-variant-minimal .tree-node:hover{background:rgba(0, 0, 0, 0.02)}.tree-container.tree-variant-glass{--tree-glass-bg:rgba(255, 255, 255, 0.1);--tree-glass-border:rgba(255, 255, 255, 0.2);--tree-glass-text:var(--text-primary, #111827);background:var(--tree-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tree-glass-border);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.tree-container.tree-variant-glass .tree-node{color:var(--tree-glass-text)}.tree-container.tree-variant-glass .tree-node:hover{background:rgba(255, 255, 255, 0.2)}.tree-container.tree-variant-glass .tree-node.tree-node-selected{background:var(--tree-primary-200)}.tree-container.tree-variant-glass .tree-search input{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3);color:var(--tree-text)}.tree-container.tree-variant-glass .tree-search input::placeholder{color:var(--tree-text-muted)}.tree-container.tree-variant-glass .tree-line{background:var(--tree-line-color-default)}.tree-container.tree-glow{box-shadow:0 0 20px var(--tree-primary-200);border-color:var(--tree-primary-100)}.tree-theme-dark.tree-variant-glass{--tree-glass-bg:rgba(17, 24, 39, 0.4);--tree-glass-border:rgba(255, 255, 255, 0.1);--tree-glass-text:var(--tree-text);background:var(--tree-glass-bg);border:1px solid var(--tree-glass-border)}.tree-theme-dark.tree-variant-glass .tree-node{color:var(--tree-glass-text)}.tree-theme-dark.tree-variant-glass .tree-node:hover{background:rgba(255, 255, 255, 0.1)}.tree-theme-dark.tree-variant-glass .tree-search input{background:rgba(0, 0, 0, 0.2);border-color:var(--tree-glass-border)}.tree-theme-dark.tree-variant-glass .tree-line{background:var(--tree-glass-border)}.tree-search{position:relative;padding:16px;border-bottom:1px solid var(--tree-border-color)}.tree-search ui-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--tree-muted);font-size:14px}.tree-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--tree-border-color);background:transparent;color:inherit;border-radius:6px;font-size:14px;outline:none;transition:all 0.2s}.tree-search input:focus{border-color:var(--tree-primary);box-shadow:0 0 0 3px var(--tree-primary-50)}.tree-search input::placeholder{color:var(--tree-muted)}.tree-theme-dark .tree-search input:focus{border-color:var(--tree-primary)}.tree-inner{position:relative}.tree-node{position:relative;display:block;width:100%}.tree-connector-harness-group{position:absolute;left:24px;top:0;width:var(--tree-indent-full, 100%);height:100%;pointer-events:none;z-index:1}.tree-v-line-container{position:absolute;left:0;top:0;width:100%;height:100%}.tree-hook-container{position:absolute;left:0;top:0;width:100%}.tree-connectors-svg{display:block;width:100%;height:100%;overflow:visible}.tree-connectors-svg path,.tree-connectors-svg line{transition:stroke 0.3s ease, stroke-width 0.3s ease, stroke-opacity 0.4s ease}.tree-connectors-svg .path-highlight{--line-color-final:var(--tree-primary) !important;stroke:var(--line-color-final) !important;stroke-opacity:1 !important;filter:drop-shadow(0 0 5px var(--tree-primary-400))}.tree-theme-dark .tree-line{--default-line-color:rgba(255, 255, 255, 0.1)}.tree-expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--tree-text-muted);font-size:11px;cursor:pointer;z-index:2}.tree-expand-icon:hover{color:var(--tree-primary)}.tree-expand-icon{margin-right:8px}.tree-animated .tree-node-expanded .tree-expand-icon ui-icon{transform:rotate(0deg)}.tree-animated .tree-node-collapsed .tree-expand-icon ui-icon{transform:rotate(-90deg)}.tree-expand-spacer{width:24px;height:24px;flex-shrink:0;margin-right:8px}.tree-checkbox{display:flex;align-items:center;justify-content:center}.tree-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--tree-primary)}.tree-node-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:16px;color:var(--tree-primary)}.tree-node-icon.tree-node-icon-spacer{visibility:hidden}.tree-node-icon.tree-node-icon-default{color:var(--tree-text-muted)}.tree-theme-dark .tree-node-icon.tree-node-icon-default{color:var(--tree-text-muted)}.tree-node-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;position:relative;z-index:2;cursor:pointer;transition:background-color 0.2s ease}.tree-node-content:hover{background-color:var(--tree-node-hover-bg)}.tree-node-content .tree-node-text-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tree-node-content .tree-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--tree-text)}.tree-theme-dark .tree-node-label{color:var(--tree-text)}.tree-node-spinner{display:flex;align-items:center;color:var(--tree-primary)}.tree-node-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity 0.2s;pointer-events:none;margin-left:8px}.tree-node:hover .tree-node-actions{opacity:1;pointer-events:auto}.tree-action-btn{background:transparent;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tree-text-muted);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);padding:0;margin-left:2px}.tree-action-btn:hover{background:var(--tree-primary-100);color:var(--tree-primary);transform:scale(1.1);box-shadow:0 0 10px var(--tree-primary-50)}.tree-action-btn:active{transform:scale(0.95)}.tree-theme-dark .tree-action-btn{color:var(--tree-text-muted)}.tree-theme-dark .tree-action-btn:hover{background:var(--tree-node-hover-bg)}.tree-node-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.tree-node-badge.tree-node-badge-default{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-badge.tree-node-badge-primary{background:var(--tree-primary-100);color:var(--tree-primary)}.tree-node-badge.tree-node-badge-secondary{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-badge.tree-node-badge-success{background:var(--tree-primary-100);color:var(--tree-success)}.tree-node-badge.tree-node-badge-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--tree-error)}.tree-node-badge.tree-node-badge-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tree-node-badge.tree-node-badge-info{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--tree-info)}.tree-node-counter{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--tree-primary);color:var(--tree-bg);border-radius:11px;font-size:11px;font-weight:600;flex-shrink:0}.tree-children{overflow:hidden}.tree-animated .tree-children{animation:slideDown 0.2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--tree-text-muted)}.tree-empty i{font-size:48px;margin-bottom:12px;opacity:0.5}.tree-empty p{margin:0;font-size:14px}.tree-orientation-horizontal .tree-content{overflow-x:auto}.tree-orientation-horizontal .tree-node-wrapper{display:flex}.tree-orientation-horizontal .tree-children{display:flex;flex-direction:column;margin-left:24px;padding-left:24px;border-left:1px solid var(--tree-border-color)}.tree-orientation-horizontal .tree-node{padding-left:0}.tree-layout-org-chart .tree-content{display:flex;justify-content:center;padding:60px 40px;overflow:auto;min-height:400px}.tree-layout-org-chart .tree-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;padding:20px 0 0 0;transition:all 0.3s ease}.tree-layout-org-chart .tree-node-wrapper::before,.tree-layout-org-chart .tree-node-wrapper::after{content:"";position:absolute;top:0;right:50%;width:50%;height:20px;border-top:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart .tree-node-wrapper::after{right:auto;left:50%;border-left:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart{}.tree-layout-org-chart .tree-content>.tree-node-wrapper::before,.tree-layout-org-chart .tree-content>.tree-node-wrapper::after{display:none !important}.tree-layout-org-chart .tree-content>.tree-node-wrapper{padding-top:0}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-wrapper:first-child::before{border:0 none}.tree-layout-org-chart .tree-node-wrapper:last-child::after{border:0 none}.tree-layout-org-chart .tree-node-wrapper:first-child:not(:only-child)::after{border-radius:12px 0 0 0}.tree-layout-org-chart .tree-node-wrapper:last-child:not(:only-child)::before{border-right:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1));border-radius:0 12px 0 0}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-wrapper:only-child::after{border-radius:0;border-left:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart .tree-node-wrapper:only-child::before{display:none}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-branch>.tree-node::after{content:"";position:absolute;bottom:-20px;left:50%;width:1px;height:20px;background:var(--tree-line-color-default)}.tree-layout-org-chart .tree-node{border:1px solid var(--tree-border-color);background:var(--tree-bg);box-shadow:0 4px 12px var(--tree-primary-50);padding:12px 24px;min-width:160px;max-width:300px;justify-content:center;margin:0 15px;z-index:2;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:10px}.tree-layout-org-chart .tree-node:hover{border-color:var(--tree-primary);box-shadow:0 12px 24px var(--tree-primary-100);transform:translateY(-4px)}.tree-layout-org-chart .tree-node.tree-node-selected{border-color:var(--tree-primary);background:var(--tree-primary-50)}.tree-layout-org-chart .tree-children{display:flex;flex-direction:row;justify-content:center;position:relative;padding-top:20px}.tree-layout-org-chart{}.tree-layout-org-chart.tree-theme-dark .tree-node{background:var(--tree-bg);border-color:var(--tree-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.tree-layout-org-chart.tree-theme-dark .tree-node-wrapper::before,.tree-layout-org-chart.tree-theme-dark .tree-node-wrapper::after{border-color:var(--tree-line-color-default)}.tree-layout-org-chart.tree-theme-dark .tree-node-branch>.tree-node::after{background:var(--tree-line-color-default)}.tree-hide-lines .tree-lines,.tree-hide-lines .tree-node-wrapper::before,.tree-hide-lines .tree-node-wrapper::after,.tree-hide-lines .tree-line-vertical::after,.tree-hide-lines .tree-node::after{display:none !important}.tree-variant-modern-green{--tree-bg:var(--bg-secondary, #0f172a);--tree-text:var(--bg-primary, #f8fafc);--tree-text-muted:var(--color-primary, #94a3b8);--tree-primary:var(--color-success, #10b981);--tree-line-color-default:var(--color-success, #10b981);background:var(--tree-bg);color:var(--tree-text);border:1px solid rgba(var(--color-success-rgb, 16, 185, 129), 0.2);box-shadow:0 4px 20px rgba(0, 0, 0, 0.4)}.tree-variant-modern-green .tree-node{color:var(--tree-text-muted);font-weight:500;letter-spacing:0.02em}.tree-variant-modern-green .tree-node:hover{background:var(--tree-primary-50);color:var(--tree-primary)}.tree-variant-modern-green .tree-node.tree-node-selected{background:var(--tree-primary-100);color:var(--tree-primary);border-left:2px solid var(--tree-primary)}.tree-variant-modern-green .tree-line{--default-line-color:var(--tree-primary);--line-width:2px;opacity:0.6}.tree-variant-modern-green .tree-line-curved{border-bottom-left-radius:14px}.tree-variant-modern-green .tree-search input{background:rgba(0, 0, 0, 0.3);border-color:var(--tree-primary-100);color:var(--tree-text)}.tree-variant-modern-green .tree-search input:focus{border-color:var(--tree-primary);box-shadow:0 0 0 3px var(--tree-primary-100)}.tree-variant-modern-green .tree-node-icon{color:var(--tree-primary)}.tree-variant-modern-green .tree-expand-icon{color:var(--tree-primary)}.tree-variant-modern-green .tree-expand-icon:hover{color:var(--tree-primary)}.tree-node-selected{border-top:0 none !important}.tree-node-selected::before,.tree-node-selected::after{border-top:0 none !important}.tree-node[draggable=true]{cursor:move}.tree-node:active{opacity:0.6}.tree-drop-indicator{height:2px;background:var(--tree-primary);border-radius:2px;margin:0 8px;box-shadow:0 0 6px var(--tree-primary-200);animation:pulseIndicator 0.5s ease infinite alternate}@keyframes pulseIndicator{from{opacity:0.7}to{opacity:1}}.tree-node.tree-drop-inside>.tree-node-content{outline:2px dashed var(--tree-primary);outline-offset:-2px;border-radius:6px;background:var(--tree-primary-50)}.tree-children-drop-target{background:var(--tree-primary-50);border-radius:6px}.tree-edit-input{flex:1;min-width:80px;padding:2px 8px;border:1.5px solid var(--tree-primary);border-radius:4px;font-size:13px;font-family:inherit;color:var(--tree-text);background:var(--tree-bg);outline:none;box-shadow:0 0 0 3px var(--tree-primary-50)}.tree-edit-input:focus{box-shadow:0 0 0 3px var(--tree-primary-100)}.tree-theme-dark .tree-edit-input{background:rgba(255, 255, 255, 0.05);color:var(--tree-text)}.tree-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--tree-muted);pointer-events:none}.tree-search-clear{position:absolute;right:26px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--tree-text-muted);padding:4px;display:flex;align-items:center;border-radius:4px;transition:color 0.2s, background 0.2s}.tree-search-clear:hover{color:var(--tree-error);background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.08)}.tree-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--tree-border-color);background:rgba(0, 0, 0, 0.01)}.tree-theme-dark .tree-toolbar{background:rgba(255, 255, 255, 0.02)}.tree-toolbar-sep{width:1px;height:18px;background:var(--tree-border-color);margin:0 4px}.tree-toolbar-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--tree-border-color);border-radius:6px;background:var(--tree-bg);color:var(--tree-text-muted);font-size:12px;cursor:pointer;transition:all 0.15s;white-space:nowrap}.tree-toolbar-btn:hover:not(:disabled){background:var(--tree-primary-50);color:var(--tree-primary);border-color:var(--tree-primary)}.tree-toolbar-btn:disabled{opacity:0.4;cursor:not-allowed}.tree-context-menu{min-width:170px;background:var(--tree-bg);border:1px solid var(--tree-border-color);border-radius:10px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);padding:6px;z-index:9999;animation:contextMenuIn 0.12s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}@keyframes contextMenuIn{from{opacity:0;transform:scale(0.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.tree-context-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--tree-text);cursor:pointer;transition:background 0.12s}.tree-context-item:hover{background:var(--tree-primary-50);color:var(--tree-primary)}.tree-context-item.disabled{opacity:0.4;pointer-events:none}.tree-context-item.tree-context-item-danger{color:var(--tree-error)}.tree-context-item.tree-context-item-danger:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.08);color:var(--tree-error)}.tree-context-separator{height:1px;background:var(--tree-border-color);margin:4px 6px}.tree-theme-dark .tree-context-menu{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);box-shadow:0 8px 32px rgba(0, 0, 0, 0.4)}.tree-node-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.tree-node-avatar img{width:100%;height:100%;object-fit:cover}.tree-node-avatar-initials{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.tree-node-avatar-initials.tree-node-avatar-primary{background:var(--tree-primary-100);color:var(--tree-primary)}.tree-node-avatar-initials.tree-node-avatar-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--tree-success)}.tree-node-avatar-initials.tree-node-avatar-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--tree-error)}.tree-node-avatar-initials.tree-node-avatar-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--tree-warning)}.tree-node-avatar-initials.tree-node-avatar-info{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--tree-info)}.tree-node-avatar-initials.tree-node-avatar-default{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-description{font-size:11px;color:var(--tree-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-tag{padding:1px 7px;border-radius:12px;font-size:10px;font-weight:600;background:var(--tree-border-color);color:var(--tree-text-muted);white-space:nowrap;flex-shrink:0}.tree-node-lock{display:flex;align-items:center;color:var(--tree-text-muted);flex-shrink:0;margin-left:4px}.tree-action-danger:hover{color:var(--tree-error) !important;background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important}.tree-action-warning:hover{color:var(--tree-warning) !important;background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1) !important}.tree-action-success:hover{color:var(--tree-success) !important;background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important}.tree-highlight{background:rgba(245, 200, 10, 0.35);color:inherit;border-radius:2px;padding:0 1px}.tree-variant-compact .tree-node-content{min-height:28px !important;font-size:12px}.tree-variant-compact .tree-expand-icon,.tree-variant-compact .tree-expand-spacer{width:18px;height:18px}.tree-variant-compact .tree-node-icon{width:16px;height:16px;font-size:13px}.tree-variant-directory{--tree-primary:var(--color-warning, #f59e0b)}.tree-variant-directory .tree-node-branch>.tree-node-content .tree-node-icon ui-icon{color:var(--color-warning, #f59e0b)}.tree-variant-directory .tree-node-leaf>.tree-node-content .tree-node-icon ui-icon{color:var(--color-primary, #60a5fa)}.tree-variant-directory .tree-node-selected>.tree-node-content{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.tree-variant-cards .tree-node-content{border:1px solid var(--tree-border-color);border-radius:10px;margin:3px 8px 3px 0;padding-right:12px !important;background:var(--tree-bg);box-shadow:0 1px 3px rgba(0, 0, 0, 0.04);transition:box-shadow 0.2s, border-color 0.2s}.tree-variant-cards .tree-node-content:hover{border-color:var(--tree-primary);box-shadow:0 4px 12px var(--tree-primary-50)}.tree-variant-cards .tree-node-selected>.tree-node-content{border-color:var(--tree-primary);background:var(--tree-primary-50);box-shadow:0 4px 12px var(--tree-primary-100)}.tree-variant-cards.tree-theme-dark .tree-node-content{background:rgba(255, 255, 255, 0.04);border-color:var(--tree-border-color);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.tree-variant-git-graph{--tree-git-lane-color:rgba(100, 116, 139, 0.45);--tree-git-commit-color:var(--tree-primary);--tree-git-commit-leaf-color:rgba(148, 163, 184, 0.85)}.tree-variant-git-graph .tree-connector-harness-group{display:none}.tree-variant-git-graph .tree-node-content{position:relative}.tree-variant-git-graph .tree-node-content::before,.tree-variant-git-graph .tree-node-content::after{content:"";position:absolute;pointer-events:none;z-index:1}.tree-variant-git-graph{}.tree-variant-git-graph .tree-node-content::before{left:calc(var(--depth, 0) * var(--tree-indent, 24px) + 12px);top:0;bottom:0;width:1.5px;background:var(--tree-git-lane-color)}.tree-variant-git-graph{}.tree-variant-git-graph .tree-node-content::after{left:calc(var(--depth, 0) * var(--tree-indent, 24px) + 8px);top:50%;width:9px;height:9px;transform:translateY(-50%);border-radius:50%;background:var(--tree-git-commit-color);box-shadow:0 0 0 2px var(--tree-bg)}.tree-variant-git-graph .tree-node-leaf>.tree-node-content::after{background:var(--tree-git-commit-leaf-color)}.tree-variant-git-graph .tree-node-selected>.tree-node-content::after{width:10px;height:10px;background:var(--tree-primary);box-shadow:0 0 0 2px var(--tree-bg), 0 0 0 6px var(--tree-primary-50)}.tree-variant-git-graph .tree-node:hover>.tree-node-content::before{background:color-mix(in srgb, var(--tree-primary) 35%, var(--tree-git-lane-color))}.tree-theme-dark.tree-variant-git-graph{--tree-git-lane-color:rgba(148, 163, 184, 0.35);--tree-git-commit-leaf-color:rgba(203, 213, 225, 0.85)}.tree-node-focused>.tree-node-content{outline:2px solid var(--tree-primary);outline-offset:-1px;border-radius:4px}.tree-content::-webkit-scrollbar{width:4px}.tree-content::-webkit-scrollbar-track{background:transparent}.tree-content::-webkit-scrollbar-thumb{background:var(--tree-border-color);border-radius:4px}.tree-theme-dark.tree-layout-org-chart .tree-node{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--tree-text)}.tree-theme-dark.tree-layout-org-chart .tree-node:hover{border-color:var(--tree-primary)}.tree-node-sm>.tree-node-content{min-height:32px !important;font-size:12px}.tree-node-md>.tree-node-content{min-height:40px !important;font-size:14px}.tree-node-lg>.tree-node-content{min-height:48px !important;font-size:16px}.tree-node-primary>.tree-node-content .tree-node-label{color:var(--tree-primary)}.tree-node-success>.tree-node-content .tree-node-label{color:var(--tree-success)}.tree-node-danger>.tree-node-content .tree-node-label{color:var(--tree-error)}.tree-node-warning>.tree-node-content .tree-node-label{color:var(--tree-warning)}.tree-node-info>.tree-node-content .tree-node-label{color:var(--tree-info)}.tree-animated .tree-children{animation:treeSlideIn 0.18s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes treeSlideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}';export{i as ui_tree}
|