atomicuilibrary 0.1.0 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/category-section.cjs.entry.js +2 -2
- package/dist/cjs/dom-BvBb0kmW.js +267 -0
- package/dist/cjs/exploration-project-tailwind.cjs.js +2 -2
- package/dist/cjs/{index-ClkOYpT8.js → index-C32cWsm5.js} +1 -1
- package/dist/cjs/layout-manager.cjs.entry.js +3 -3
- package/dist/cjs/library-card.cjs.entry.js +2 -2
- package/dist/cjs/lm-container_2.cjs.entry.js +2 -2
- package/dist/cjs/lm-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/my-step.cjs.entry.js +2 -2
- package/dist/cjs/nav-bar.cjs.entry.js +4 -4
- package/dist/cjs/smart-step.cjs.entry.js +3 -3
- package/dist/cjs/timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-accordion_11.cjs.entry.js +132 -50
- package/dist/cjs/ui-advanced-data-table.cjs.entry.js +2 -2
- package/dist/cjs/ui-anchor.cjs.entry.js +2 -2
- package/dist/cjs/ui-animate-on-scroll.cjs.entry.js +3 -3
- package/dist/cjs/ui-aside-panel.cjs.entry.js +10 -11
- package/dist/cjs/ui-avatar-group_5.cjs.entry.js +1694 -0
- package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/ui-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ui-callout-banner.cjs.entry.js +2 -2
- package/dist/cjs/ui-card.cjs.entry.js +4 -3
- package/dist/cjs/ui-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ui-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ui-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-preview.cjs.entry.js +2 -2
- package/dist/cjs/ui-color-picker.cjs.entry.js +256 -22
- package/dist/cjs/ui-command-palette.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-box.cjs.entry.js +85 -11
- package/dist/cjs/ui-dialog-content.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-footer_2.cjs.entry.js +1 -1
- package/dist/cjs/ui-divider.cjs.entry.js +1 -1
- package/dist/cjs/ui-dock-host.cjs.entry.js +4 -4
- package/dist/cjs/ui-dock.cjs.entry.js +2 -2
- package/dist/cjs/ui-drag-drop.cjs.entry.js +2 -2
- package/dist/cjs/ui-dropdown_2.cjs.entry.js +104 -34
- package/dist/cjs/ui-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab.cjs.entry.js +4 -4
- package/dist/cjs/ui-file-upload.cjs.entry.js +143 -44
- package/dist/cjs/ui-horizontal-nav.cjs.entry.js +2 -2
- package/dist/cjs/ui-knob.cjs.entry.js +1 -1
- package/dist/cjs/ui-label.cjs.entry.js +473 -0
- package/dist/cjs/ui-library.cjs.entry.js +2 -2
- package/dist/cjs/ui-list-group_2.cjs.entry.js +349 -60
- package/dist/cjs/ui-list.cjs.entry.js +76 -42
- package/dist/cjs/ui-masonry.cjs.entry.js +1 -1
- package/dist/cjs/ui-meter-group.cjs.entry.js +5 -4
- package/dist/cjs/ui-navigation-item.cjs.entry.js +5 -5
- package/dist/cjs/ui-number-input.cjs.entry.js +7 -3
- package/dist/cjs/ui-otp-input.cjs.entry.js +5 -5
- package/dist/cjs/{ui-pagination_4.cjs.entry.js → ui-pagination_3.cjs.entry.js} +35 -506
- package/dist/cjs/ui-panel.cjs.entry.js +1 -1
- package/dist/cjs/ui-pattern-input.cjs.entry.js +46 -11
- package/dist/cjs/ui-progress.cjs.entry.js +66 -9
- package/dist/cjs/ui-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/ui-resizable-panel.cjs.entry.js +2 -2
- package/dist/cjs/ui-scroll-top.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ui-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-speed-dial.cjs.entry.js +1 -1
- package/dist/cjs/ui-speedometer.cjs.entry.js +28 -17
- package/dist/cjs/ui-splitter.cjs.entry.js +1 -1
- package/dist/cjs/ui-step.cjs.entry.js +2 -2
- package/dist/cjs/ui-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +14 -13
- package/dist/cjs/ui-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ui-tag.cjs.entry.js +58 -13
- package/dist/cjs/ui-timeline.cjs.entry.js +10 -2
- package/dist/cjs/ui-timer.cjs.entry.js +2 -2
- package/dist/cjs/ui-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/ui-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-transfer-list.cjs.entry.js +6 -6
- package/dist/cjs/ui-tree.cjs.entry.js +30 -15
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +2 -2
- package/dist/collection/assets/js/component-config.js +1 -0
- package/dist/collection/assets/js/demo-loader.js +2 -0
- package/dist/collection/assets/js/demos/about-demo.js +13 -13
- package/dist/collection/assets/js/demos/accordion-demo.js +66 -66
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +102 -102
- package/dist/collection/assets/js/demos/anchor-demo.js +27 -28
- package/dist/collection/assets/js/demos/animate-on-scroll-demo.js +12 -12
- package/dist/collection/assets/js/demos/aside-panel-demo.js +51 -51
- package/dist/collection/assets/js/demos/avatar-demo.js +433 -95
- package/dist/collection/assets/js/demos/badge-demo.js +51 -52
- package/dist/collection/assets/js/demos/breadcrumb-demo.js +7 -7
- package/dist/collection/assets/js/demos/button-demo.js +117 -107
- package/dist/collection/assets/js/demos/button-toggle-demo.js +199 -96
- package/dist/collection/assets/js/demos/callout-banner-demo.js +23 -23
- package/dist/collection/assets/js/demos/card-demo.js +23 -22
- package/dist/collection/assets/js/demos/carousel-demo.js +632 -360
- package/dist/collection/assets/js/demos/checkbox-demo.js +124 -7
- package/dist/collection/assets/js/demos/color-picker-demo.js +394 -100
- package/dist/collection/assets/js/demos/command-palette-demo.js +182 -65
- package/dist/collection/assets/js/demos/complex-form-demo.js +5 -5
- package/dist/collection/assets/js/demos/context-menu-demo.js +43 -43
- package/dist/collection/assets/js/demos/dialog-demo-temp.js +3 -3
- package/dist/collection/assets/js/demos/dialog-demo.js +336 -230
- package/dist/collection/assets/js/demos/divider-demo.js +59 -62
- package/dist/collection/assets/js/demos/dock-demo.js +12 -12
- package/dist/collection/assets/js/demos/dock-host-init.js +31 -31
- package/dist/collection/assets/js/demos/documentation-demo.js +34 -34
- package/dist/collection/assets/js/demos/drag-drop-demo.js +2 -2
- package/dist/collection/assets/js/demos/dropdown-demo.js +140 -136
- package/dist/collection/assets/js/demos/dropdown-subtitle-demo.js +2 -2
- package/dist/collection/assets/js/demos/empty-state-demo.js +294 -78
- package/dist/collection/assets/js/demos/fab-demo.js +95 -11
- package/dist/collection/assets/js/demos/file-upload-demo.js +641 -171
- package/dist/collection/assets/js/demos/home-components.js +2 -2
- package/dist/collection/assets/js/demos/horizontal-nav-demo.js +6 -6
- package/dist/collection/assets/js/demos/icon-demo.js +17 -17
- package/dist/collection/assets/js/demos/input-demo.js +147 -143
- package/dist/collection/assets/js/demos/knob-demo.js +29 -30
- package/dist/collection/assets/js/demos/label-demo.js +697 -0
- package/dist/collection/assets/js/demos/layout-manager-demo.js +55 -55
- package/dist/collection/assets/js/demos/list-demo.js +185 -122
- package/dist/collection/assets/js/demos/loader-demo.js +48 -48
- package/dist/collection/assets/js/demos/masonry-demo.js +568 -140
- package/dist/collection/assets/js/demos/meter-group-demo.js +14 -16
- package/dist/collection/assets/js/demos/multi-level-context-menu-demo.js +25 -25
- package/dist/collection/assets/js/demos/my-profile-demo.js +27 -27
- package/dist/collection/assets/js/demos/nav-bar-demo.js +1 -1
- package/dist/collection/assets/js/demos/number-input-demo.js +262 -211
- package/dist/collection/assets/js/demos/pagination-demo.js +29 -29
- package/dist/collection/assets/js/demos/panel-demo.js +18 -25
- package/dist/collection/assets/js/demos/pattern-input-demo.js +278 -40
- package/dist/collection/assets/js/demos/popover-demo.js +240 -149
- package/dist/collection/assets/js/demos/progress-demo.js +170 -156
- package/dist/collection/assets/js/demos/radio-demo.js +73 -12
- package/dist/collection/assets/js/demos/range-slider-demo.js +33 -33
- package/dist/collection/assets/js/demos/rating-demo.js +19 -19
- package/dist/collection/assets/js/demos/scroll-top-demo.js +8 -9
- package/dist/collection/assets/js/demos/skeleton-demo.js +110 -52
- package/dist/collection/assets/js/demos/skeleton-performance-demo.js +2 -2
- package/dist/collection/assets/js/demos/smart-dialog-demo.js +12 -12
- package/dist/collection/assets/js/demos/smart-menu-demo.js +17 -17
- package/dist/collection/assets/js/demos/snackbar-demo.js +53 -53
- package/dist/collection/assets/js/demos/speed-dial-demo.js +14 -14
- package/dist/collection/assets/js/demos/speedometer-demo.js +40 -32
- package/dist/collection/assets/js/demos/split-button-demo.js +2 -2
- package/dist/collection/assets/js/demos/splitter-demo.js +14 -14
- package/dist/collection/assets/js/demos/stack-demo.js +27 -27
- package/dist/collection/assets/js/demos/stepper-demo.js +49 -49
- package/dist/collection/assets/js/demos/switch-demo.js +561 -125
- package/dist/collection/assets/js/demos/tabs-demo.js +22 -22
- package/dist/collection/assets/js/demos/tag-demo.js +62 -62
- package/dist/collection/assets/js/demos/theme-selector-demo.js +27 -27
- package/dist/collection/assets/js/demos/timeline-demo.js +10 -10
- package/dist/collection/assets/js/demos/timeline-playground.js +2 -2
- package/dist/collection/assets/js/demos/timer-demo.js +10 -10
- package/dist/collection/assets/js/demos/toolbar-demo.js +17 -17
- package/dist/collection/assets/js/demos/tooltip-demo.js +92 -90
- package/dist/collection/assets/js/demos/top-bar-demo.js +6 -6
- package/dist/collection/assets/js/demos/transfer-list-demo.js +20 -20
- package/dist/collection/assets/js/demos/tree-demo.js +50 -66
- package/dist/collection/assets/js/demos/workspace-manager-demo.js +20 -20
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/accordion/accordion.css +275 -9
- package/dist/collection/components/accordion/accordion.js +7 -6
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +5 -5
- package/dist/collection/components/advanced-data-table/advanced-data-table.js +2 -2
- package/dist/collection/components/anchor/anchor.css +1 -0
- package/dist/collection/components/animate-on-scroll/animate-on-scroll.js +2 -2
- package/dist/collection/components/aside-panel/aside-panel.css +2 -2
- package/dist/collection/components/aside-panel/aside-panel.js +10 -11
- package/dist/collection/components/avatar/avatar.css +6 -6
- package/dist/collection/components/avatar/avatar.js +63 -11
- package/dist/collection/components/badge/badge.css +27 -17
- package/dist/collection/components/badge/badge.js +6 -3
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +2 -2
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/button-toggle/button-toggle.js +2 -2
- package/dist/collection/components/button-toggle-group/button-toggle-group.css +161 -14
- package/dist/collection/components/button-toggle-group/button-toggle-group.js +2 -2
- package/dist/collection/components/callout-banner/callout-banner.css +75 -0
- package/dist/collection/components/callout-banner/callout-banner.js +1 -1
- package/dist/collection/components/card/card.css +221 -9
- package/dist/collection/components/card/card.js +3 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/code-editor/code-editor.js +1 -1
- package/dist/collection/components/code-preview/ui-code-preview.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +110 -6
- package/dist/collection/components/color-picker/color-picker.js +302 -26
- package/dist/collection/components/context-menu/context-menu.css +9 -9
- package/dist/collection/components/dialog-box/dialog-box.js +116 -14
- package/dist/collection/components/dialog-header/dialog-header.js +1 -1
- package/dist/collection/components/dock/dock.css +116 -3
- package/dist/collection/components/dock-host/ui-dock-host.js +3 -3
- package/dist/collection/components/drag-drop/drag-drop.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +101 -8
- package/dist/collection/components/dropdown/dropdown.js +94 -28
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/fab/fab.css +87 -15
- package/dist/collection/components/fab/fab.js +3 -3
- package/dist/collection/components/fab-item/fab-item.js +1 -1
- package/dist/collection/components/file-upload/file-upload.css +1362 -31
- package/dist/collection/components/file-upload/file-upload.js +171 -50
- package/dist/collection/components/horizontal-nav/horizontal-nav.css +9 -9
- package/dist/collection/components/horizontal-nav/horizontal-nav.js +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/input/input.css +9 -0
- package/dist/collection/components/input/input.js +20 -9
- package/dist/collection/components/label/label.css +583 -0
- package/dist/collection/components/label/label.js +1669 -0
- package/dist/collection/components/layout-manager/layout-manager.js +1 -1
- package/dist/collection/components/layout-manager/lm-floating-window/lm-floating-window.js +1 -1
- package/dist/collection/components/layout-manager/lm-panel/lm-panel.js +1 -1
- package/dist/collection/components/layout-manager/lm-splitter/lm-splitter.js +1 -1
- package/dist/collection/components/layout-manager/lm-tabs/lm-tabs.js +1 -1
- package/dist/collection/components/library/category-section.js +1 -1
- package/dist/collection/components/library/library-card.js +1 -1
- package/dist/collection/components/library/library.js +1 -1
- package/dist/collection/components/list/list.css +46 -5
- package/dist/collection/components/list/list.js +76 -42
- package/dist/collection/components/list-group/list-group.css +0 -2
- package/dist/collection/components/list-group/list-group.js +11 -5
- package/dist/collection/components/list-item/list-item.css +403 -131
- package/dist/collection/components/list-item/list-item.js +345 -61
- package/dist/collection/components/loader/loader.css +1 -1
- package/dist/collection/components/loader/loader.js +2 -2
- package/dist/collection/components/meter-group/meter-group.css +5 -0
- package/dist/collection/components/meter-group/meter-group.js +3 -2
- package/dist/collection/components/my-step/my-step.js +1 -1
- package/dist/collection/components/nav-bar/nav-bar.css +4 -4
- package/dist/collection/components/nav-bar/nav-bar.js +6 -6
- package/dist/collection/components/number-input/number-input.js +6 -2
- package/dist/collection/components/otp-input/otp-input.css +10 -0
- package/dist/collection/components/otp-input/otp-input.js +3 -3
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pattern-input/pattern-input.css +0 -1
- package/dist/collection/components/pattern-input/pattern-input.js +44 -9
- package/dist/collection/components/popover/popover.css +35 -7
- package/dist/collection/components/popover/popover.js +64 -9
- package/dist/collection/components/progress/progress.css +176 -32
- package/dist/collection/components/progress/progress.js +66 -8
- package/dist/collection/components/radio/radio.css +2 -0
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/range-slider/range-slider.css +284 -31
- package/dist/collection/components/range-slider/range-slider.js +5 -5
- package/dist/collection/components/rating/rating.css +151 -65
- package/dist/collection/components/rating/rating.js +31 -13
- package/dist/collection/components/resizable-panel/resizable-panel.js +1 -1
- package/dist/collection/components/skeleton/skeleton-loader.css +144 -44
- package/dist/collection/components/skeleton/skeleton-loader.js +11 -7
- package/dist/collection/components/smart-stepper/smart-step.js +2 -2
- package/dist/collection/components/smart-stepper/smart-stepper.js +1 -1
- package/dist/collection/components/speedometer/speedometer.css +26 -6
- package/dist/collection/components/speedometer/speedometer.js +26 -15
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/switch/switch.css +367 -8
- package/dist/collection/components/switch/switch.js +13 -12
- package/dist/collection/components/tag/tag.css +38 -12
- package/dist/collection/components/tag/tag.js +58 -13
- package/dist/collection/components/tag-group/tag-group.css +0 -1
- package/dist/collection/components/tag-group/tag-group.js +3 -3
- package/dist/collection/components/timeline/timeline.css +380 -317
- package/dist/collection/components/timeline/timeline.js +8 -0
- package/dist/collection/components/timeline-item/timeline-item.js +1 -1
- package/dist/collection/components/timer/timer.js +1 -1
- package/dist/collection/components/toggle-group/toggle-group.css +7 -3
- package/dist/collection/components/toggle-group/toggle-group.js +7 -3
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/top-bar/top-bar.js +2 -2
- package/dist/collection/components/transfer-list/transfer-list.css +13 -13
- package/dist/collection/components/transfer-list/transfer-list.js +4 -4
- package/dist/collection/components/tree/tree.css +35 -21
- package/dist/collection/components/tree/tree.js +28 -13
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.css +34 -16
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +46 -11
- package/dist/collection/components/ui-navigation-bar/navigation-item.css +7 -7
- package/dist/collection/components/ui-navigation-bar/navigation-item.js +3 -3
- package/dist/collection/utils/dom.js +151 -151
- package/dist/components/avatar-group.js +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/button-toggle.js +1 -1
- package/dist/components/button.js +1 -0
- package/dist/components/category-section2.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/context-menu.js +1 -1
- package/dist/components/dialog-header.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +1 -1
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/library-card2.js +1 -1
- package/dist/components/list-group.js +1 -1
- package/dist/components/list-item.js +1 -1
- package/dist/components/lm-container2.js +1 -1
- package/dist/components/lm-floating-window2.js +1 -1
- package/dist/components/lm-panel2.js +1 -1
- package/dist/components/lm-splitter2.js +1 -1
- package/dist/components/lm-tabs2.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/my-step.js +1 -1
- package/dist/components/nav-bar.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -0
- package/dist/components/radio.js +1 -1
- package/dist/components/range-slider.js +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/resizable-panel.js +1 -1
- package/dist/components/skeleton-loader.js +1 -1
- package/dist/components/smart-step.js +1 -1
- package/dist/components/stack.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag-group.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/timeline-item.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-advanced-data-table.js +1 -1
- package/dist/components/ui-anchor.js +1 -1
- package/dist/components/ui-animate-on-scroll.js +1 -1
- package/dist/components/ui-aside-panel.js +1 -1
- package/dist/components/ui-badge.js +1 -1
- package/dist/components/ui-breadcrumb-item.js +1 -1
- package/dist/components/ui-breadcrumb.js +1 -1
- package/dist/components/ui-button-toggle-group.js +1 -1
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-callout-banner.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-carousel.js +1 -1
- package/dist/components/ui-code-editor.js +1 -1
- package/dist/components/ui-code-preview.js +1 -1
- package/dist/components/ui-color-picker.js +1 -1
- package/dist/components/ui-command-palette.js +1 -1
- package/dist/components/ui-dialog-box.js +1 -1
- package/dist/components/ui-dock-host.js +1 -1
- package/dist/components/ui-dock.js +1 -1
- package/dist/components/ui-drag-drop.js +1 -1
- package/dist/components/ui-empty-state.js +1 -1
- package/dist/components/ui-fab-item.js +1 -1
- package/dist/components/ui-fab.js +1 -1
- package/dist/components/ui-file-upload.js +1 -1
- package/dist/components/ui-horizontal-nav.js +1 -1
- package/dist/components/ui-knob.js +1 -1
- package/dist/components/{ui-color-controller.d.ts → ui-label.d.ts} +4 -4
- package/dist/components/ui-label.js +1 -0
- package/dist/components/ui-library.js +1 -1
- package/dist/components/ui-list.js +1 -1
- package/dist/components/ui-masonry.js +1 -1
- package/dist/components/ui-meter-group.js +1 -1
- package/dist/components/ui-navigation-bar.js +1 -1
- package/dist/components/ui-navigation-item.js +1 -1
- package/dist/components/ui-number-input.js +1 -1
- package/dist/components/ui-otp-input.js +1 -1
- package/dist/components/ui-panel.js +1 -1
- package/dist/components/ui-pattern-input.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-scroll-top.js +1 -1
- package/dist/components/ui-smart-stepper.js +1 -1
- package/dist/components/ui-snackbar.js +1 -1
- package/dist/components/ui-speed-dial.js +1 -1
- package/dist/components/ui-speedometer.js +1 -1
- package/dist/components/ui-splitter.js +1 -1
- package/dist/components/ui-step.js +1 -1
- package/dist/components/ui-stepper.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-timeline.js +1 -1
- package/dist/components/ui-timer.js +1 -1
- package/dist/components/ui-toolbar.js +1 -1
- package/dist/components/ui-top-bar.js +1 -1
- package/dist/components/ui-transfer-list.js +1 -1
- package/dist/components/ui-tree.js +1 -1
- package/dist/components/ui-workspace-manager.js +1 -1
- package/dist/esm/category-section.entry.js +2 -2
- package/dist/esm/dom-DFBTWhGw.js +262 -0
- package/dist/esm/exploration-project-tailwind.js +3 -3
- package/dist/esm/{index-DUsoYu9r.js → index-Dqu2zaH1.js} +1 -1
- package/dist/esm/layout-manager.entry.js +3 -3
- package/dist/esm/library-card.entry.js +2 -2
- package/dist/esm/lm-container_2.entry.js +2 -2
- package/dist/esm/lm-panel_3.entry.js +4 -4
- package/dist/esm/loader.js +3 -3
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/my-step.entry.js +2 -2
- package/dist/esm/nav-bar.entry.js +4 -4
- package/dist/esm/smart-step.entry.js +3 -3
- package/dist/esm/timeline-item.entry.js +2 -2
- package/dist/esm/ui-accordion_11.entry.js +132 -50
- package/dist/esm/ui-advanced-data-table.entry.js +2 -2
- package/dist/esm/ui-anchor.entry.js +2 -2
- package/dist/esm/ui-animate-on-scroll.entry.js +3 -3
- package/dist/esm/ui-aside-panel.entry.js +10 -11
- package/dist/esm/ui-avatar-group_5.entry.js +1688 -0
- package/dist/esm/ui-breadcrumb-item.entry.js +3 -3
- package/dist/esm/ui-breadcrumb.entry.js +1 -1
- package/dist/esm/ui-callout-banner.entry.js +2 -2
- package/dist/esm/ui-card.entry.js +4 -3
- package/dist/esm/ui-carousel.entry.js +1 -1
- package/dist/esm/ui-checkbox.entry.js +3 -3
- package/dist/esm/ui-code-editor.entry.js +2 -2
- package/dist/esm/ui-code-preview.entry.js +2 -2
- package/dist/esm/ui-color-picker.entry.js +256 -22
- package/dist/esm/ui-command-palette.entry.js +1 -1
- package/dist/esm/ui-dialog-box.entry.js +85 -11
- package/dist/esm/ui-dialog-content.entry.js +1 -1
- package/dist/esm/ui-dialog-footer_2.entry.js +1 -1
- package/dist/esm/ui-divider.entry.js +1 -1
- package/dist/esm/ui-dock-host.entry.js +4 -4
- package/dist/esm/ui-dock.entry.js +2 -2
- package/dist/esm/ui-drag-drop.entry.js +2 -2
- package/dist/esm/ui-dropdown_2.entry.js +104 -34
- package/dist/esm/ui-empty-state.entry.js +2 -2
- package/dist/esm/ui-fab-item.entry.js +2 -2
- package/dist/esm/ui-fab.entry.js +4 -4
- package/dist/esm/ui-file-upload.entry.js +143 -44
- package/dist/esm/ui-horizontal-nav.entry.js +2 -2
- package/dist/esm/ui-knob.entry.js +1 -1
- package/dist/esm/ui-label.entry.js +471 -0
- package/dist/esm/ui-library.entry.js +2 -2
- package/dist/esm/ui-list-group_2.entry.js +349 -60
- package/dist/esm/ui-list.entry.js +76 -42
- package/dist/esm/ui-masonry.entry.js +1 -1
- package/dist/esm/ui-meter-group.entry.js +5 -4
- package/dist/esm/ui-navigation-item.entry.js +5 -5
- package/dist/esm/ui-number-input.entry.js +7 -3
- package/dist/esm/ui-otp-input.entry.js +5 -5
- package/dist/esm/{ui-pagination_4.entry.js → ui-pagination_3.entry.js} +36 -506
- package/dist/esm/ui-panel.entry.js +1 -1
- package/dist/esm/ui-pattern-input.entry.js +46 -11
- package/dist/esm/ui-progress.entry.js +66 -9
- package/dist/esm/ui-range-slider.entry.js +2 -2
- package/dist/esm/ui-resizable-panel.entry.js +2 -2
- package/dist/esm/ui-scroll-top.entry.js +1 -1
- package/dist/esm/ui-smart-context-menu.entry.js +1 -1
- package/dist/esm/ui-smart-stepper.entry.js +2 -2
- package/dist/esm/ui-snackbar.entry.js +1 -1
- package/dist/esm/ui-speed-dial.entry.js +1 -1
- package/dist/esm/ui-speedometer.entry.js +28 -17
- package/dist/esm/ui-splitter.entry.js +1 -1
- package/dist/esm/ui-step.entry.js +2 -2
- package/dist/esm/ui-stepper.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +14 -13
- package/dist/esm/ui-tabs.entry.js +2 -2
- package/dist/esm/ui-tag.entry.js +58 -13
- package/dist/esm/ui-timeline.entry.js +10 -2
- package/dist/esm/ui-timer.entry.js +2 -2
- package/dist/esm/ui-toolbar.entry.js +2 -2
- package/dist/esm/ui-tooltip.entry.js +4 -4
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-transfer-list.entry.js +6 -6
- package/dist/esm/ui-tree.entry.js +30 -15
- package/dist/esm/ui-workspace-manager.entry.js +2 -2
- package/dist/exploration-project-tailwind/exploration-project-tailwind.css +1 -1
- package/dist/exploration-project-tailwind/exploration-project-tailwind.esm.js +1 -1
- package/dist/exploration-project-tailwind/{p-7ba2258a.entry.js → p-024a299a.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-0a71896a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-35296877.entry.js → p-0cdeb8d8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a42fdc33.entry.js → p-139cefbc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-036d2a44.entry.js → p-198c83e5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-236f47b1.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-81ebba11.entry.js → p-25530d0d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-41cd6bf0.entry.js → p-298f2057.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85e36111.entry.js → p-2b5a8e3e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8c6d395.entry.js → p-2b6aa7bc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-70bacda8.entry.js → p-2cfba753.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-cbee2607.entry.js → p-2fe22958.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-20ecc116.entry.js → p-3012e780.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-321c3f46.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8b57fe4e.entry.js → p-3ab43638.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-3ad7e47e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3b1ca826.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3ee8ddae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-e22317c1.entry.js → p-3efb44c8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-36861546.entry.js → p-42e3bc28.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4360331a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-2f961934.entry.js → p-443de32b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-898dd0fa.entry.js → p-44d15451.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4288c158.entry.js → p-46071679.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a3f465d9.entry.js → p-497d6182.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4ad8c55c.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-4aaa8e40.entry.js → p-4c46ac0b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-98e91da5.entry.js → p-5042ddaa.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-60190e0e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-60530874.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-200241f8.entry.js → p-6108565d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-fb4aca69.entry.js → p-62889cfe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c02284ea.entry.js → p-66f71613.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-7889bfc4.entry.js → p-67c440b2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c1c8ac28.entry.js → p-6f09503f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-721bdbc3.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-747b02ea.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c6fd72e1.entry.js → p-754cb046.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-97af03cc.entry.js → p-7ed3bba2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d59da767.entry.js → p-864cebb7.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4d73c143.entry.js → p-96ee3196.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-54965530.entry.js → p-97086868.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d114a347.entry.js → p-9c5ced88.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9d3044d4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-9e079be6.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-790556f0.entry.js → p-9e4c45f5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9eee7394.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-DFBTWhGw.js +1 -0
- package/dist/exploration-project-tailwind/p-Dqu2zaH1.js +2 -0
- package/dist/exploration-project-tailwind/p-a7bdedc2.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c87aeab6.entry.js → p-a8ec29de.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6ddbee42.entry.js → p-ae617f62.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-05a436d3.entry.js → p-aef76052.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-b5f043fa.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-b637b91b.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d2e45c5e.entry.js → p-bc49a088.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6b838549.entry.js → p-bd9a631f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8ba0c95.entry.js → p-bf4b6767.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c0fa400e.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8578b616.entry.js → p-c4f3d990.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c68ddb2f.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c79574c4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c840098d.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-a1ad32a2.entry.js → p-c8663cbe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-cb6e38a6.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cb9f2df1.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cfe8b696.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-d00e13ae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c4ba7e52.entry.js → p-d01ed934.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-aa85ff78.entry.js → p-d4e57d94.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-ccb5c737.entry.js → p-d5bd3a3f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-45482d86.entry.js → p-d987cebe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-d9ae77c0.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-e9bae5c7.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f516fabc.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f68e2794.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d30e24bd.entry.js → p-fa034f69.entry.js} +1 -1
- package/dist/types/components/aside-panel/aside-panel.d.ts +0 -3
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/avatar/types.d.ts +2 -0
- package/dist/types/components/badge/badge.d.ts +1 -0
- package/dist/types/components/color-picker/color-picker.d.ts +35 -2
- package/dist/types/components/dialog-box/dialog-box.d.ts +10 -0
- package/dist/types/components/dropdown/dropdown.d.ts +5 -0
- package/dist/types/components/file-upload/file-upload.d.ts +23 -6
- package/dist/types/components/label/label.d.ts +290 -0
- package/dist/types/components/label/types.d.ts +39 -0
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components/list-group/list-group.d.ts +1 -0
- package/dist/types/components/list-item/list-item.d.ts +45 -17
- package/dist/types/components/pattern-input/pattern-input.d.ts +6 -0
- package/dist/types/components/popover/popover.d.ts +3 -0
- package/dist/types/components/progress/progress.d.ts +7 -0
- package/dist/types/components/range-slider/range-slider.d.ts +2 -2
- package/dist/types/components/rating/rating.d.ts +1 -0
- package/dist/types/components/skeleton/skeleton-loader.d.ts +1 -1
- package/dist/types/components/speedometer/speedometer.d.ts +1 -0
- package/dist/types/components/tag/tag.d.ts +4 -0
- package/dist/types/components/tree/tree.d.ts +1 -0
- package/dist/types/components/ui-navigation-bar/navigation-bar/navigation-bar.d.ts +1 -1
- package/dist/types/components.d.ts +742 -425
- package/dist/types/types/common.d.ts +2 -2
- package/dist/types/types/common.type.d.ts +2 -0
- package/dist/types/utils/dom.d.ts +4 -4
- package/package.json +4 -5
- package/dist/cjs/dom-oP1E4Rd3.js +0 -267
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +0 -634
- package/dist/cjs/ui-color-controller.cjs.entry.js +0 -150
- package/dist/cjs/ui-popover.cjs.entry.js +0 -517
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +0 -565
- package/dist/collection/components/color-controller/color-controller.css +0 -108
- package/dist/collection/components/color-controller/color-controller.js +0 -224
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.css +0 -357
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.js +0 -1190
- package/dist/components/ui-color-controller.js +0 -1
- package/dist/components/ui-smart-location-dropdown.d.ts +0 -11
- package/dist/components/ui-smart-location-dropdown.js +0 -1
- package/dist/esm/dom-BMFah5q3.js +0 -262
- package/dist/esm/ui-avatar-group_3.entry.js +0 -630
- package/dist/esm/ui-color-controller.entry.js +0 -148
- package/dist/esm/ui-popover.entry.js +0 -515
- package/dist/esm/ui-smart-location-dropdown.entry.js +0 -563
- package/dist/exploration-project-tailwind/p-06f0c679.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-148e81df.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-16bdd162.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-2347d21b.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-3d381f75.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4417a9d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-44742ddd.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4bef8bed.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4efd63ce.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5c835d90.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-61717490.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-717dad1f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-71d95bb1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9bd14f69.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9fc06ff0.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-BMFah5q3.js +0 -1
- package/dist/exploration-project-tailwind/p-DUsoYu9r.js +0 -2
- package/dist/exploration-project-tailwind/p-a27f59d2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-a7b07cf4.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-bd89d060.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c63c522e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c69dd43e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d6ce9721.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-dc92a343.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-debede45.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e76318c7.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ea51c5d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-eab5ad36.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f0bc5d7e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f1beee72.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f543392f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f61cfb7c.entry.js +0 -1
- package/dist/types/components/color-controller/color-controller.d.ts +0 -24
- package/dist/types/components/smart-location-dropdown/smart-location-dropdown.d.ts +0 -119
- package/dist/types/components/smart-location-dropdown/types.d.ts +0 -37
- /package/dist/collection/components/{smart-location-dropdown → label}/types.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,a as e,h as a,H as s}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiFabClick=i(this,"uiFabClick"),this.uiFabOpen=i(this,"uiFabOpen"),this.uiFabClose=i(this,"uiFabClose"),this.uiFabToggle=i(this,"uiFabToggle"),this.uiFabActionClick=i(this,"uiFabActionClick")}get el(){return e(this)}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,i=t>this.lastScrollY;this.showOnScrollUp&&!i&&t>100?this.isHidden=!1:this.hideOnScroll&&i&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const i=t.clientX-this.dragStartX,e=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=i:this.position.includes("left")&&(this.currentX+=i),this.position.includes("bottom")?this.currentY-=e:this.position.includes("top")&&(this.currentY+=e),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const i=80+Math.max(0,15*(t.length-4)),e=Math.max(0,10*(t.length-3)),a=Math.min(120,90+e),s=1===t.length?0:a/(t.length-1);t.forEach(((e,a)=>{const o=s*a*(Math.PI/180);let n=Math.abs(Math.sin(o)*i),r=Math.abs(Math.cos(o)*i);if(this.position.includes("right")&&(n=-n),this.position.includes("bottom")&&(r=-r),this.position.includes("-center")){const e=Math.min(220,180+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);n=Math.sin(s)*i,r=this.position.includes("bottom")?-Math.cos(s)*i:Math.cos(s)*i}if(this.position.includes("center-")){const e=Math.min(180,120+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);r=Math.sin(s)*i,n=this.position.includes("right")?-Math.cos(s)*i:Math.cos(s)*i}e.style.setProperty("--radial-x",`${n}px`),e.style.setProperty("--radial-y",`${r}px`)}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),i="speed-dial"===this.type,e={"fab-container":!0,[`pos-${this.position}`]:!0,[`dir-${this.direction}`]:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`anim-${this.animation}`]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":i,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},o={"--fab-offset-x":`${this.currentX}px`,"--fab-offset-y":`${this.currentY}px`,"z-index":this.zIndex.toString()};return a(s,{key:"7e6f5d73427366ff17f1f5e65bd17f6835098b63",class:e,style:o},this.backdrop&&this.internalOpen&&a("div",{key:"f1256c22cd5f454ca9d17c3ebd30c0cdf541b491",class:"fab-backdrop",onClick:this.handleBackdropClick}),a("div",{key:"c6772712b949c61127a52722a7e0d2a85ec09f06",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i&&a("div",{key:"0398eb0d055bb156268bcb3af06ca48c89b894a3",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},a("slot",{key:"5cd5d9f5bc34719f89645cda401eb6d85db11449",name:"actions"})),this.panel&&a("div",{key:"d9075d5a11d5c4d0394e4d637f09f24dc03870af",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&a("div",{key:"3becbad472d14e38d2b3ab20e2ff4c34e0269e0f",class:"fab-panel-header"},a("span",{key:"b140b40024a609232de0a763654d03dd0f225a9b",class:"fab-panel-title"},this.panelTitle),a("ui-button",{key:"e72642cfa211273ef540eab5e293e950c0180415",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"f8006eb878ba30e0711f74633b4cd6e85c9f41bb",class:"fab-panel-body"},a("slot",{key:"35933e69377366b5405245f7f32df3201390066d",name:"panel"})),a("div",{key:"4332e87ae404c1cd4d4a5799f1f25d8a430df709",class:"fab-panel-footer"},a("slot",{key:"7dbbc44576c425495dd7cd8ba53f93a9b7ff1d6a",name:"panel-footer"}))),a("ui-button",{key:"e0459872b67bac7714d6eef306cf232253f3bfd1",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},i&&this.toggle&&this.internalOpen&&a("ui-icon",{key:"c001fc5d8906bb8aadab821856f181fa204e994a",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&a("slot",{key:"73458b1312ff61bcf62fb97bf076c0684389cc57",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged:0}]}}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-up) .fab-wrapper{flex-direction:column-reverse}:host(.dir-down) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-up) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-down) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(45deg) scale(0.5)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}";export{o as ui_fab}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,a as s,h as a,H as t}from"./p-DUsoYu9r.js";const r=class{constructor(s){e(this,s),this.panelResize=i(this,"panelResize"),this.panelCollapse=i(this,"panelCollapse"),this.resizeStart=i(this,"resizeStart"),this.resizeEnd=i(this,"resizeEnd")}get el(){return s(this)}direction="horizontal";panels=[];handleSize=8;handleColor="#d1d5db";handleHoverColor="#3DCD58";minPanelSize=10;maxPanelSize=-1;saveState=!1;stateKey="resizable-panel-state";theme="light";animated=!1;showHandleIcon=!0;snapToEdge=!1;snapThreshold=30;internalPanels=[];isDragging=!1;dragHandleIndex=-1;dragStartPos=0;dragStartSizes=[];panelResize;panelCollapse;resizeStart;resizeEnd;containerRef;panelRefs=[];hasMouseMoved=!1;applyResizeDelta(e,i,s){if(!s||e<0)return;const a=[...this.internalPanels],t=a[e],r=a[e+1];if(!t||!r)return;const l=(this.dragStartSizes[e]??t.size??0)+(this.dragStartSizes[e+1]??r.size??0),n=i/s*100;let o=(this.dragStartSizes[e]??t.size??0)+n,c=(this.dragStartSizes[e+1]??r.size??0)-n;const h=t.minSize??this.minPanelSize,d=r.minSize??this.minPanelSize,p=t.maxSize??this.maxPanelSize,b=r.maxSize??this.maxPanelSize;o<h&&(o=h,c=l-o),c<d&&(c=d,o=l-c),p>0&&o>p&&(o=p,c=l-o),b>0&&c>b&&(c=b,o=l-c);const z=this.snapToEdge&&this.snapThreshold>0&&s>0?this.snapThreshold/s*100:0,u=[];let f=o,m=c;if(z>0){if(f<=z){const e=t.collapsed;t.collapsed=!0,f=0,m=l,r.collapsed=!1,e||u.push({panel:t,collapsed:!0})}else t.collapsed&&f>z&&(t.collapsed=!1,f=Math.max(f,h),m=l-f,u.push({panel:t,collapsed:!1}));if(m<=z){const e=r.collapsed;r.collapsed=!0,m=0,f=l,t.collapsed=!1,e||u.push({panel:r,collapsed:!0})}else r.collapsed&&m>z&&(r.collapsed=!1,m=Math.max(m,d),f=l-m,u.push({panel:r,collapsed:!1}))}else t.collapsed&&f>0&&(t.collapsed=!1),r.collapsed&&m>0&&(r.collapsed=!1);const g=t.size!==f||r.size!==m||u.length>0;t.size=f,r.size=m,this.internalPanels=[...a],g&&(this.panelResize.emit({panels:this.internalPanels,index:e}),u.forEach((e=>this.panelCollapse.emit(e))))}componentWillLoad(){this.parsePanels(),this.saveState&&this.loadState()}handlePanelsChange(){this.isDragging||this.parsePanels()}parsePanels(){let e="string"==typeof this.panels?JSON.parse(this.panels):this.panels;e&&0!==e.length||(e=[{id:"panel-1",size:50},{id:"panel-2",size:50}]);const i=e.reduce(((e,i)=>e+(i.size||0)),0);e=i>0&&Math.abs(i-100)>.1?e.map((e=>({...e,size:(e.size||0)/i*100,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))):e.map((e=>({...e,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))),this.internalPanels=e}loadState(){if(this.saveState)try{const e=localStorage.getItem(this.stateKey);if(e){const i=JSON.parse(e);i&&i.length===this.internalPanels.length&&(this.internalPanels=this.internalPanels.map(((e,s)=>({...e,size:i[s]?.size||e.size,collapsed:i[s]?.collapsed||e.collapsed}))))}}catch(e){console.warn("Failed to load panel state:",e)}}saveStateToStorage(){if(this.saveState)try{const e=this.internalPanels.map((e=>({id:e.id,size:e.size,collapsed:e.collapsed})));localStorage.setItem(this.stateKey,JSON.stringify(e))}catch(e){console.warn("Failed to save panel state:",e)}}handleMouseDown(e,i){const s=this.internalPanels[e],a=this.internalPanels[e+1];s?.resizable&&!1!==a?.resizable&&(i.preventDefault(),this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?i.clientX:i.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))}handleMouseMove=e=>{this.isDragging&&-1!==this.dragHandleIndex&&(e.preventDefault(),this.hasMouseMoved=!0,this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?e.clientX:e.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight))};handleMouseUp=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,s=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:s.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)};handleTouchStart(e,i){const s=this.internalPanels[e],a=this.internalPanels[e+1];if(!s?.resizable||!1===a?.resizable)return;i.preventDefault();const t=i.touches[0];this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?t.clientX:t.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}handleTouchMove=e=>{if(!this.isDragging||-1===this.dragHandleIndex)return;e.preventDefault(),this.hasMouseMoved=!0;const i=e.touches[0];this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?i.clientX:i.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight)};handleTouchEnd=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,s=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:s.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)};toggleCollapse(e){const i=this.internalPanels[e];if(!i.collapsible)return;const s=[...this.internalPanels],a=i.collapseDirection||("horizontal"===this.direction?"left":"up");if(i.collapsed){const t=i.minSize||30;let r=-1;if("horizontal"===this.direction?"left"===a&&e<s.length-1?r=e+1:"right"===a&&e>0&&(r=e-1):"top"===a&&e<s.length-1?r=e+1:"bottom"===a&&e>0&&(r=e-1),-1===r||s[r].collapsed){const a=s.filter(((i,a)=>a!==e&&!s[a].collapsed));if(a.length>0){const i=t/a.length;s.forEach(((a,t)=>{t===e||a.collapsed||(s[t]={...a,size:Math.max(a.minSize||10,(a.size??0)-i)})}))}s[e]={...i,collapsed:!1,size:t}}else{const a=Math.min(t,(s[r].size??0)-(s[r].minSize||10));s[r]={...s[r],size:(s[r].size??0)-a},s[e]={...i,collapsed:!1,size:a}}}else{const t=s[e].size??0;let r=-1;if("horizontal"===this.direction?"left"===a&&e<s.length-1?r=e+1:"right"===a&&e>0&&(r=e-1):"up"===a&&e<s.length-1?r=e+1:"bottom"===a&&e>0&&(r=e-1),-1===r||s[r].collapsed){const i=s.filter(((i,a)=>a!==e&&!s[a].collapsed));if(i.length>0){const a=t/i.length;s.forEach(((i,t)=>{t===e||i.collapsed||(s[t]={...i,size:(i.size??0)+a})}))}}else s[r]={...s[r],size:(s[r].size??0)+t};s[e]={...i,collapsed:!0,size:0}}this.internalPanels=s,this.panelCollapse.emit({panel:s[e],collapsed:!!s[e].collapsed}),this.saveStateToStorage()}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getCollapseIcon(e){const i=e.collapseDirection||("horizontal"===this.direction?"left":"up");if(!e.collapsed)return i;switch(i){case"left":default:return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top"}}render(){return a(t,{key:"e95db5c4b7d28becf543e44ab2d80a1fb5a34f5a"},a("div",{key:"c8c49f4e023ba66b1535447b567eebe685e9f464",class:{"resizable-container":!0,[`resizable-${this.direction}`]:!0,[`resizable-theme-${this.theme}`]:!0,"resizable-dragging":this.isDragging,"resizable-animated":this.animated&&!this.isDragging},ref:e=>this.containerRef=e},this.internalPanels.map(((e,i)=>a("div",{key:e.id,class:"panel-wrapper",style:{["horizontal"===this.direction?"width":"height"]:e.collapsed?`${this.handleSize}px`:`${e.size}%`}},a("div",{class:{"resizable-panel":!0,"panel-collapsed":!!e.collapsed},ref:e=>this.panelRefs[i]=e},a("slot",{name:e.id})),i<this.internalPanels.length-1&&a("div",{class:{"resize-handle":!0,[`resize-handle-${this.direction}`]:!0,"resize-handle-active":this.dragHandleIndex===i,"resize-handle-disabled":!e.resizable||!1===this.internalPanels[i+1]?.resizable},style:{["horizontal"===this.direction?"width":"height"]:`${this.handleSize}px`,backgroundColor:this.dragHandleIndex===i?this.handleHoverColor:this.handleColor},onMouseDown:e=>this.handleMouseDown(i,e),onTouchStart:e=>this.handleTouchStart(i,e),onDblClick:()=>this.toggleCollapse(i)},this.showHandleIcon&&e.resizable&&!1!==this.internalPanels[i+1]?.resizable&&a("div",{class:"resize-handle-icon"},a("ui-icon",{name:"grip-"+("horizontal"===this.direction?"vertical":"lines"),library:"fontawesome"})),e.collapsible&&a("ui-button",{variant:"ghost",class:"collapse-button",onClick:e=>{e.stopPropagation(),e.preventDefault(),this.toggleCollapse(i)},onMouseDown:e=>{e.stopPropagation(),e.preventDefault()},ariaLabel:e.collapsed?"Expand":"Collapse",icon:`chevron-${this.getCollapseIcon(e)}`,iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))))))}static get watchers(){return{panels:[{handlePanelsChange:0}]}}};r.style='.sr-only.sc-ui-resizable-panel{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.sc-ui-resizable-panel{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}.sc-ui-resizable-panel-h{display:block;width:100%;height:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.resizable-container.sc-ui-resizable-panel{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.resizable-container.resizable-horizontal.sc-ui-resizable-panel{flex-direction:row}.resizable-container.resizable-vertical.sc-ui-resizable-panel{flex-direction:column}.resizable-container.resizable-theme-dark.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-container.resizable-dragging.sc-ui-resizable-panel{cursor:col-resize}.resizable-container.resizable-dragging.resizable-vertical.sc-ui-resizable-panel{cursor:row-resize}.resizable-container.resizable-dragging.sc-ui-resizable-panel{user-select:none}.resizable-container.resizable-dragging.sc-ui-resizable-panel *.sc-ui-resizable-panel{pointer-events:none}.resizable-container.resizable-animated.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{transition:width 0.2s ease, height 0.2s ease}.panel-wrapper.sc-ui-resizable-panel{display:flex;flex-direction:row;flex:0 0 auto;min-width:0;min-height:0}.resizable-vertical.sc-ui-resizable-panel .panel-wrapper.sc-ui-resizable-panel{flex-direction:column}.resizable-panel.sc-ui-resizable-panel{overflow:auto;position:relative;background:var(--bg-primary, #ffffff);border:none;min-width:0;min-height:0;width:100%;height:100%;flex-shrink:0}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar{width:8px;height:8px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #f3f4f6)}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:4px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}.resizable-panel.panel-collapsed.sc-ui-resizable-panel{display:none}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.resize-handle.sc-ui-resizable-panel{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;transition:all 0.2s;z-index:10}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel{cursor:col-resize;width:1px;height:100%}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);width:2px}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel{cursor:row-resize;height:1px;width:100%}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);height:2px}.resize-handle.resize-handle-active.sc-ui-resizable-panel{background:var(--color-success, #3dcd58)}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel{cursor:not-allowed;opacity:0.5}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resize-handle-icon.sc-ui-resizable-panel{pointer-events:none;color:var(--text-muted, #6b7280);font-size:12px;opacity:0;transition:opacity 0.2s}.resize-handle.sc-ui-resizable-panel:hover .resize-handle-icon.sc-ui-resizable-panel{opacity:1}.resize-handle-active.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{opacity:1;color:var(--text-standard, #ffffff)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-muted, #9ca3af)}.resize-handle-active.sc-ui-resizable-panel .resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-standard, #ffffff)}.collapse-button.sc-ui-resizable-panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong, #d1d5db);background:var(--bg-primary, #ffffff);color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all 0.2s;pointer-events:auto;z-index:20;opacity:0.8;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.resize-handle.sc-ui-resizable-panel:hover .collapse-button.sc-ui-resizable-panel{opacity:1;background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #9ca3af)}.collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58) !important;border-color:var(--color-success, #3dcd58) !important;color:var(--text-standard, #ffffff) !important;transform:translate(-50%, -50%) scale(1.2)}.collapse-button.sc-ui-resizable-panel:active{transform:translate(-50%, -50%) scale(0.95)}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{background:var(--color-primary, #374151);border-color:var(--border-strong, #4b5563);color:var(--text-muted, #9ca3af);opacity:0.8}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);border-color:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.resize-handle-horizontal.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resize-handle-vertical.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resizable-panel.sc-ui-resizable-panel ui-resizable-panel.sc-ui-resizable-panel{width:100%;height:100%;border:none}';export{r as ui_resizable_panel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as r}from"./p-DUsoYu9r.js";const i=class{constructor(r){e(this,r),this.meterClick=t(this,"meterClick")}values=[];orientation="horizontal";size="md";showLabels=!0;iconLibrary="default";showValues=!0;showLegend=!1;shape="line";min=0;max=100;interactive=!1;animated=!0;meterClick;handleValuesChange(){this.normalizeProps()}componentWillLoad(){this.normalizeProps()}normalizeProps(){if("string"==typeof this.values)try{this.values=JSON.parse(this.values)}catch(e){console.warn("Failed to parse meter-group values",e)}}getValues(){return Array.isArray(this.values)?this.values:[]}getPercentage(e){return(e-this.min)/(this.max-this.min)*100}getDefaultColor(e){const t=["#3bf673","#10b981","#f59e0b","#ef4444","#8b5cf6","#ec4899"];return t[e%t.length]}handleSegmentClick(e){this.interactive&&this.meterClick.emit(e)}renderCircleMeter(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0),i=2*Math.PI*50;let o=0;const s=e.map(((e,r)=>{const s=e.value/t*100,a=s/100*i,n=-o,l="object"==typeof e.color&&null!==e.color,c=l?e.color.from:e.color||this.getDefaultColor(r),h=`meter-grad-${r}-${Math.random().toString(36).substr(2,4)}`,d=e.gradient||l;return o+=a,{...e,color:c,gradientId:h,strokeDasharray:`${a} ${i}`,strokeDashoffset:n,percentage:s.toFixed(1),hasGradient:d}})),a="sm"===this.size?8:"lg"===this.size?16:12;return r("div",{class:"meter-circle-container"},r("svg",{viewBox:"0 0 120 120",class:"meter-circle"},r("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:"#e5e7eb","stroke-width":a}),r("defs",null,s.map((e=>{const t="object"==typeof e.color&&null!==e.color;if(!e.gradient&&!t)return null;const i=t?e.color.to:"object"==typeof e.gradient?e.gradient.to:`${e.color}99`;return r("linearGradient",{id:e.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},r("stop",{offset:"0%","stop-color":t?e.color.from:"object"==typeof e.gradient?e.gradient.from:e.color}),r("stop",{offset:"100%","stop-color":i}))}))),s.map((e=>r("g",{onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},r("title",null,`${e.label}: ${e.value}`),r("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:e.gradient||"object"==typeof e.color&&null!==e.color?`url(#${e.gradientId})`:e.color,"stroke-width":a,"stroke-dasharray":e.strokeDasharray,"stroke-dashoffset":e.strokeDashoffset,"stroke-linecap":"round",transform:"rotate(-90 60 60)",style:{transition:this.animated?"stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease":"none"}})))),this.showValues&&r("text",{x:"60",y:"60","text-anchor":"middle","dominant-baseline":"middle",class:"circle-total-value"},t)))}render(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0),i=["meter-group",`meter-${this.orientation}`,`meter-${this.size}`,`meter-${this.shape}`].join(" ");return r("div",{key:"3cf1fdd83af37d9f8f7f82e0caa61f889303aa45",class:i},"circle"===this.shape?this.renderCircleMeter():r("div",{class:"meter-container"},e.map(((e,t)=>{const i=this.getPercentage(e.value),o=e.color||this.getDefaultColor(t);return r("div",{class:"meter-segment",style:{["horizontal"===this.orientation?"width":"height"]:`${i}%`,background:(()=>{const t="object"==typeof e.color&&null!==e.color;return e.gradient||t?`linear-gradient(${"horizontal"===this.orientation?"to right":"to top"}, ${t?e.color.from:"object"==typeof e.gradient?e.gradient.from:o}, ${t?e.color.to:"object"==typeof e.gradient?e.gradient.to:o+"99"})`:o})(),cursor:this.interactive?"pointer":"default",transition:this.animated?"width 0.5s ease, height 0.5s ease":"none"},title:`${e.label}: ${e.value}`,onClick:()=>this.handleSegmentClick(e)},this.showValues&&r("span",{class:"meter-value"},e.value))}))),(this.showLabels||this.showLegend)&&r("div",{key:"646404cbc3ac39fcf2956d292bd34d5c68162ff6",class:"meter-legend"},e.map(((e,i)=>{const o=e.color||this.getDefaultColor(i),s=(e.value/t*100).toFixed(1);return r("div",{class:"legend-item",onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},r("span",{class:"legend-color",style:{backgroundColor:"object"==typeof o&&null!==o?o.from:o}}),e.icon&&r("span",{class:"legend-icon",style:{marginRight:"6px"}},r("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.1em"})),r("span",{class:"legend-label"},e.label),this.showValues&&r("span",{class:"legend-value"},e.value," (",s,"%)"))}))))}static get watchers(){return{values:[{handleValuesChange:0}]}}};i.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}.meter-group{display:flex;flex-direction:column;gap:12px;font-family:inherit}.meter-container{display:flex;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #e5e7eb)}.meter-horizontal .meter-container{flex-direction:row;width:100%}.meter-horizontal.meter-sm .meter-container{height:16px}.meter-horizontal.meter-md .meter-container{height:24px}.meter-horizontal.meter-lg .meter-container{height:32px}.meter-vertical{flex-direction:row}.meter-vertical .meter-container{flex-direction:column-reverse;height:200px}.meter-vertical.meter-sm .meter-container{width:16px}.meter-vertical.meter-md .meter-container{width:24px}.meter-vertical.meter-lg .meter-container{width:32px}.meter-segment{display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.meter-segment:hover{filter:brightness(1.1)}.meter-value{color:var(--text-standard, #ffffff);font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);white-space:nowrap}.meter-horizontal .meter-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.meter-horizontal .meter-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:last-child{border-top-left-radius:8px;border-top-right-radius:8px}.meter-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--text-secondary, #374151);font-weight:500}.legend-value{color:var(--text-muted, #6b7280);font-size:12px}.meter-circle-container{display:flex;justify-content:center;align-items:center}.meter-circle{width:100%;max-width:200px;height:auto}.meter-circle.meter-sm{max-width:120px}.meter-circle.meter-lg{max-width:280px}.circle-total-value{font-size:20px;font-weight:600;fill:var(--text-secondary, #374151)}.meter-sm .circle-total-value{font-size:14px}.meter-lg .circle-total-value{font-size:26px}";export{i as ui_meter_group}
|
|
@@ -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-Dyu3Nplq.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 e,a as i,h as s}from"./p-DUsoYu9r.js";import{c as o}from"./p-BMFah5q3.js";const a=class{constructor(i){t(this,i),this.locationChange=e(this,"locationChange"),this.locationSearch=e(this,"locationSearch"),this.locationOpen=e(this,"locationOpen"),this.locationClose=e(this,"locationClose"),this.locationLoadError=e(this,"locationLoadError"),this.locationCreate=e(this,"locationCreate")}get hostElement(){return i(this)}options=[];value="";multiSelect=!1;placeholder="Select location";searchable=!0;searchPlaceholder="Search country, state, city, postal code...";disabled=!1;clearable=!0;maxHeight=360;debounceMs=250;maxSelections=0;resultLimit=250;showRecent=!0;showFavorites=!0;persistState=!0;storageKey="ui-smart-location-dropdown-state";showPath=!0;showTypeBadge=!0;allowCustomValue=!1;ignoreParentPosition=!0;portal=!1;loadLocations;remoteMinChars=2;isOpen=!1;parsedOptions=[];remoteOptions=[];selectedIds=new Set;searchQuery="";loading=!1;loadError="";highlightedIndex=-1;menuLeft=0;menuTop=0;menuWidth=0;dropdownPosition="bottom";recentIds=[];favoriteIds=[];locationChange;locationSearch;locationOpen;locationClose;locationLoadError;locationCreate;searchDebounceTimer;searchInputRef;menuElement;optionsRefs=[];rafId;isPortaled=!1;searchToken=0;watchOptions(t){this.parsedOptions=this.normalizeOptions(t)}watchValue(t){this.selectedIds=this.parseSelectedIds(t)}componentWillLoad(){this.parsedOptions=this.normalizeOptions(this.options),this.selectedIds=this.parseSelectedIds(this.value),this.restorePersistentState()}disconnectedCallback(){this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.cleanupPortal(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=0)}handleOutsideClick(t){const e="function"==typeof t.composedPath?t.composedPath():[],i=e.includes(this.hostElement)||this.hostElement.contains(t.target),s=!!this.menuElement&&(e.includes(this.menuElement)||this.menuElement.contains(t.target));i||s||this.closeDropdown()}handleResize(){this.isOpen&&this.calculatePosition()}handleScroll(){this.isOpen&&this.calculatePosition()}normalizeOptions(t){const e="string"==typeof t?this.tryParse(t):t||[],i=[],s=(t,e,o,a=[])=>{t.forEach((t=>{if(null==t||null==t.id||!t.label)return;const r=String(t.id),n=t.type||this.inferType(e),c=[...a,t.label],l=[t.label,t.code||"",n,c.join(" "),(t.tags||[]).join(" ")].join(" ").toLowerCase();i.push({...t,idStr:r,parentIdStr:o,type:n,depth:e,pathLabels:c,searchText:l}),t.children&&t.children.length>0&&s(t.children,e+1,r,c)}))};return s(e,0),i}tryParse(t){if(!t)return[];try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return console.error("Invalid JSON for location options",t),[]}}inferType(t){return t<=0?"country":1===t?"state":2===t?"city":3===t?"district":"custom"}parseSelectedIds(t){return t?this.multiSelect?new Set(t.split(",").map((t=>t.trim())).filter(Boolean)):new Set([t]):new Set}get selectedOptions(){const t=new Map(this.getMergedOptions().map((t=>[t.idStr,t])));return Array.from(this.selectedIds).map((e=>t.get(e))).filter((t=>!!t))}getMergedOptions(){const t=[...this.parsedOptions],e=new Set(t.map((t=>t.idStr)));return this.remoteOptions.forEach((i=>{e.has(i.idStr)||t.push(i)})),t}get filteredOptions(){const t=this.getMergedOptions(),e=this.searchQuery.trim().toLowerCase();let i=e?t.filter((t=>t.searchText.includes(e))):t;if(!e){const t=this.favoriteIds.map((t=>i.find((e=>e.idStr===t)))).filter((t=>!!t)),e=this.recentIds.map((t=>i.find((e=>e.idStr===t&&!this.favoriteIds.includes(t))))).filter((t=>!!t)),s=new Set([...t.map((t=>t.idStr)),...e.map((t=>t.idStr))]),o=i.filter((t=>!s.has(t.idStr)));i=[...t,...e,...o]}return i.slice(0,this.resultLimit)}get typeLabelMap(){return{country:"Country",state:"State",province:"Province",city:"City",district:"District",postal:"Postal",custom:"Custom"}}toggleDropdown=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.isOpen=!0,this.locationOpen.emit(),this.highlightedIndex=this.filteredOptions.length>0?0:-1,this.schedulePositionUpdate(),this.searchable&&window.setTimeout((()=>this.searchInputRef?.focus()),25)))};closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.locationClose.emit(),this.highlightedIndex=-1,this.searchQuery="",this.remoteOptions=[],this.loadError="",this.cleanupPortal())};schedulePositionUpdate(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.calculatePosition(),this.rafId=0}))}calculatePosition(){if(!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".location-trigger");if(!t)return;this.portal&&!this.isPortaled&&this.menuElement.parentElement!==document.body&&(document.body.appendChild(this.menuElement),this.isPortaled=!0);const e=o(t,{menuWidth:t.offsetWidth,menuHeight:this.maxHeight,gap:4,placement:"auto",useTransformedAncestorOffset:!this.ignoreParentPosition});this.menuLeft=e.left,this.menuTop=e.top,this.menuWidth=e.width,this.dropdownPosition=e.placement}cleanupPortal(){this.portal&&this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}onSearchInput_Custom=t=>{this.searchQuery=t||"",this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.searchDebounceTimer=window.setTimeout((()=>{this.runRemoteSearch(this.searchQuery),this.emitSearchEvent(),this.highlightedIndex=this.filteredOptions.length>0?0:-1}),this.debounceMs)};async runRemoteSearch(t){if(!this.loadLocations)return;if((t||"").trim().length<this.remoteMinChars)return this.remoteOptions=[],this.loading=!1,void(this.loadError="");const e=++this.searchToken;this.loading=!0,this.loadError="";try{const i=await this.loadLocations(t.trim());if(e!==this.searchToken)return;this.remoteOptions=this.normalizeOptions(i||[])}catch(i){if(e!==this.searchToken)return;const s=i instanceof Error?i.message:"Failed to load locations";this.remoteOptions=[],this.loadError=s,this.locationLoadError.emit({query:t,message:s})}finally{e===this.searchToken&&(this.loading=!1,this.emitSearchEvent())}}emitSearchEvent(){this.locationSearch.emit({query:this.searchQuery,localResults:this.parsedOptions.filter((t=>t.searchText.includes(this.searchQuery.toLowerCase()))).length,remoteResults:this.remoteOptions.length,loading:this.loading})}handleKeyDown=t=>{if(this.disabled)return;const e=this.filteredOptions;switch(t.key){case"Enter":case" ":return this.isOpen?this.highlightedIndex>=0&&e[this.highlightedIndex]?(t.preventDefault(),void this.selectOption(e[this.highlightedIndex],"select")):void(this.allowCustomValue&&this.searchQuery.trim()&&(t.preventDefault(),this.createCustomLocation(this.searchQuery.trim()))):(t.preventDefault(),void this.toggleDropdown());case"ArrowDown":return t.preventDefault(),void(this.isOpen?e.length>0&&(this.highlightedIndex=Math.min(e.length-1,this.highlightedIndex+1),this.scrollToHighlighted()):this.toggleDropdown());case"ArrowUp":return t.preventDefault(),void(this.isOpen&&e.length>0&&(this.highlightedIndex=Math.max(0,this.highlightedIndex-1),this.scrollToHighlighted()));case"Escape":return void(this.isOpen&&(t.preventDefault(),this.closeDropdown()));case"Backspace":if(this.multiSelect&&!this.searchQuery&&this.selectedIds.size>0){const t=Array.from(this.selectedIds).at(-1);t&&this.removeSelectedId(t,"remove")}return;default:return}};scrollToHighlighted(){const t=this.optionsRefs[this.highlightedIndex];t?.scrollIntoView({block:"nearest"})}selectOption(t,e){if(!t.disabled){if(this.multiSelect){const e=new Set(this.selectedIds);if(e.has(t.idStr))e.delete(t.idStr);else{if(this.maxSelections>0&&e.size>=this.maxSelections)return;e.add(t.idStr)}this.selectedIds=e}else this.selectedIds=new Set([t.idStr]),this.closeDropdown();this.touchRecent(t.idStr),this.syncValueAndEmit(e)}}removeSelectedId(t,e){if(!this.selectedIds.has(t))return;const i=new Set(this.selectedIds);i.delete(t),this.selectedIds=i,this.syncValueAndEmit(e)}clearSelection=t=>{t?.stopPropagation(),0!==this.selectedIds.size&&(this.selectedIds=new Set,this.syncValueAndEmit("clear"))};toggleFavorite=(t,e)=>{e.stopPropagation();const i=this.favoriteIds.includes(t);this.favoriteIds=i?this.favoriteIds.filter((e=>e!==t)):[t,...this.favoriteIds].slice(0,50),this.persistCurrentState()};touchRecent(t){this.recentIds=[t,...this.recentIds.filter((e=>e!==t))].slice(0,50),this.persistCurrentState()}persistCurrentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{localStorage.setItem(this.storageKey,JSON.stringify({recentIds:this.recentIds,favoriteIds:this.favoriteIds}))}catch{}}restorePersistentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{const t=localStorage.getItem(this.storageKey);if(!t)return;const e=JSON.parse(t);this.recentIds=Array.isArray(e?.recentIds)?e.recentIds.map((t=>String(t))).slice(0,50):[],this.favoriteIds=Array.isArray(e?.favoriteIds)?e.favoriteIds.map((t=>String(t))).slice(0,50):[]}catch{this.recentIds=[],this.favoriteIds=[]}}syncValueAndEmit(t){const e=Array.from(this.selectedIds);this.value=this.multiSelect?e.join(","):e[0]||"",this.locationChange.emit({value:this.value,selected:this.selectedOptions,trigger:t,query:this.searchQuery})}createCustomLocation(t){const e=`custom:${t.toLowerCase().replace(/\s+/g,"-")}`,i={id:e,label:t,type:"custom"};this.locationCreate.emit(i);const s=this.normalizeOptions([i]);this.remoteOptions=[...s,...this.remoteOptions.filter((t=>t.idStr!==e))],s[0]&&this.selectOption(s[0],"select")}getDisplayText(){const t=this.selectedOptions;return 0===t.length?this.placeholder:this.multiSelect?1===t.length?this.showPath?t[0].pathLabels.join(" / "):t[0].label:`${t.length} locations selected`:this.showPath?t[0].pathLabels.join(" / "):t[0].label}renderSelectedChips(){if(!this.multiSelect||0===this.selectedOptions.length)return null;const t=this.selectedOptions.slice(0,3),e=this.selectedOptions.length-t.length;return s("div",{class:"selected-chips"},t.map((t=>s("span",{class:"selected-chip",key:`chip-${t.idStr}`},s("span",{class:"chip-label"},this.showPath?t.pathLabels.join(" / "):t.label),s("ui-button",{class:"chip-remove",onButtonClick:()=>this.removeSelectedId(t.idStr,"remove"),"aria-label":`Remove ${t.label}`,variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0})))),e>0&&s("span",{class:"selected-more"},"+",e))}renderOption(t,e){const i=this.selectedIds.has(t.idStr),o=this.highlightedIndex===e,a=this.favoriteIds.includes(t.idStr),r=this.showPath?t.pathLabels.join(" / "):t.label;return s("div",{class:{"location-option":!0,"location-option-selected":i,"location-option-highlighted":o,"location-option-disabled":!!t.disabled},role:"option","aria-selected":i?"true":"false",onMouseEnter:()=>this.highlightedIndex=e,onClick:()=>this.selectOption(t,"select"),ref:t=>this.optionsRefs[e]=t},s("div",{class:"location-option-main"},this.multiSelect&&s("ui-icon",{name:i?"check-square":"square",library:"lucide",size:"18px"}),s("div",{class:"location-option-text"},s("span",{class:"location-label"},r),t.code&&s("span",{class:"location-code"},t.code))),s("div",{class:"location-option-meta"},this.showTypeBadge&&s("span",{class:"location-type"},this.typeLabelMap[t.type]),this.showFavorites&&s("ui-button",{class:{"fav-btn":!0,active:a},onButtonClick:e=>this.toggleFavorite(t.idStr,e.detail),"aria-label":a?`Remove ${t.label} from favorites`:`Add ${t.label} to favorites`,variant:"plain",icon:"star",iconLibrary:"lucide",iconOnly:!0})))}render(){const t=this.filteredOptions,e=this.selectedIds.size>0,i=this.allowCustomValue&&!!this.searchQuery.trim()&&0===t.length;return s("div",{key:"b1807bf502b50ae9fc48efa846426ab643d6516d",class:{"location-dropdown":!0,open:this.isOpen,disabled:this.disabled}},s("div",{key:"de7b775e9b312bd39da8927975e588648b4ca809",class:"location-trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox",tabIndex:this.disabled?-1:0,onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown},s("span",{key:"e608f40b0ef1251ae3f9c303338ff415eb31b0cd",class:{"trigger-text":!0,placeholder:!e}},this.getDisplayText()),s("div",{key:"afbfc578336c32718d974e0ca2b28df8ae1bae2f",class:"trigger-icons"},e&&this.clearable&&!this.disabled&&s("ui-button",{key:"65ce58563ea6447785f79325425f410ccac696b5",class:"clear-btn",onButtonClick:this.clearSelection,"aria-label":"Clear selected locations",variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0}),s("ui-icon",{key:"c30d26150e745053e5c64c7747692dc0e16de079",name:"chevron-down",library:"lucide",size:"16px",class:{arrow:!0,open:this.isOpen}}))),this.renderSelectedChips(),this.isOpen&&s("div",{key:"17e2bda731910b2eacdcfa94c40697cb8cad6792",class:{menu:!0,top:"top"===this.dropdownPosition},role:"listbox",ref:t=>this.menuElement=t,style:{maxHeight:`${this.maxHeight}px`,left:`${this.menuLeft}px`,width:`${this.menuWidth}px`,position:"fixed",zIndex:"10020",top:`${this.menuTop}px`}},this.searchable&&s("div",{key:"927ac16ca61d07d1e0d9acf9cc6712ccd5e3be8a",class:"search-row"},s("ui-input",{key:"95af520eb196a47d11ac31489237314049532bc2",ref:t=>this.searchInputRef=t,class:"search-input",value:this.searchQuery,placeholder:this.searchPlaceholder,onInputChange:t=>this.onSearchInput_Custom(t.detail),onKeyDown:this.handleKeyDown,variant:"plain"})),this.loading&&s("div",{key:"c5b48b1d0f1e08353dc8def6b7b962c15918f724",class:"status loading"},"Loading locations..."),!this.loading&&this.loadError&&s("div",{key:"3a8f50555d86a4cf07fd27b810fe9c74168cac0e",class:"status error"},this.loadError),!this.loading&&t.length>0&&s("div",{key:"07298b5d440946c7a6d11e3ebae2d3c28d16c467",class:"options-list"},t.map(((t,e)=>this.renderOption(t,e)))),!this.loading&&0===t.length&&!i&&s("div",{key:"a01eb5729544c38466b7c16de2fe6e11baba36e4",class:"status empty"},"No locations found"),i&&s("ui-button",{key:"06c249712c8bf168d522678abe6fd68ae4d25949",class:"create-btn",onButtonClick:()=>this.createCustomLocation(this.searchQuery.trim()),variant:"plain",align:"start",fullWidth:!0,icon:"plus",iconLibrary:"lucide",label:`Create "${this.searchQuery.trim()}"`}),(this.showFavorites||this.showRecent)&&!this.searchQuery&&s("div",{key:"0cfe965844fa111cb8888b1392e3dcac8b35c51a",class:"footer-meta"},this.showFavorites&&s("span",{key:"0b5f1c8816ed31ab7cdc5988f1271a2c7b384372"},"Favorites: ",this.favoriteIds.length),this.showRecent&&s("span",{key:"aec4a486adee16e6100efa773475fc03d8b2f155"},"Recent: ",this.recentIds.length))))}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue: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%;--sld-border:#cfd8e3;--sld-border-strong:#b4c1d1;--sld-focus:#2563eb;--sld-text:#10213a;--sld-muted:#62748a;--sld-bg:#ffffff;--sld-panel:rgba(255, 255, 255, 0.98);--sld-panel-solid:#ffffff;--sld-hover:#f3f8ff;--sld-selected:#e8f1ff;--sld-chip:#edf4ff;--sld-shadow:0 18px 40px rgba(15, 23, 42, 0.16)}.location-dropdown{position:relative;width:100%;font-family:"Segoe UI", Roboto, sans-serif}.location-trigger{border:1px solid var(--sld-border);border-radius:14px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);color:var(--sld-text);cursor:pointer;box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease}.location-trigger:hover{border-color:var(--sld-border-strong);box-shadow:0 10px 22px rgba(37, 99, 235, 0.08)}.location-trigger:focus,.location-dropdown.open .location-trigger{border-color:var(--sld-focus);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.14), 0 16px 32px rgba(37, 99, 235, 0.14);outline:none}.location-dropdown.disabled .location-trigger{opacity:0.72;cursor:not-allowed}.trigger-text{flex:1;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-text.placeholder{color:#91a0b4}.trigger-icons{display:inline-flex;align-items:center;gap:6px}.arrow{transition:transform 0.18s ease;color:var(--sld-muted)}.arrow.open{transform:rotate(180deg)}.clear-btn,.fav-btn,.chip-remove{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sld-muted);padding:0}.clear-btn:hover,.fav-btn:hover,.chip-remove:hover{color:var(--sld-text)}.clear-btn{width:24px;height:24px;border-radius:999px;background:#eef4fb}.clear-btn:hover{background:#e2ecf8}.fav-btn.active{color:#d97706}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d7e7ff;background:var(--sld-chip);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9);max-width:100%}.chip-label{font-size:12px;color:#1c3657;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-more{font-size:12px;color:#37557b;align-self:center}.menu{border:1px solid rgba(180, 193, 209, 0.72);border-radius:18px;background:var(--sld-panel-solid);background-color:var(--sld-panel-solid);backdrop-filter:blur(18px);box-shadow:var(--sld-shadow);overflow:hidden;isolation:isolate}.search-row{position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid #edf2f7;background:var(--sld-panel)}.search-input{width:100%;border:1px solid #d4deea;border-radius:12px;padding:11px 13px;font-size:14px;outline:none;background:#f9fbfe;color:var(--sld-text);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease}.search-input:focus{border-color:var(--sld-focus);background:#ffffff;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1)}.options-list{padding:8px;overflow-y:auto;max-height:inherit;background:var(--sld-panel-solid)}.location-option{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid transparent;border-radius:14px;background:var(--sld-panel-solid);transition:background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.location-option:hover,.location-option-highlighted{background:var(--sld-hover);border-color:#d7e7ff;box-shadow:0 10px 24px rgba(37, 99, 235, 0.08);transform:translateY(-1px)}.location-option-selected{background:var(--sld-selected);border-color:#b9d4ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.85)}.location-option-disabled{opacity:0.5;cursor:not-allowed}.location-option-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.location-option-text{min-width:0;display:flex;flex-direction:column}.location-label{font-size:13px;font-weight:600;color:var(--sld-text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.location-code{font-size:11px;color:var(--sld-muted)}.location-option-meta{display:inline-flex;align-items:center;gap:8px}.location-type{font-size:10px;border:1px solid #d8e5f3;border-radius:999px;padding:4px 8px;color:#55708f;background:#f7fbff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.fav-btn{width:28px;height:28px;border-radius:999px;background:#f6f9fc}.fav-btn:hover{background:#ebf2f8}.status{padding:14px;font-size:13px;background:var(--sld-panel-solid)}.status.loading,.status.empty{color:var(--sld-muted)}.status.error{color:#b91c1c;background:#fef2f2}.create-btn{width:100%;border:none;border-top:1px solid #edf2f7;background:#f7fbff;color:var(--sld-text);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;cursor:pointer;font-weight:600}.create-btn:hover{background:#eef6ff}.footer-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding:10px 12px 12px;font-size:11px;color:var(--sld-muted);background:var(--sld-panel)}';export{a as ui_smart_location_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as s,h as i}from"./p-DUsoYu9r.js";const a=class{constructor(s){t(this,s),this.valueChange=e(this,"valueChange")}get hostElement(){return s(this)}value=0;secondaryValue;minValue=0;maxValue=100;size=200;label="";unit="";showPercentage=!1;ranges="[]";needleColor="#1f2937";showTicks=!0;tickCount=10;animationDuration=1e3;startAngle=-135;endAngle=135;needleShape="triangle";customLabels="";gradientColors="";interactive=!1;valueChange;parsedLabels={};animatedValue=0;parsedRanges=[];parsedGradients=[];gradientId=`speedometer-grad-${Math.floor(1e6*Math.random())}`;animationFrame;animationStartTime;animationStartValue;isDragging=!1;rect;handleValueChange(t){this.animateToValue(t)}handleRangesChange(t){this.parseRanges(t)}handleLabelsChange(t){this.parseLabels(t)}handleGradientChange(t){this.parseGradients(t)}parseLabels(t){if(t)try{this.parsedLabels=JSON.parse(t)}catch(t){console.error("Invalid customLabels JSON",t)}else this.parsedLabels={}}componentWillLoad(){this.parseRanges(this.ranges),this.parseLabels(this.customLabels),this.parseGradients(this.gradientColors),this.animatedValue=this.value}componentDidLoad(){this.animateToValue(this.value)}disconnectedCallback(){this.animationFrame&&cancelAnimationFrame(this.animationFrame)}parseRanges(t){if(t)try{this.parsedRanges=JSON.parse(t)}catch(t){console.error("Invalid JSON for speedometer ranges:",t),this.parsedRanges=[]}else this.parsedRanges=[]}parseGradients(t){if(t)try{this.parsedGradients=JSON.parse(t)}catch(e){this.parsedGradients=t.split(",").map((t=>t.trim()))}else this.parsedGradients=[]}animateToValue(t){this.animationFrame&&cancelAnimationFrame(this.animationFrame),this.animationStartTime=performance.now(),this.animationStartValue=this.animatedValue;const e=s=>{const i=Math.min((s-this.animationStartTime)/this.animationDuration,1),a=1-Math.pow(1-i,3);this.animatedValue=this.animationStartValue+(t-this.animationStartValue)*a,i<1?this.animationFrame=requestAnimationFrame(e):this.animatedValue=t};this.animationFrame=requestAnimationFrame(e)}async exportImage(t="speedometer",e="png"){const s=this.hostElement.shadowRoot.querySelector("svg");if(s)if("svg"===e){const e=(new XMLSerializer).serializeToString(s),i=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),a=URL.createObjectURL(i);this.downloadFile(a,`${t}.svg`)}else{const e=(new XMLSerializer).serializeToString(s),i=document.createElement("canvas");i.width=this.size,i.height=this.size;const a=i.getContext("2d"),n=new Image;n.onload=()=>{a.drawImage(n,0,0);const e=i.toDataURL("image/png");this.downloadFile(e,`${t}.png`)},n.src="data:image/svg+xml;base64,"+btoa(unescape(encodeURIComponent(e)))}}downloadFile(t,e){const s=document.createElement("a");s.href=t,s.download=e,document.body.appendChild(s),s.click(),document.body.removeChild(s)}handleMouseDown=t=>{this.interactive&&(this.isDragging=!0,this.rect=this.hostElement.shadowRoot.querySelector(".speedometer-container").getBoundingClientRect(),this.updateValueFromEvent(t),window.addEventListener("mousemove",this.handleMouseMove),window.addEventListener("mouseup",this.handleMouseUp))};handleMouseMove=t=>{this.isDragging&&(t.preventDefault(),this.updateValueFromEvent(t))};handleMouseUp=()=>{this.isDragging=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("mouseup",this.handleMouseUp)};updateValueFromEvent(t){let e=Math.atan2(("touches"in t?t.touches[0].clientY:t.clientY)-(this.rect.top+this.rect.height/2),("touches"in t?t.touches[0].clientX:t.clientX)-(this.rect.left+this.rect.width/2))*(180/Math.PI);e=(e+360)%360;const s=this.endAngle-this.startAngle;let i=((e+90)%360-(this.startAngle+360)%360+360)%360;i>s&&(i=i>s+(360-s)/2?0:s);let a=this.startAngle+i;a=Math.max(this.startAngle,Math.min(this.endAngle,a));const n=Math.round(2*(this.minValue+(a-this.startAngle)/(this.endAngle-this.startAngle)*(this.maxValue-this.minValue)))/2;n!==this.value&&(this.value=n,this.valueChange.emit(this.value))}getColorForValue(t){if(0===this.parsedRanges.length)return"var(--primary-color)";const e=this.parsedRanges.find((e=>t>=e.min&&t<=e.max));return e?e.color:this.parsedRanges[0].color}valueToAngle(t){return this.startAngle+(t-this.minValue)/(this.maxValue-this.minValue)*(this.endAngle-this.startAngle)}polarToCartesian(t,e,s,i){const a=(i-90)*Math.PI/180;return{x:t+s*Math.cos(a),y:e+s*Math.sin(a)}}createArc(t,e,s,i,a){const n=this.polarToCartesian(t,e,s,a),h=this.polarToCartesian(t,e,s,i);return["M",n.x,n.y,"A",s,s,0,a-i<=180?"0":"1",0,h.x,h.y].join(" ")}renderArc(){const t=this.size/2,e=this.size/2-30,s=this.createArc(t,t,e,this.startAngle,this.endAngle),a=this.valueToAngle(this.animatedValue),n=this.createArc(t,t,e,this.startAngle,a);let h=this.getColorForValue(this.animatedValue);return this.parsedGradients.length>1&&(h=`url(#${this.gradientId})`),i("g",null,i("defs",null,this.parsedGradients.length>1&&i("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},this.parsedGradients.map(((t,e)=>i("stop",{offset:e/(this.parsedGradients.length-1)*100+"%","stop-color":t}))))),i("path",{d:s,fill:"none",stroke:"#e5e7eb","stroke-width":20,"stroke-linecap":"round"}),this.parsedRanges.length>0?this.parsedRanges.map((s=>{const a=this.valueToAngle(s.min),n=this.valueToAngle(s.max),h=this.createArc(t,t,e,a,n);return i("path",{d:h,fill:"none",stroke:s.color,"stroke-width":20,"stroke-linecap":"round",opacity:"0.3"})})):null,i("path",{d:n,fill:"none",stroke:h,"stroke-width":20,"stroke-linecap":"round",class:"value-arc"}))}renderTicks(){if(!this.showTicks)return null;const t=this.size/2,e=this.size/2-20,s=e-10,a=[];for(let n=0;n<=this.tickCount;n++){const h=n/this.tickCount,o=this.startAngle+(this.endAngle-this.startAngle)*h,r=this.polarToCartesian(t,t,e,o),l=this.polarToCartesian(t,t,s,o);if(a.push(i("line",{x1:r.x,y1:r.y,x2:l.x,y2:l.y,stroke:"#9ca3af","stroke-width":"2","stroke-linecap":"round"})),n%2==0){const e=this.polarToCartesian(t,t,s-15,o),n=this.minValue+(this.maxValue-this.minValue)*h,r=Math.round(n);a.push(i("text",{x:e.x,y:e.y,"text-anchor":"middle","dominant-baseline":"middle",class:"tick-label"},void 0!==this.parsedLabels[n]?this.parsedLabels[n]:r))}}return i("g",null,a)}renderNeedle(t,e,s=!1){const a=this.size/2,n=this.size/2-40,h=s?2:4,o=this.valueToAngle(t),r=this.polarToCartesian(a,a,n,o),l=(o-90)*Math.PI/180,c=l+Math.PI/2,d=l-Math.PI/2,p=a+h*Math.cos(c),m=a+h*Math.sin(c),u=a+h*Math.cos(d),g=a+h*Math.sin(d);let f="";if("line"===this.needleShape||s)f=`M ${p} ${m} L ${r.x} ${r.y}`;else if("arrow"===this.needleShape){const t=this.polarToCartesian(a,a,.7*n,o);f=`M ${p} ${m} L ${t.x} ${t.y} L ${r.x} ${r.y} L ${t.x} ${t.y} L ${u} ${g} Z`}else f=`M ${p} ${m} L ${r.x} ${r.y} L ${u} ${g} Z`;return i("g",{class:s?"needle-secondary":"needle-primary",style:{opacity:s?"0.6":"1"}},i("path",{d:f,fill:e,class:"needle"}),i("circle",{cx:a,cy:a,r:s?4:8,fill:e}),!s&&i("circle",{cx:a,cy:a,r:"4",fill:"#fff"}))}renderValue(){const t=this.showPercentage?Math.round((this.animatedValue-this.minValue)/(this.maxValue-this.minValue)*100):Math.round(10*this.animatedValue)/10,e=this.showPercentage?"%":this.unit,s=this.size/2,a=this.size-Math.max(15,Math.round(.1*this.size));return i("g",{class:"value-group",style:{fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'}},i("text",{x:s,y:a,"text-anchor":"middle",class:"value-number-svg",fill:"currentColor","font-weight":"700"},t,e&&i("tspan",{class:"value-unit-svg","font-size":"0.6em",dx:"4","font-weight":"500"},e)),this.label&&i("text",{x:s,y:a+20,"text-anchor":"middle",class:"value-label-svg",fill:"#9ca3af","font-size":"12","font-weight":"500",style:{textTransform:"uppercase",letterSpacing:"0.5px"}},this.label))}render(){return i("div",{key:"570b60c58715ce7a233153441a669a866e4df90a",class:{"speedometer-container":!0,interactive:this.interactive,"is-dragging":this.isDragging},onMouseDown:this.handleMouseDown,style:{width:`${this.size}px`,height:`${this.size}px`,cursor:this.interactive?this.isDragging?"grabbing":"grab":"default"}},i("svg",{key:"a05ee4e7e85418f36e106209ec363f84071ff58f",width:this.size,height:this.size,viewBox:`0 0 ${this.size} ${this.size}`,class:"speedometer-svg"},this.renderArc(),this.renderTicks(),void 0!==this.secondaryValue&&this.renderNeedle(this.secondaryValue,"#9ca3af",!0),this.renderNeedle(this.animatedValue,this.needleColor),this.renderValue()))}static get watchers(){return{value:[{handleValueChange:0}],ranges:[{handleRangesChange:0}],customLabels:[{handleLabelsChange:0}],gradientColors:[{handleGradientChange: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}.speedometer-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.speedometer-svg{display:block}.value-arc{transition:stroke 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}.needle{transition:transform 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.tick-label{font-size:11px;fill:var(--text-muted, #6b7280);font-weight:500}.value-display{position:absolute;bottom:var(--value-bottom, 8px);left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.value-number-svg{font-size:32px;font-weight:700;fill:var(--text-primary, #1f2937);transition:fill 0.3s ease}.value-unit-svg{font-size:18px;font-weight:500;fill:var(--text-muted, #6b7280)}.value-label-svg{font-size:13px;fill:var(--text-muted, #6b7280);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.speedometer-container:hover .value-arc{filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3))}';export{a as ui_speedometer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,F as a,r as t,c as i,H as n}from"./p-DUsoYu9r.js";const o=class{topItems=[];bottomItems=[];bottomItemsSecondary=[];collapsed=!0;showHamburger=!0;logoUrl;logoAlt="Logo";appTitle;showSearch=!1;searchPlaceholder="Search...";iconLibrary="default";maxVisibleItems=0;navItemClicked;navToggled;expandedItems=new Set;searchQuery="";showOverflowMenu=!1;isHoveringMenu=!1;overflowMenuPosition={top:"0px",left:"0px"};hoveredIcon=null;tooltipPos={top:0,left:0};overflowTriggerRef;async toggle(){this.collapsed=!this.collapsed,this.navToggled.emit({collapsed:this.collapsed})}async expand(){this.collapsed=!1,this.navToggled.emit({collapsed:this.collapsed})}async collapse(){this.collapsed=!0,this.navToggled.emit({collapsed:this.collapsed})}componentWillLoad(){}handleHamburgerClick=()=>{this.toggle()};handleSearchInput=e=>{this.searchQuery=e.target.value.toLowerCase()};filterItems=e=>this.searchQuery?e.filter((e=>{const a=e.label.toLowerCase().includes(this.searchQuery),t=e.children?.some((e=>e.label.toLowerCase().includes(this.searchQuery)));return a||t})):e;splitItemsByVisibility=e=>0===this.maxVisibleItems||e.length<=this.maxVisibleItems?{visible:e,overflow:[]}:{visible:e.slice(0,this.maxVisibleItems),overflow:e.slice(this.maxVisibleItems)};calculateOverflowMenuPosition=()=>{if(!this.overflowTriggerRef)return;const e=this.overflowTriggerRef.getBoundingClientRect();let a=e.right+8,t=e.top;a+280>window.innerWidth&&(a=e.left-280-8),t+500>window.innerHeight&&(t=Math.max(8,window.innerHeight-500-8)),t=Math.max(8,t),this.overflowMenuPosition={top:`${t}px`,left:`${a}px`}};handleOverflowTriggerEnter=()=>{this.calculateOverflowMenuPosition(),this.showOverflowMenu=!0};toggleSubitems=e=>{const a=new Set(this.expandedItems);a.has(e)?a.delete(e):a.add(e),this.expandedItems=a};handleItemClick=(e,a,t=!1)=>{e.disabled?a.preventDefault():e.children&&e.children.length>0?(a.preventDefault(),this.toggleSubitems(e.id)):this.navItemClicked.emit({item:e,isChild:t})};handleIconEnter=(e,a)=>{if(this.collapsed&&(!e.children||0===e.children.length)){const t=a.currentTarget.getBoundingClientRect();this.hoveredIcon=e.id,this.tooltipPos={top:t.top+t.height/2,left:t.right+12}}};handleIconLeave=()=>{this.hoveredIcon&&(this.hoveredIcon=null)};renderNavItem=(t,i=!1)=>{const n=t.children&&t.children.length>0,o=this.expandedItems.has(t.id),r={"nav-item":!0,active:t.active,disabled:t.disabled,"has-children":n,expanded:o,"is-child":i},s={"nav-item-link":!0,"no-icon":!t.icon};return e("div",{key:t.id},t.sectionHeader&&!this.collapsed&&e("div",{class:"nav-section-header"},t.sectionHeader),e("div",{class:r},e("a",{href:t.href||"#",class:s,onClick:e=>this.handleItemClick(t,e,i)},t.icon&&e("span",{class:"nav-item-icon",onMouseEnter:e=>this.handleIconEnter(t,e),onMouseLeave:this.handleIconLeave},e("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.25rem"})),!this.collapsed&&e(a,null,e("span",{class:"nav-item-label"},t.label),t.badge&&e("span",{class:"nav-item-badge"},t.badge),n&&e("span",{class:"nav-item-arrow"},e("ui-icon",{name:"chevron-down",library:this.iconLibrary,size:"1rem"})))),n&&o&&e("div",{class:"nav-children"},t.children.map((e=>this.renderNavItem(e,!0))))))};constructor(e){t(this,e),this.navItemClicked=i(this,"navItemClicked"),this.navToggled=i(this,"navToggled")}connectedCallback(){}render(){return e(n,{key:"18e3c8af7dbb483dff73b88a1f355a0e3b6605f9",collapsed:this.collapsed},e("nav",{key:"ddf81e32206bfae3fb517a8c3b48444401d8ab28",class:"nav-bar "+(this.collapsed?"collapsed":"expanded")},e("div",{key:"b4c7aebc1bfbc9ecb60123d6114efdefd07a3b5b",class:"nav-header"},this.logoUrl&&e("img",{key:"c7ae8fda61df03e604e275d92368b0fddb6089fa",src:this.logoUrl,alt:this.logoAlt,class:"nav-logo"}),this.appTitle&&e("span",{key:"be00df3ab559af0244bc5d8aaa2def21a93eb404",class:"nav-title"},this.appTitle),this.showHamburger&&e("button",{key:"948f1574a82f4d4e10ae160e6c2e211e8d839c77",class:"nav-hamburger",onClick:this.handleHamburgerClick,"aria-label":this.collapsed?"Expand navigation":"Collapse navigation"},e("ui-icon",this.collapsed?{name:"menu",library:this.iconLibrary,size:"1.5rem"}:{name:"x",library:this.iconLibrary,size:"1.5rem"}))),this.showSearch&&!this.collapsed&&e("div",{key:"f83cfa8d13441a86ea9db30b91364efb8041e865",class:"nav-search"},e("input",{key:"50a802fc2e85124866ad4d2d19d845cfe60b9ee3",type:"text",class:"nav-search-input",placeholder:this.searchPlaceholder,onInput:this.handleSearchInput})),e("div",{key:"ff8a5604ad82dd2ebca182c2d56d62a9abd79bed",class:"nav-content"},this.renderSection(this.topItems,"nav-section-top")),this.hoveredIcon&&e("div",{key:"6fe4b41539a4cd1d81c63846c25c26a8d452c9b9",class:"nav-tooltip visible",style:{top:`${this.tooltipPos.top}px`,left:`${this.tooltipPos.left}px`}},[...this.topItems,...this.bottomItems,...this.bottomItemsSecondary].flatMap((e=>[e,...e.children||[]])).find((e=>e.id===this.hoveredIcon))?.label),e("div",{key:"8f6d53da23fbe4fc12151683fc0dca55bf33ab5c",class:"nav-footer"},this.renderSection(this.bottomItems,"nav-section-bottom"),this.renderSection(this.bottomItemsSecondary,"nav-section-bottom-secondary"))))}renderSection(a,t){if(!a||0===a.length)return null;const i=this.filterItems(a),{visible:n,overflow:o}=this.splitItemsByVisibility(i);return e("div",{class:`nav-section ${t}`},n.map((e=>this.renderNavItem(e))),o.length>0&&e("div",{class:"nav-overflow"},e("div",{class:"nav-overflow-trigger",ref:e=>this.overflowTriggerRef=e,onMouseEnter:this.handleOverflowTriggerEnter,onMouseLeave:()=>{setTimeout((()=>{this.isHoveringMenu||(this.showOverflowMenu=!1)}),100)}},e("span",{class:"nav-item-icon"},e("ui-icon",{name:"more-horizontal",library:this.iconLibrary,size:"1.25rem"})),e("span",{class:"nav-item-label"},"More (",o.length,")")),this.showOverflowMenu&&e("div",{class:"nav-overflow-menu",onMouseEnter:()=>{this.isHoveringMenu=!0,this.showOverflowMenu=!0},onMouseLeave:()=>{this.isHoveringMenu=!1,setTimeout((()=>{this.showOverflowMenu=!1}),100)},style:{left:this.overflowMenuPosition.left,top:this.overflowMenuPosition.top}},o.map((e=>this.renderNavItem(e))))))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;height:100%;width:var(--nav-width-expanded, 280px);transition:width var(--nav-transition, 0.4s cubic-bezier(0.4, 0, 0.2, 1));flex-shrink:0;overflow:hidden;--nav-bg:#0f172a;--nav-text:#f8fafc;--nav-text-muted:#94a3b8;--nav-accent:#3b82f6;--nav-accent-glow:rgba(59, 130, 246, 0.4);--nav-hover-bg:rgba(255, 255, 255, 0.05);--nav-active-bg:linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.1) 100%);--nav-border:rgba(255, 255, 255, 0.08);--nav-width-expanded:280px;--nav-width-collapsed:80px;--nav-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}:host([collapsed]){width:var(--nav-width-collapsed, 80px)}.nav-bar{display:flex;flex-direction:column;height:100%;background:var(--nav-bg);color:var(--nav-text);width:100%;border-right:1px solid var(--nav-border);position:relative;box-sizing:border-box}.nav-bar.collapsed{width:var(--nav-width-collapsed)}.nav-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:80px;border-bottom:1px solid var(--nav-border)}.collapsed .nav-header{padding:24px 0;justify-content:center}.nav-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255, 255, 255, 0.2))}.nav-title{font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:-0.5px;background:linear-gradient(to right, #fff, #94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collapsed .nav-title{display:none}.nav-hamburger{background:var(--nav-hover-bg);border:1px solid var(--nav-border);color:white;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;margin-left:auto}.collapsed .nav-hamburger{margin-left:0}.collapsed .nav-header{flex-direction:column;padding:16px 0;height:auto;min-height:100px;gap:12px}.nav-hamburger:hover{background:var(--nav-accent);border-color:var(--nav-accent)}.nav-search{padding:16px;position:relative}.nav-search-input{width:100%;padding:10px 12px 10px 38px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--nav-border);border-radius:10px;color:white;font-size:13px;outline:none;transition:all 0.3s ease}.nav-search-input:focus{border-color:var(--nav-accent);background:rgba(255, 255, 255, 0.05);box-shadow:0 0 15px var(--nav-accent-glow)}.nav-search::before{content:\"\";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='M21 21l-4.35-4.35'%3E%3C/path%3E%3C/svg%3E\") no-repeat center;pointer-events:none}.nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:8px}.collapsed .nav-content{padding:12px 0}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section-bottom{}.nav-footer{padding:12px;border-top:1px solid var(--nav-border);flex-shrink:0}.collapsed .nav-footer{padding:12px 0}.nav-section-header{padding:12px 12px 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text-muted);letter-spacing:1px;opacity:0.8}.nav-item .nav-section-header{padding-left:12px;margin-top:12px;border-top:1px solid rgba(255, 255, 255, 0.05)}.collapsed .nav-section-header{display:none}.nav-item{position:relative}.nav-item-link{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);text-decoration:none;border-radius:12px;transition:all 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.nav-item-link.no-icon{font-size:13px;padding-left:16px}.nav-item-link.no-icon .nav-item-label{opacity:0.9;font-weight:400}.collapsed .nav-item-link{justify-content:center;padding:12px 0;gap:0}.nav-item-link:hover{background:var(--nav-hover-bg);color:white}.active>.nav-item-link{background:var(--nav-active-bg);color:var(--nav-accent);box-shadow:inset 0 0 0 1px rgba(59, 130, 246, 0.3)}.active>.nav-item-link::after{content:\"\";position:absolute;left:0;top:15%;bottom:15%;width:4px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--nav-accent)}.nav-item-arrow{margin-left:auto;transition:transform 0.3s ease;color:var(--nav-text-muted)}.expanded>.nav-item-link .nav-item-arrow{transform:rotate(180deg)}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform 0.3s ease}.nav-item-link:hover .nav-item-icon{transform:scale(1.1)}.active .nav-item-icon{color:var(--nav-accent)}.collapsed .nav-item-label{display:none}.nav-item-badge{background:var(--nav-accent);color:white;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;margin-left:auto}.collapsed .nav-item-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;padding:0;font-size:0;box-shadow:0 0 10px var(--nav-accent)}.nav-children{padding-left:24px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255, 255, 255, 0.05);margin-left:24px;padding-left:12px}.is-child .nav-item-link{padding:8px 12px;font-size:13px;border-radius:10px}.collapsed .nav-children{display:none}.nav-overflow{position:relative;margin:2px 0}.nav-overflow-trigger{display:flex;align-items:center;gap:12px;padding:12px;color:var(--nav-text-muted);cursor:pointer;border-radius:12px;transition:all 0.3s ease}.nav-overflow-trigger:hover{background:var(--nav-hover-bg);color:white}.nav-overflow-menu{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:16px;padding:8px;min-width:220px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);z-index:10000;display:flex;flex-direction:column;gap:4px;animation:slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideMenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.expanded .nav-item{animation:slideMenu 0.4s ease forwards}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:4px}.nav-tooltip{position:fixed;background:#1e293b;color:white;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;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 rgba(255, 255, 255, 0.1);transform:translateY(-50%);opacity:0;transition:opacity 0.2s}.nav-tooltip.visible{opacity:1}";export{o as nav_bar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as t,a as r,h as o}from"./p-DUsoYu9r.js";const e=class{constructor(r){a(this,r),this.tagRemove=t(this,"tagRemove"),this.tagCheck=t(this,"tagCheck")}get element(){return r(this)}label;value;color="default";size="md";rtl=!1;variant="filled";removable=!1;icon;orientation="horizontal";shape="rounded";iconSpin=!1;closeIcon;customColor;customTextColor;tooltip;disabled=!1;iconPosition="left";iconLibrary="default";image;userAvatar;checkable=!1;checked=!1;animation="scale";animationDuration=300;clickable=!1;elevation=0;loading=!1;pulse=!1;autoColor=!1;gradient;maxWidth;iconSize="1.14em";skeleton=!1;showTooltip=!1;badge;badgeColor="default";counter;isClosing=!1;isOpening=!0;visible=!0;tagRemove;tagCheck;getColorFromHash(a){const t=[{bg:"#3bf673",rgb:"59, 130, 246"},{bg:"#10b981",rgb:"16, 185, 129"},{bg:"#ef4444",rgb:"239, 68, 68"},{bg:"#f59e0b",rgb:"245, 158, 11"},{bg:"#8b5cf6",rgb:"139, 92, 246"},{bg:"#ec4899",rgb:"236, 72, 153"},{bg:"#06b6d4",rgb:"6, 182, 212"}];if(!a)return t[0];let r=0;for(let t=0;t<a.length;t++)r=a.charCodeAt(t)+((r<<5)-r);return t[Math.abs(r)%t.length]}handleKeyDown=a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),this.handleClick())};handleRemove=a=>{a.stopPropagation(),this.disabled||this.isClosing||(this.isClosing=!0,this.tagRemove.emit(),setTimeout((()=>{this.visible=!1}),this.animationDuration))};handleClick=()=>{this.disabled||this.checkable&&(this.checked=!this.checked,this.tagCheck.emit(this.checked))};componentDidLoad(){setTimeout((()=>{this.isOpening=!1}),50)}render(){if(!this.visible)return null;const a=this.autoColor?this.getColorFromHash(this.label??""):null,t={tag:!0,[`tag-${this.color}`]:!this.autoColor&&!this.gradient,[`tag-${this.size}`]:!0,[`tag-${this.variant}`]:!0,[`tag-shape-${this.shape}`]:!0,"tag-rounded":"rounded"===this.shape,"tag-checkable":this.checkable,"tag-clickable":this.clickable,"tag-checked":this.checked,"tag-loading":this.loading,"tag-disabled":this.disabled,"tag-pulse":this.pulse,"tag-skeleton":this.skeleton,[`tag-${this.orientation}`]:"horizontal"!==this.orientation,[`tag-elevated-${this.elevation}`]:this.elevation>0,[`tag-closing-${this.animation}`]:this.isClosing,[`tag-opening-${this.animation}`]:this.isOpening,[`tag-gradient-${this.gradient}`]:!!this.gradient&&!this.gradient.includes("gradient"),"tag-custom-gradient":!!this.gradient&&this.gradient.includes("gradient"),"tag-truncate":!!this.maxWidth},r={"--animation-duration":`${this.animationDuration}ms`};this.gradient&&this.gradient.includes("gradient")&&(r.background=this.gradient,r.border="none",r.color="#fff"),this.maxWidth&&(r["max-width"]=this.maxWidth),this.customColor&&(r["background-color"]=this.customColor,r["border-color"]="transparent"),this.customTextColor&&(r.color=this.customTextColor),a&&(r["background-color"]=a.bg,r.color="white",r["border-color"]="transparent",r["--tag-glow-color"]=a.rgb);const e=this.clickable||this.checkable||this.removable;return o("span",{class:t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,style:r,title:this.tooltip||(this.showTooltip?this.label:void 0),dir:this.rtl?"rtl":"ltr",tabIndex:e&&!this.disabled?0:-1,role:e?"button":void 0,"aria-pressed":this.checkable?this.checked:void 0,"aria-disabled":this.disabled?"true":void 0},this.skeleton?o("span",{class:"tag-skeleton-content"}):["dot"===this.variant&&o("span",{class:"tag-dot-indicator"}),"left"===this.iconPosition&&this.renderMedia(),o("span",{class:"tag-label"},this.loading&&!this.label?"Loading...":this.label),("ticket"===this.shape||"coupon"===this.shape)&&o("span",{class:"tag-ticket-hole tag-hole-right"}),"coupon"===this.shape&&o("span",{class:"tag-ticket-hole tag-hole-left"}),"right"===this.iconPosition&&this.renderMedia(),this.badge&&o("span",{class:`tag-badge tag-badge-${this.badgeColor}`},this.badge),this.counter&&o("span",{class:"tag-counter"},this.counter),this.removable&&!this.disabled&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"tag-remove",onClick:this.handleRemove,ariaLabel:"Remove tag",tabIndex:-1,icon:this.closeIcon||"x",iconLibrary:"lucide",iconSize:"14px"})])}renderMedia(){return this.loading&&"dot"!==this.variant?o("ui-loader",{type:"spinner",size:"0.8em",color:"inherit"}):this.userAvatar?o("img",{src:this.userAvatar,alt:"",class:"tag-avatar"}):this.image?o("img",{src:this.image,alt:"",class:"tag-image"}):this.icon?o("span",{class:{"tag-icon":!0,"tag-icon-spin":this.iconSpin}},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize})):null}};e.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}.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);user-select:none;box-sizing:border-box;--tag-notch-size:8px}.tag-sm{padding:0 8px;font-size:11px;height:24px;gap:4px;--tag-notch-size:6px}.tag-md{padding:0 12px;font-size:13px;height:32px;gap:8px;--tag-notch-size:8px}.tag-lg{padding:0 16px;font-size:15px;height:40px;gap:10px;--tag-notch-size:10px}.tag-checkable,.tag-clickable{cursor:pointer}.tag-filled.tag-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.tag-filled.tag-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-filled.tag-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-filled.tag-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-filled.tag-default{background-color:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag-outlined{background-color:transparent}.tag-outlined.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-outlined.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.tag-outlined.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-outlined.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-outlined.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-outlined.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-outlined.tag-default{border-color:var(--border-strong, #d1d5db);color:var(--text-muted, #6b7280)}.tag-light.tag-primary{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.tag-light.tag-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.tag-light.tag-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.tag-light.tag-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.tag-light.tag-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.tag-light.tag-info{background-color:var(--bg-primary, #cffafe);color:var(--color-primary, #164e63)}.tag-light.tag-default{background-color:var(--bg-primary, #f9fafb);color:var(--text-secondary, #4b5563)}.tag-dot{background:transparent;border-color:var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.tag-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-dot.tag-primary .tag-dot-indicator{background-color:var(--color-primary, #10b981)}.tag-dot.tag-success .tag-dot-indicator{background-color:var(--color-success, #10b981)}.tag-dot.tag-danger .tag-dot-indicator{background-color:var(--color-danger, #ef4444)}.tag-checkable.tag-checked{filter:brightness(0.9);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.tag-checkable.tag-checked::before{content:"✓";font-size:0.9em;margin-inline-end:-2px}.tag-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255, 255, 255, 0.3);margin-inline-start:-8px;}.tag-image{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-inline-start:-6px}.tag-icon{display:flex;align-items:center;font-size:1.1em}.tag-remove{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;opacity:0.4;margin-inline-start:-4px;margin-inline-end:-4px}.tag-remove:hover{opacity:1;background:rgba(0, 0, 0, 0.1)}.tag-elevated-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}.tag-elevated-2{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tag-elevated-3{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)}.tag-pulse{animation:tag-pulse-glow 2s infinite}@keyframes tag-pulse-glow{0%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0.4)}70%{box-shadow:0 0 0 10px rgba(var(--tag-glow-color, 59, 130, 246), 0)}100%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0)}}.tag-loading{position:relative;overflow:hidden;pointer-events:none;opacity:0.7}.tag-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:tag-shimmer 1.5s infinite}@keyframes tag-shimmer{100%{transform:translateX(100%)}}.tag-opening-scale{animation:tagScaleIn var(--animation-duration) ease forwards}.tag-closing-scale{animation:tagScaleOut var(--animation-duration) ease forwards}@keyframes tagScaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes tagScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.tag-opening-fade{animation:tagFadeIn var(--animation-duration) ease forwards}.tag-closing-fade{animation:tagFadeOut var(--animation-duration) ease forwards}@keyframes tagFadeIn{from{opacity:0}to{opacity:1}}@keyframes tagFadeOut{from{opacity:1}to{opacity:0}}.tag-opening-rotate{animation:tagRotateIn var(--animation-duration) ease forwards}.tag-closing-rotate{animation:tagRotateOut var(--animation-duration) ease forwards}@keyframes tagRotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes tagRotateOut{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.9)}}.tag-opening-slide{animation:tagSlideIn var(--animation-duration) ease forwards}.tag-closing-slide{animation:tagSlideOut var(--animation-duration) ease forwards}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tagSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.tag-badge{font-size:10px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-inline-start:4px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.2)}.tag-badge-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-badge-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-badge-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-badge-secondary{background:var(--color-primary, #6b7280);color:var(--text-standard, #ffffff)}.tag-badge-default{background:rgba(0, 0, 0, 0.1);color:inherit}.tag-counter{font-size:11px;font-weight:600;background:rgba(0, 0, 0, 0.08);color:inherit;border-radius:10px;padding:0 6px;margin-inline-start:6px;opacity:0.8}@media (prefers-color-scheme: dark){.tag-badge-default{background:rgba(255, 255, 255, 0.1)}.tag-counter{background:rgba(255, 255, 255, 0.1)}}.tag-shape-pill{border-radius:999px !important}.tag-shape-square{border-radius:4px !important}.tag-shape-rounded{border-radius:8px !important}.tag-shape-ribbon{padding-inline-end:18px !important;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important}.tag-shape-ribbon:host([dir=rtl]) .tag-shape-ribbon,.tag-shape-ribbon[dir=rtl]{clip-path:polygon(100% 0, 0 0, 10px 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-ticket{padding-inline-end:28px !important;clip-path:polygon(0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.2);position:relative}.tag-shape-ticket:host([dir=rtl]) .tag-shape-ticket,.tag-shape-ticket[dir=rtl]{clip-path:polygon(100% 0, 0 0, var(--tag-notch-size) 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-coupon{padding-left:20px !important;padding-right:20px !important;clip-path:polygon(var(--tag-notch-size) 50%, 0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-radius:0 !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1)}.tag-hole-right{inset-inline-end:14px}.tag-hole-left{inset-inline-start:14px}.tag-icon-spin{display:inline-flex;animation:tag-icon-spin 2s linear infinite}@keyframes tag-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tag-opening-scale{animation:tagOpeningScale var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-fade{animation:tagOpeningFade var(--animation-duration) ease forwards}.tag-opening-slide{animation:tagOpeningSlide var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-rotate{animation:tagOpeningRotate var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes tagOpeningScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes tagOpeningFade{from{opacity:0}to{opacity:1}}@keyframes tagOpeningSlide{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes tagOpeningRotate{from{opacity:0;transform:rotate(-10deg) scale(0.8)}to{opacity:1;transform:rotate(0) scale(1)}}.tag-ticket-hole{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);z-index:2}.tag-shape-circle{border-radius:50% !important;padding:0 !important;width:32px;height:32px;justify-content:center}.tag-shape-circle.tag-sm{width:24px;height:24px}.tag-shape-circle.tag-lg{width:40px;height:40px}.tag-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.tag-vertical{flex-direction:column;height:auto !important;padding:8px 12px !important;gap:4px !important}.tag-vertical .tag-avatar{width:32px;height:32px;margin-bottom:2px}.tag-vertical .tag-icon{font-size:1.4em}.tag-vertical-text,.tag-vertical-rotated{height:auto !important;min-height:40px;width:32px;padding:12px 4px !important;display:inline-flex;flex-direction:column}.tag-vertical-text .tag-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;line-height:1.2;text-align:center}.tag-vertical-rotated .tag-label{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:sideways;text-align:center}.tag-soft.tag-primary{background-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--color-primary, #10b981)}.tag-soft.tag-secondary{background-color:rgba(107, 114, 128, 0.1);color:var(--text-muted, #6b7280)}.tag-soft.tag-success{background-color:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--color-success, #10b981)}.tag-soft.tag-danger{background-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.tag-soft.tag-warning{background-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tag-soft.tag-info{background-color:rgba(6, 182, 212, 0.1);color:var(--color-info, #06b6d4)}.tag-soft.tag-default{background-color:rgba(156, 163, 175, 0.1);color:var(--text-muted, #6b7280)}.tag-bordered{background-color:var(--bg-primary, #ffffff);border-width:2px}.tag-bordered.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-bordered.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--color-primary, #6b7280)}.tag-bordered.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-bordered.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-bordered.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-bordered.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb, currentColor, transparent 70%);border-top-color:currentColor;border-radius:50%;animation:tag-spin 0.6s linear infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--bg-primary, #ffffff);border:none}.tag[tabindex="0"]{outline:none}.tag[tabindex="0"]:focus-visible{box-shadow:0 0 0 2px var(--text-standard, #ffffff), 0 0 0 4px var(--ui-tag-focus-color, var(--color-primary, #10b981));z-index:10}.tag-clickable:hover,.tag-checkable:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-1px)}.tag-clickable:active,.tag-checkable:active{transform:scale(0.96);filter:brightness(0.9)}.tag-skeleton{border-color:var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9);pointer-events:none;overflow:hidden}.tag-skeleton-content{display:block;width:100%;height:12px;background:var(--bg-primary, #e2e8f0);border-radius:4px;position:relative;overflow:hidden}.tag-skeleton-content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:tag-skeleton-shimmer 1.5s infinite}@keyframes tag-skeleton-shimmer{100%{transform:translateX(100%)}}.tag-truncate .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}';export{e as ui_tag}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as i,h as a}from"./p-DUsoYu9r.js";const r=class{constructor(i){t(this,i),this.listItemSelect=e(this,"listItemSelect"),this.listChange=e(this,"listChange"),this.listStarToggle=e(this,"listStarToggle"),this.swipeAction=e(this,"swipeAction"),this.longPress=e(this,"longPress"),this.searchChange=e(this,"searchChange"),this.itemsReorder=e(this,"itemsReorder"),this.pageChange=e(this,"pageChange"),this.loadMore=e(this,"loadMore"),this.bulkAction=e(this,"bulkAction"),this.columnSort=e(this,"columnSort")}get el(){return i(this)}label="";size="md";color="default";variant="text";dense=!1;dividers=!1;rounded=!1;elevated=!1;selectable=!0;multiSelect=!1;selectedValues=[];maxHeight="";fullWidth=!1;padding=!0;subheader="";virtual=!1;itemHeight=48;items=[];searchable=!1;searchPlaceholder="Search...";searchQuery="";loading=!1;loadingText="Loading...";skeleton=!1;emptyText="No items found";showEmpty=!0;isDraggable=!1;paginated=!1;itemsPerPage=10;currentPage=1;checkboxSelection=!1;keyboardNavigation=!0;grouped=!1;groupBy="";flush=!1;horizontal=!1;numbered=!1;infinite=!1;loadMoreThreshold=50;stickyHeaders=!1;showBulkHeader=!1;bulkActions=[];grid=!1;gridCols=3;dragGroup="";altMode=!0;altKeyPressed=!1;isPowerLauncherOpen=!1;emptyStateTitle="No results found";emptyStateActionLabel="";selectionHeaderColor="primary";ariaLabel="System Cluster List";density="comfortable";viewTabs=[];commandK=!0;showMinimap=!0;isCommandKOpen=!1;commandQuery="";activeTab=0;focusRingTop=-1;focusRingHeight=0;showConfetti=!1;isEKGActive=!0;groupDashboards=new Set;syncing=!1;filterChips=[];showSortingHeaders=!1;columns=[];showGroupFooter=!1;groupFooterLabel="Items";floatingFAB=!1;isPaletteOpen=!1;isQuickLookOpen=!1;shiftSelectionStartIndex=-1;scrollTop=0;lassoActive=!1;lassoStart={x:0,y:0};lassoEnd={x:0,y:0};visibleItems=[];filteredItems=[];focusedIndex=-1;draggedItem=null;totalPages=1;listItemSelect;listChange;listStarToggle;swipeAction;longPress;searchChange;itemsReorder;pageChange;loadMore;bulkAction;columnSort;_sortColumn="";_sortDir="asc";listRef;scrollTimeout;componentWillLoad(){try{this.filterItems()}catch(t){console.error("[AppList] Error filtering items:",t)}}componentDidLoad(){this.virtual&&this.updateVisibleItems()}handleItemsChange(){this.filterItems()}filterItems(){let t=[...this.items];if(this.searchQuery&&this.searchable){const e=this.searchQuery.toLowerCase();t=t.filter((t=>"string"==typeof t?t.toLowerCase().includes(e):t.label?t.label.toLowerCase().includes(e):t.text?t.text.toLowerCase().includes(e):JSON.stringify(t).toLowerCase().includes(e)))}if(this.filteredItems=t,this.paginated){this.totalPages=Math.ceil(t.length/this.itemsPerPage);const e=(this.currentPage-1)*this.itemsPerPage;this.filteredItems=t.slice(e,e+this.itemsPerPage)}this.virtual&&this.updateVisibleItems()}getGroupedItems(){if(!this.grouped||!this.groupBy)return null;const t={};return this.filteredItems.forEach((e=>{const i=e[this.groupBy]||"Other";t[i]||(t[i]=[]),t[i].push(e)})),t}updateVisibleItems(){if(!this.listRef||!this.virtual)return;const t=this.listRef.clientHeight||400,e=Math.floor(this.scrollTop/this.itemHeight),i=Math.ceil((this.scrollTop+t)/this.itemHeight);this.visibleItems=this.filteredItems.slice(Math.max(0,e-5),Math.min(this.filteredItems.length,i+5))}handleScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop,this.virtual&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.updateVisibleItems()}),50)),this.infinite&&e.scrollHeight-e.scrollTop-e.clientHeight<this.loadMoreThreshold&&this.loadMore.emit()};handleLassoStart=t=>{if(this.isPaletteOpen||this.isQuickLookOpen)return;if(!t.target.classList.contains("list"))return;this.lassoActive=!0;const e=this.listRef.getBoundingClientRect();this.lassoStart={x:t.clientX-e.left,y:t.clientY-e.top},this.lassoEnd={...this.lassoStart},document.addEventListener("mousemove",this.handleLassoMove),document.addEventListener("mouseup",this.handleLassoEnd)};handleLassoMove=t=>{if(!this.lassoActive)return;const e=this.listRef.getBoundingClientRect();this.lassoEnd={x:t.clientX-e.left,y:t.clientY-e.top},this.checkLassoSelection()};handleLassoEnd=()=>{this.lassoActive=!1,document.removeEventListener("mousemove",this.handleLassoMove),document.removeEventListener("mouseup",this.handleLassoEnd)};checkLassoSelection(){const t=Math.min(this.lassoStart.x,this.lassoEnd.x),e=Math.max(this.lassoStart.x,this.lassoEnd.x),i=Math.min(this.lassoStart.y,this.lassoEnd.y),a=Math.max(this.lassoStart.y,this.lassoEnd.y),r=this.listRef.querySelectorAll("ui-list-item"),s=[...this.selectedValues];r.forEach((r=>{const o=r.getBoundingClientRect(),n=this.listRef.getBoundingClientRect(),l=o.top-n.top,c=o.left-n.left;if(l+o.height>i&&l<a&&c+o.width>t&&c<e){const t=r.value||r.label;s.includes(t)||s.push(t)}})),this.selectedValues=Array.from(new Set(s))}handleGlobalKeyDown(t){if(!this.keyboardNavigation)return;if(t.composedPath()[0]instanceof HTMLInputElement||t.composedPath()[0]instanceof HTMLTextAreaElement)return;if("?"===t.key)return t.preventDefault(),void(this.isPaletteOpen=!this.isPaletteOpen);if(this.isPaletteOpen&&"Escape"===t.key)return void(this.isPaletteOpen=!1);if("["===t.key||"]"===t.key)return t.preventDefault(),void this.jumpToGroup("["===t.key?"prev":"next");if(" "===t.key&&!this.isPaletteOpen)return t.preventDefault(),void(this.isQuickLookOpen=!this.isQuickLookOpen);const e=t.shiftKey;switch("Alt"===t.key&&(this.altKeyPressed=!0),"k"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.isCommandKOpen=!this.isCommandKOpen),t.key.toLowerCase()){case"j":case"arrowdown":t.preventDefault();const i=Math.min(this.filteredItems.length-1,this.focusedIndex+1);e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,i),this.moveFocusRel(1);break;case"k":case"arrowup":t.preventDefault();const a=Math.max(0,this.focusedIndex-1);e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,a),this.moveFocusRel(-1);break;case"x":if(this.focusedIndex>=0){const t=this.filteredItems[this.focusedIndex],e=t.value||t.id||this.focusedIndex.toString();this.handleItemSelection(e,!this.selectedValues.includes(e))}}}handleGlobalKeyUp(t){"Alt"===t.key&&(this.altKeyPressed=!1)}handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.filteredItems;if(0!==e.length)if("ArrowDown"===t.key)t.preventDefault(),this.moveFocus(1);else if("ArrowUp"===t.key)t.preventDefault(),this.moveFocus(-1);else if("Enter"===t.key&&this.focusedIndex>=0){const t=e[this.focusedIndex],i=t.value||t.id||this.focusedIndex.toString();this.handleItemSelection(i,!0)}else if(" "===t.key&&this.checkboxSelection&&this.focusedIndex>=0){t.preventDefault();const i=e[this.focusedIndex],a=i.value||i.id||this.focusedIndex.toString(),r=this.selectedValues.includes(a);this.handleItemSelection(a,!r)}};handleRangeSelection(t,e){-1===this.shiftSelectionStartIndex&&(this.shiftSelectionStartIndex=t);const i=Math.min(this.shiftSelectionStartIndex,e),a=Math.max(this.shiftSelectionStartIndex,e),r=Array.from(new Set([...this.selectedValues]));for(let t=i;t<=a;t++){const e=this.filteredItems[t].value||this.filteredItems[t].label;r.includes(e)||r.push(e)}this.selectedValues=r,this.listChange.emit({values:this.selectedValues})}jumpToGroup(t){const e=this.getGroupedItems();if(!e)return;const i=Object.keys(e),a=this.filteredItems[this.focusedIndex];if(!a)return void this.moveFocus(0);const r=i.find((t=>e[t].includes(a)));if(!r)return;let s=i.indexOf(r)+("next"===t?1:-1);s<0&&(s=i.length-1),s>=i.length&&(s=0);const o=this.filteredItems.indexOf(e[i[s]][0]);this.moveFocus(o-this.focusedIndex)}moveFocusRel(t){const e=Math.max(0,Math.min(this.focusedIndex+t,this.filteredItems.length-1));if(e!==this.focusedIndex){this.focusedIndex=e,this.updateFocusRing(),this.scrollToFocused();const t=this.el.shadowRoot?.querySelectorAll("ui-list-item");t?.[e]?.focus()}}updateFocusRing(){const t=this.el.shadowRoot?.querySelectorAll("ui-list-item"),e=t?.[this.focusedIndex];if(e){const t=this.listRef.getBoundingClientRect(),i=e.getBoundingClientRect();this.focusRingTop=i.top-t.top+this.listRef.scrollTop,this.focusRingHeight=i.height}}moveFocus(t){this.moveFocusRel(t)}scrollToFocused(){if(this.listRef&&this.focusedIndex>=0){const t=this.listRef.children[this.focusedIndex];t&&(t.scrollIntoView({block:"nearest",behavior:"smooth"}),t.focus())}}handleDragStart=(t,e,i)=>{this.isDraggable&&(this.draggedItem={item:e,index:i},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/html",t.target.outerHTML),t.target.classList.add("dragging"))};handleDragOver=t=>{this.isDraggable&&this.draggedItem&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{t.preventDefault();const i=t.dataTransfer.getData("source-list-id"),a=t.dataTransfer.getData("drag-group"),r=t.dataTransfer.getData("item-data");if(a&&a!==this.dragGroup)console.warn("[AppList] Drag group mismatch");else{if(i!==this.el.id&&i)try{const t=JSON.parse(r),i=[...this.filteredItems];i.splice(e,0,t),this.filteredItems=i,this.itemsReorder.emit({items:i})}catch(t){console.error("[AppList] Error parsing external item data",t)}else{if(!this.draggedItem)return;const t=this.draggedItem.index;if(t===e)return;const i=[...this.filteredItems],[a]=i.splice(t,1);i.splice(e,0,a),this.filteredItems=i,this.itemsReorder.emit({items:i})}this.draggedItem=null}};handleDragEnd=t=>{t.target.classList.remove("dragging"),this.draggedItem=null};handleItemSelection(t,e){this.selectable&&(this.multiSelect||this.checkboxSelection?e?this.selectedValues.includes(t)||(this.selectedValues=[...this.selectedValues,t]):this.selectedValues=this.selectedValues.filter((e=>e!==t)):this.selectedValues=e?[t]:[],this.listItemSelect.emit({value:t,values:this.selectedValues}),this.listChange.emit({values:this.selectedValues}))}goToPage(t){t<1||t>this.totalPages||(this.currentPage=t,this.pageChange.emit({page:t}))}renderSearch(){return this.searchable?a("div",{class:"list-search"},a("ui-icon",{name:"search",library:"fontawesome",class:"search-icon"}),a("ui-input",{type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.searchChange.emit({query:this.searchQuery})},prefixIcon:"search",size:"sm"}),this.searchQuery&&a("ui-button",{variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.searchChange.emit({query:""})},icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})):null}renderLoading(){return this.loading?a("div",{class:"list-loading"},a("ui-loader",{type:"spinner",size:"1.2em",color:"primary"}),a("span",null,this.loadingText)):null}renderEmpty(){return!this.showEmpty||this.loading||this.filteredItems.length>0?null:a("div",{class:"list-empty"},a("ui-icon",{name:"inbox",library:"fontawesome"}),a("span",null,this.emptyText))}renderPagination(){if(!this.paginated||this.totalPages<=1)return null;const t=[];for(let e=1;e<=this.totalPages;e++)1===e||e===this.totalPages||e>=this.currentPage-2&&e<=this.currentPage+2?t.push(a("ui-button",{variant:e===this.currentPage?"primary":"ghost",class:{"pagination-button":!0,active:e===this.currentPage},onClick:()=>this.goToPage(e),label:e.toString(),size:"sm"})):e!==this.currentPage-3&&e!==this.currentPage+3||t.push(a("span",{class:"pagination-ellipsis"},"..."));return a("div",{class:"list-pagination"},a("ui-button",{variant:"ghost",class:"pagination-button",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),t,a("ui-button",{variant:"ghost",class:"pagination-button",disabled:this.currentPage===this.totalPages,onClick:()=>this.goToPage(this.currentPage+1),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}renderVirtualList(){const t=this.filteredItems.length*this.itemHeight,e=Math.floor(this.scrollTop/this.itemHeight)*this.itemHeight;return a("div",{class:"virtual-list",style:{height:`${t}px`,position:"relative"}},a("div",{style:{transform:`translateY(${e}px)`}},this.visibleItems.map(((t,e)=>this.renderItem(t,e)))))}renderItem(t,e){const i=t.value||t.id||e.toString(),r=this.selectedValues.includes(i),s=t.label||t.text||t,o=t.sublabel||"",n=t.icon||"",l=t.avatar||t.userAvatar||"",c=t.image||"",d=t.badge||"",h=t.counter||"",p=t.tags||"";return a("ui-list-item",{style:{"--item-index":e.toString()},label:s,sublabel:o,value:i,icon:n,userAvatar:l,image:c,selected:r,skeleton:this.skeleton||this.loading,highlight:this.searchQuery,size:this.size,badge:d,counter:h,tags:p,interactive:this.selectable,onListItemClick:()=>this.handleItemSelection(i,!r),onCheckboxChange:t=>this.handleItemSelection(i,t.detail.checked),showCheckbox:this.checkboxSelection,swipeActions:t.swipeActions??!0,leftActionIcon:t.leftActionIcon??"check",rightActionIcon:t.rightActionIcon??"trash",leftActions:t.leftActions||[],rightActions:t.rightActions||[],avatarGroup:t.avatarGroup||t.collaborators||"",avatarGroupPosition:t.avatarGroupPosition||"content",progress:t.progress??-1,status:t.status||"",statusPosition:t.statusPosition||"bottom-right",starred:t.starred||!1,showStar:t.showStar||!1,expandable:t.expandable||!1,priorityPulse:t.priorityPulse||!1,presence:t.presence||[],presenceCursors:t.presenceCursors||[],density:this.density,auraMode:!0,sparkline:t.sparkline||[],metadata:t.metadata||{},showGhostLayer:this.altKeyPressed,gridMode:this.grid,focused:this.focusedIndex===e,class:{draggable:this.isDraggable,"focused-item":this.focusedIndex===e},draggable:this.isDraggable,onDragStart:i=>{this.handleDragStart(i,t,e),i.dataTransfer.setData("source-list-id",this.el.id),i.dataTransfer.setData("drag-group",this.dragGroup),i.dataTransfer.setData("item-data",JSON.stringify(t))},onDragOver:this.handleDragOver,onDrop:t=>this.handleDrop(t,e),onDragEnd:this.handleDragEnd,onSwipeAction:t=>{t.stopPropagation(),this.swipeAction.emit({value:t.detail.value,side:t.detail.side,action:t.detail.action})},onLongPress:t=>{t.stopPropagation(),this.longPress.emit({value:t.detail.value})},onStarToggle:t=>{t.stopPropagation(),this.listStarToggle.emit({value:t.detail.value,starred:t.detail.starred})}})}renderGroupFooter(t){return this.showGroupFooter?a("div",{class:"list-group-footer",slot:"footer"},this.groupFooterLabel,": ",t.length):null}handleItemClick(t){const{value:e,selected:i,shiftKey:a,ctrlKey:r,metaKey:s}=t.detail;if(!this.selectable)return;const o=this.filteredItems.findIndex((t=>(t.value||t.id||t.label)===e));a&&-1!==this.shiftSelectionStartIndex&&this.multiSelect?this.handleRangeSelection(this.shiftSelectionStartIndex,o):(r||s)&&this.multiSelect?(this.handleItemSelection(e,!this.selectedValues.includes(e)),this.shiftSelectionStartIndex=o):(this.handleItemSelection(e,i),this.shiftSelectionStartIndex=o),this.listItemSelect.emit({value:e,values:this.selectedValues,shiftKey:a,ctrlKey:r,metaKey:s}),this.listChange.emit({values:this.selectedValues})}renderContent(){return this.loading?this.renderLoading():this.virtual?this.renderVirtualList():this.grouped&&this.items&&this.items.length>0?this.renderGroupedItems():this.items&&this.items.length>0?this.filteredItems.length>0?this.filteredItems.map(((t,e)=>this.renderItem(t,e))):this.renderEmpty():a("slot",null)}renderEKGWaveform(){return this.isEKGActive?a("div",{class:"list-ekg-container"},a("svg",{class:"list-ekg-waveform",viewBox:"0 0 100 20",preserveAspectRatio:"none"},a("path",{d:"M0,10 L10,10 L12,2 L15,18 L18,10 L30,10 L32,5 L35,15 L38,10 L50,10 L52,0 L55,20 L58,10 L100,10",fill:"none",stroke:"rgba(59, 130, 246, 0.4)","stroke-width":"1.5"}))):null}renderConfetti(){if(!this.showConfetti)return null;const t=Array.from({length:20});return a("div",{class:"list-confetti-burst"},t.map((()=>a("div",{class:"confetti-particle"}))))}renderGroupDashboard(t,e){if(!this.groupDashboards.has(t))return null;const i=Math.round(e.reduce(((t,e)=>t+(e.progress||0)),0)/e.length),r=e.filter((t=>"online"===t.status)).length;return a("div",{class:"group-mini-dashboard"},a("div",{class:"gm-stat"},"Group Pulse: ",a("strong",null,i,"%")),a("div",{class:"gm-stat"},"Vitality: ",a("strong",null,r,"/",e.length," Active")),a("div",{class:"gm-spark",style:{flex:"1"}},a("svg",{height:"24",width:"100%"},a("path",{d:"M0,12 Q25,2 50,12 T100,12",fill:"none",stroke:"#3bf673","stroke-width":"2"}))))}renderGroupedItems(){const t=this.getGroupedItems();return t?Object.keys(t).map((e=>a("ui-list-group",{key:e,label:e,collapsible:!0,expanded:!0},a("div",{slot:"header",class:"group-header-custom",onClick:t=>{t.stopPropagation();const i=new Set(this.groupDashboards);i.has(e)?i.delete(e):i.add(e),this.groupDashboards=i}},a("span",{class:"group-title-label"},e),a("span",{class:"group-pill"},t[e].length," Nodes"),a("ui-icon",{name:this.groupDashboards.has(e)?"chart-bar":"chevron-down",library:"fontawesome"})),this.renderGroupDashboard(e,t[e]),t[e].map(((t,i)=>{const r=this.filteredItems.indexOf(t);return a("div",{key:`${e}-${i}`},this.renderItem(t,r))})),this.renderGroupFooter(t[e])))):null}renderCommandPalette(){if(!this.isCommandKOpen)return null;const t=[{label:"Switch to Grid View",action:()=>this.grid=!0,icon:"th"},{label:"Switch to Compact Mode",action:()=>this.density="compact",icon:"list"},{label:"Export to CSV",action:()=>this.bulkAction.emit({action:"export-csv",values:this.selectedValues}),icon:"download"},{label:"Filter by Critical",action:()=>this.searchQuery="online",icon:"shield-alt"}].filter((t=>t.label.toLowerCase().includes(this.commandQuery.toLowerCase())));return a("div",{class:"list-command-palette-overlay",onClick:()=>this.isCommandKOpen=!1},a("div",{class:"command-palette-content",onClick:t=>t.stopPropagation()},a("div",{class:"cp-search"},a("ui-icon",{name:"search"}),a("ui-input",{type:"text",placeholder:"Type a command or search...",value:this.commandQuery,onInputChange:t=>this.commandQuery=t.detail,autoFocus:!0,prefixIcon:"search",size:"sm"}),a("kbd",null,"ESC")),a("div",{class:"cp-results"},t.map((t=>a("div",{class:"cp-item",onClick:()=>{t.action(),this.isCommandKOpen=!1}},a("ui-icon",{name:t.icon}),a("span",null,t.label)))))))}renderMinimap(){return this.showMinimap?a("div",{class:"list-scrollbar-minimap"},this.filteredItems.map(((t,e)=>"online"===t.status||"busy"===t.status||t.priorityPulse?a("div",{class:`m-marker m-${t.status||"danger"}`,style:{top:e/this.filteredItems.length*100+"%"}}):null))):null}renderViewTabs(){return this.viewTabs&&0!==this.viewTabs.length?a("div",{class:"list-view-tabs"},this.viewTabs.map(((t,e)=>a("div",{key:t.label,class:{"view-tab":!0,active:this.activeTab===e},onClick:()=>{this.activeTab=e,this.filterItems()}},t.label)))):null}render(){const t={list:!0,[`list-${this.size}`]:!0,[`list-${this.variant}`]:!0,"list-dense":this.dense,"list-dividers":this.dividers,"list-rounded":this.rounded,"list-elevated":this.elevated,"list-full-width":this.fullWidth,"list-no-padding":!this.padding,"list-draggable":this.isDraggable,"list-keyboard-nav":this.keyboardNavigation,"list-flush":this.flush,"list-horizontal":this.horizontal,"list-numbered":this.numbered,"list-grid":this.grid,"list-selection-active":this.selectedValues.length>0},e={...this.maxHeight?{maxHeight:this.maxHeight,overflowY:"auto"}:{},...this.grid?{display:"grid",gridTemplateColumns:`repeat(${this.gridCols}, 1fr)`,gap:"16px",padding:"16px"}:{}};return a("div",{key:"4f41d5f9b82328c5e5b6b990d2cba0fb85d02aa5",class:{"list-container":!0,"list-has-selection":this.selectedValues.length>0,[`selection-theme-${this.selectionHeaderColor}`]:this.selectedValues.length>0},onKeyDown:this.handleKeyDown,tabindex:"0"},this.syncing&&a("div",{key:"b5ccede5c41d256002443a4212650290614978ab",class:"list-sync-bar"}),a("div",{key:"ed6271a638dd129ac647487306f59be583d87e9e",class:"list-header-adaptive"},a("div",{key:"db465ed90ceb6591344a2ce62fb081c11d126309",class:"header-main-titles"},this.label&&a("div",{key:"84064fc69f3df5d1a36094c42c531f794375709a",class:"list-label"},this.label),this.subheader&&a("div",{key:"43b6852ce14d2a109e7d49f0ee4a2023b7b99476",class:"list-subheader"},this.subheader)),this.renderViewTabs()),this.renderSearch(),this.filterChips.length>0&&a("div",{key:"755badc3efa061e5ef7f8be478813eb83df98cdc",class:"list-filter-chips"},this.filterChips.map((t=>a("ui-button",{variant:t.active?"primary":"ghost",class:{"filter-chip":!0,active:t.active},label:`${t.label} ${void 0!==t.count?t.count:""}`,size:"sm"})))),this.showSortingHeaders&&a("div",{key:"978d41292344852cf0ee831127b66cd2ab742664",class:"list-sorting-headers"},this.columns.map((t=>a("div",{class:"sort-header",onClick:()=>{const e=this._sortColumn===t.key&&"asc"===this._sortDir?"desc":"asc";this._sortColumn=t.key,this._sortDir=e,this.columnSort.emit({key:t.key,direction:e})}},a("span",null,t.label),t.sortable&&a("ui-icon",{name:"sort",library:"fontawesome"}))))),this.showBulkHeader&&this.multiSelect&&a("div",{key:"01ebcaf21ee576b05618c5614a3667af24644ec0",class:"list-bulk-header"},a("div",{key:"4af56532d24827bf7509a5a45a484ce6d59115cd",class:"bulk-select-all"},a("ui-check-box",{key:"7ae0e47d3dc1341e81b2ae57df4a6c4b5ec97838",checked:this.selectedValues.length===this.items.length&&this.items.length>0,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.items.length,onCheckChange:t=>{this.selectedValues=t.detail.checked?this.items.map(((t,e)=>t.value||t.id||e.toString())):[],this.listChange.emit({values:this.selectedValues})}}),a("span",{key:"aaa3441cd736d78f9486cc0fd01053b109620615",class:"bulk-count"},this.selectedValues.length," selected")),this.selectedValues.length>0&&a("div",{key:"3e2c3dc520b207692f61a09afd786e4e4bfbe462",class:"bulk-actions"},this.bulkActions.map((t=>a("ui-button",{variant:"ghost",onClick:()=>this.bulkAction.emit({action:t.action,values:this.selectedValues}),icon:t.icon,iconLibrary:"fontawesome",label:t.label,size:"sm"}))))),this.floatingFAB&&this.selectedValues.length>0&&a("div",{key:"d79e22941c6125d0447cd2646bcef0cd32410ad3",class:"list-power-launcher-container"},a("div",{key:"5428fc9a5d581c15b9a42977eae4f08f253c4845",class:{"launcher-fab":!0,active:this.isPowerLauncherOpen},onClick:()=>this.isPowerLauncherOpen=!this.isPowerLauncherOpen},a("ui-icon",{key:"10dd1b7d30e8fb9e9f3c90b65779c888663452a4",name:this.isPowerLauncherOpen?"times":"bolt",library:"fontawesome"})),this.isPowerLauncherOpen&&a("div",{key:"b6c35850477fac5716818e449500a39a3cf894ed",class:"launcher-menu"},a("div",{key:"db4d1a4e3077bdb5c804b0ca9a75b2aea21bf5a7",class:"l-item",onClick:()=>this.bulkAction.emit({action:"rolling-restart",values:this.selectedValues})},a("ui-icon",{key:"76597b228c9ad53087cacd6dbc11a3e3d4f2b2c1",name:"redo"})," Rolling Restart"),a("div",{key:"9ba4804ace67bb7503c8713e816b4bc6197270b2",class:"l-item",onClick:()=>this.bulkAction.emit({action:"sync-cluster",values:this.selectedValues})},a("ui-icon",{key:"b673a8122860064908af7f11dd018b263671fa7e",name:"sync"})," Sync Cluster"),a("div",{key:"e01d57b46a14199afa99138d86701fca24d99537",class:"l-item",onClick:()=>this.bulkAction.emit({action:"patch-security",values:this.selectedValues})},a("ui-icon",{key:"0da91a692f0e54baf6db39eee99de7ebc45f793c",name:"shield-alt"})," Patch Security"),a("div",{key:"34cb252b35171aa5357a78d0a0d608f51de56925",class:"l-item danger",onClick:()=>this.bulkAction.emit({action:"delete",values:this.selectedValues})},a("ui-icon",{key:"ab94d9a829f7be9a6ec8f907b6c3c7f59c8452e3",name:"trash"})," Terminate Selected"))),this.isPaletteOpen&&a("div",{key:"7672cd318acb612ac9585f47fee917d98a3677de",class:"list-shortcut-palette",onClick:()=>this.isPaletteOpen=!1},a("div",{key:"b309a9ebc87081a00c39cbcf1d401780985b948a",class:"palette-content",onClick:t=>t.stopPropagation()},a("h3",{key:"2523a0a5d0f15eed66626b600c165d9c0d53e2d2"},"⌨️ Keyboard Shortcuts"),a("div",{key:"e5d8fb61bc6a0164f1d59212f35d0f0d6b7efab9",class:"shortcut-grid"},a("div",{key:"084c0a83d39f91615d2a8452bc3c7efbe0df34ba",class:"s-row"},a("kbd",{key:"b3be0998858c61f71c30de13f6e9fd1c7d691eae"},"J")," / ",a("kbd",{key:"386cc175f72faddbf616a40bf68ce551ed3e9cf6"},"K")," ",a("span",{key:"deaeb0b4ee946a4d85b142b05b8bebd10b2657f6"},"Navigate Down / Up")),a("div",{key:"cd1c0ff59b78ff48927dcb940a85a928bd9a7e9f",class:"s-row"},a("kbd",{key:"01d28ed64ea5a5c25ae23227a4d0d2d485437486"},"Shift")," + ",a("kbd",{key:"ebfe4726a80f0e3333d5712298ddd089c5098a21"},"J/K")," ",a("span",{key:"1bde7e50bb79bed0aae5ee15e1106c1479a5383a"},"Select Range")),a("div",{key:"c11efad0545b775bd5b1f0cfc4a085317c3ebfee",class:"s-row"},a("kbd",{key:"45cf6bc72acb696ad2fbde766fc57d6e3c01c6b4"},"X")," ",a("span",{key:"b86e2314e06fb7d8ff22c71bb231b3e828c96b5a"},"Toggle Selection")),a("div",{key:"1767c7ba0256d1f6ba117c11f969071be099c73d",class:"s-row"},a("kbd",{key:"28bf817768a742ffbaa0b87ac5ca78ec965c7e4c"},"Enter")," ",a("span",{key:"71640ceb7349f38f285ed64fb81f690f96005e62"},"Activate / Open")),a("div",{key:"b49d904e6303444b9b8e1fc7f611aad5e4a469e5",class:"s-row"},a("kbd",{key:"493d94845640a0b0578f2e99fe07e16ae5ff92ee"},"Space")," ",a("span",{key:"14b9767880acf71e36d181b0e0c3ff1ab682f272"},"Quick Look Preview")),a("div",{key:"782f31daa50b9329794da1845e14d4379700a5a5",class:"s-row"},a("kbd",{key:"ebd8dc3dc59cc388caf58d1287c86473ffd76b38"},"[")," / ",a("kbd",{key:"0347ff672424c8db103e20f5ecf519b0b974d4de"},"]")," ",a("span",{key:"b6f87b61cf822fdf6349bdb92849f0175029e4de"},"Jump to Prev / Next Group")),a("div",{key:"0cfe752e9649c00712f22b780307084252c138cf",class:"s-row"},a("kbd",{key:"9de296e60383b0b90d9696311eb5bc5bb64b889d"},"?")," ",a("span",{key:"1b33a99b0f72740380c869bfdee4ab656562b028"},"Toggle this help"))))),this.isQuickLookOpen&&a("div",{key:"00db6f10e7905b7d70882985cc9089a6bbb4cfee",class:"list-quick-look-modal",onClick:()=>this.isQuickLookOpen=!1},a("div",{key:"22bab4c4be5a1020ccfa34c7fee8f330d44d8bcd",class:"quick-look-content",onClick:t=>t.stopPropagation()},a("ui-icon",{key:"7c691ac455958af2f12d9ce764095b0aae950f70",name:"times",class:"close-look",onClick:()=>this.isQuickLookOpen=!1}),a("div",{key:"c56f0449bfb3280b6dc7141bc14c91874f6ed35f",class:"look-header"},a("h2",{key:"250cb1ecb5ebc771477659fbdcd83a27aee6145c"},this.filteredItems[this.focusedIndex]?.label),a("span",{key:"1082b6cd8b3d2c56087e0ac9668e88932085f67d"},this.filteredItems[this.focusedIndex]?.sublabel)),a("div",{key:"5258151eca6121d08a568a82b60b27c1055eb203",class:"look-body"},a("p",{key:"496227a18a6a9b8aea97386e14544d6d66c0e3e8"},"Comprehensive detail for Node ID: ",this.filteredItems[this.focusedIndex]?.value||"N/A"),a("div",{key:"ef427801b310f9ff61569c24b79046131f02b425",class:"look-stats"},a("div",{key:"21f28568f90ba336e43f868b33bad2c9690cf19b",class:"l-stat"},"Status: ",a("strong",{key:"b05364c86b63383d5a3b1e2105a57564f36f90e0"},this.filteredItems[this.focusedIndex]?.status||"Idle")),a("div",{key:"9535c7091e299aa1a3c1c214cd6097024c8d304b",class:"l-stat"},"Health: ",a("strong",{key:"0dd13ce8f148f8308a21054a78345ee61df47c36"},this.filteredItems[this.focusedIndex]?.progress||100,"%")))))),a("div",{key:"b995d870eed468e011dd91edd18b6527c7d1c72e",ref:t=>this.listRef=t,class:t,style:e,role:"list","aria-label":this.ariaLabel,"aria-busy":this.syncing?"true":"false",part:"list",onScroll:this.handleScroll,onMouseDown:this.handleLassoStart},this.renderMinimap(),this.focusRingTop>=0&&a("div",{key:"cb4547a1aab482125b7e80e6db56ec6a2ede865c",class:"list-focus-spring-ring",style:{top:`${this.focusRingTop}px`,height:`${this.focusRingHeight}px`}}),this.lassoActive&&a("div",{key:"ec54df7225b07efc02cd87b5613c3ddb84e967d4",class:"list-lasso-box",style:{left:`${Math.min(this.lassoStart.x,this.lassoEnd.x)}px`,top:`${Math.min(this.lassoStart.y,this.lassoEnd.y)}px`,width:`${Math.abs(this.lassoEnd.x-this.lassoStart.x)}px`,height:`${Math.abs(this.lassoEnd.y-this.lassoStart.y)}px`}}),this.renderContent()),this.renderPagination(),this.renderCommandPalette(),this.renderEKGWaveform(),this.renderConfetti(),this.showConfetti&&a("div",{key:"2bf97fc32fb8863cb61df68a7bf152f66f2a5bdd",class:"a11y-sr-only","aria-live":"assertive"},"Industrial Batch Operation Completed Successfully"),this.syncing&&a("div",{key:"955b2edcc60b8e6eeb1b35a0532956263ea3eb80",class:"a11y-sr-only","aria-live":"polite"},"Cluster data is currently synchronizing..."))}static get watchers(){return{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange: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}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;color:var(--color-primary, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.list-has-selection .list-search{display:none}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}';export{r as ui_list}
|