atomicuilibrary 0.1.0 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/category-section.cjs.entry.js +2 -2
- package/dist/cjs/dom-BvBb0kmW.js +267 -0
- package/dist/cjs/exploration-project-tailwind.cjs.js +2 -2
- package/dist/cjs/{index-ClkOYpT8.js → index-C32cWsm5.js} +1 -1
- package/dist/cjs/layout-manager.cjs.entry.js +3 -3
- package/dist/cjs/library-card.cjs.entry.js +2 -2
- package/dist/cjs/lm-container_2.cjs.entry.js +2 -2
- package/dist/cjs/lm-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/my-step.cjs.entry.js +2 -2
- package/dist/cjs/nav-bar.cjs.entry.js +4 -4
- package/dist/cjs/smart-step.cjs.entry.js +3 -3
- package/dist/cjs/timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-accordion_11.cjs.entry.js +132 -50
- package/dist/cjs/ui-advanced-data-table.cjs.entry.js +2 -2
- package/dist/cjs/ui-anchor.cjs.entry.js +2 -2
- package/dist/cjs/ui-animate-on-scroll.cjs.entry.js +3 -3
- package/dist/cjs/ui-aside-panel.cjs.entry.js +10 -11
- package/dist/cjs/ui-avatar-group_5.cjs.entry.js +1694 -0
- package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/ui-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ui-callout-banner.cjs.entry.js +2 -2
- package/dist/cjs/ui-card.cjs.entry.js +4 -3
- package/dist/cjs/ui-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ui-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ui-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-preview.cjs.entry.js +2 -2
- package/dist/cjs/ui-color-picker.cjs.entry.js +256 -22
- package/dist/cjs/ui-command-palette.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-box.cjs.entry.js +85 -11
- package/dist/cjs/ui-dialog-content.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-footer_2.cjs.entry.js +1 -1
- package/dist/cjs/ui-divider.cjs.entry.js +1 -1
- package/dist/cjs/ui-dock-host.cjs.entry.js +4 -4
- package/dist/cjs/ui-dock.cjs.entry.js +2 -2
- package/dist/cjs/ui-drag-drop.cjs.entry.js +2 -2
- package/dist/cjs/ui-dropdown_2.cjs.entry.js +104 -34
- package/dist/cjs/ui-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab.cjs.entry.js +4 -4
- package/dist/cjs/ui-file-upload.cjs.entry.js +143 -44
- package/dist/cjs/ui-horizontal-nav.cjs.entry.js +2 -2
- package/dist/cjs/ui-knob.cjs.entry.js +1 -1
- package/dist/cjs/ui-label.cjs.entry.js +473 -0
- package/dist/cjs/ui-library.cjs.entry.js +2 -2
- package/dist/cjs/ui-list-group_2.cjs.entry.js +349 -60
- package/dist/cjs/ui-list.cjs.entry.js +76 -42
- package/dist/cjs/ui-masonry.cjs.entry.js +1 -1
- package/dist/cjs/ui-meter-group.cjs.entry.js +5 -4
- package/dist/cjs/ui-navigation-item.cjs.entry.js +5 -5
- package/dist/cjs/ui-number-input.cjs.entry.js +7 -3
- package/dist/cjs/ui-otp-input.cjs.entry.js +5 -5
- package/dist/cjs/{ui-pagination_4.cjs.entry.js → ui-pagination_3.cjs.entry.js} +35 -506
- package/dist/cjs/ui-panel.cjs.entry.js +1 -1
- package/dist/cjs/ui-pattern-input.cjs.entry.js +46 -11
- package/dist/cjs/ui-progress.cjs.entry.js +66 -9
- package/dist/cjs/ui-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/ui-resizable-panel.cjs.entry.js +2 -2
- package/dist/cjs/ui-scroll-top.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ui-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-speed-dial.cjs.entry.js +1 -1
- package/dist/cjs/ui-speedometer.cjs.entry.js +28 -17
- package/dist/cjs/ui-splitter.cjs.entry.js +1 -1
- package/dist/cjs/ui-step.cjs.entry.js +2 -2
- package/dist/cjs/ui-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +14 -13
- package/dist/cjs/ui-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ui-tag.cjs.entry.js +58 -13
- package/dist/cjs/ui-timeline.cjs.entry.js +10 -2
- package/dist/cjs/ui-timer.cjs.entry.js +2 -2
- package/dist/cjs/ui-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/ui-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-transfer-list.cjs.entry.js +6 -6
- package/dist/cjs/ui-tree.cjs.entry.js +30 -15
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +2 -2
- package/dist/collection/assets/js/component-config.js +1 -0
- package/dist/collection/assets/js/demo-loader.js +2 -0
- package/dist/collection/assets/js/demos/about-demo.js +13 -13
- package/dist/collection/assets/js/demos/accordion-demo.js +66 -66
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +102 -102
- package/dist/collection/assets/js/demos/anchor-demo.js +27 -28
- package/dist/collection/assets/js/demos/animate-on-scroll-demo.js +12 -12
- package/dist/collection/assets/js/demos/aside-panel-demo.js +51 -51
- package/dist/collection/assets/js/demos/avatar-demo.js +433 -95
- package/dist/collection/assets/js/demos/badge-demo.js +51 -52
- package/dist/collection/assets/js/demos/breadcrumb-demo.js +7 -7
- package/dist/collection/assets/js/demos/button-demo.js +117 -107
- package/dist/collection/assets/js/demos/button-toggle-demo.js +199 -96
- package/dist/collection/assets/js/demos/callout-banner-demo.js +23 -23
- package/dist/collection/assets/js/demos/card-demo.js +23 -22
- package/dist/collection/assets/js/demos/carousel-demo.js +632 -360
- package/dist/collection/assets/js/demos/checkbox-demo.js +124 -7
- package/dist/collection/assets/js/demos/color-picker-demo.js +394 -100
- package/dist/collection/assets/js/demos/command-palette-demo.js +182 -65
- package/dist/collection/assets/js/demos/complex-form-demo.js +5 -5
- package/dist/collection/assets/js/demos/context-menu-demo.js +43 -43
- package/dist/collection/assets/js/demos/dialog-demo-temp.js +3 -3
- package/dist/collection/assets/js/demos/dialog-demo.js +336 -230
- package/dist/collection/assets/js/demos/divider-demo.js +59 -62
- package/dist/collection/assets/js/demos/dock-demo.js +12 -12
- package/dist/collection/assets/js/demos/dock-host-init.js +31 -31
- package/dist/collection/assets/js/demos/documentation-demo.js +34 -34
- package/dist/collection/assets/js/demos/drag-drop-demo.js +2 -2
- package/dist/collection/assets/js/demos/dropdown-demo.js +140 -136
- package/dist/collection/assets/js/demos/dropdown-subtitle-demo.js +2 -2
- package/dist/collection/assets/js/demos/empty-state-demo.js +294 -78
- package/dist/collection/assets/js/demos/fab-demo.js +95 -11
- package/dist/collection/assets/js/demos/file-upload-demo.js +641 -171
- package/dist/collection/assets/js/demos/home-components.js +2 -2
- package/dist/collection/assets/js/demos/horizontal-nav-demo.js +6 -6
- package/dist/collection/assets/js/demos/icon-demo.js +17 -17
- package/dist/collection/assets/js/demos/input-demo.js +147 -143
- package/dist/collection/assets/js/demos/knob-demo.js +29 -30
- package/dist/collection/assets/js/demos/label-demo.js +697 -0
- package/dist/collection/assets/js/demos/layout-manager-demo.js +55 -55
- package/dist/collection/assets/js/demos/list-demo.js +185 -122
- package/dist/collection/assets/js/demos/loader-demo.js +48 -48
- package/dist/collection/assets/js/demos/masonry-demo.js +568 -140
- package/dist/collection/assets/js/demos/meter-group-demo.js +14 -16
- package/dist/collection/assets/js/demos/multi-level-context-menu-demo.js +25 -25
- package/dist/collection/assets/js/demos/my-profile-demo.js +27 -27
- package/dist/collection/assets/js/demos/nav-bar-demo.js +1 -1
- package/dist/collection/assets/js/demos/number-input-demo.js +262 -211
- package/dist/collection/assets/js/demos/pagination-demo.js +29 -29
- package/dist/collection/assets/js/demos/panel-demo.js +18 -25
- package/dist/collection/assets/js/demos/pattern-input-demo.js +278 -40
- package/dist/collection/assets/js/demos/popover-demo.js +240 -149
- package/dist/collection/assets/js/demos/progress-demo.js +170 -156
- package/dist/collection/assets/js/demos/radio-demo.js +73 -12
- package/dist/collection/assets/js/demos/range-slider-demo.js +33 -33
- package/dist/collection/assets/js/demos/rating-demo.js +19 -19
- package/dist/collection/assets/js/demos/scroll-top-demo.js +8 -9
- package/dist/collection/assets/js/demos/skeleton-demo.js +110 -52
- package/dist/collection/assets/js/demos/skeleton-performance-demo.js +2 -2
- package/dist/collection/assets/js/demos/smart-dialog-demo.js +12 -12
- package/dist/collection/assets/js/demos/smart-menu-demo.js +17 -17
- package/dist/collection/assets/js/demos/snackbar-demo.js +53 -53
- package/dist/collection/assets/js/demos/speed-dial-demo.js +14 -14
- package/dist/collection/assets/js/demos/speedometer-demo.js +40 -32
- package/dist/collection/assets/js/demos/split-button-demo.js +2 -2
- package/dist/collection/assets/js/demos/splitter-demo.js +14 -14
- package/dist/collection/assets/js/demos/stack-demo.js +27 -27
- package/dist/collection/assets/js/demos/stepper-demo.js +49 -49
- package/dist/collection/assets/js/demos/switch-demo.js +561 -125
- package/dist/collection/assets/js/demos/tabs-demo.js +22 -22
- package/dist/collection/assets/js/demos/tag-demo.js +62 -62
- package/dist/collection/assets/js/demos/theme-selector-demo.js +27 -27
- package/dist/collection/assets/js/demos/timeline-demo.js +10 -10
- package/dist/collection/assets/js/demos/timeline-playground.js +2 -2
- package/dist/collection/assets/js/demos/timer-demo.js +10 -10
- package/dist/collection/assets/js/demos/toolbar-demo.js +17 -17
- package/dist/collection/assets/js/demos/tooltip-demo.js +92 -90
- package/dist/collection/assets/js/demos/top-bar-demo.js +6 -6
- package/dist/collection/assets/js/demos/transfer-list-demo.js +20 -20
- package/dist/collection/assets/js/demos/tree-demo.js +50 -66
- package/dist/collection/assets/js/demos/workspace-manager-demo.js +20 -20
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/accordion/accordion.css +275 -9
- package/dist/collection/components/accordion/accordion.js +7 -6
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +5 -5
- package/dist/collection/components/advanced-data-table/advanced-data-table.js +2 -2
- package/dist/collection/components/anchor/anchor.css +1 -0
- package/dist/collection/components/animate-on-scroll/animate-on-scroll.js +2 -2
- package/dist/collection/components/aside-panel/aside-panel.css +2 -2
- package/dist/collection/components/aside-panel/aside-panel.js +10 -11
- package/dist/collection/components/avatar/avatar.css +6 -6
- package/dist/collection/components/avatar/avatar.js +63 -11
- package/dist/collection/components/badge/badge.css +27 -17
- package/dist/collection/components/badge/badge.js +6 -3
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +2 -2
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/button-toggle/button-toggle.js +2 -2
- package/dist/collection/components/button-toggle-group/button-toggle-group.css +161 -14
- package/dist/collection/components/button-toggle-group/button-toggle-group.js +2 -2
- package/dist/collection/components/callout-banner/callout-banner.css +75 -0
- package/dist/collection/components/callout-banner/callout-banner.js +1 -1
- package/dist/collection/components/card/card.css +221 -9
- package/dist/collection/components/card/card.js +3 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/code-editor/code-editor.js +1 -1
- package/dist/collection/components/code-preview/ui-code-preview.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +110 -6
- package/dist/collection/components/color-picker/color-picker.js +302 -26
- package/dist/collection/components/context-menu/context-menu.css +9 -9
- package/dist/collection/components/dialog-box/dialog-box.js +116 -14
- package/dist/collection/components/dialog-header/dialog-header.js +1 -1
- package/dist/collection/components/dock/dock.css +116 -3
- package/dist/collection/components/dock-host/ui-dock-host.js +3 -3
- package/dist/collection/components/drag-drop/drag-drop.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +101 -8
- package/dist/collection/components/dropdown/dropdown.js +94 -28
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/fab/fab.css +87 -15
- package/dist/collection/components/fab/fab.js +3 -3
- package/dist/collection/components/fab-item/fab-item.js +1 -1
- package/dist/collection/components/file-upload/file-upload.css +1362 -31
- package/dist/collection/components/file-upload/file-upload.js +171 -50
- package/dist/collection/components/horizontal-nav/horizontal-nav.css +9 -9
- package/dist/collection/components/horizontal-nav/horizontal-nav.js +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/input/input.css +9 -0
- package/dist/collection/components/input/input.js +20 -9
- package/dist/collection/components/label/label.css +583 -0
- package/dist/collection/components/label/label.js +1669 -0
- package/dist/collection/components/layout-manager/layout-manager.js +1 -1
- package/dist/collection/components/layout-manager/lm-floating-window/lm-floating-window.js +1 -1
- package/dist/collection/components/layout-manager/lm-panel/lm-panel.js +1 -1
- package/dist/collection/components/layout-manager/lm-splitter/lm-splitter.js +1 -1
- package/dist/collection/components/layout-manager/lm-tabs/lm-tabs.js +1 -1
- package/dist/collection/components/library/category-section.js +1 -1
- package/dist/collection/components/library/library-card.js +1 -1
- package/dist/collection/components/library/library.js +1 -1
- package/dist/collection/components/list/list.css +46 -5
- package/dist/collection/components/list/list.js +76 -42
- package/dist/collection/components/list-group/list-group.css +0 -2
- package/dist/collection/components/list-group/list-group.js +11 -5
- package/dist/collection/components/list-item/list-item.css +403 -131
- package/dist/collection/components/list-item/list-item.js +345 -61
- package/dist/collection/components/loader/loader.css +1 -1
- package/dist/collection/components/loader/loader.js +2 -2
- package/dist/collection/components/meter-group/meter-group.css +5 -0
- package/dist/collection/components/meter-group/meter-group.js +3 -2
- package/dist/collection/components/my-step/my-step.js +1 -1
- package/dist/collection/components/nav-bar/nav-bar.css +4 -4
- package/dist/collection/components/nav-bar/nav-bar.js +6 -6
- package/dist/collection/components/number-input/number-input.js +6 -2
- package/dist/collection/components/otp-input/otp-input.css +10 -0
- package/dist/collection/components/otp-input/otp-input.js +3 -3
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pattern-input/pattern-input.css +0 -1
- package/dist/collection/components/pattern-input/pattern-input.js +44 -9
- package/dist/collection/components/popover/popover.css +35 -7
- package/dist/collection/components/popover/popover.js +64 -9
- package/dist/collection/components/progress/progress.css +176 -32
- package/dist/collection/components/progress/progress.js +66 -8
- package/dist/collection/components/radio/radio.css +2 -0
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/range-slider/range-slider.css +284 -31
- package/dist/collection/components/range-slider/range-slider.js +5 -5
- package/dist/collection/components/rating/rating.css +151 -65
- package/dist/collection/components/rating/rating.js +31 -13
- package/dist/collection/components/resizable-panel/resizable-panel.js +1 -1
- package/dist/collection/components/skeleton/skeleton-loader.css +144 -44
- package/dist/collection/components/skeleton/skeleton-loader.js +11 -7
- package/dist/collection/components/smart-stepper/smart-step.js +2 -2
- package/dist/collection/components/smart-stepper/smart-stepper.js +1 -1
- package/dist/collection/components/speedometer/speedometer.css +26 -6
- package/dist/collection/components/speedometer/speedometer.js +26 -15
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/switch/switch.css +367 -8
- package/dist/collection/components/switch/switch.js +13 -12
- package/dist/collection/components/tag/tag.css +38 -12
- package/dist/collection/components/tag/tag.js +58 -13
- package/dist/collection/components/tag-group/tag-group.css +0 -1
- package/dist/collection/components/tag-group/tag-group.js +3 -3
- package/dist/collection/components/timeline/timeline.css +380 -317
- package/dist/collection/components/timeline/timeline.js +8 -0
- package/dist/collection/components/timeline-item/timeline-item.js +1 -1
- package/dist/collection/components/timer/timer.js +1 -1
- package/dist/collection/components/toggle-group/toggle-group.css +7 -3
- package/dist/collection/components/toggle-group/toggle-group.js +7 -3
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/top-bar/top-bar.js +2 -2
- package/dist/collection/components/transfer-list/transfer-list.css +13 -13
- package/dist/collection/components/transfer-list/transfer-list.js +4 -4
- package/dist/collection/components/tree/tree.css +35 -21
- package/dist/collection/components/tree/tree.js +28 -13
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.css +34 -16
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +46 -11
- package/dist/collection/components/ui-navigation-bar/navigation-item.css +7 -7
- package/dist/collection/components/ui-navigation-bar/navigation-item.js +3 -3
- package/dist/collection/utils/dom.js +151 -151
- package/dist/components/avatar-group.js +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/button-toggle.js +1 -1
- package/dist/components/button.js +1 -0
- package/dist/components/category-section2.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/context-menu.js +1 -1
- package/dist/components/dialog-header.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +1 -1
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/library-card2.js +1 -1
- package/dist/components/list-group.js +1 -1
- package/dist/components/list-item.js +1 -1
- package/dist/components/lm-container2.js +1 -1
- package/dist/components/lm-floating-window2.js +1 -1
- package/dist/components/lm-panel2.js +1 -1
- package/dist/components/lm-splitter2.js +1 -1
- package/dist/components/lm-tabs2.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/my-step.js +1 -1
- package/dist/components/nav-bar.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -0
- package/dist/components/radio.js +1 -1
- package/dist/components/range-slider.js +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/resizable-panel.js +1 -1
- package/dist/components/skeleton-loader.js +1 -1
- package/dist/components/smart-step.js +1 -1
- package/dist/components/stack.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag-group.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/timeline-item.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-advanced-data-table.js +1 -1
- package/dist/components/ui-anchor.js +1 -1
- package/dist/components/ui-animate-on-scroll.js +1 -1
- package/dist/components/ui-aside-panel.js +1 -1
- package/dist/components/ui-badge.js +1 -1
- package/dist/components/ui-breadcrumb-item.js +1 -1
- package/dist/components/ui-breadcrumb.js +1 -1
- package/dist/components/ui-button-toggle-group.js +1 -1
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-callout-banner.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-carousel.js +1 -1
- package/dist/components/ui-code-editor.js +1 -1
- package/dist/components/ui-code-preview.js +1 -1
- package/dist/components/ui-color-picker.js +1 -1
- package/dist/components/ui-command-palette.js +1 -1
- package/dist/components/ui-dialog-box.js +1 -1
- package/dist/components/ui-dock-host.js +1 -1
- package/dist/components/ui-dock.js +1 -1
- package/dist/components/ui-drag-drop.js +1 -1
- package/dist/components/ui-empty-state.js +1 -1
- package/dist/components/ui-fab-item.js +1 -1
- package/dist/components/ui-fab.js +1 -1
- package/dist/components/ui-file-upload.js +1 -1
- package/dist/components/ui-horizontal-nav.js +1 -1
- package/dist/components/ui-knob.js +1 -1
- package/dist/components/{ui-color-controller.d.ts → ui-label.d.ts} +4 -4
- package/dist/components/ui-label.js +1 -0
- package/dist/components/ui-library.js +1 -1
- package/dist/components/ui-list.js +1 -1
- package/dist/components/ui-masonry.js +1 -1
- package/dist/components/ui-meter-group.js +1 -1
- package/dist/components/ui-navigation-bar.js +1 -1
- package/dist/components/ui-navigation-item.js +1 -1
- package/dist/components/ui-number-input.js +1 -1
- package/dist/components/ui-otp-input.js +1 -1
- package/dist/components/ui-panel.js +1 -1
- package/dist/components/ui-pattern-input.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-scroll-top.js +1 -1
- package/dist/components/ui-smart-stepper.js +1 -1
- package/dist/components/ui-snackbar.js +1 -1
- package/dist/components/ui-speed-dial.js +1 -1
- package/dist/components/ui-speedometer.js +1 -1
- package/dist/components/ui-splitter.js +1 -1
- package/dist/components/ui-step.js +1 -1
- package/dist/components/ui-stepper.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-timeline.js +1 -1
- package/dist/components/ui-timer.js +1 -1
- package/dist/components/ui-toolbar.js +1 -1
- package/dist/components/ui-top-bar.js +1 -1
- package/dist/components/ui-transfer-list.js +1 -1
- package/dist/components/ui-tree.js +1 -1
- package/dist/components/ui-workspace-manager.js +1 -1
- package/dist/esm/category-section.entry.js +2 -2
- package/dist/esm/dom-DFBTWhGw.js +262 -0
- package/dist/esm/exploration-project-tailwind.js +3 -3
- package/dist/esm/{index-DUsoYu9r.js → index-Dqu2zaH1.js} +1 -1
- package/dist/esm/layout-manager.entry.js +3 -3
- package/dist/esm/library-card.entry.js +2 -2
- package/dist/esm/lm-container_2.entry.js +2 -2
- package/dist/esm/lm-panel_3.entry.js +4 -4
- package/dist/esm/loader.js +3 -3
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/my-step.entry.js +2 -2
- package/dist/esm/nav-bar.entry.js +4 -4
- package/dist/esm/smart-step.entry.js +3 -3
- package/dist/esm/timeline-item.entry.js +2 -2
- package/dist/esm/ui-accordion_11.entry.js +132 -50
- package/dist/esm/ui-advanced-data-table.entry.js +2 -2
- package/dist/esm/ui-anchor.entry.js +2 -2
- package/dist/esm/ui-animate-on-scroll.entry.js +3 -3
- package/dist/esm/ui-aside-panel.entry.js +10 -11
- package/dist/esm/ui-avatar-group_5.entry.js +1688 -0
- package/dist/esm/ui-breadcrumb-item.entry.js +3 -3
- package/dist/esm/ui-breadcrumb.entry.js +1 -1
- package/dist/esm/ui-callout-banner.entry.js +2 -2
- package/dist/esm/ui-card.entry.js +4 -3
- package/dist/esm/ui-carousel.entry.js +1 -1
- package/dist/esm/ui-checkbox.entry.js +3 -3
- package/dist/esm/ui-code-editor.entry.js +2 -2
- package/dist/esm/ui-code-preview.entry.js +2 -2
- package/dist/esm/ui-color-picker.entry.js +256 -22
- package/dist/esm/ui-command-palette.entry.js +1 -1
- package/dist/esm/ui-dialog-box.entry.js +85 -11
- package/dist/esm/ui-dialog-content.entry.js +1 -1
- package/dist/esm/ui-dialog-footer_2.entry.js +1 -1
- package/dist/esm/ui-divider.entry.js +1 -1
- package/dist/esm/ui-dock-host.entry.js +4 -4
- package/dist/esm/ui-dock.entry.js +2 -2
- package/dist/esm/ui-drag-drop.entry.js +2 -2
- package/dist/esm/ui-dropdown_2.entry.js +104 -34
- package/dist/esm/ui-empty-state.entry.js +2 -2
- package/dist/esm/ui-fab-item.entry.js +2 -2
- package/dist/esm/ui-fab.entry.js +4 -4
- package/dist/esm/ui-file-upload.entry.js +143 -44
- package/dist/esm/ui-horizontal-nav.entry.js +2 -2
- package/dist/esm/ui-knob.entry.js +1 -1
- package/dist/esm/ui-label.entry.js +471 -0
- package/dist/esm/ui-library.entry.js +2 -2
- package/dist/esm/ui-list-group_2.entry.js +349 -60
- package/dist/esm/ui-list.entry.js +76 -42
- package/dist/esm/ui-masonry.entry.js +1 -1
- package/dist/esm/ui-meter-group.entry.js +5 -4
- package/dist/esm/ui-navigation-item.entry.js +5 -5
- package/dist/esm/ui-number-input.entry.js +7 -3
- package/dist/esm/ui-otp-input.entry.js +5 -5
- package/dist/esm/{ui-pagination_4.entry.js → ui-pagination_3.entry.js} +36 -506
- package/dist/esm/ui-panel.entry.js +1 -1
- package/dist/esm/ui-pattern-input.entry.js +46 -11
- package/dist/esm/ui-progress.entry.js +66 -9
- package/dist/esm/ui-range-slider.entry.js +2 -2
- package/dist/esm/ui-resizable-panel.entry.js +2 -2
- package/dist/esm/ui-scroll-top.entry.js +1 -1
- package/dist/esm/ui-smart-context-menu.entry.js +1 -1
- package/dist/esm/ui-smart-stepper.entry.js +2 -2
- package/dist/esm/ui-snackbar.entry.js +1 -1
- package/dist/esm/ui-speed-dial.entry.js +1 -1
- package/dist/esm/ui-speedometer.entry.js +28 -17
- package/dist/esm/ui-splitter.entry.js +1 -1
- package/dist/esm/ui-step.entry.js +2 -2
- package/dist/esm/ui-stepper.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +14 -13
- package/dist/esm/ui-tabs.entry.js +2 -2
- package/dist/esm/ui-tag.entry.js +58 -13
- package/dist/esm/ui-timeline.entry.js +10 -2
- package/dist/esm/ui-timer.entry.js +2 -2
- package/dist/esm/ui-toolbar.entry.js +2 -2
- package/dist/esm/ui-tooltip.entry.js +4 -4
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-transfer-list.entry.js +6 -6
- package/dist/esm/ui-tree.entry.js +30 -15
- package/dist/esm/ui-workspace-manager.entry.js +2 -2
- package/dist/exploration-project-tailwind/exploration-project-tailwind.css +1 -1
- package/dist/exploration-project-tailwind/exploration-project-tailwind.esm.js +1 -1
- package/dist/exploration-project-tailwind/{p-7ba2258a.entry.js → p-024a299a.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-0a71896a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-35296877.entry.js → p-0cdeb8d8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a42fdc33.entry.js → p-139cefbc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-036d2a44.entry.js → p-198c83e5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-236f47b1.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-81ebba11.entry.js → p-25530d0d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-41cd6bf0.entry.js → p-298f2057.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85e36111.entry.js → p-2b5a8e3e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8c6d395.entry.js → p-2b6aa7bc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-70bacda8.entry.js → p-2cfba753.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-cbee2607.entry.js → p-2fe22958.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-20ecc116.entry.js → p-3012e780.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-321c3f46.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8b57fe4e.entry.js → p-3ab43638.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-3ad7e47e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3b1ca826.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3ee8ddae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-e22317c1.entry.js → p-3efb44c8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-36861546.entry.js → p-42e3bc28.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4360331a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-2f961934.entry.js → p-443de32b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-898dd0fa.entry.js → p-44d15451.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4288c158.entry.js → p-46071679.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a3f465d9.entry.js → p-497d6182.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4ad8c55c.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-4aaa8e40.entry.js → p-4c46ac0b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-98e91da5.entry.js → p-5042ddaa.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-60190e0e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-60530874.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-200241f8.entry.js → p-6108565d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-fb4aca69.entry.js → p-62889cfe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c02284ea.entry.js → p-66f71613.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-7889bfc4.entry.js → p-67c440b2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c1c8ac28.entry.js → p-6f09503f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-721bdbc3.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-747b02ea.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c6fd72e1.entry.js → p-754cb046.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-97af03cc.entry.js → p-7ed3bba2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d59da767.entry.js → p-864cebb7.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4d73c143.entry.js → p-96ee3196.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-54965530.entry.js → p-97086868.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d114a347.entry.js → p-9c5ced88.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9d3044d4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-9e079be6.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-790556f0.entry.js → p-9e4c45f5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9eee7394.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-DFBTWhGw.js +1 -0
- package/dist/exploration-project-tailwind/p-Dqu2zaH1.js +2 -0
- package/dist/exploration-project-tailwind/p-a7bdedc2.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c87aeab6.entry.js → p-a8ec29de.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6ddbee42.entry.js → p-ae617f62.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-05a436d3.entry.js → p-aef76052.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-b5f043fa.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-b637b91b.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d2e45c5e.entry.js → p-bc49a088.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6b838549.entry.js → p-bd9a631f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8ba0c95.entry.js → p-bf4b6767.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c0fa400e.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8578b616.entry.js → p-c4f3d990.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c68ddb2f.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c79574c4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c840098d.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-a1ad32a2.entry.js → p-c8663cbe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-cb6e38a6.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cb9f2df1.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cfe8b696.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-d00e13ae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c4ba7e52.entry.js → p-d01ed934.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-aa85ff78.entry.js → p-d4e57d94.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-ccb5c737.entry.js → p-d5bd3a3f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-45482d86.entry.js → p-d987cebe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-d9ae77c0.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-e9bae5c7.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f516fabc.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f68e2794.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d30e24bd.entry.js → p-fa034f69.entry.js} +1 -1
- package/dist/types/components/aside-panel/aside-panel.d.ts +0 -3
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/avatar/types.d.ts +2 -0
- package/dist/types/components/badge/badge.d.ts +1 -0
- package/dist/types/components/color-picker/color-picker.d.ts +35 -2
- package/dist/types/components/dialog-box/dialog-box.d.ts +10 -0
- package/dist/types/components/dropdown/dropdown.d.ts +5 -0
- package/dist/types/components/file-upload/file-upload.d.ts +23 -6
- package/dist/types/components/label/label.d.ts +290 -0
- package/dist/types/components/label/types.d.ts +39 -0
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components/list-group/list-group.d.ts +1 -0
- package/dist/types/components/list-item/list-item.d.ts +45 -17
- package/dist/types/components/pattern-input/pattern-input.d.ts +6 -0
- package/dist/types/components/popover/popover.d.ts +3 -0
- package/dist/types/components/progress/progress.d.ts +7 -0
- package/dist/types/components/range-slider/range-slider.d.ts +2 -2
- package/dist/types/components/rating/rating.d.ts +1 -0
- package/dist/types/components/skeleton/skeleton-loader.d.ts +1 -1
- package/dist/types/components/speedometer/speedometer.d.ts +1 -0
- package/dist/types/components/tag/tag.d.ts +4 -0
- package/dist/types/components/tree/tree.d.ts +1 -0
- package/dist/types/components/ui-navigation-bar/navigation-bar/navigation-bar.d.ts +1 -1
- package/dist/types/components.d.ts +742 -425
- package/dist/types/types/common.d.ts +2 -2
- package/dist/types/types/common.type.d.ts +2 -0
- package/dist/types/utils/dom.d.ts +4 -4
- package/package.json +4 -5
- package/dist/cjs/dom-oP1E4Rd3.js +0 -267
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +0 -634
- package/dist/cjs/ui-color-controller.cjs.entry.js +0 -150
- package/dist/cjs/ui-popover.cjs.entry.js +0 -517
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +0 -565
- package/dist/collection/components/color-controller/color-controller.css +0 -108
- package/dist/collection/components/color-controller/color-controller.js +0 -224
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.css +0 -357
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.js +0 -1190
- package/dist/components/ui-color-controller.js +0 -1
- package/dist/components/ui-smart-location-dropdown.d.ts +0 -11
- package/dist/components/ui-smart-location-dropdown.js +0 -1
- package/dist/esm/dom-BMFah5q3.js +0 -262
- package/dist/esm/ui-avatar-group_3.entry.js +0 -630
- package/dist/esm/ui-color-controller.entry.js +0 -148
- package/dist/esm/ui-popover.entry.js +0 -515
- package/dist/esm/ui-smart-location-dropdown.entry.js +0 -563
- package/dist/exploration-project-tailwind/p-06f0c679.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-148e81df.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-16bdd162.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-2347d21b.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-3d381f75.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4417a9d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-44742ddd.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4bef8bed.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4efd63ce.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5c835d90.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-61717490.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-717dad1f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-71d95bb1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9bd14f69.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9fc06ff0.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-BMFah5q3.js +0 -1
- package/dist/exploration-project-tailwind/p-DUsoYu9r.js +0 -2
- package/dist/exploration-project-tailwind/p-a27f59d2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-a7b07cf4.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-bd89d060.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c63c522e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c69dd43e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d6ce9721.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-dc92a343.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-debede45.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e76318c7.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ea51c5d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-eab5ad36.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f0bc5d7e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f1beee72.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f543392f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f61cfb7c.entry.js +0 -1
- package/dist/types/components/color-controller/color-controller.d.ts +0 -24
- package/dist/types/components/smart-location-dropdown/smart-location-dropdown.d.ts +0 -119
- package/dist/types/components/smart-location-dropdown/types.d.ts +0 -37
- /package/dist/collection/components/{smart-location-dropdown → label}/types.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as e}from"./p-Dqu2zaH1.js";const i=class{constructor(e){t(this,e),this.dockItemClick=o(this,"dockItemClick"),this.itemsOrderChange=o(this,"itemsOrderChange")}items="[]";position="bottom";size="md";magnify=!0;blurEffect=!0;showLabels=!0;iconLibrary="default";persistKey="";parsedItems=[];hoveredIndex=-1;dockItemClick;itemsOrderChange;isDragging=!1;draggedIndex=-1;dragX=0;dragY=0;targetIndex=-1;itemsContainer;componentWillLoad(){if(this.persistKey)try{const t=localStorage.getItem(this.persistKey);if(t)return void(this.parsedItems=JSON.parse(t))}catch{}this.parseItems(this.items)}onItemsPropChange(t){this.parseItems(t)}parseItems(t){try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for dock items:",t),this.parsedItems=[]}}handleItemClick(t){t.disabled||t.separator||this.dockItemClick.emit({itemId:String(t.id??""),item:t})}handleMouseEnter(t){this.hoveredIndex=t}handleMouseLeave(){this.hoveredIndex=-1}getMagnificationScale(t){if(!this.magnify||-1===this.hoveredIndex)return 1;if(this.isDragging)return 1;const o=Math.abs(t-this.hoveredIndex),e=1+(1.6-1)*Math.exp(-o*o/3.125);return Math.max(1,e)}handleDragStart(t,o){this.parsedItems[o].separator||(this.isDragging=!0,this.draggedIndex=o,this.targetIndex=o,this.dragX=t.clientX,this.dragY=t.clientY,document.addEventListener("mousemove",this.handleGlobalMouseMove),document.addEventListener("mouseup",this.handleGlobalMouseUp))}handleGlobalMouseMove=t=>{if(this.isDragging&&(this.dragX=t.clientX,this.dragY=t.clientY,this.itemsContainer)){const o=Array.from(this.itemsContainer.querySelectorAll(".dock-item"));let e=-1,i=1/0;o.forEach(((o,a)=>{const r=o.getBoundingClientRect(),c=r.top+r.height/2,n="bottom"===this.position||"top"===this.position?Math.abs(t.clientX-(r.left+r.width/2)):Math.abs(t.clientY-c);n<i&&(i=n,e=a)})),-1!==e&&e!==this.targetIndex&&(this.targetIndex=e)}};handleGlobalMouseUp=()=>{if(this.isDragging){if(-1!==this.targetIndex&&this.targetIndex!==this.draggedIndex){const t=[...this.parsedItems],[o]=t.splice(this.draggedIndex,1);if(t.splice(this.targetIndex,0,o),this.parsedItems=t,this.itemsOrderChange.emit(this.parsedItems),this.persistKey)try{localStorage.setItem(this.persistKey,JSON.stringify(this.parsedItems))}catch{}}this.isDragging=!1,this.draggedIndex=-1,this.targetIndex=-1,document.removeEventListener("mousemove",this.handleGlobalMouseMove),document.removeEventListener("mouseup",this.handleGlobalMouseUp)}};renderDockItem(t,o){if(t.separator)return e("div",{class:"dock-separator",role:"separator"});const i=this.getMagnificationScale(o),a=this.hoveredIndex===o,r=this.draggedIndex===o,c=this.targetIndex===o;let n=0,d=0;if(this.isDragging&&!r){const t=40;"bottom"===this.position||"top"===this.position?(o>=this.targetIndex&&o<this.draggedIndex&&(n=t),o<=this.targetIndex&&o>this.draggedIndex&&(n=-t)):(o>=this.targetIndex&&o<this.draggedIndex&&(d=t),o<=this.targetIndex&&o>this.draggedIndex&&(d=-t))}const s={transform:r?`translate(${this.dragX-(this.dragX-0)}px, ${this.dragY-(this.dragY-0)}px) scale(1.1)`:`translate(${n}px, ${d}px) scale(${i})`,margin:`0 ${this.magnify&&-1!==this.hoveredIndex?4+20*(i-1):4}px`,transition:this.isDragging&&r?"none":"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1)",zIndex:r?"1000":"1",pointerEvents:this.isDragging&&!r?"none":"auto",opacity:r?"0.8":"1"};return r&&(s.position="fixed",s.left=this.dragX-25+"px",s.top=this.dragY-25+"px",s.margin="0",s.transform="scale(1.2)"),e("ui-tooltip",{content:t.label,position:"bottom"===this.position?"top":"top"===this.position?"bottom":"left"===this.position?"right":"left",disabled:this.showLabels},e("div",{class:{"dock-item":!0,"dock-item-disabled":!!t.disabled,"dock-item-active":!!t.active,"dock-item-bounce":!!t.bounce,"dock-item-hovered":a,"dock-item-dragged":r,"dock-item-target":c},style:s,onClick:()=>!this.isDragging&&this.handleItemClick(t),onMouseEnter:()=>!this.isDragging&&this.handleMouseEnter(o),onMouseLeave:()=>!this.isDragging&&this.handleMouseLeave(),onMouseDown:t=>this.handleDragStart(t,o),role:"button",tabindex:t.disabled?-1:0,"aria-label":t.label,"aria-disabled":t.disabled?"true":"false",slot:"target"},e("div",{class:"dock-item-content"},t.icon&&e("div",{class:"dock-item-icon"},e("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.5rem"})),void 0!==t.badge&&t.badge>0&&e("span",{class:"dock-item-badge"},t.badge)),t.active&&e("div",{class:"active-indicator"}),this.showLabels&&e("div",{class:"dock-item-label"},t.label)))}render(){return e("div",{key:"f022edbbd0b53e600fd30e5cf97cc1b2e83e0f38",class:{"dock-container":!0,[`dock-${this.position}`]:!0,[`dock-${this.size}`]:!0,"dock-blur":this.blurEffect}},e("div",{key:"abb7911fe7fbec90e25ccc030299d95ec148c36d",class:"dock-items",ref:t=>this.itemsContainer=t},this.parsedItems.map(((t,o)=>this.renderDockItem(t,o)))))}static get watchers(){return{items:[{onItemsPropChange:0}]}}};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}.dock-container{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:16px;background:var(--dock-bg, rgba(255, 255, 255, 0.8));box-shadow:var(--dock-shadow, 0 4px 16px rgba(0, 0, 0, 0.1));border:1px solid var(--dock-border, rgba(0, 0, 0, 0.1))}.dock-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dock-bottom,.dock-top{flex-direction:row}.dock-left,.dock-right{flex-direction:column}.dock-items{display:flex;gap:8px;align-items:center}.dock-left .dock-items,.dock-right .dock-items{flex-direction:column}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;background:var(--dock-item-bg, transparent);transition:all 0.2s ease;outline:none}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(0, 0, 0, 0.05))}.dock-item:focus{box-shadow:0 0 0 2px var(--primary-color, var(--color-primary, #10b981))}.dock-item:active{transform:scale(0.95) !important}.dock-item-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dock-sm .dock-item{width:40px;height:40px;padding:8px}.dock-md .dock-item{width:56px;height:56px;padding:12px}.dock-lg .dock-item{width:72px;height:72px;padding:16px}.dock-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;color:var(--dock-icon-color, var(--text-primary, #1f2937))}.dock-item-icon svg{width:100%;height:100%;fill:currentColor}.dock-sm .dock-item-icon{font-size:20px}.dock-md .dock-item-icon{font-size:28px}.dock-lg .dock-item-icon{font-size:36px}.dock-item-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:var(--badge-bg, var(--color-danger, #ef4444));color:var(--badge-color, var(--text-standard, #ffffff));border-radius:9px;font-size:11px;font-weight:600;line-height:1;border:2px solid var(--dock-bg, var(--bg-primary, #ffffff))}.dock-item-label{position:absolute;padding:6px 12px;background:var(--label-bg, rgba(0, 0, 0, 0.8));color:var(--label-color, var(--text-standard, #ffffff));border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.dock-bottom .dock-item-label{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-top .dock-item-label{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-left .dock-item-label{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-right .dock-item-label{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-item-hovered .dock-item-label{opacity:1}.dock-item-label::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.dock-bottom .dock-item-label::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-top .dock-item-label::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-left .dock-item-label::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-right .dock-item-label::after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--label-bg, rgba(0, 0, 0, 0.8))}:host-context(.dark) .dock-container,:host-context([data-theme=dark]) .dock-container,:host-context(.green) .dock-container,:host-context([data-theme=green]) .dock-container,:host-context(.blue) .dock-container,:host-context([data-theme=blue]) .dock-container,:host-context(.pink) .dock-container,:host-context([data-theme=pink]) .dock-container,:host-context(.violet) .dock-container,:host-context([data-theme=violet]) .dock-container,:host(.dark) .dock-container,:host([data-theme=dark]) .dock-container,:host(.green) .dock-container,:host([data-theme=green]) .dock-container,:host(.blue) .dock-container,:host([data-theme=blue]) .dock-container,:host(.pink) .dock-container,:host([data-theme=pink]) .dock-container,:host(.violet) .dock-container,:host([data-theme=violet]) .dock-container{background:var(--dock-bg, var(--bg-primary, rgba(30, 30, 30, 0.8))) !important;border-color:var(--dock-border, var(--border-default, rgba(255, 255, 255, 0.1))) !important}:host-context(.dark) .dock-item:hover,:host-context([data-theme=dark]) .dock-item:hover,:host-context(.green) .dock-item:hover,:host-context([data-theme=green]) .dock-item:hover,:host-context(.blue) .dock-item:hover,:host-context([data-theme=blue]) .dock-item:hover,:host-context(.pink) .dock-item:hover,:host-context([data-theme=pink]) .dock-item:hover,:host-context(.violet) .dock-item:hover,:host-context([data-theme=violet]) .dock-item:hover,:host(.dark) .dock-item:hover,:host([data-theme=dark]) .dock-item:hover,:host(.green) .dock-item:hover,:host([data-theme=green]) .dock-item:hover,:host(.blue) .dock-item:hover,:host([data-theme=blue]) .dock-item:hover,:host(.pink) .dock-item:hover,:host([data-theme=pink]) .dock-item:hover,:host(.violet) .dock-item:hover,:host([data-theme=violet]) .dock-item:hover{background:var(--dock-item-hover-bg, rgba(255, 255, 255, 0.1)) !important}:host-context(.dark) .dock-item-icon,:host-context([data-theme=dark]) .dock-item-icon,:host-context(.green) .dock-item-icon,:host-context([data-theme=green]) .dock-item-icon,:host-context(.blue) .dock-item-icon,:host-context([data-theme=blue]) .dock-item-icon,:host-context(.pink) .dock-item-icon,:host-context([data-theme=pink]) .dock-item-icon,:host-context(.violet) .dock-item-icon,:host-context([data-theme=violet]) .dock-item-icon,:host(.dark) .dock-item-icon,:host([data-theme=dark]) .dock-item-icon,:host(.green) .dock-item-icon,:host([data-theme=green]) .dock-item-icon,:host(.blue) .dock-item-icon,:host([data-theme=blue]) .dock-item-icon,:host(.pink) .dock-item-icon,:host([data-theme=pink]) .dock-item-icon,:host(.violet) .dock-item-icon,:host([data-theme=violet]) .dock-item-icon{color:var(--dock-icon-color, var(--text-primary, #f3f4f6)) !important}@media (prefers-color-scheme: dark){.dock-container{background:var(--dock-bg, var(--bg-primary, rgba(30, 30, 30, 0.8)));border-color:var(--dock-border, var(--border-default, rgba(255, 255, 255, 0.1)))}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(255, 255, 255, 0.1))}.dock-item-icon{color:var(--dock-icon-color, var(--text-primary, #f3f4f6))}}@media (prefers-reduced-motion: reduce){.dock-item,.dock-item-label,.dock-item-bounce{transition:none;animation:none}}.active-indicator{position:absolute;width:4px;height:4px;background-color:var(--active-indicator-color, var(--color-primary, #10b981));border-radius:50%;bottom:4px}.dock-top .active-indicator{top:4px;bottom:auto}.dock-left .active-indicator{left:4px;top:50%;transform:translateY(-50%);bottom:auto}.dock-right .active-indicator{right:4px;top:50%;transform:translateY(-50%);bottom:auto}@keyframes dockBounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1)}60%{transform:translateY(-5px) scale(1)}}.dock-item-bounce{animation:dockBounce 2s infinite}.dock-separator{width:1px;height:24px;background-color:var(--separator-bg, rgba(0, 0, 0, 0.1));margin:0 4px}.dock-left .dock-separator,.dock-right .dock-separator{width:24px;height:1px;margin:4px 0}:host-context(.dark) .dock-separator,:host-context([data-theme=dark]) .dock-separator,:host-context(.green) .dock-separator,:host-context([data-theme=green]) .dock-separator,:host-context(.blue) .dock-separator,:host-context([data-theme=blue]) .dock-separator,:host-context(.pink) .dock-separator,:host-context([data-theme=pink]) .dock-separator,:host-context(.violet) .dock-separator,:host-context([data-theme=violet]) .dock-separator,:host(.dark) .dock-separator,:host([data-theme=dark]) .dock-separator,:host(.green) .dock-separator,:host([data-theme=green]) .dock-separator,:host(.blue) .dock-separator,:host([data-theme=blue]) .dock-separator,:host(.pink) .dock-separator,:host([data-theme=pink]) .dock-separator,:host(.violet) .dock-separator,:host([data-theme=violet]) .dock-separator{background-color:var(--border-default, rgba(255, 255, 255, 0.1)) !important}:host-context(.dark) .active-indicator,:host-context([data-theme=dark]) .active-indicator,:host-context(.green) .active-indicator,:host-context([data-theme=green]) .active-indicator,:host-context(.blue) .active-indicator,:host-context([data-theme=blue]) .active-indicator,:host-context(.pink) .active-indicator,:host-context([data-theme=pink]) .active-indicator,:host-context(.violet) .active-indicator,:host-context([data-theme=violet]) .active-indicator,:host(.dark) .active-indicator,:host([data-theme=dark]) .active-indicator,:host(.green) .active-indicator,:host([data-theme=green]) .active-indicator,:host(.blue) .active-indicator,:host([data-theme=blue]) .active-indicator,:host(.pink) .active-indicator,:host([data-theme=pink]) .active-indicator,:host(.violet) .active-indicator,:host([data-theme=violet]) .active-indicator{background-color:var(--color-primary, #60a5fa) !important}@media (prefers-color-scheme: dark){.dock-separator{background-color:rgba(255, 255, 255, 0.1)}.active-indicator{background-color:var(--color-primary, #60a5fa)}}';export{i as ui_dock}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-
|
|
1
|
+
import{r as t,h as o}from"./p-Dqu2zaH1.js";const n=class{constructor(o){t(this,o)}scrollable=!1;noPadding=!1;loading=!1;render(){if(this.loading)return o("div",{class:"dialog-content dialog-content--loading"+(this.noPadding?" dialog-content--no-padding":"")},o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--wide"}),o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--md"}),o("div",{class:"dc-skeleton dc-skeleton--line dc-skeleton--narrow"}));const t=["dialog-content",this.scrollable?"dialog-content--scrollable":"",this.noPadding?"dialog-content--no-padding":""].filter(Boolean).join(" ");return o("div",{class:t},o("slot",null))}};n.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}.dialog-content{flex:1;padding:16px 20px;overflow-y:hidden;color:var(--text-secondary, #374151)}.dialog-content--scrollable{overflow-y:auto}.dialog-content--no-padding{padding:0}.dialog-content p{margin:0 0 16px 0}.dialog-content p:last-child{margin-bottom:0}.dialog-content--loading{display:flex;flex-direction:column;gap:12px}.dc-skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg, var(--bg-tertiary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-tertiary, #e5e7eb) 75%);background-size:200% 100%;animation:dc-shimmer 1.4s ease-in-out infinite}.dc-skeleton--wide{width:100%}.dc-skeleton--md{width:72%}.dc-skeleton--narrow{width:48%}@keyframes dc-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{n as ui_dialog_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,a as i,h as s,H as e}from"./p-DUsoYu9r.js";import{s as r}from"./p-Dyu3Nplq.js";const l=class{constructor(i){t(this,i),this.tooltipShow=o(this,"tooltipShow"),this.tooltipHide=o(this,"tooltipHide"),this.tooltipClick=o(this,"tooltipClick"),this.tooltipMouseEnter=o(this,"tooltipMouseEnter"),this.tooltipMouseLeave=o(this,"tooltipMouseLeave"),this.tooltipMouseMove=o(this,"tooltipMouseMove"),this.tooltipClose=o(this,"tooltipClose"),this.tooltipKeydown=o(this,"tooltipKeydown"),this.tooltipTouchStart=o(this,"tooltipTouchStart"),this.tooltipTouchEnd=o(this,"tooltipTouchEnd")}get el(){return i(this)}content="";position="top";trigger="hover";variant="dark";animation="fade-in";arrow=!0;showDelay=0;hideDelay=0;maxWidth=300;offset=8;html=!1;interactive=!1;disabled=!1;customClass="";zIndex=9999;followCursor=!1;autoFlip=!0;visible=!1;customColor="";textColor="";transitionDuration=200;transitionTiming="ease";arrowSize=8;openAtMousePosition=!1;trackMouse=!1;trackInterval=16;autoShift=!0;closable=!1;keyboard=!0;portal=!0;allowNested=!1;loading=!1;size="md";longPressDuration=500;boundary="";groupId="";sticky=!1;showHeader=!1;showFooter=!1;closeOnClickOutside=!0;elevation=0;shape="rounded";showGlow=!1;isVisible=!1;isPositioned=!1;currentPosition="top";cursorX=0;cursorY=0;mouseClickX=0;mouseClickY=0;touchStartTime=0;isTouchDevice=!1;tooltipShow;tooltipHide;tooltipClick;tooltipMouseEnter;tooltipMouseLeave;tooltipMouseMove;tooltipClose;tooltipKeydown;tooltipTouchStart;tooltipTouchEnd;targetElement;tooltipElement;defaultSlotSource;headerSlotSource;footerSlotSource;defaultSlotTarget;headerSlotTarget;footerSlotTarget;showTimeout;hideTimeout;observer;trackIntervalId=0;lastTrackTime=0;resizeObserver;updateRetries=0;static groupListeners=new Map;notifyGroupChange(){this.groupId&&(l.groupListeners.get(this.groupId)||[]).forEach((t=>t(this.isVisible?this.groupId:"")))}handleGroupChange=()=>{};watchVisible(t){"manual"===this.trigger&&(t?this.show():this.hide())}componentDidLoad(){this.targetElement=this.el.querySelector('[slot="target"]'),this.targetElement?(this.isTouchDevice="ontouchstart"in window||navigator.maxTouchPoints>0,this.setupEventListeners(),this.keyboard&&document.addEventListener("keydown",this.handleKeyDown),this.visible&&"manual"===this.trigger&&this.show(),this.observer&&this.el&&this.observer.observe(this.el,{childList:!0,subtree:!0}),this.targetElement&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver((()=>{this.isVisible&&this.updatePosition()})),this.resizeObserver&&this.targetElement&&this.resizeObserver.observe(this.targetElement)),this.groupId&&(l.groupListeners.has(this.groupId)||l.groupListeners.set(this.groupId,[]),l.groupListeners.get(this.groupId).push(this.handleGroupChange))):console.warn('tooltip: No element with slot="target" found')}disconnectedCallback(){if(this.removeEventListeners(),this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.clearTimeouts(),this.removeWindowListeners(),this.keyboard&&document.removeEventListener("keydown",this.handleKeyDown),this.portal&&this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.groupId){const t=l.groupListeners.get(this.groupId)||[],o=t.indexOf(this.handleGroupChange);-1!==o&&t.splice(o,1)}}setupEventListeners(){if(!this.disabled){switch(this.trigger){case"hover":this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.followCursor&&this.targetElement.addEventListener("mousemove",this.handleMouseMove);break;case"click":this.targetElement.addEventListener("click",this.handleClick),this.closeOnClickOutside&&document.addEventListener("click",this.handleDocumentClick);break;case"focus":this.targetElement.addEventListener("focus",this.handleFocus),this.targetElement.addEventListener("blur",this.handleBlur)}this.isTouchDevice&&(this.targetElement.addEventListener("touchstart",this.handleTouchStart),this.targetElement.addEventListener("touchend",this.handleTouchEnd),this.targetElement.addEventListener("touchcancel",this.handleTouchCancel))}}removeEventListeners(){this.targetElement&&(this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("mousemove",this.handleMouseMove),this.targetElement.removeEventListener("click",this.handleClick),this.targetElement.removeEventListener("focus",this.handleFocus),this.targetElement.removeEventListener("blur",this.handleBlur),this.targetElement.removeEventListener("touchstart",this.handleTouchStart),this.targetElement.removeEventListener("touchend",this.handleTouchEnd),this.targetElement.removeEventListener("touchcancel",this.handleTouchCancel)),document.removeEventListener("click",this.handleDocumentClick)}clearTimeouts(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout&&clearTimeout(this.hideTimeout),this.trackIntervalId&&(cancelAnimationFrame(this.trackIntervalId),this.trackIntervalId=0)}handleMouseEnter=t=>{this.trackMouse&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseEnter.emit(t)),this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.show()}),this.showDelay)};handleMouseLeave=t=>{this.tooltipMouseLeave.emit(t),this.clearTimeouts(),this.trackIntervalId&&cancelAnimationFrame(this.trackIntervalId),this.hideTimeout=this.interactive?window.setTimeout((()=>{this.tooltipElement&&!this.tooltipElement.matches(":hover")&&this.hide()}),this.hideDelay+100):window.setTimeout((()=>{this.hide()}),this.hideDelay)};handleMouseMove=t=>{if(this.followCursor||this.trackMouse){const o=performance.now();o-this.lastTrackTime>=this.trackInterval&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseMove.emit({x:this.cursorX,y:this.cursorY}),this.lastTrackTime=o,this.isVisible&&(this.followCursor||this.trackMouse)&&this.updatePosition())}};handleClick=t=>{t.stopPropagation(),this.openAtMousePosition&&(this.mouseClickX=t.clientX,this.mouseClickY=t.clientY),this.tooltipClick.emit(t),this.isVisible?this.forceHide():this.show()};handleDocumentClick=t=>{if(this.isVisible&&"click"===this.trigger){const o=t.target;this.el.contains(o)||!this.tooltipElement||this.tooltipElement.contains(o)||this.hide()}};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown=t=>{this.keyboard&&this.isVisible&&(this.tooltipKeydown.emit(t),"Escape"===t.key&&(t.preventDefault(),this.handleClose()))};handleTouchStart=t=>{this.touchStartTime=Date.now(),this.tooltipTouchStart.emit(t)};handleTouchEnd=t=>{const o=Date.now()-this.touchStartTime;this.tooltipTouchEnd.emit(t),o>=this.longPressDuration&&(t.preventDefault(),this.isVisible?this.hide():this.show())};handleTouchCancel=()=>{this.touchStartTime=0};handleClose=()=>{this.tooltipClose.emit(),this.forceHide()};handleWindowEvents=()=>{this.isVisible&&this.updatePosition()};addWindowListeners(){window.addEventListener("resize",this.handleWindowEvents),window.addEventListener("scroll",this.handleWindowEvents,!0)}removeWindowListeners(){window.removeEventListener("resize",this.handleWindowEvents),window.removeEventListener("scroll",this.handleWindowEvents,!0)}handleTooltipMouseEnter=()=>{this.interactive&&this.clearTimeouts()};handleTooltipMouseLeave=()=>{this.interactive&&(this.hideTimeout=window.setTimeout((()=>{this.hide()}),this.hideDelay))};migrateSlotsToTooltip(){if(!this.tooltipElement)return;const t=(t,o)=>{if(t&&o)for(;t.firstChild;)o.appendChild(t.firstChild)};this.headerSlotSource&&this.headerSlotTarget&&t(this.headerSlotSource,this.headerSlotTarget),this.defaultSlotSource&&this.defaultSlotTarget&&t(this.defaultSlotSource,this.defaultSlotTarget),this.footerSlotSource&&this.footerSlotTarget&&t(this.footerSlotSource,this.footerSlotTarget)}restoreSlotsToHost(){if(!this.tooltipElement)return;const t=(t,o)=>{if(o&&t)for(;t.firstChild;){const i=t.firstChild;i instanceof HTMLElement&&i.classList.contains("tooltip-loading-spinner")?t.removeChild(i):o.appendChild(i)}};this.headerSlotTarget&&this.headerSlotSource&&t(this.headerSlotTarget,this.headerSlotSource),this.defaultSlotTarget&&this.defaultSlotSource&&t(this.defaultSlotTarget,this.defaultSlotSource),this.footerSlotTarget&&this.footerSlotSource&&t(this.footerSlotTarget,this.footerSlotSource)}async show(){this.disabled||this.isVisible||(this.isVisible=!0,this.isPositioned=!1,this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=0,this.el.isConnected&&(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement!==document.body&&document.body.appendChild(this.tooltipElement),this.addWindowListeners(),this.migrateSlotsToTooltip(),this.updatePosition(),this.isPositioned=!0,this.tooltipShow.emit({position:this.currentPosition}),this.notifyGroupChange())}))})))}async hide(){this.isVisible&&(this.isPositioned=!1,this.sticky||(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit(),this.notifyGroupChange()))}async forceHide(){this.isVisible&&(this.isPositioned=!1,this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit())}async toggle(){this.isVisible?this.hide():this.show()}updatePosition(){if(!this.tooltipElement||!this.targetElement)return;const t=this.targetElement.getBoundingClientRect(),o=this.tooltipElement.getBoundingClientRect(),i=this.offset;if(0===o.width||0===o.height)return void(this.updateRetries<5&&(this.updateRetries++,this.trackIntervalId=requestAnimationFrame((()=>this.updatePosition()))));this.updateRetries=0;let s="auto"===this.position?"top":this.position;const e={top:{top:t.top-o.height-i,left:t.left+(t.width-o.width)/2},bottom:{top:t.bottom+i,left:t.left+(t.width-o.width)/2},left:{top:t.top+(t.height-o.height)/2,left:t.left-o.width-i},right:{top:t.top+(t.height-o.height)/2,left:t.right+i},"top-left":{top:t.top-o.height-i,left:t.left},"top-right":{top:t.top-o.height-i,left:t.right-o.width},"bottom-left":{top:t.bottom+i,left:t.left},"bottom-right":{top:t.bottom+i,left:t.right-o.width}};this.openAtMousePosition&&"click"===this.trigger&&this.mouseClickX&&this.mouseClickY?e[s]={top:this.mouseClickY+i,left:this.mouseClickX+i}:(this.followCursor||this.trackMouse)&&"hover"===this.trigger&&(e[s]={top:this.cursorY+i,left:this.cursorX+i});let r=s,l=e[s];if(this.autoFlip&&!this.followCursor&&!this.trackMouse&&!this.openAtMousePosition){const t=window.innerWidth,i=window.innerHeight;l.top<0&&s.includes("top")?(r=s.replace("top","bottom"),l=e[r]||e.bottom):l.top+o.height>i&&s.includes("bottom")&&(r=s.replace("bottom","top"),l=e[r]||e.top),l.left<0&&s.includes("left")?(r=s.replace("left","right"),l=e[r]||e.right):l.left+o.width>t&&s.includes("right")&&(r=s.replace("right","left"),l=e[r]||e.left)}if(this.autoShift){let t={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if(this.boundary){const o=document.querySelector(this.boundary);if(o){const i=o.getBoundingClientRect();t={top:i.top,left:i.left,width:i.width,height:i.height}}}const i=8;l.left<t.left+i?l.left=t.left+i:l.left+o.width>t.left+t.width-i&&(l.left=t.left+t.width-o.width-i),l.top<t.top+i?l.top=t.top+i:l.top+o.height>t.top+t.height-i&&(l.top=t.top+t.height-o.height-i)}this.currentPosition=r;const a=Math.max(0,Math.round(l.top)),p=Math.max(0,Math.round(l.left));this.tooltipElement.style.top=`${a}px`,this.tooltipElement.style.left=`${p}px`}render(){const t={tooltip:!0,"tooltip-visible":this.isVisible&&this.isPositioned,[`tooltip-${this.variant}`]:!this.customColor&&!this.textColor,[`tooltip-${this.currentPosition}`]:!0,[`tooltip-${this.size}`]:!0,[`tooltip-animation-${this.animation}`]:!0,"tooltip-interactive":this.interactive,"tooltip-follow-cursor":this.followCursor||this.trackMouse,"tooltip-custom-color":!!this.customColor||!!this.textColor,"tooltip-loading":this.loading,"tooltip-sticky":this.sticky,"tooltip-closable":this.closable,"tooltip-glow":this.showGlow,[`tooltip-elevation-${this.elevation}`]:this.elevation>0,[`tooltip-shape-${this.shape}`]:!0,...this.customClass?{[this.customClass]:!0}:{}},o=s("div",{key:"5e5c75b174869faf89475e47c40e2f733ca639cb",class:t,style:{"--tooltip-max-width":`${this.maxWidth}px`,"--tooltip-z-index":this.zIndex.toString(),"--tooltip-transition-duration":`${this.transitionDuration}ms`,"--tooltip-transition-timing":this.transitionTiming,"--tooltip-arrow-size":`${this.arrowSize}px`,...this.customColor?{"--tooltip-bg-color":this.customColor}:{},...this.textColor?{"--tooltip-text-color":this.textColor}:{}},ref:t=>this.tooltipElement=t,onMouseEnter:this.handleTooltipMouseEnter,onMouseLeave:this.handleTooltipMouseLeave,role:"tooltip","aria-live":"polite"},this.closable&&s("ui-button",{key:"c782e3113216319ed2ac22f3c35b446b9ce7edf8",variant:"ghost",class:"tooltip-close",onClick:this.handleClose,ariaLabel:"Close tooltip",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showHeader&&s("div",{key:"e05c1bda9cb7cb892195c71efb19ffbd4169790c",class:"tooltip-header"},s("div",{key:"a6cf727d9c266a6e6b7448726116ba804a38104f",ref:t=>this.headerSlotTarget=t})),s("div",{key:"cc4d88f048bc46cfdd2eebbfdd47c8ffa6b93ed3",class:"tooltip-content"},this.loading?s("div",{class:"tooltip-loading-spinner"},s("ui-icon",{name:"loader",library:"lucide",spin:!0}),s("span",null,"Loading...")):this.html?s("div",{innerHTML:r(this.content)}):s("span",null,this.content),s("div",{key:"8dd2fcb7e5262cbe06c70be5c10093d44e930335",class:"tooltip-slot-content",ref:t=>this.defaultSlotTarget=t})),this.showFooter&&s("div",{key:"26ce70cb64df924dcae94ef69b58392a9d36c209",class:"tooltip-footer"},s("div",{key:"34e503228a04d14459a0d8d06298ffb2a4024a5f",ref:t=>this.footerSlotTarget=t})),this.arrow&&s("div",{key:"69001577b02dbca5c611876ccf6f23deed2729c1",class:"tooltip-arrow"}));return s(e,{key:"307752cb0fd187a5e6e730d210695ab306cc56c0"},s("div",{key:"54368e7a646845a67938888ba9f9d5f43adb60f5",class:"tooltip-wrapper"},s("slot",{key:"4137b0ece48c46cec089ea3c25a3d2dd8627a4d2",name:"target"})),this.isVisible&&o,s("div",{key:"9953d7fe69e1696350bd17f3a884350e840ead76",class:"tooltip-slot-source",style:{display:"none"},"aria-hidden":"true"},s("div",{key:"e725fb6982d649ec5a9c650a21f5d2f03aa474e2",ref:t=>this.defaultSlotSource=t},s("slot",{key:"11f51228e8a76bd5e2ea7c26a02bc0d5ae046010"})),s("div",{key:"e01d0037a906144fef1ed7908f784b8564340e5e",ref:t=>this.headerSlotSource=t},s("slot",{key:"f878b0f6724fb0005bec621cc846f76f26528569",name:"header"})),s("div",{key:"ff99e07c1ebcd501954c4eca287f62dfc024786f",ref:t=>this.footerSlotSource=t},s("slot",{key:"0a86e94fcb161cdc792acc33be982f0952d28823",name:"footer"}))))}static get watchers(){return{visible:[{watchVisible:0}]}}};l.style='.sr-only.sc-ui-tooltip{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-tooltip{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-tooltip-h{display:inline-block;position:relative}.tooltip-wrapper.sc-ui-tooltip{display:inline-block}.tooltip.sc-ui-tooltip{position:fixed;max-width:var(--tooltip-max-width, 300px);min-width:max-content;width:max-content;padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;font-weight:400;z-index:var(--tooltip-z-index, var(--z-tooltip, 310));pointer-events:none;opacity:0;transition:opacity var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease), transform var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease);word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);will-change:transform, opacity;white-space:normal}.tooltip.tooltip-interactive.sc-ui-tooltip{pointer-events:auto;cursor:default}.tooltip.tooltip-custom-color.sc-ui-tooltip{background:var(--tooltip-bg-color) !important;color:var(--tooltip-text-color, var(--text-standard, #ffffff)) !important;border-color:var(--tooltip-bg-color) !important}.tooltip-content.sc-ui-tooltip{position:relative;z-index:1;display:block;width:100%;text-align:center}.tooltip-visible.sc-ui-tooltip{opacity:1;pointer-events:auto}.tooltip-dark.sc-ui-tooltip{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);border:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border:1px solid var(--border-default, #e5e7eb);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.tooltip-primary.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);color:var(--text-standard, #ffffff);border:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff);border:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15) !important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15);border:none;backdrop-filter:blur(12px)}.tooltip-arrow.sc-ui-tooltip{position:absolute;width:var(--tooltip-arrow-size, 8px);height:var(--tooltip-arrow-size, 8px);transform:rotate(45deg);z-index:0}.tooltip-custom-color.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--tooltip-bg-color);border-right:1px solid var(--tooltip-bg-color);border-bottom:1px solid var(--tooltip-bg-color)}.tooltip-dark.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #1f2937);border-right:1px solid var(--border-default, #374151);border-bottom:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb)}.tooltip-primary.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);border-right:1px solid var(--color-success, #009B4E);border-bottom:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-primary, #10b981);border-right:1px solid var(--color-primary-hover, #2563eb);border-bottom:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-success, #10b981);border-right:1px solid var(--color-success-hover, #059669);border-bottom:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-warning, #f59e0b);border-right:1px solid var(--color-warning-hover, #d97706);border-bottom:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-danger, #ef4444);border-right:1px solid var(--color-danger-hover, #dc2626);border-bottom:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.tooltip-top.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{bottom:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(45deg)}.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(45deg)}.tooltip-bottom.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{top:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(-135deg)}.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(-135deg)}.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(-135deg)}.tooltip-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{right:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(135deg)}.tooltip-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(-45deg)}.tooltip-animation-fade.sc-ui-tooltip{transition:opacity 0.2s ease}.tooltip-animation-slide.tooltip-top.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.sc-ui-tooltip{transform:translateY(10px)}.tooltip-animation-slide.tooltip-top.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-bottom.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.sc-ui-tooltip{transform:translateY(-10px)}.tooltip-animation-slide.tooltip-bottom.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-left.sc-ui-tooltip{transform:translateX(10px)}.tooltip-animation-slide.tooltip-left.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-slide.tooltip-right.sc-ui-tooltip{transform:translateX(-10px)}.tooltip-animation-slide.tooltip-right.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-scale.sc-ui-tooltip{transform:scale(0.8)}.tooltip-animation-scale.tooltip-visible.sc-ui-tooltip{transform:scale(1)}.tooltip-animation-bounce.tooltip-visible.sc-ui-tooltip{animation:tooltipBounce 0.4s ease}@keyframes tooltipBounce{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1)}}.tooltip-animation-none.sc-ui-tooltip{transition:none}.tooltip-follow-cursor.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{display:none}.tooltip-interactive.sc-ui-tooltip:hover{opacity:1}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip{color:inherit;text-decoration:underline}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip:hover{opacity:0.8}.tooltip-content.sc-ui-tooltip strong.sc-ui-tooltip{font-weight:600}.tooltip-content.sc-ui-tooltip em.sc-ui-tooltip{font-style:italic}.tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{padding:2px 4px;border-radius:3px;font-family:"Courier New", monospace;font-size:90%}.tooltip-content.sc-ui-tooltip ul.sc-ui-tooltip,.tooltip-content.sc-ui-tooltip ol.sc-ui-tooltip{margin:4px 0;padding-left:20px}.tooltip-content.sc-ui-tooltip li.sc-ui-tooltip{margin:2px 0}.tooltip-dark.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(255, 255, 255, 0.1);color:var(--color-primary, #93c5fd)}.tooltip-light.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(0, 0, 0, 0.05);color:var(--color-danger-hover, #dc2626)}@media (max-width: 768px){.tooltip.sc-ui-tooltip{max-width:calc(100vw - 32px);font-size:13px}}.tooltip[aria-hidden=true].sc-ui-tooltip{display:none}@media print{.tooltip.sc-ui-tooltip{display:none !important}}.tooltip-sm.sc-ui-tooltip{padding:4px 8px;font-size:12px;max-width:200px}.tooltip-md.sc-ui-tooltip{padding:8px 12px;font-size:14px;max-width:300px}.tooltip-lg.sc-ui-tooltip{padding:12px 16px;font-size:16px;max-width:400px}.tooltip-shape-rounded.sc-ui-tooltip{border-radius:6px}.tooltip-shape-square.sc-ui-tooltip{border-radius:0}.tooltip-shape-pill.sc-ui-tooltip{border-radius:9999px;padding-left:16px;padding-right:16px}.tooltip-elevation-1.sc-ui-tooltip{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.tooltip-elevation-2.sc-ui-tooltip{box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.tooltip-elevation-3.sc-ui-tooltip{box-shadow:0 12px 24px rgba(0, 0, 0, 0.25)}.tooltip-elevation-4.sc-ui-tooltip{box-shadow:0 16px 32px rgba(0, 0, 0, 0.3)}.tooltip-elevation-5.sc-ui-tooltip{box-shadow:0 20px 40px rgba(0, 0, 0, 0.35)}.tooltip-glow.sc-ui-tooltip::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(59, 130, 246, 0.5), rgba(139, 92, 246, 0.5), rgba(236, 72, 153, 0.5), rgba(59, 130, 246, 0.5));background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);animation:tooltipPremiumGlow 3s ease infinite;opacity:0.6}@keyframes tooltipPremiumGlow{0%{background-position:0% 50%;opacity:0.4}50%{background-position:100% 50%;opacity:0.7}100%{background-position:0% 50%;opacity:0.4}}@keyframes tooltipGlowPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.02)}}.tooltip-close.sc-ui-tooltip{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:rgba(0, 0, 0, 0.2);border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;transition:background 0.2s ease}.tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.4)}.tooltip-close.sc-ui-tooltip:focus{outline:2px solid currentColor;outline-offset:2px}.tooltip-close.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:10px}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip{background:rgba(0, 0, 0, 0.1)}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.2)}.tooltip-closable.sc-ui-tooltip{padding-right:32px}.tooltip-loading.sc-ui-tooltip .tooltip-content.sc-ui-tooltip{min-height:40px;display:flex;align-items:center;justify-content:center}.tooltip-loading-spinner.sc-ui-tooltip{display:flex;align-items:center;gap:8px}.tooltip-loading-spinner.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:16px}.tooltip-loading-spinner.sc-ui-tooltip span.sc-ui-tooltip{font-size:13px}.tooltip-header.sc-ui-tooltip{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-weight:600;font-size:14px}.tooltip-light.sc-ui-tooltip .tooltip-header.sc-ui-tooltip{border-bottom-color:rgba(0, 0, 0, 0.1)}.tooltip-footer.sc-ui-tooltip{padding-top:8px;margin-top:8px;border-top:1px solid rgba(255, 255, 255, 0.2);font-size:12px;display:flex;gap:8px;justify-content:flex-end}.tooltip-light.sc-ui-tooltip .tooltip-footer.sc-ui-tooltip{border-top-color:rgba(0, 0, 0, 0.1)}.tooltip-sticky.sc-ui-tooltip{pointer-events:auto;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2)}.tooltip-sticky.sc-ui-tooltip::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);opacity:0.6;pointer-events:none}@media (hover: none) and (pointer: coarse){.tooltip.sc-ui-tooltip{font-size:14px;padding:10px 14px}.tooltip-sm.sc-ui-tooltip{font-size:13px;padding:8px 12px}.tooltip-lg.sc-ui-tooltip{font-size:15px;padding:12px 16px}}';export{l as ui_tooltip}
|
|
1
|
+
import{r as t,c as o,a as i,h as s,H as e}from"./p-Dqu2zaH1.js";import{s as r}from"./p-Dyu3Nplq.js";const l=class{constructor(i){t(this,i),this.tooltipShow=o(this,"tooltipShow"),this.tooltipHide=o(this,"tooltipHide"),this.tooltipClick=o(this,"tooltipClick"),this.tooltipMouseEnter=o(this,"tooltipMouseEnter"),this.tooltipMouseLeave=o(this,"tooltipMouseLeave"),this.tooltipMouseMove=o(this,"tooltipMouseMove"),this.tooltipClose=o(this,"tooltipClose"),this.tooltipKeydown=o(this,"tooltipKeydown"),this.tooltipTouchStart=o(this,"tooltipTouchStart"),this.tooltipTouchEnd=o(this,"tooltipTouchEnd")}get el(){return i(this)}content="";position="top";trigger="hover";variant="dark";animation="fade-in";arrow=!0;showDelay=0;hideDelay=0;maxWidth=300;offset=8;html=!1;interactive=!1;disabled=!1;customClass="";zIndex=9999;followCursor=!1;autoFlip=!0;visible=!1;customColor="";textColor="";transitionDuration=200;transitionTiming="ease";arrowSize=8;openAtMousePosition=!1;trackMouse=!1;trackInterval=16;autoShift=!0;closable=!1;keyboard=!0;portal=!0;allowNested=!1;loading=!1;size="md";longPressDuration=500;boundary="";groupId="";sticky=!1;showHeader=!1;showFooter=!1;closeOnClickOutside=!0;elevation=0;shape="rounded";showGlow=!1;isVisible=!1;isPositioned=!1;currentPosition="top";cursorX=0;cursorY=0;mouseClickX=0;mouseClickY=0;touchStartTime=0;isTouchDevice=!1;tooltipShow;tooltipHide;tooltipClick;tooltipMouseEnter;tooltipMouseLeave;tooltipMouseMove;tooltipClose;tooltipKeydown;tooltipTouchStart;tooltipTouchEnd;targetElement;tooltipElement;defaultSlotSource;headerSlotSource;footerSlotSource;defaultSlotTarget;headerSlotTarget;footerSlotTarget;showTimeout;hideTimeout;observer;trackIntervalId=0;lastTrackTime=0;resizeObserver;updateRetries=0;static groupListeners=new Map;notifyGroupChange(){this.groupId&&(l.groupListeners.get(this.groupId)||[]).forEach((t=>t(this.isVisible?this.groupId:"")))}handleGroupChange=()=>{};watchVisible(t){"manual"===this.trigger&&(t?this.show():this.hide())}componentDidLoad(){this.targetElement=this.el.querySelector('[slot="target"]'),this.targetElement?(this.isTouchDevice="ontouchstart"in window||navigator.maxTouchPoints>0,this.setupEventListeners(),this.keyboard&&document.addEventListener("keydown",this.handleKeyDown),this.visible&&"manual"===this.trigger&&this.show(),this.observer&&this.el&&this.observer.observe(this.el,{childList:!0,subtree:!0}),this.targetElement&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver((()=>{this.isVisible&&this.updatePosition()})),this.resizeObserver&&this.targetElement&&this.resizeObserver.observe(this.targetElement)),this.groupId&&(l.groupListeners.has(this.groupId)||l.groupListeners.set(this.groupId,[]),l.groupListeners.get(this.groupId).push(this.handleGroupChange))):console.warn('tooltip: No element with slot="target" found')}disconnectedCallback(){if(this.removeEventListeners(),this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.clearTimeouts(),this.removeWindowListeners(),this.keyboard&&document.removeEventListener("keydown",this.handleKeyDown),this.portal&&this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.groupId){const t=l.groupListeners.get(this.groupId)||[],o=t.indexOf(this.handleGroupChange);-1!==o&&t.splice(o,1)}}setupEventListeners(){if(!this.disabled){switch(this.trigger){case"hover":this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.followCursor&&this.targetElement.addEventListener("mousemove",this.handleMouseMove);break;case"click":this.targetElement.addEventListener("click",this.handleClick),this.closeOnClickOutside&&document.addEventListener("click",this.handleDocumentClick);break;case"focus":this.targetElement.addEventListener("focus",this.handleFocus),this.targetElement.addEventListener("blur",this.handleBlur)}this.isTouchDevice&&(this.targetElement.addEventListener("touchstart",this.handleTouchStart),this.targetElement.addEventListener("touchend",this.handleTouchEnd),this.targetElement.addEventListener("touchcancel",this.handleTouchCancel))}}removeEventListeners(){this.targetElement&&(this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("mousemove",this.handleMouseMove),this.targetElement.removeEventListener("click",this.handleClick),this.targetElement.removeEventListener("focus",this.handleFocus),this.targetElement.removeEventListener("blur",this.handleBlur),this.targetElement.removeEventListener("touchstart",this.handleTouchStart),this.targetElement.removeEventListener("touchend",this.handleTouchEnd),this.targetElement.removeEventListener("touchcancel",this.handleTouchCancel)),document.removeEventListener("click",this.handleDocumentClick)}clearTimeouts(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout&&clearTimeout(this.hideTimeout),this.trackIntervalId&&(cancelAnimationFrame(this.trackIntervalId),this.trackIntervalId=0)}handleMouseEnter=t=>{this.trackMouse&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseEnter.emit(t)),this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.show()}),this.showDelay)};handleMouseLeave=t=>{this.tooltipMouseLeave.emit(t),this.clearTimeouts(),this.trackIntervalId&&cancelAnimationFrame(this.trackIntervalId),this.hideTimeout=this.interactive?window.setTimeout((()=>{this.tooltipElement&&!this.tooltipElement.matches(":hover")&&this.hide()}),this.hideDelay+100):window.setTimeout((()=>{this.hide()}),this.hideDelay)};handleMouseMove=t=>{if(this.followCursor||this.trackMouse){const o=performance.now();o-this.lastTrackTime>=this.trackInterval&&(this.cursorX=t.clientX,this.cursorY=t.clientY,this.tooltipMouseMove.emit({x:this.cursorX,y:this.cursorY}),this.lastTrackTime=o,this.isVisible&&(this.followCursor||this.trackMouse)&&this.updatePosition())}};handleClick=t=>{t.stopPropagation(),this.openAtMousePosition&&(this.mouseClickX=t.clientX,this.mouseClickY=t.clientY),this.tooltipClick.emit(t),this.isVisible?this.forceHide():this.show()};handleDocumentClick=t=>{if(this.isVisible&&"click"===this.trigger){const o=t.target;this.el.contains(o)||!this.tooltipElement||this.tooltipElement.contains(o)||this.hide()}};handleFocus=()=>{this.show()};handleBlur=()=>{this.hide()};handleKeyDown=t=>{this.keyboard&&this.isVisible&&(this.tooltipKeydown.emit(t),"Escape"===t.key&&(t.preventDefault(),this.handleClose()))};handleTouchStart=t=>{this.touchStartTime=Date.now(),this.tooltipTouchStart.emit(t)};handleTouchEnd=t=>{const o=Date.now()-this.touchStartTime;this.tooltipTouchEnd.emit(t),o>=this.longPressDuration&&(t.preventDefault(),this.isVisible?this.hide():this.show())};handleTouchCancel=()=>{this.touchStartTime=0};handleClose=()=>{this.tooltipClose.emit(),this.forceHide()};handleWindowEvents=()=>{this.isVisible&&this.updatePosition()};addWindowListeners(){window.addEventListener("resize",this.handleWindowEvents),window.addEventListener("scroll",this.handleWindowEvents,!0)}removeWindowListeners(){window.removeEventListener("resize",this.handleWindowEvents),window.removeEventListener("scroll",this.handleWindowEvents,!0)}handleTooltipMouseEnter=()=>{this.interactive&&this.clearTimeouts()};handleTooltipMouseLeave=()=>{this.interactive&&(this.hideTimeout=window.setTimeout((()=>{this.hide()}),this.hideDelay))};migrateSlotsToTooltip(){if(!this.tooltipElement)return;const t=(t,o)=>{if(t&&o)for(;t.firstChild;)o.appendChild(t.firstChild)};this.headerSlotSource&&this.headerSlotTarget&&t(this.headerSlotSource,this.headerSlotTarget),this.defaultSlotSource&&this.defaultSlotTarget&&t(this.defaultSlotSource,this.defaultSlotTarget),this.footerSlotSource&&this.footerSlotTarget&&t(this.footerSlotSource,this.footerSlotTarget)}restoreSlotsToHost(){if(!this.tooltipElement)return;const t=(t,o)=>{if(o&&t)for(;t.firstChild;){const i=t.firstChild;i instanceof HTMLElement&&i.classList.contains("tooltip-loading-spinner")?t.removeChild(i):o.appendChild(i)}};this.headerSlotTarget&&this.headerSlotSource&&t(this.headerSlotTarget,this.headerSlotSource),this.defaultSlotTarget&&this.defaultSlotSource&&t(this.defaultSlotTarget,this.defaultSlotSource),this.footerSlotTarget&&this.footerSlotSource&&t(this.footerSlotTarget,this.footerSlotSource)}async show(){this.disabled||this.isVisible||(this.isVisible=!0,this.isPositioned=!1,this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=requestAnimationFrame((()=>{this.trackIntervalId=0,this.el.isConnected&&(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement!==document.body&&document.body.appendChild(this.tooltipElement),this.addWindowListeners(),this.migrateSlotsToTooltip(),this.updatePosition(),this.isPositioned=!0,this.tooltipShow.emit({position:this.currentPosition}),this.notifyGroupChange())}))})))}async hide(){this.isVisible&&(this.isPositioned=!1,this.sticky||(this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit(),this.notifyGroupChange()))}async forceHide(){this.isVisible&&(this.isPositioned=!1,this.portal&&this.tooltipElement&&this.tooltipElement.parentElement===document.body?(this.restoreSlotsToHost(),this.el.appendChild(this.tooltipElement)):this.restoreSlotsToHost(),this.removeWindowListeners(),this.isVisible=!1,this.tooltipHide.emit())}async toggle(){this.isVisible?this.hide():this.show()}updatePosition(){if(!this.tooltipElement||!this.targetElement)return;const t=this.targetElement.getBoundingClientRect(),o=this.tooltipElement.getBoundingClientRect(),i=this.offset;if(0===o.width||0===o.height)return void(this.updateRetries<5&&(this.updateRetries++,this.trackIntervalId=requestAnimationFrame((()=>this.updatePosition()))));this.updateRetries=0;let s="auto"===this.position?"top":this.position;const e={top:{top:t.top-o.height-i,left:t.left+(t.width-o.width)/2},bottom:{top:t.bottom+i,left:t.left+(t.width-o.width)/2},left:{top:t.top+(t.height-o.height)/2,left:t.left-o.width-i},right:{top:t.top+(t.height-o.height)/2,left:t.right+i},"top-left":{top:t.top-o.height-i,left:t.left},"top-right":{top:t.top-o.height-i,left:t.right-o.width},"bottom-left":{top:t.bottom+i,left:t.left},"bottom-right":{top:t.bottom+i,left:t.right-o.width}};this.openAtMousePosition&&"click"===this.trigger&&this.mouseClickX&&this.mouseClickY?e[s]={top:this.mouseClickY+i,left:this.mouseClickX+i}:(this.followCursor||this.trackMouse)&&"hover"===this.trigger&&(e[s]={top:this.cursorY+i,left:this.cursorX+i});let r=s,l=e[s];if(this.autoFlip&&!this.followCursor&&!this.trackMouse&&!this.openAtMousePosition){const t=window.innerWidth,i=window.innerHeight;l.top<0&&s.includes("top")?(r=s.replace("top","bottom"),l=e[r]||e.bottom):l.top+o.height>i&&s.includes("bottom")&&(r=s.replace("bottom","top"),l=e[r]||e.top),l.left<0&&s.includes("left")?(r=s.replace("left","right"),l=e[r]||e.right):l.left+o.width>t&&s.includes("right")&&(r=s.replace("right","left"),l=e[r]||e.left)}if(this.autoShift){let t={top:0,left:0,width:window.innerWidth,height:window.innerHeight};if(this.boundary){const o=document.querySelector(this.boundary);if(o){const i=o.getBoundingClientRect();t={top:i.top,left:i.left,width:i.width,height:i.height}}}const i=8;l.left<t.left+i?l.left=t.left+i:l.left+o.width>t.left+t.width-i&&(l.left=t.left+t.width-o.width-i),l.top<t.top+i?l.top=t.top+i:l.top+o.height>t.top+t.height-i&&(l.top=t.top+t.height-o.height-i)}this.currentPosition=r;const a=Math.max(0,Math.round(l.top)),p=Math.max(0,Math.round(l.left));this.tooltipElement.style.top=`${a}px`,this.tooltipElement.style.left=`${p}px`}render(){const t={tooltip:!0,"tooltip-visible":this.isVisible&&this.isPositioned,[`tooltip-${this.variant}`]:!this.customColor&&!this.textColor,[`tooltip-${this.currentPosition}`]:!0,[`tooltip-${this.size}`]:!0,[`tooltip-animation-${this.animation}`]:!0,"tooltip-interactive":this.interactive,"tooltip-follow-cursor":this.followCursor||this.trackMouse,"tooltip-custom-color":!!this.customColor||!!this.textColor,"tooltip-loading":this.loading,"tooltip-sticky":this.sticky,"tooltip-closable":this.closable,"tooltip-glow":this.showGlow,[`tooltip-elevation-${this.elevation}`]:this.elevation>0,[`tooltip-shape-${this.shape}`]:!0,...this.customClass?{[this.customClass]:!0}:{}},o=s("div",{key:"8f1f9b9c8df2fa1d1b835dd339588329fa42fabb",class:t,style:{"--tooltip-max-width":`${this.maxWidth}px`,"--tooltip-z-index":this.zIndex.toString(),"--tooltip-transition-duration":`${this.transitionDuration}ms`,"--tooltip-transition-timing":this.transitionTiming,"--tooltip-arrow-size":`${this.arrowSize}px`,...this.customColor?{"--tooltip-bg-color":this.customColor}:{},...this.textColor?{"--tooltip-text-color":this.textColor}:{}},ref:t=>this.tooltipElement=t,onMouseEnter:this.handleTooltipMouseEnter,onMouseLeave:this.handleTooltipMouseLeave,role:"tooltip","aria-live":"polite"},this.closable&&s("ui-button",{key:"e384dec2ebdc9fd7b7087ff9c4bf4c4ae3a98ae7",variant:"ghost",class:"tooltip-close",onClick:this.handleClose,ariaLabel:"Close tooltip",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),this.showHeader&&s("div",{key:"b00552306d674fce854ea272c4e2aef14cf5db20",class:"tooltip-header"},s("div",{key:"cc0e8fc44d3af24ad68b4373f3b6e69a85fbf133",ref:t=>this.headerSlotTarget=t})),s("div",{key:"907a00f18eba5a5f75b719addfcf28d02775b33d",class:"tooltip-content"},this.loading?s("div",{class:"tooltip-loading-spinner"},s("ui-icon",{name:"loader",library:"lucide",spin:!0}),s("span",null,"Loading...")):this.html?s("div",{innerHTML:r(this.content)}):s("span",null,this.content),s("div",{key:"c164836ecfc1289304ba3ba58f650e6788b4c88c",class:"tooltip-slot-content",ref:t=>this.defaultSlotTarget=t})),this.showFooter&&s("div",{key:"1e59e1c7bcd606f4dafbb9552b41820f86ff7e0b",class:"tooltip-footer"},s("div",{key:"5822507a3c373caf240ad3fa1192985ad4e32325",ref:t=>this.footerSlotTarget=t})),this.arrow&&s("div",{key:"93c2f3ad8b75d9d5107eefc0470c9a56202d265b",class:"tooltip-arrow"}));return s(e,{key:"a3b89e2ca5f7485b2472287927afb259da835c1f"},s("div",{key:"3317d76132c0e01199f03c927539ba6d6b44bfbc",class:"tooltip-wrapper"},s("slot",{key:"93a6facacc00058a53bb83de4e37e836741d7b42",name:"target"})),this.isVisible&&o,s("div",{key:"a07f61c4fadf478ef647964e8b86f9bdc57299d8",class:"tooltip-slot-source",style:{display:"none"},"aria-hidden":"true"},s("div",{key:"96b5c2be37eac9c5c6fb60e16d63cf46c294c540",ref:t=>this.defaultSlotSource=t},s("slot",{key:"7e13e89470a73981e412f5016fd7dd8ec00e2d03"})),s("div",{key:"75a180465f3bac9ce4a3c24dbeca4ab98dc4be5b",ref:t=>this.headerSlotSource=t},s("slot",{key:"e79f03abfa7485a8336cf576ecaf04ed48c7203d",name:"header"})),s("div",{key:"2b74af20c38016fbeda92bae42c65bf4b365369d",ref:t=>this.footerSlotSource=t},s("slot",{key:"3ed95162a73fde60fea6a96b6a13de5beb4054de",name:"footer"}))))}static get watchers(){return{visible:[{watchVisible:0}]}}};l.style='.sr-only.sc-ui-tooltip{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-tooltip{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-tooltip-h{display:inline-block;position:relative}.tooltip-wrapper.sc-ui-tooltip{display:inline-block}.tooltip.sc-ui-tooltip{position:fixed;max-width:var(--tooltip-max-width, 300px);min-width:max-content;width:max-content;padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.4;font-weight:400;z-index:var(--tooltip-z-index, var(--z-tooltip, 310));pointer-events:none;opacity:0;transition:opacity var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease), transform var(--tooltip-transition-duration, 200ms) var(--tooltip-transition-timing, ease);word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);will-change:transform, opacity;white-space:normal}.tooltip.tooltip-interactive.sc-ui-tooltip{pointer-events:auto;cursor:default}.tooltip.tooltip-custom-color.sc-ui-tooltip{background:var(--tooltip-bg-color) !important;color:var(--tooltip-text-color, var(--text-standard, #ffffff)) !important;border-color:var(--tooltip-bg-color) !important}.tooltip-content.sc-ui-tooltip{position:relative;z-index:1;display:block;width:100%;text-align:center}.tooltip-visible.sc-ui-tooltip{opacity:1;pointer-events:auto}.tooltip-dark.sc-ui-tooltip{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);border:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border:1px solid var(--border-default, #e5e7eb);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.tooltip-primary.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);color:var(--text-standard, #ffffff);border:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);border:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff);border:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15) !important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.15);border:none;backdrop-filter:blur(12px)}.tooltip-arrow.sc-ui-tooltip{position:absolute;width:var(--tooltip-arrow-size, 8px);height:var(--tooltip-arrow-size, 8px);transform:rotate(45deg);z-index:0}.tooltip-custom-color.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--tooltip-bg-color);border-right:1px solid var(--tooltip-bg-color);border-bottom:1px solid var(--tooltip-bg-color)}.tooltip-dark.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #1f2937);border-right:1px solid var(--border-default, #374151);border-bottom:1px solid var(--border-default, #374151)}.tooltip-light.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb)}.tooltip-primary.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #009B4E) 100%);border-right:1px solid var(--color-success, #009B4E);border-bottom:1px solid var(--color-success, #009B4E)}.tooltip-info.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-primary, #10b981);border-right:1px solid var(--color-primary-hover, #2563eb);border-bottom:1px solid var(--color-primary-hover, #2563eb)}.tooltip-success.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-success, #10b981);border-right:1px solid var(--color-success-hover, #059669);border-bottom:1px solid var(--color-success-hover, #059669)}.tooltip-warning.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-warning, #f59e0b);border-right:1px solid var(--color-warning-hover, #d97706);border-bottom:1px solid var(--color-warning-hover, #d97706)}.tooltip-error.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:var(--color-danger, #ef4444);border-right:1px solid var(--color-danger-hover, #dc2626);border-bottom:1px solid var(--color-danger-hover, #dc2626)}.tooltip-glass.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.tooltip-top.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{bottom:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-top-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(45deg)}.tooltip-top-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(45deg)}.tooltip-bottom.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip,.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{top:calc(var(--tooltip-arrow-size, 8px) / -2);left:50%;transform:translateX(-50%) rotate(-135deg)}.tooltip-bottom-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:16px;transform:rotate(-135deg)}.tooltip-bottom-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:auto;right:16px;transform:rotate(-135deg)}.tooltip-left.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{right:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(135deg)}.tooltip-right.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{left:calc(var(--tooltip-arrow-size, 8px) / -2);top:50%;transform:translateY(-50%) rotate(-45deg)}.tooltip-animation-fade.sc-ui-tooltip{transition:opacity 0.2s ease}.tooltip-animation-slide.tooltip-top.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.sc-ui-tooltip{transform:translateY(10px)}.tooltip-animation-slide.tooltip-top.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-top-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-bottom.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.sc-ui-tooltip{transform:translateY(-10px)}.tooltip-animation-slide.tooltip-bottom.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-left.tooltip-visible.sc-ui-tooltip,.tooltip-animation-slide.tooltip-bottom-right.tooltip-visible.sc-ui-tooltip{transform:translateY(0)}.tooltip-animation-slide.tooltip-left.sc-ui-tooltip{transform:translateX(10px)}.tooltip-animation-slide.tooltip-left.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-slide.tooltip-right.sc-ui-tooltip{transform:translateX(-10px)}.tooltip-animation-slide.tooltip-right.tooltip-visible.sc-ui-tooltip{transform:translateX(0)}.tooltip-animation-scale.sc-ui-tooltip{transform:scale(0.8)}.tooltip-animation-scale.tooltip-visible.sc-ui-tooltip{transform:scale(1)}.tooltip-animation-bounce.tooltip-visible.sc-ui-tooltip{animation:tooltipBounce 0.4s ease}@keyframes tooltipBounce{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1)}}.tooltip-animation-none.sc-ui-tooltip{transition:none}.tooltip-follow-cursor.sc-ui-tooltip .tooltip-arrow.sc-ui-tooltip{display:none}.tooltip-interactive.sc-ui-tooltip:hover{opacity:1}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip{color:inherit;text-decoration:underline}.tooltip-content.sc-ui-tooltip a.sc-ui-tooltip:hover{opacity:0.8}.tooltip-content.sc-ui-tooltip strong.sc-ui-tooltip{font-weight:600}.tooltip-content.sc-ui-tooltip em.sc-ui-tooltip{font-style:italic}.tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{padding:2px 4px;border-radius:3px;font-family:"Courier New", monospace;font-size:90%}.tooltip-content.sc-ui-tooltip ul.sc-ui-tooltip,.tooltip-content.sc-ui-tooltip ol.sc-ui-tooltip{margin:4px 0;padding-left:20px}.tooltip-content.sc-ui-tooltip li.sc-ui-tooltip{margin:2px 0}.tooltip-dark.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(255, 255, 255, 0.1);color:var(--color-primary, #93c5fd)}.tooltip-light.sc-ui-tooltip .tooltip-content.sc-ui-tooltip code.sc-ui-tooltip{background:rgba(0, 0, 0, 0.05);color:var(--color-danger-hover, #dc2626)}@media (max-width: 768px){.tooltip.sc-ui-tooltip{max-width:calc(100vw - 32px);font-size:13px}}.tooltip[aria-hidden=true].sc-ui-tooltip{display:none}@media print{.tooltip.sc-ui-tooltip{display:none !important}}.tooltip-sm.sc-ui-tooltip{padding:4px 8px;font-size:12px;max-width:200px}.tooltip-md.sc-ui-tooltip{padding:8px 12px;font-size:14px;max-width:300px}.tooltip-lg.sc-ui-tooltip{padding:12px 16px;font-size:16px;max-width:400px}.tooltip-shape-rounded.sc-ui-tooltip{border-radius:6px}.tooltip-shape-square.sc-ui-tooltip{border-radius:0}.tooltip-shape-pill.sc-ui-tooltip{border-radius:9999px;padding-left:16px;padding-right:16px}.tooltip-elevation-1.sc-ui-tooltip{box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.tooltip-elevation-2.sc-ui-tooltip{box-shadow:0 8px 16px rgba(0, 0, 0, 0.2)}.tooltip-elevation-3.sc-ui-tooltip{box-shadow:0 12px 24px rgba(0, 0, 0, 0.25)}.tooltip-elevation-4.sc-ui-tooltip{box-shadow:0 16px 32px rgba(0, 0, 0, 0.3)}.tooltip-elevation-5.sc-ui-tooltip{box-shadow:0 20px 40px rgba(0, 0, 0, 0.35)}.tooltip-glow.sc-ui-tooltip::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(59, 130, 246, 0.5), rgba(139, 92, 246, 0.5), rgba(236, 72, 153, 0.5), rgba(59, 130, 246, 0.5));background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);animation:tooltipPremiumGlow 3s ease infinite;opacity:0.6}@keyframes tooltipPremiumGlow{0%{background-position:0% 50%;opacity:0.4}50%{background-position:100% 50%;opacity:0.7}100%{background-position:0% 50%;opacity:0.4}}@keyframes tooltipGlowPulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.02)}}.tooltip-close.sc-ui-tooltip{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:rgba(0, 0, 0, 0.2);border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;transition:background 0.2s ease}.tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.4)}.tooltip-close.sc-ui-tooltip:focus{outline:2px solid currentColor;outline-offset:2px}.tooltip-close.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:10px}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip{background:rgba(0, 0, 0, 0.1)}.tooltip-light.sc-ui-tooltip .tooltip-close.sc-ui-tooltip:hover{background:rgba(0, 0, 0, 0.2)}.tooltip-closable.sc-ui-tooltip{padding-right:32px}.tooltip-loading.sc-ui-tooltip .tooltip-content.sc-ui-tooltip{min-height:40px;display:flex;align-items:center;justify-content:center}.tooltip-loading-spinner.sc-ui-tooltip{display:flex;align-items:center;gap:8px}.tooltip-loading-spinner.sc-ui-tooltip ui-icon.sc-ui-tooltip{--size:16px}.tooltip-loading-spinner.sc-ui-tooltip span.sc-ui-tooltip{font-size:13px}.tooltip-header.sc-ui-tooltip{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-weight:600;font-size:14px}.tooltip-light.sc-ui-tooltip .tooltip-header.sc-ui-tooltip{border-bottom-color:rgba(0, 0, 0, 0.1)}.tooltip-footer.sc-ui-tooltip{padding-top:8px;margin-top:8px;border-top:1px solid rgba(255, 255, 255, 0.2);font-size:12px;display:flex;gap:8px;justify-content:flex-end}.tooltip-light.sc-ui-tooltip .tooltip-footer.sc-ui-tooltip{border-top-color:rgba(0, 0, 0, 0.1)}.tooltip-sticky.sc-ui-tooltip{pointer-events:auto;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2)}.tooltip-sticky.sc-ui-tooltip::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);opacity:0.6;pointer-events:none}@media (hover: none) and (pointer: coarse){.tooltip.sc-ui-tooltip{font-size:14px;padding:10px 14px}.tooltip-sm.sc-ui-tooltip{font-size:13px;padding:8px 12px}.tooltip-lg.sc-ui-tooltip{font-size:15px;padding:12px 16px}}';export{l as ui_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,a as i,h as s}from"./p-DUsoYu9r.js";import{c as e,g as r}from"./p-BMFah5q3.js";import{s as o}from"./p-Dyu3Nplq.js";const n=class{constructor(i){t(this,i),this.tabChange=a(this,"tabChange"),this.tabClose=a(this,"tabClose"),this.closeAll=a(this,"closeAll"),this.tabEdit=a(this,"tabEdit"),this.tabDelete=a(this,"tabDelete"),this.tabOpenPanel=a(this,"tabOpenPanel"),this.tabsReordered=a(this,"tabsReordered"),this.tabUpdate=a(this,"tabUpdate")}get element(){return i(this)}items=[];defaultActive="";animationDuration=300;orientation="horizontal";indicatorPosition="bottom";showCloseAll=!1;showTabList=!1;maxTabWidth=300;maxTitleLength=24;wrapText=!1;position="left";scrollMode="manual";selectionAnimation="slide";iconPosition="left";iconOnly=!1;scrollButtonPlacement="split";variant="line";activeColor="";indicatorStyle="line";indicatorGradient="";size="md";iconLibrary="default";lazy=!1;isDraggable=!1;activeTab="";parsedItems=[];activeMenuTab=null;showScrollButtons=!1;isTabListOpen=!1;tabListPosition=null;tabListSearch="";activeMenuPosition=null;editingTab=null;draggingTabId=null;tabListTrigger;activeMenuTrigger;_mountedTabs=new Set;tabChange;tabClose;closeAll;tabEdit;tabDelete;tabOpenPanel;tabsReordered;tabUpdate;tabsHeaderRef;indicatorRef;resizeObserver;parseItems(t){if("string"==typeof t)try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for tab items:",t),this.parsedItems=[]}else this.parsedItems=[...t];!this.activeTab&&this.parsedItems.length>0&&(this.activeTab=this.defaultActive||this.parsedItems[0].id),setTimeout((()=>this.updateIndicator()),0)}onDefaultActiveChange(t){t&&this.parsedItems.some((a=>a.id===t))&&(this.activeTab=t,this.updateIndicator())}onActiveTabChange(){this.updateIndicator()}componentWillLoad(){this.parseItems(this.items),this.activeTab=this.defaultActive||(this.parsedItems.length>0?this.parsedItems[0].id:"")}componentDidLoad(){this.checkScrollButtons(),"auto"===this.scrollMode&&this.scrollToActiveTab(),setTimeout((()=>{this.checkScrollButtons()}),100),this.resizeObserver=new ResizeObserver((()=>{this.checkScrollButtons()})),this.element&&this.resizeObserver.observe(this.element),this.tabsHeaderRef&&this.resizeObserver.observe(this.tabsHeaderRef),requestAnimationFrame((()=>this.updateIndicator()))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}componentDidUpdate(){"auto"===this.scrollMode&&this.scrollToActiveTab(),this.checkScrollButtons(),this.updateIndicator()}handleKeyDown(t){if(!this.element.contains(t.target))return;const a=t.target.closest(".tab-header");if(!a)return;const i=a.getAttribute("data-id");if(i)switch(t.key){case"Enter":case" ":t.preventDefault(),this.selectTab(i);break;case"ArrowRight":"horizontal"===this.orientation&&(t.preventDefault(),this.focusNextTab(i));break;case"ArrowLeft":"horizontal"===this.orientation&&(t.preventDefault(),this.focusPreviousTab(i));break;case"ArrowDown":"vertical"===this.orientation&&(t.preventDefault(),this.focusNextTab(i));break;case"ArrowUp":"vertical"===this.orientation&&(t.preventDefault(),this.focusPreviousTab(i));break;case"Home":t.preventDefault(),this.focusFirstTab();break;case"End":t.preventDefault(),this.focusLastTab()}}handleScroll(){(this.isTabListOpen||this.activeMenuTab)&&this.recalculateDropdownPositions()}recalculateDropdownPositions(){requestAnimationFrame((()=>{if(this.isTabListOpen&&this.tabListTrigger){const t=e(this.tabListTrigger,{menuWidth:300,menuHeight:400,gap:6,placement:"auto",align:"end",padding:10,useTransformedAncestorOffset:!1});this.tabListPosition={x:t.left,y:t.top??0,width:Math.min(340,Math.max(240,2*this.tabListTrigger.getBoundingClientRect().width)),maxHeight:Math.min(420,t.availableHeight)}}if(this.activeMenuTab&&this.activeMenuTrigger){const t=e(this.activeMenuTrigger,{menuWidth:180,menuHeight:200,gap:4,placement:"bottom",align:"end"});this.activeMenuPosition={x:t.left,y:t.top??0}}}))}handleWindowClick(t){const a=t.target;this.activeMenuTab&&(a.closest(".tab-actions")||(this.activeMenuTab=null)),this.isTabListOpen&&(a.closest(".tab-list-wrapper")||(this.isTabListOpen=!1,this.tabListSearch=""))}toggleMenu(t,a){if(a.stopPropagation(),this.activeMenuTab===t)this.activeMenuTab=null,this.activeMenuPosition=null,this.activeMenuTrigger=void 0;else{this.activeMenuTrigger=a.currentTarget;const i=this.activeMenuTrigger.getBoundingClientRect(),s=r(this.element);this.activeMenuTab=t,this.activeMenuPosition={x:i.right-s.x,y:i.bottom-s.y+4}}}toggleTabList(t){if(t.stopPropagation(),this.tabListSearch="",this.isTabListOpen=!this.isTabListOpen,this.isTabListOpen){this.tabListTrigger=t.currentTarget;const a=e(this.tabListTrigger,{menuWidth:300,menuHeight:400,gap:6,placement:"auto",align:"end",padding:10,useTransformedAncestorOffset:!1});this.tabListPosition={x:a.left,y:a.top??0,width:Math.min(340,Math.max(240,2*this.tabListTrigger.getBoundingClientRect().width)),maxHeight:Math.min(420,a.availableHeight)}}else this.tabListPosition=null,this.tabListTrigger=void 0}selectTab(t){const a=this.parsedItems.find((a=>a.id===t));if(a?.disabled)return;const i=this.activeTab;this.activeTab=t,this.tabChange.emit({tabId:i,activeTab:t}),this.isTabListOpen=!1,requestAnimationFrame((()=>{const a=this.element.querySelector(`[data-id="${t}"]`);a&&a.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}))}handleCloseTab(t,a){a.stopPropagation();const i=this.parsedItems.findIndex((a=>a.id===t));-1!==i&&(this.activeTab===t&&this.parsedItems.length>1&&(this.activeTab=this.parsedItems[i<this.parsedItems.length-1?i:i-1].id),this.parsedItems=this.parsedItems.filter((a=>a.id!==t)),this.tabClose.emit(t))}focusNextTab(t){const a=this.parsedItems.findIndex((a=>a.id===t));this.focusTab(this.parsedItems[(a+1)%this.parsedItems.length].id)}focusPreviousTab(t){const a=this.parsedItems.findIndex((a=>a.id===t));this.focusTab(this.parsedItems[0===a?this.parsedItems.length-1:a-1].id)}focusFirstTab(){this.parsedItems.length>0&&this.focusTab(this.parsedItems[0].id)}focusLastTab(){this.parsedItems.length>0&&this.focusTab(this.parsedItems[this.parsedItems.length-1].id)}focusTab(t){const a=this.element.querySelector(`[data-id="${t}"]`);a&&a.focus()}handleDragStart=(t,a)=>{this.isDraggable&&(this.draggingTabId=a,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",a)))};handleDragOver=t=>{this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))};handleDrop=(t,a)=>{if(!this.isDraggable||!this.draggingTabId||this.draggingTabId===a)return;t.preventDefault();const i=[...this.parsedItems],s=i.findIndex((t=>t.id===this.draggingTabId)),e=i.findIndex((t=>t.id===a));if(-1!==s&&-1!==e){const[t]=i.splice(s,1);i.splice(e,0,t),this.parsedItems=i,this.tabsReordered.emit(this.parsedItems)}this.draggingTabId=null};startEditing(t){this.editingTab=t,setTimeout((()=>{const t=this.element.querySelector(".tab-edit-input");t&&(t.focus(),t.select())}),50)}commitEdit(t,a){a.trim()&&(this.parsedItems=this.parsedItems.map((i=>i.id===t?{...i,title:a}:i)),this.tabUpdate.emit({id:t,title:a})),this.editingTab=null}scrollToActiveTab(){if(!this.tabsHeaderRef||"none"===this.scrollMode)return;const t=this.element.querySelector(".tab-header-active");if(t&&"horizontal"===this.orientation){const a=this.tabsHeaderRef.getBoundingClientRect(),i=t.getBoundingClientRect(),s=this.tabsHeaderRef.scrollLeft;i.left<a.left?this.tabsHeaderRef.scrollLeft=s-(a.left-i.left)-20:i.right>a.right&&(this.tabsHeaderRef.scrollLeft=s+(i.right-a.right)+20)}}checkScrollButtons(){this.showScrollButtons=!(!this.tabsHeaderRef||"none"===this.scrollMode)&&("horizontal"===this.orientation?this.tabsHeaderRef.scrollWidth>this.tabsHeaderRef.clientWidth+2:this.tabsHeaderRef.scrollHeight>this.tabsHeaderRef.clientHeight+2||this.parsedItems.length>8)}scrollTabs(t){if(!this.tabsHeaderRef)return;const a=200;"left"===t?this.tabsHeaderRef.scrollLeft-=a:"right"===t?this.tabsHeaderRef.scrollLeft+=a:"top"===t?this.tabsHeaderRef.scrollTop-=a:"bottom"===t&&(this.tabsHeaderRef.scrollTop+=a),this.updateIndicator()}updateIndicator(){if(!this.indicatorRef||!this.tabsHeaderRef)return;const t=this.element.querySelector(".tab-header-active");if(!t)return void(this.indicatorRef.style.opacity="0");const a=this.tabsHeaderRef.getBoundingClientRect(),i=t.getBoundingClientRect();"horizontal"===this.orientation?(this.indicatorRef.style.transform=`translateX(${i.left-a.left+this.tabsHeaderRef.scrollLeft}px)`,this.indicatorRef.style.width=`${i.width}px`,this.indicatorRef.style.height=""):(this.indicatorRef.style.transform=`translateY(${i.top-a.top+this.tabsHeaderRef.scrollTop}px)`,this.indicatorRef.style.height=`${i.height}px`,this.indicatorRef.style.width=""),this.indicatorRef.style.opacity="1"}async selectTabById(t){this.selectTab(t)}async getActiveTab(){return this.activeTab}async destroyComponent(){this.closeAll.emit(),this.parsedItems=[],this.activeTab="",this.element.remove()}handleCloseAll(t){t.stopPropagation(),this.destroyComponent()}renderTab(t){const a=this.activeTab===t.id,i=t.disabled||!1,e=this.activeMenuTab===t.id,r=["tab-header",a&&"tab-header-active",i&&"tab-header-disabled",this.iconOnly&&"tab-header-icon-only",`icon-position-${this.iconPosition}`,this.wrapText&&"tab-header-wrap"].filter(Boolean).join(" "),o={maxWidth:"full-width"!==this.position?`${this.maxTabWidth}px`:"none",...t.color&&a?{"--tab-active-color":t.color,"--tab-active-border":t.color}:{}};return s("div",{key:t.id,id:`tab-header-${t.id}`,class:r,part:a?"tab tab-active":"tab","data-id":t.id,onClick:()=>this.selectTab(t.id),"aria-selected":a?"true":"false","aria-controls":`tab-content-${t.id}`,"aria-label":`Select ${t.title} tab`,"aria-disabled":i?"true":"false",tabindex:i?-1:0,role:"tab",style:o,title:!this.iconOnly&&t.title&&t.title.length>this.maxTitleLength||this.iconOnly?t.title:void 0,draggable:this.isDraggable,onDragStart:a=>this.handleDragStart(a,t.id),onDragOver:this.handleDragOver,onDrop:a=>this.handleDrop(a,t.id),onKeyDown:a=>{"Enter"===a.key||" "===a.key?(a.preventDefault(),this.selectTab(t.id)):"ArrowRight"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.focusNextTab(t.id)):"ArrowLeft"===a.key||"ArrowUp"===a.key?(a.preventDefault(),this.focusPreviousTab(t.id)):"Home"===a.key?(a.preventDefault(),this.focusFirstTab()):"End"===a.key&&(a.preventDefault(),this.focusLastTab())},onDblClick:()=>this.startEditing(t.id)},s("div",{class:"tab-header-content"},t.icon&&s("span",{class:"tab-icon"},s("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),!this.iconOnly&&(this.editingTab===t.id?s("ui-input",{class:"tab-edit-input",value:t.title,onInputBlur:a=>this.commitEdit(t.id,a.detail.target.value),onInputKeydown:a=>{"Enter"===a.detail.key&&this.commitEdit(t.id,a.detail.target.value),"Escape"===a.detail.key&&(this.editingTab=null),a.detail.stopPropagation()},size:"sm",fullWidth:!0}):s("span",{class:"tab-title"},t.title)),null!=t.badge&&s("span",{class:"tab-badge "+(t.badgeVariant?"badge-"+t.badgeVariant:"")},t.badge),t.actions&&s("div",{class:"tab-actions "+(e?"active":"")},s("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"more-horizontal",iconLibrary:this.iconLibrary,iconSize:"1.1em",ariaLabel:`Actions for ${t.title}`,ariaHasPopup:"true",ariaExpanded:e,onClick:a=>this.toggleMenu(t.id,a),class:"tab-menu"}),e&&s("div",{class:"tab-menu-popover",role:"menu",style:{position:"fixed",top:`${this.activeMenuPosition?.y}px`,left:`${this.activeMenuPosition?.x}px`,right:"auto",zIndex:"12000"}},s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"edit-2",iconLibrary:this.iconLibrary,label:"Edit",class:"tab-menu-item",onClick:a=>{a.stopPropagation(),this.tabEdit.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}),s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"file-text",iconLibrary:this.iconLibrary,label:"Detail",class:"tab-menu-item",onClick:a=>{a.stopPropagation(),this.tabOpenPanel.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}),s("div",{class:"menu-divider"}),s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"trash-2",iconLibrary:this.iconLibrary,label:"Delete",class:"tab-menu-item danger",onClick:a=>{a.stopPropagation(),this.tabDelete.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}))),t.closable&&s("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:this.iconLibrary,iconSize:"0.9em",onClick:a=>this.handleCloseTab(t.id,a),ariaLabel:`Close ${t.title} tab`,class:"tab-close"})))}renderContent(t){const a=this.activeTab===t.id;if(this.lazy&&!a&&!t.useSlot&&!this._mountedTabs.has(t.id))return null;a&&this._mountedTabs.add(t.id);const i=["tab-content",a&&"tab-content-active",`animation-${this.selectionAnimation}`].filter(Boolean).join(" ");return s("div",{key:t.id,class:i,id:`tab-content-${t.id}`,"aria-labelledby":`tab-header-${t.id}`,role:"tabpanel","aria-hidden":!a,style:{"--animation-duration":`${this.animationDuration}ms`}},t.useSlot?s("div",{class:"tab-content-inner"},s("slot",{name:t.slot||t.id})):s("div",{class:"tab-content-inner",innerHTML:o(t.content??"")}))}render(){const t=["tabs-container",`tabs-${this.orientation}`,`tabs-position-${this.position}`,`tabs-variant-${this.variant}`,`tabs-size-${this.size}`,"none"!==this.scrollMode&&"tabs-scrollable",`buttons-${this.scrollButtonPlacement}`,`indicator-${this.indicatorPosition}`,`indicator-style-${this.indicatorStyle}`].filter(Boolean).join(" "),a={};this.activeColor&&(a["--tab-active-color"]=this.activeColor),this.indicatorGradient?a["--tab-indicator-bg"]=this.indicatorGradient:this.activeColor&&(a["--tab-indicator-bg"]=this.activeColor);const i=["tabs-header-wrapper",this.showScrollButtons&&"none"!==this.scrollMode&&"show-scroll-buttons"].filter(Boolean).join(" "),e=this.showScrollButtons&&"none"!==this.scrollMode,r=this.showScrollButtons&&"none"!==this.scrollMode,o="vertical"===this.orientation,n=(t,a)=>s("ui-button",{key:"3c6fc7c093589854f1d872f28c2b4b3d384a569b",variant:"ghost",size:"sm",iconOnly:!0,class:`scroll-button scroll-${t}`,onClick:()=>this.scrollTabs(t),ariaLabel:a,icon:"left"===t?"chevron-left":"right"===t?"chevron-right":"top"===t?"chevron-up":"chevron-down",iconLibrary:this.iconLibrary,iconSize:"1.2em"});return s("div",{key:"9414cddcf48432318ef220cb9a78afc9fb9cbbc7",class:t,style:Object.keys(a).length?a:void 0},s("div",{key:"d2e8880304c4003bdd30b90f2058898d7300222a",class:i},e&&("start"===this.scrollButtonPlacement||"split"===this.scrollButtonPlacement)&&(o?n("top","Scroll up"):n("left","Scroll left")),r&&"start"===this.scrollButtonPlacement&&(o?n("bottom","Scroll down"):n("right","Scroll right")),s("div",{key:"96488ce3447e393501fa7932b37241a804ef279a",class:"tabs-header",part:"tabs-header",ref:t=>this.tabsHeaderRef=t,role:"tablist","aria-orientation":this.orientation},this.parsedItems.map((t=>this.renderTab(t))),s("div",{key:"1bd98d7bcadff9975741640c301f109124c1881a",class:"tab-selection-indicator",part:"indicator",ref:t=>this.indicatorRef=t})),e&&"end"===this.scrollButtonPlacement&&(o?n("top","Scroll up"):n("left","Scroll left")),r&&("end"===this.scrollButtonPlacement||"split"===this.scrollButtonPlacement)&&(o?n("bottom","Scroll down"):n("right","Scroll right")),s("div",{key:"21bfeb334606ab5dd1ae16295062dce602ac9eb6",class:"tabs-controls-group",style:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"8px"}},(this.showTabList||this.showCloseAll)&&s("div",{key:"f020d74400afecbfe455adf44ab017ca272cbefe",class:"tab-list-wrapper"},s("ui-button",{key:"128b8b541c450be82d6815a165e1b8f8cb66cf52",variant:"ghost",size:"sm",iconOnly:!0,icon:"list",iconLibrary:this.iconLibrary,iconSize:"1em",onClick:t=>this.toggleTabList(t),ariaLabel:"List all tabs",ariaHasPopup:"true",ariaExpanded:this.isTabListOpen,title:"List All Tabs",class:"tab-list-button"}),this.isTabListOpen&&s("div",{key:"b55c7b805f2a1da631a5a77bda9807217f3a96fb",class:"tab-list-dropdown",style:{position:"fixed",top:`${this.tabListPosition?.y}px`,left:`${this.tabListPosition?.x}px`,width:`${this.tabListPosition?.width}px`,maxHeight:`${this.tabListPosition?.maxHeight??420}px`,zIndex:"12000"}},s("div",{key:"5032f2519eab9a4332e0686e2ce9ea37aa58f2ad",class:"tab-list-header"},s("span",{key:"907eaf22e72a92147a2937a7530f37c5941d24e8",class:"tab-list-header-title"},"Open Tabs"),s("span",{key:"3508efb55c24109536772a648a7364f7ada8289b",class:"tab-list-header-count"},this.parsedItems.length)),s("div",{key:"eea1f858f13dd780d5ed518079a915df070cb655",class:"tab-list-search",onClick:t=>t.stopPropagation()},s("ui-input",{key:"4bbb2eaa3f2c937fe05991720cc34f70f6241776",class:"tab-list-search-input",placeholder:"Search tabs...",value:this.tabListSearch,prefixIcon:"search",iconLibrary:this.iconLibrary,showClear:!0,size:"sm",fullWidth:!0,onInputChange:t=>{this.tabListSearch=t.detail},onInputClear:()=>{this.tabListSearch=""},"aria-label":"Search tabs",autoFocus:!0})),this.parsedItems.filter((t=>!this.tabListSearch.trim()||t.title?.toLowerCase().includes(this.tabListSearch.toLowerCase()))).map((t=>{const a=this.activeTab===t.id;return s("div",{class:"tab-list-item "+(a?"active":""),onClick:()=>this.selectTab(t.id),role:"option","aria-selected":a.toString(),title:t.title},t.icon&&s("span",{class:"tab-list-icon"},s("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"16px",color:"currentColor"})),s("span",{class:"tab-list-title"},t.title),t.badge&&s("span",{class:"tab-list-badge"},t.badge),a&&s("span",{class:"tab-list-active-check"},s("ui-icon",{name:"check",library:"lucide",size:"14px",color:"currentColor"})))})))),this.showCloseAll&&s("ui-button",{key:"7e98f8695e6d8ab32c8b0c66e7f95b0878fc789e",variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:this.iconLibrary,iconSize:"1em",onClick:t=>this.handleCloseAll(t),ariaLabel:"Close all tabs",title:"Close All",class:"tab-close-all"}))),s("div",{key:"81b7020058c9594a86bd4cd75d908bd42397c2c4",class:"tabs-content"},this.parsedItems.map((t=>this.renderContent(t)))))}static get watchers(){return{items:[{parseItems:0}],defaultActive:[{onDefaultActiveChange:0}],activeTab:[{onActiveTabChange:0}]}}};n.style='@charset "UTF-8";.sr-only.sc-ui-tabs{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-tabs{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-tabs-h{display:block;overflow:visible;position:relative;--tab-pink:var(--color-danger, #ec4899);--tab-pink-light:var(--bg-primary, #fce7f3);--tab-teal:var(--color-primary, #14b8a6);--tab-teal-light:var(--bg-primary, #ccfbf1);--tab-purple:var(--color-primary, #a855f7);--tab-blue:var(--color-primary, #10b981);--tab-dark-bg:var(--bg-primary, #1e293b);--tab-dark-surface:var(--color-primary, #334155);--tab-text-primary:var(--text-primary, #0f172a);--tab-text-secondary:var(--text-secondary, #64748b);--tab-label-color:var(--tab-text-override, var(--label-color, var(--text-primary, #1f2937)));--tab-border:var(--border-subtle, #e2e8f0);--tab-indicator-bg:var(--tab-active-color, var(--tab-pink));--enterprise-easing:cubic-bezier(0.4, 0, 0.2, 1)}.tabs-container.sc-ui-tabs{display:flex;flex-direction:column;font-family:var(--font-family, "\'Inter\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif");border-radius:var(--border-radius, 8px);overflow:visible;background:var(--container-bg, transparent);width:100%;position:relative}.tabs-vertical.sc-ui-tabs{flex-direction:row;height:100%}.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-color, var(--tab-border));align-items:stretch;overflow:visible;height:100%;max-height:100%;flex-shrink:0}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs{flex-direction:column;overflow-y:auto;overflow-x:visible;min-width:180px;flex:1;max-height:calc(100% - 80px);scrollbar-width:thin}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar{width:4px}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar-thumb{background:var(--color-primary, #cbd5e1);border-radius:2px}.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs{width:100%;justify-content:flex-start;text-align:left;flex-shrink:0}.tabs-header-wrapper.sc-ui-tabs{display:flex;align-items:center;position:relative;background-color:var(--header-bg, transparent);border-bottom:1px solid var(--border-color, var(--tab-border));padding:0 4px;overflow:visible;z-index:100}.indicator-top.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{border-bottom:none;border-top:1px solid var(--border-color, var(--tab-border))}.tab-header.sc-ui-tabs{border:none;outline:none !important;background:transparent;cursor:pointer;font-family:inherit;position:relative;z-index:10}.tab-header.sc-ui-tabs:focus{outline:none !important;box-shadow:none !important}.tab-header.sc-ui-tabs:focus-visible{outline:2px solid var(--tab-pink);outline-offset:-2px;border-radius:4px}.tabs-variant-line.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:1px solid rgba(0, 0, 0, 0.08)}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs{border:none;border-bottom:none;margin-bottom:-1px;color:var(--tab-label-color);opacity:0.6;font-weight:500;transition:all 0.25s var(--enterprise-easing);position:relative;outline:none !important;flex-shrink:0;padding:14px 22px;background:transparent;letter-spacing:-0.01em;font-size:14px}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs::after{display:none}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active):not(.tab-header-disabled){color:var(--tab-label-color);opacity:0.85;background:rgba(128, 128, 128, 0.05)}.tabs-variant-line.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--tab-active-color, var(--tab-pink));opacity:1;font-weight:600}.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{background:var(--tab-indicator-bg);border-radius:4px 4px 0 0;opacity:1;transition:all 0.3s var(--enterprise-easing);z-index:10;height:4px;bottom:0;top:auto;box-shadow:0 -2px 10px -1px var(--tab-active-color, var(--tab-pink))}.indicator-top.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 4px 4px;bottom:auto;top:0;box-shadow:0 2px 10px -1px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:4px;height:auto;left:auto;right:0;border-radius:4px 0 0 4px;background:var(--tab-indicator-bg);box-shadow:-2px 0 10px -1px var(--tab-active-color, var(--tab-pink))}.tabs-variant-card.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);padding:8px 8px 0 8px;gap:4px}.tabs-variant-card.sc-ui-tabs .tab-header.sc-ui-tabs{border:none;border-radius:10px 10px 0 0;margin-bottom:-1px;padding:12px 20px;background:transparent;color:var(--tab-label-color);opacity:0.6;outline:none !important;flex-shrink:0;transition:all 0.2s ease;font-weight:500}.tabs-variant-card.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.05);color:var(--tab-label-color);opacity:0.85}.tabs-variant-card.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--tab-active-color, var(--color-primary, #3b82f6));opacity:1;font-weight:600;box-shadow:0 -2px 8px rgba(0, 0, 0, 0.04)}.tabs-variant-pill.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{border-bottom:none;gap:10px;padding:12px;background:transparent}.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs{border-radius:10px;border:none;padding:12px 24px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);font-weight:500;color:var(--tab-label-color);opacity:0.6;outline:none !important;flex-shrink:0;font-size:14px}.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.07);color:var(--tab-label-color);opacity:0.85}.tabs-variant-pill.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--color-primary, #14b8a6));color:var(--text-standard, #ffffff);opacity:1;font-weight:600;box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.tabs-variant-subtle.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:none;gap:6px;padding:10px}.tabs-variant-subtle.sc-ui-tabs .tab-header.sc-ui-tabs{border-radius:8px;border:none;color:var(--tab-label-color);opacity:0.6;padding:12px 18px;transition:all 0.2s ease;outline:none !important;flex-shrink:0;font-weight:500}.tabs-variant-subtle.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.06);color:var(--tab-label-color);opacity:0.85}.tabs-variant-subtle.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 12%, transparent);color:var(--tab-active-color, var(--tab-pink));opacity:1;font-weight:600}.tabs-variant-glass.sc-ui-tabs{background:rgba(255, 255, 255, 0.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255, 255, 255, 0.7);box-shadow:0 8px 32px rgba(0, 0, 0, 0.08)}.tabs-variant-glass.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:rgba(255, 255, 255, 0.5);border-bottom:1px solid rgba(255, 255, 255, 0.4)}.tabs-variant-glass.sc-ui-tabs .tab-header.sc-ui-tabs{color:var(--tab-label-color);opacity:0.65;outline:none !important;flex-shrink:0;font-weight:500;transition:all 0.25s ease;padding:12px 20px;border:none}.tabs-variant-glass.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.1);color:var(--tab-label-color);opacity:0.9}.tabs-variant-glass.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:rgba(255, 255, 255, 0.95);color:var(--tab-active-color, var(--color-primary, #3b82f6));opacity:1;font-weight:600;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.tabs-variant-folder.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;padding:0 16px;align-items:flex-end;border-bottom:none;gap:0}.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs{background:color-mix(in srgb, var(--tab-label-color) 10%, transparent);color:var(--tab-label-color);opacity:0.65;padding:12px 24px;margin-right:4px;border-radius:12px 12px 0 0;border:none;position:relative;transition:all 0.2s ease;font-weight:500;box-shadow:inset 0 -2px 4px rgba(0, 0, 0, 0.05)}.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs::before,.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs::after{content:"";position:absolute;bottom:0;width:12px;height:12px;background:transparent;pointer-events:none;display:none}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--color-primary, #f59e0b));color:var(--text-standard, #ffffff);opacity:1;z-index:10;box-shadow:0 -4px 12px rgba(0, 0, 0, 0.14)}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs::before{display:block;left:-12px;border-bottom-right-radius:12px;box-shadow:6px 0 0 0 var(--tab-active-color, var(--color-warning, #f59e0b))}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs::after{display:block;right:-12px;border-bottom-left-radius:12px;box-shadow:-6px 0 0 0 var(--tab-active-color, var(--color-warning, #f59e0b))}.tabs-variant-slanted.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);padding:10px 10px 0;border-bottom:2px solid var(--border-subtle, #e2e8f0)}.tabs-variant-slanted.sc-ui-tabs .tab-header.sc-ui-tabs{padding:12px 32px;background:color-mix(in srgb, var(--tab-label-color) 8%, transparent);color:var(--tab-label-color);opacity:0.6;margin-right:-12px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:0.05em;clip-path:polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);transition:all 0.3s ease}.tabs-variant-slanted.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:color-mix(in srgb, var(--tab-label-color) 16%, transparent);color:var(--tab-label-color);opacity:0.85}.tabs-variant-slanted.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--bg-inverted, #1e293b));color:var(--text-standard, #ffffff);opacity:1;z-index:5;transform:scale(1.05);box-shadow:0 4px 15px rgba(0, 0, 0, 0.2)}.tabs-variant-minimal.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.tabs-variant-minimal.sc-ui-tabs .tab-header.sc-ui-tabs{padding:16px 24px;color:var(--tab-label-color);opacity:0.55;font-weight:500;transition:color 0.3s ease, opacity 0.25s ease}.tabs-variant-minimal.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){opacity:0.8}.tabs-variant-minimal.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--tab-active-color, var(--tab-label-color));opacity:1}.tabs-variant-minimal.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:3px;bottom:0;top:auto;border-radius:3px 3px 0 0;background:var(--tab-indicator-bg);box-shadow:0 -2px 12px var(--tab-active-color, var(--tab-pink));opacity:1}.indicator-top.tabs-variant-minimal.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 3px 3px;bottom:auto;top:0;box-shadow:0 2px 12px var(--tab-active-color, var(--tab-pink))}.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:6px !important;border-radius:6px !important;box-shadow:0 -2px 12px -2px var(--tab-active-color, var(--tab-pink))}.indicator-top.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:6px !important;box-shadow:0 2px 12px -2px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:6px !important;border-radius:6px !important;box-shadow:-2px 0 12px -2px var(--tab-active-color, var(--tab-pink))}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:6px !important;transform-origin:bottom center !important}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--tab-active-color, var(--tab-pink));box-shadow:0 0 8px 2px var(--tab-active-color, var(--tab-pink))}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{background:transparent !important;box-shadow:none !important;height:8px !important;border-radius:0 !important}.indicator-top.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs::after{bottom:auto;top:0;transform:translate(-50%, 0)}.indicator-style-glow.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:4px !important;border-radius:4px !important;filter:blur(1px);box-shadow:0 0 8px 3px var(--tab-active-color, var(--tab-pink)), 0 0 20px 6px color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 50%, transparent) !important}.tabs-vertical.indicator-style-glow.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:4px !important;filter:blur(1px);box-shadow:0 0 8px 3px var(--tab-active-color, var(--tab-pink)), 0 0 20px 6px color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 50%, transparent) !important}.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:8px !important;border-radius:8px 8px 0 0 !important;box-shadow:0 -3px 14px -2px var(--tab-active-color, var(--tab-pink))}.indicator-top.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 8px 8px !important;box-shadow:0 3px 14px -2px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:8px !important;border-radius:8px 0 0 8px !important;box-shadow:-3px 0 14px -2px var(--tab-active-color, var(--tab-pink))}.indicator-style-none.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{display:none !important}.tabs-variant-elastic.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-primary, #ffffff);padding:8px;border-radius:999px;border:1px solid var(--border-subtle, #e2e8f0);box-shadow:0 8px 30px rgba(0, 0, 0, 0.05);display:inline-flex;gap:0;align-self:center}.tabs-variant-elastic.sc-ui-tabs .tab-header.sc-ui-tabs{padding:10px 24px;border-radius:999px;color:var(--tab-label-color);opacity:0.55;font-weight:600;z-index:10;transition:color 0.3s ease;font-size:13px;text-transform:uppercase;letter-spacing:0.05em}.tabs-variant-elastic.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--text-standard, #ffffff);opacity:1}.tabs-variant-elastic.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:calc(100% - 16px) !important;top:8px;border-radius:999px;background:var(--tab-indicator-bg);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);z-index:5;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), width 0.3s ease}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--color-success, #22c55e);border-right:none;padding:24px 12px;width:80px;flex-shrink:0;display:flex;flex-direction:column;gap:32px}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);padding:0;margin:0 auto;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(255, 255, 255, 0.3);transform:scale(1.1)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--color-success, #22c55e);transform:scale(1.15);box-shadow:0 8px 25px rgba(0, 0, 0, 0.15)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:24px}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-title.sc-ui-tabs{display:none}.tab-selection-indicator.sc-ui-tabs{position:absolute;top:0;left:0;pointer-events:none;transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, box-shadow 0.3s ease;opacity:0;z-index:5}.tab-header.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{opacity:1 !important}.tabs-variant-enclosed.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);padding:6px;gap:4px;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0)}.tabs-variant-enclosed.sc-ui-tabs .tab-header.sc-ui-tabs{background:transparent;border-radius:9px;padding:12px 20px;color:var(--tab-label-color);opacity:0.6;border:none;flex-shrink:0;outline:none !important;font-weight:500;transition:all 0.2s ease}.tabs-variant-enclosed.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.08);color:var(--tab-label-color);opacity:0.85}.tabs-variant-enclosed.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--tab-active-color, var(--tab-text-primary));opacity:1;font-weight:600;box-shadow:0 2px 6px rgba(0, 0, 0, 0.08)}.tabs-size-xs.sc-ui-tabs .tab-header.sc-ui-tabs{padding:4px 10px;font-size:11px;min-height:28px;gap:4px}.tabs-size-xs.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:12px}.tabs-size-sm.sc-ui-tabs .tab-header.sc-ui-tabs{padding:6px 12px;font-size:12px;min-height:32px}.tabs-size-md.sc-ui-tabs .tab-header.sc-ui-tabs{padding:10px 18px;font-size:14px;min-height:40px}.tabs-size-lg.sc-ui-tabs .tab-header.sc-ui-tabs{padding:14px 24px;font-size:15px;font-weight:500;min-height:48px}.tabs-size-xl.sc-ui-tabs .tab-header.sc-ui-tabs{padding:18px 32px;font-size:16px;font-weight:500;min-height:56px;letter-spacing:0.01em}.tabs-size-xs.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:12px}.tabs-size-sm.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:14px}.tabs-size-md.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:15px}.tabs-size-lg.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:18px}.tabs-size-xl.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:20px}.tabs-size-xs.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:9px;padding:1px 4px;min-width:14px;height:14px}.tabs-size-sm.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:10px;padding:1px 5px;min-width:16px;height:16px}.tabs-size-xl.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:12px;padding:3px 8px;min-width:20px;height:20px}.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-color, var(--tab-border));align-items:stretch;overflow:visible;max-height:100%;height:100%}.tab-title.sc-ui-tabs{flex:1;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;max-width:240px}.tabs-header.sc-ui-tabs{display:flex;flex:1;overflow:visible;flex-wrap:nowrap;position:relative}.tabs-scrollable.sc-ui-tabs .tabs-header.sc-ui-tabs{overflow-x:auto;overflow-y:visible;scrollbar-width:none;align-items:flex-end;scroll-behavior:smooth}.tabs-scrollable.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar{display:none}.scroll-button.sc-ui-tabs{z-index:20;background:var(--bg-primary, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);color:var(--text-muted, #64748b);margin:0 6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);font-size:20px;font-weight:600}.scroll-button.sc-ui-tabs:hover{background:var(--tab-pink-light);color:var(--tab-pink);border-color:var(--tab-pink);transform:scale(1.08);box-shadow:0 4px 12px rgba(236, 72, 153, 0.25)}.scroll-button.sc-ui-tabs:active{transform:scale(0.95)}.tabs-vertical.sc-ui-tabs .scroll-button.sc-ui-tabs{margin:6px 0;width:100%;min-width:auto;border-radius:6px}.tabs-vertical.sc-ui-tabs .scroll-button.scroll-up.sc-ui-tabs,.tabs-vertical.sc-ui-tabs .scroll-button.scroll-down.sc-ui-tabs{height:32px;width:100%;border-radius:6px;font-size:12px}.tabs-content.sc-ui-tabs{flex:1;position:relative;background-color:var(--content-bg, var(--bg-primary, var(--text-standard, #ffffff)));padding:0;z-index:1}.tab-content.sc-ui-tabs{display:none;padding:28px;animation-fill-mode:both}.tab-content-active.sc-ui-tabs{display:block}.tab-header-content.sc-ui-tabs{display:flex;align-items:center;gap:10px}.tab-icon.sc-ui-tabs{font-size:18px;display:inline-flex;opacity:0.9}.tab-header-active.sc-ui-tabs .tab-icon.sc-ui-tabs{opacity:1}.tab-badge.sc-ui-tabs{background-color:var(--tab-pink);color:var(--text-standard, #ffffff);padding:3px 10px;border-radius:14px;font-size:11px;line-height:1.5;font-weight:600;min-width:22px;text-align:center;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15)}.tab-badge.badge-neutral.sc-ui-tabs{background-color:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b);box-shadow:none}.tab-badge.badge-primary.sc-ui-tabs{background-color:var(--tab-blue);color:var(--text-standard, #ffffff)}.tab-badge.badge-success.sc-ui-tabs{background-color:var(--tab-teal);color:var(--text-standard, #ffffff)}.tab-badge.badge-warning.sc-ui-tabs{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tab-close.sc-ui-tabs{margin-left:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--color-primary, #94a3b8);padding:0;transition:all 0.2s ease;font-size:18px;line-height:1}.tab-close.sc-ui-tabs:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.12);color:var(--color-danger, #ef4444);transform:scale(1.15)}.tab-close-all.sc-ui-tabs{color:var(--color-primary, #94a3b8);background:transparent;border:none;cursor:pointer;padding:10px;border-radius:10px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.tab-close-all.sc-ui-tabs:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.12);color:var(--color-danger, #ef4444)}.tab-close-all.sc-ui-tabs svg.sc-ui-tabs{width:18px;height:18px}.tab-list-button.sc-ui-tabs{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, var(--text-muted, #64748b));padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-right:6px}.tab-list-button.sc-ui-tabs:hover{background:rgba(236, 72, 153, 0.1);color:var(--tab-pink)}.tab-list-dropdown.sc-ui-tabs{position:fixed;background:var(--bg-primary, #ffffff);min-width:240px;max-width:340px;overflow-y:auto;border-radius:14px;box-shadow:0 12px 48px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.05);z-index:1000;padding:8px;animation:dropdownSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);transform-origin:top right;display:flex;flex-direction:column}.tab-list-header.sc-ui-tabs{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 10px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, 0.06));margin-bottom:4px}.tab-list-header-title.sc-ui-tabs{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted, #94a3b8)}.tab-list-header-count.sc-ui-tabs{font-size:11px;font-weight:600;padding:1px 8px;border-radius:20px;background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.tab-list-search.sc-ui-tabs{padding:8px 10px 4px}.tab-list-active-check.sc-ui-tabs{display:inline-flex;align-items:center;margin-left:auto;flex-shrink:0;color:var(--tab-pink, var(--color-primary, #ec4899));opacity:0.9}.tab-list-item.sc-ui-tabs{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 14px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:14px;color:var(--color-primary, #334155);transition:all 0.2s ease;font-weight:500}.tab-list-item.sc-ui-tabs:hover{background:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);transform:translateX(4px)}.tab-list-item.active.sc-ui-tabs{background:linear-gradient(135deg, rgba(236, 72, 153, 0.12) 0%, rgba(168, 85, 247, 0.12) 100%);color:var(--tab-pink);font-weight:600}.tab-list-icon.sc-ui-tabs{font-size:20px;display:inline-flex;opacity:0.9}.tab-list-item.active.sc-ui-tabs .tab-list-icon.sc-ui-tabs{opacity:1}.tab-list-title.sc-ui-tabs{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-list-badge.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:600}.tab-list-item.active.sc-ui-tabs .tab-list-badge.sc-ui-tabs{background:var(--tab-pink);color:var(--text-standard, #ffffff)}.tab-actions.sc-ui-tabs{position:relative;display:flex;align-items:center;z-index:10}.tab-actions.active.sc-ui-tabs{z-index:9998}.tab-menu.sc-ui-tabs{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary, #94a3b8);font-weight:bold;line-height:1;padding:0;transition:all 0.2s ease;font-size:16px}.tab-menu.sc-ui-tabs:hover,.tab-actions.active.sc-ui-tabs .tab-menu.sc-ui-tabs{background:rgba(0, 0, 0, 0.06);color:var(--text-primary, #1e293b)}.tab-menu-popover.sc-ui-tabs{position:absolute;top:100%;margin-top:8px;background:var(--bg-primary, #ffffff);min-width:180px;border-radius:12px;box-shadow:0 12px 48px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.05);z-index:9999;padding:8px;display:flex;flex-direction:column;animation:dropdownSlideIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);transform-origin:top right}.tab-menu-item.sc-ui-tabs{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:9px;cursor:pointer;font-size:14px;color:var(--color-primary, #334155);transition:all 0.2s ease;white-space:nowrap;font-weight:500}.tab-menu-item.sc-ui-tabs:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #0f172a)}.tab-menu-item.danger.sc-ui-tabs{color:var(--color-danger, #ef4444)}.tab-menu-item.danger.sc-ui-tabs:hover{background:var(--bg-primary, #fef2f2)}.menu-icon.sc-ui-tabs{font-size:15px;width:18px;display:inline-flex;justify-content:center;opacity:0.9}.menu-divider.sc-ui-tabs{height:1px;background:var(--bg-primary, #e2e8f0);margin:6px 0}@keyframes dropdownSlideIn{from{opacity:0;transform:scale(0.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{from{opacity:0;margin-top:-8px}to{opacity:1;margin-top:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0}to{opacity:1}}.animation-slide.tab-content-active.sc-ui-tabs{animation:slideDown 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.animation-fade.tab-content-active.sc-ui-tabs{animation:fadeIn 0.35s ease}.animation-scale.tab-content-active.sc-ui-tabs{animation:scaleIn 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.tab-header-disabled.sc-ui-tabs{opacity:0.4;cursor:not-allowed;pointer-events:none}.tabs-vertical.tabs-variant-pill.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{gap:10px;padding:12px;border-right:none}.tabs-vertical.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs{width:100%}@media (max-width: 640px){.tab-header.sc-ui-tabs{padding:10px 14px;font-size:13px}.tabs-size-lg.sc-ui-tabs .tab-header.sc-ui-tabs{padding:12px 18px;font-size:14px}}.tab-edit-input.sc-ui-tabs{background:var(--bg-primary, #ffffff);border:1px solid var(--color-primary, #1890ff);border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;padding:2px 4px;width:100%;max-width:200px;outline:none;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.tabs-container[aria-orientation=vertical].sc-ui-tabs .tab-edit-input.sc-ui-tabs{max-width:none}';export{n as ui_tabs}
|
|
1
|
+
import{r as t,c as a,a as i,h as s}from"./p-Dqu2zaH1.js";import{c as e,g as r}from"./p-DFBTWhGw.js";import{s as o}from"./p-Dyu3Nplq.js";const n=class{constructor(i){t(this,i),this.tabChange=a(this,"tabChange"),this.tabClose=a(this,"tabClose"),this.closeAll=a(this,"closeAll"),this.tabEdit=a(this,"tabEdit"),this.tabDelete=a(this,"tabDelete"),this.tabOpenPanel=a(this,"tabOpenPanel"),this.tabsReordered=a(this,"tabsReordered"),this.tabUpdate=a(this,"tabUpdate")}get element(){return i(this)}items=[];defaultActive="";animationDuration=300;orientation="horizontal";indicatorPosition="bottom";showCloseAll=!1;showTabList=!1;maxTabWidth=300;maxTitleLength=24;wrapText=!1;position="left";scrollMode="manual";selectionAnimation="slide";iconPosition="left";iconOnly=!1;scrollButtonPlacement="split";variant="line";activeColor="";indicatorStyle="line";indicatorGradient="";size="md";iconLibrary="default";lazy=!1;isDraggable=!1;activeTab="";parsedItems=[];activeMenuTab=null;showScrollButtons=!1;isTabListOpen=!1;tabListPosition=null;tabListSearch="";activeMenuPosition=null;editingTab=null;draggingTabId=null;tabListTrigger;activeMenuTrigger;_mountedTabs=new Set;tabChange;tabClose;closeAll;tabEdit;tabDelete;tabOpenPanel;tabsReordered;tabUpdate;tabsHeaderRef;indicatorRef;resizeObserver;parseItems(t){if("string"==typeof t)try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for tab items:",t),this.parsedItems=[]}else this.parsedItems=[...t];!this.activeTab&&this.parsedItems.length>0&&(this.activeTab=this.defaultActive||this.parsedItems[0].id),setTimeout((()=>this.updateIndicator()),0)}onDefaultActiveChange(t){t&&this.parsedItems.some((a=>a.id===t))&&(this.activeTab=t,this.updateIndicator())}onActiveTabChange(){this.updateIndicator()}componentWillLoad(){this.parseItems(this.items),this.activeTab=this.defaultActive||(this.parsedItems.length>0?this.parsedItems[0].id:"")}componentDidLoad(){this.checkScrollButtons(),"auto"===this.scrollMode&&this.scrollToActiveTab(),setTimeout((()=>{this.checkScrollButtons()}),100),this.resizeObserver=new ResizeObserver((()=>{this.checkScrollButtons()})),this.element&&this.resizeObserver.observe(this.element),this.tabsHeaderRef&&this.resizeObserver.observe(this.tabsHeaderRef),requestAnimationFrame((()=>this.updateIndicator()))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}componentDidUpdate(){"auto"===this.scrollMode&&this.scrollToActiveTab(),this.checkScrollButtons(),this.updateIndicator()}handleKeyDown(t){if(!this.element.contains(t.target))return;const a=t.target.closest(".tab-header");if(!a)return;const i=a.getAttribute("data-id");if(i)switch(t.key){case"Enter":case" ":t.preventDefault(),this.selectTab(i);break;case"ArrowRight":"horizontal"===this.orientation&&(t.preventDefault(),this.focusNextTab(i));break;case"ArrowLeft":"horizontal"===this.orientation&&(t.preventDefault(),this.focusPreviousTab(i));break;case"ArrowDown":"vertical"===this.orientation&&(t.preventDefault(),this.focusNextTab(i));break;case"ArrowUp":"vertical"===this.orientation&&(t.preventDefault(),this.focusPreviousTab(i));break;case"Home":t.preventDefault(),this.focusFirstTab();break;case"End":t.preventDefault(),this.focusLastTab()}}handleScroll(){(this.isTabListOpen||this.activeMenuTab)&&this.recalculateDropdownPositions()}recalculateDropdownPositions(){requestAnimationFrame((()=>{if(this.isTabListOpen&&this.tabListTrigger){const t=e(this.tabListTrigger,{menuWidth:300,menuHeight:400,gap:6,placement:"auto",align:"end",padding:10,useTransformedAncestorOffset:!1});this.tabListPosition={x:t.left,y:t.top??0,width:Math.min(340,Math.max(240,2*this.tabListTrigger.getBoundingClientRect().width)),maxHeight:Math.min(420,t.availableHeight)}}if(this.activeMenuTab&&this.activeMenuTrigger){const t=e(this.activeMenuTrigger,{menuWidth:180,menuHeight:200,gap:4,placement:"bottom",align:"end"});this.activeMenuPosition={x:t.left,y:t.top??0}}}))}handleWindowClick(t){const a=t.target;this.activeMenuTab&&(a.closest(".tab-actions")||(this.activeMenuTab=null)),this.isTabListOpen&&(a.closest(".tab-list-wrapper")||(this.isTabListOpen=!1,this.tabListSearch=""))}toggleMenu(t,a){if(a.stopPropagation(),this.activeMenuTab===t)this.activeMenuTab=null,this.activeMenuPosition=null,this.activeMenuTrigger=void 0;else{this.activeMenuTrigger=a.currentTarget;const i=this.activeMenuTrigger.getBoundingClientRect(),s=r(this.element);this.activeMenuTab=t,this.activeMenuPosition={x:i.right-s.x,y:i.bottom-s.y+4}}}toggleTabList(t){if(t.stopPropagation(),this.tabListSearch="",this.isTabListOpen=!this.isTabListOpen,this.isTabListOpen){this.tabListTrigger=t.currentTarget;const a=e(this.tabListTrigger,{menuWidth:300,menuHeight:400,gap:6,placement:"auto",align:"end",padding:10,useTransformedAncestorOffset:!1});this.tabListPosition={x:a.left,y:a.top??0,width:Math.min(340,Math.max(240,2*this.tabListTrigger.getBoundingClientRect().width)),maxHeight:Math.min(420,a.availableHeight)}}else this.tabListPosition=null,this.tabListTrigger=void 0}selectTab(t){const a=this.parsedItems.find((a=>a.id===t));if(a?.disabled)return;const i=this.activeTab;this.activeTab=t,this.tabChange.emit({tabId:i,activeTab:t}),this.isTabListOpen=!1,requestAnimationFrame((()=>{const a=this.element.querySelector(`[data-id="${t}"]`);a&&a.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}))}handleCloseTab(t,a){a.stopPropagation();const i=this.parsedItems.findIndex((a=>a.id===t));-1!==i&&(this.activeTab===t&&this.parsedItems.length>1&&(this.activeTab=this.parsedItems[i<this.parsedItems.length-1?i:i-1].id),this.parsedItems=this.parsedItems.filter((a=>a.id!==t)),this.tabClose.emit(t))}focusNextTab(t){const a=this.parsedItems.findIndex((a=>a.id===t));this.focusTab(this.parsedItems[(a+1)%this.parsedItems.length].id)}focusPreviousTab(t){const a=this.parsedItems.findIndex((a=>a.id===t));this.focusTab(this.parsedItems[0===a?this.parsedItems.length-1:a-1].id)}focusFirstTab(){this.parsedItems.length>0&&this.focusTab(this.parsedItems[0].id)}focusLastTab(){this.parsedItems.length>0&&this.focusTab(this.parsedItems[this.parsedItems.length-1].id)}focusTab(t){const a=this.element.querySelector(`[data-id="${t}"]`);a&&a.focus()}handleDragStart=(t,a)=>{this.isDraggable&&(this.draggingTabId=a,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",a)))};handleDragOver=t=>{this.isDraggable&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))};handleDrop=(t,a)=>{if(!this.isDraggable||!this.draggingTabId||this.draggingTabId===a)return;t.preventDefault();const i=[...this.parsedItems],s=i.findIndex((t=>t.id===this.draggingTabId)),e=i.findIndex((t=>t.id===a));if(-1!==s&&-1!==e){const[t]=i.splice(s,1);i.splice(e,0,t),this.parsedItems=i,this.tabsReordered.emit(this.parsedItems)}this.draggingTabId=null};startEditing(t){this.editingTab=t,setTimeout((()=>{const t=this.element.querySelector(".tab-edit-input");t&&(t.focus(),t.select())}),50)}commitEdit(t,a){a.trim()&&(this.parsedItems=this.parsedItems.map((i=>i.id===t?{...i,title:a}:i)),this.tabUpdate.emit({id:t,title:a})),this.editingTab=null}scrollToActiveTab(){if(!this.tabsHeaderRef||"none"===this.scrollMode)return;const t=this.element.querySelector(".tab-header-active");if(t&&"horizontal"===this.orientation){const a=this.tabsHeaderRef.getBoundingClientRect(),i=t.getBoundingClientRect(),s=this.tabsHeaderRef.scrollLeft;i.left<a.left?this.tabsHeaderRef.scrollLeft=s-(a.left-i.left)-20:i.right>a.right&&(this.tabsHeaderRef.scrollLeft=s+(i.right-a.right)+20)}}checkScrollButtons(){this.showScrollButtons=!(!this.tabsHeaderRef||"none"===this.scrollMode)&&("horizontal"===this.orientation?this.tabsHeaderRef.scrollWidth>this.tabsHeaderRef.clientWidth+2:this.tabsHeaderRef.scrollHeight>this.tabsHeaderRef.clientHeight+2||this.parsedItems.length>8)}scrollTabs(t){if(!this.tabsHeaderRef)return;const a=200;"left"===t?this.tabsHeaderRef.scrollLeft-=a:"right"===t?this.tabsHeaderRef.scrollLeft+=a:"top"===t?this.tabsHeaderRef.scrollTop-=a:"bottom"===t&&(this.tabsHeaderRef.scrollTop+=a),this.updateIndicator()}updateIndicator(){if(!this.indicatorRef||!this.tabsHeaderRef)return;const t=this.element.querySelector(".tab-header-active");if(!t)return void(this.indicatorRef.style.opacity="0");const a=this.tabsHeaderRef.getBoundingClientRect(),i=t.getBoundingClientRect();"horizontal"===this.orientation?(this.indicatorRef.style.transform=`translateX(${i.left-a.left+this.tabsHeaderRef.scrollLeft}px)`,this.indicatorRef.style.width=`${i.width}px`,this.indicatorRef.style.height=""):(this.indicatorRef.style.transform=`translateY(${i.top-a.top+this.tabsHeaderRef.scrollTop}px)`,this.indicatorRef.style.height=`${i.height}px`,this.indicatorRef.style.width=""),this.indicatorRef.style.opacity="1"}async selectTabById(t){this.selectTab(t)}async getActiveTab(){return this.activeTab}async destroyComponent(){this.closeAll.emit(),this.parsedItems=[],this.activeTab="",this.element.remove()}handleCloseAll(t){t.stopPropagation(),this.destroyComponent()}renderTab(t){const a=this.activeTab===t.id,i=t.disabled||!1,e=this.activeMenuTab===t.id,r=["tab-header",a&&"tab-header-active",i&&"tab-header-disabled",this.iconOnly&&"tab-header-icon-only",`icon-position-${this.iconPosition}`,this.wrapText&&"tab-header-wrap"].filter(Boolean).join(" "),o={maxWidth:"full-width"!==this.position?`${this.maxTabWidth}px`:"none",...t.color&&a?{"--tab-active-color":t.color,"--tab-active-border":t.color}:{}};return s("div",{key:t.id,id:`tab-header-${t.id}`,class:r,part:a?"tab tab-active":"tab","data-id":t.id,onClick:()=>this.selectTab(t.id),"aria-selected":a?"true":"false","aria-controls":`tab-content-${t.id}`,"aria-label":`Select ${t.title} tab`,"aria-disabled":i?"true":"false",tabindex:i?-1:0,role:"tab",style:o,title:!this.iconOnly&&t.title&&t.title.length>this.maxTitleLength||this.iconOnly?t.title:void 0,draggable:this.isDraggable,onDragStart:a=>this.handleDragStart(a,t.id),onDragOver:this.handleDragOver,onDrop:a=>this.handleDrop(a,t.id),onKeyDown:a=>{"Enter"===a.key||" "===a.key?(a.preventDefault(),this.selectTab(t.id)):"ArrowRight"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.focusNextTab(t.id)):"ArrowLeft"===a.key||"ArrowUp"===a.key?(a.preventDefault(),this.focusPreviousTab(t.id)):"Home"===a.key?(a.preventDefault(),this.focusFirstTab()):"End"===a.key&&(a.preventDefault(),this.focusLastTab())},onDblClick:()=>this.startEditing(t.id)},s("div",{class:"tab-header-content"},t.icon&&s("span",{class:"tab-icon"},s("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),!this.iconOnly&&(this.editingTab===t.id?s("ui-input",{class:"tab-edit-input",value:t.title,onInputBlur:a=>this.commitEdit(t.id,a.detail.target.value),onInputKeydown:a=>{"Enter"===a.detail.key&&this.commitEdit(t.id,a.detail.target.value),"Escape"===a.detail.key&&(this.editingTab=null),a.detail.stopPropagation()},size:"sm",fullWidth:!0}):s("span",{class:"tab-title"},t.title)),null!=t.badge&&s("span",{class:"tab-badge "+(t.badgeVariant?"badge-"+t.badgeVariant:"")},t.badge),t.actions&&s("div",{class:"tab-actions "+(e?"active":"")},s("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"more-horizontal",iconLibrary:this.iconLibrary,iconSize:"1.1em",ariaLabel:`Actions for ${t.title}`,ariaHasPopup:"true",ariaExpanded:e,onClick:a=>this.toggleMenu(t.id,a),class:"tab-menu"}),e&&s("div",{class:"tab-menu-popover",role:"menu",style:{position:"fixed",top:`${this.activeMenuPosition?.y}px`,left:`${this.activeMenuPosition?.x}px`,right:"auto",zIndex:"12000"}},s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"edit-2",iconLibrary:this.iconLibrary,label:"Edit",class:"tab-menu-item",onClick:a=>{a.stopPropagation(),this.tabEdit.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}),s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"file-text",iconLibrary:this.iconLibrary,label:"Detail",class:"tab-menu-item",onClick:a=>{a.stopPropagation(),this.tabOpenPanel.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}),s("div",{class:"menu-divider"}),s("ui-button",{variant:"ghost",size:"sm",fullWidth:!0,icon:"trash-2",iconLibrary:this.iconLibrary,label:"Delete",class:"tab-menu-item danger",onClick:a=>{a.stopPropagation(),this.tabDelete.emit(t.id),this.activeMenuTab=null},style:{justifyContent:"flex-start"}}))),t.closable&&s("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:this.iconLibrary,iconSize:"0.9em",onClick:a=>this.handleCloseTab(t.id,a),ariaLabel:`Close ${t.title} tab`,class:"tab-close"})))}renderContent(t){const a=this.activeTab===t.id;if(this.lazy&&!a&&!t.useSlot&&!this._mountedTabs.has(t.id))return null;a&&this._mountedTabs.add(t.id);const i=["tab-content",a&&"tab-content-active",`animation-${this.selectionAnimation}`].filter(Boolean).join(" ");return s("div",{key:t.id,class:i,id:`tab-content-${t.id}`,"aria-labelledby":`tab-header-${t.id}`,role:"tabpanel","aria-hidden":!a,style:{"--animation-duration":`${this.animationDuration}ms`}},t.useSlot?s("div",{class:"tab-content-inner"},s("slot",{name:t.slot||t.id})):s("div",{class:"tab-content-inner",innerHTML:o(t.content??"")}))}render(){const t=["tabs-container",`tabs-${this.orientation}`,`tabs-position-${this.position}`,`tabs-variant-${this.variant}`,`tabs-size-${this.size}`,"none"!==this.scrollMode&&"tabs-scrollable",`buttons-${this.scrollButtonPlacement}`,`indicator-${this.indicatorPosition}`,`indicator-style-${this.indicatorStyle}`].filter(Boolean).join(" "),a={};this.activeColor&&(a["--tab-active-color"]=this.activeColor),this.indicatorGradient?a["--tab-indicator-bg"]=this.indicatorGradient:this.activeColor&&(a["--tab-indicator-bg"]=this.activeColor);const i=["tabs-header-wrapper",this.showScrollButtons&&"none"!==this.scrollMode&&"show-scroll-buttons"].filter(Boolean).join(" "),e=this.showScrollButtons&&"none"!==this.scrollMode,r=this.showScrollButtons&&"none"!==this.scrollMode,o="vertical"===this.orientation,n=(t,a)=>s("ui-button",{key:"3c6fc7c093589854f1d872f28c2b4b3d384a569b",variant:"ghost",size:"sm",iconOnly:!0,class:`scroll-button scroll-${t}`,onClick:()=>this.scrollTabs(t),ariaLabel:a,icon:"left"===t?"chevron-left":"right"===t?"chevron-right":"top"===t?"chevron-up":"chevron-down",iconLibrary:this.iconLibrary,iconSize:"1.2em"});return s("div",{key:"9414cddcf48432318ef220cb9a78afc9fb9cbbc7",class:t,style:Object.keys(a).length?a:void 0},s("div",{key:"d2e8880304c4003bdd30b90f2058898d7300222a",class:i},e&&("start"===this.scrollButtonPlacement||"split"===this.scrollButtonPlacement)&&(o?n("top","Scroll up"):n("left","Scroll left")),r&&"start"===this.scrollButtonPlacement&&(o?n("bottom","Scroll down"):n("right","Scroll right")),s("div",{key:"96488ce3447e393501fa7932b37241a804ef279a",class:"tabs-header",part:"tabs-header",ref:t=>this.tabsHeaderRef=t,role:"tablist","aria-orientation":this.orientation},this.parsedItems.map((t=>this.renderTab(t))),s("div",{key:"1bd98d7bcadff9975741640c301f109124c1881a",class:"tab-selection-indicator",part:"indicator",ref:t=>this.indicatorRef=t})),e&&"end"===this.scrollButtonPlacement&&(o?n("top","Scroll up"):n("left","Scroll left")),r&&("end"===this.scrollButtonPlacement||"split"===this.scrollButtonPlacement)&&(o?n("bottom","Scroll down"):n("right","Scroll right")),s("div",{key:"21bfeb334606ab5dd1ae16295062dce602ac9eb6",class:"tabs-controls-group",style:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"8px"}},(this.showTabList||this.showCloseAll)&&s("div",{key:"f020d74400afecbfe455adf44ab017ca272cbefe",class:"tab-list-wrapper"},s("ui-button",{key:"128b8b541c450be82d6815a165e1b8f8cb66cf52",variant:"ghost",size:"sm",iconOnly:!0,icon:"list",iconLibrary:this.iconLibrary,iconSize:"1em",onClick:t=>this.toggleTabList(t),ariaLabel:"List all tabs",ariaHasPopup:"true",ariaExpanded:this.isTabListOpen,title:"List All Tabs",class:"tab-list-button"}),this.isTabListOpen&&s("div",{key:"b55c7b805f2a1da631a5a77bda9807217f3a96fb",class:"tab-list-dropdown",style:{position:"fixed",top:`${this.tabListPosition?.y}px`,left:`${this.tabListPosition?.x}px`,width:`${this.tabListPosition?.width}px`,maxHeight:`${this.tabListPosition?.maxHeight??420}px`,zIndex:"12000"}},s("div",{key:"5032f2519eab9a4332e0686e2ce9ea37aa58f2ad",class:"tab-list-header"},s("span",{key:"907eaf22e72a92147a2937a7530f37c5941d24e8",class:"tab-list-header-title"},"Open Tabs"),s("span",{key:"3508efb55c24109536772a648a7364f7ada8289b",class:"tab-list-header-count"},this.parsedItems.length)),s("div",{key:"eea1f858f13dd780d5ed518079a915df070cb655",class:"tab-list-search",onClick:t=>t.stopPropagation()},s("ui-input",{key:"4bbb2eaa3f2c937fe05991720cc34f70f6241776",class:"tab-list-search-input",placeholder:"Search tabs...",value:this.tabListSearch,prefixIcon:"search",iconLibrary:this.iconLibrary,showClear:!0,size:"sm",fullWidth:!0,onInputChange:t=>{this.tabListSearch=t.detail},onInputClear:()=>{this.tabListSearch=""},"aria-label":"Search tabs",autoFocus:!0})),this.parsedItems.filter((t=>!this.tabListSearch.trim()||t.title?.toLowerCase().includes(this.tabListSearch.toLowerCase()))).map((t=>{const a=this.activeTab===t.id;return s("div",{class:"tab-list-item "+(a?"active":""),onClick:()=>this.selectTab(t.id),role:"option","aria-selected":a.toString(),title:t.title},t.icon&&s("span",{class:"tab-list-icon"},s("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"16px",color:"currentColor"})),s("span",{class:"tab-list-title"},t.title),t.badge&&s("span",{class:"tab-list-badge"},t.badge),a&&s("span",{class:"tab-list-active-check"},s("ui-icon",{name:"check",library:"lucide",size:"14px",color:"currentColor"})))})))),this.showCloseAll&&s("ui-button",{key:"7e98f8695e6d8ab32c8b0c66e7f95b0878fc789e",variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:this.iconLibrary,iconSize:"1em",onClick:t=>this.handleCloseAll(t),ariaLabel:"Close all tabs",title:"Close All",class:"tab-close-all"}))),s("div",{key:"81b7020058c9594a86bd4cd75d908bd42397c2c4",class:"tabs-content"},this.parsedItems.map((t=>this.renderContent(t)))))}static get watchers(){return{items:[{parseItems:0}],defaultActive:[{onDefaultActiveChange:0}],activeTab:[{onActiveTabChange:0}]}}};n.style='@charset "UTF-8";.sr-only.sc-ui-tabs{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-tabs{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-tabs-h{display:block;overflow:visible;position:relative;--tab-pink:var(--color-danger, #ec4899);--tab-pink-light:var(--bg-primary, #fce7f3);--tab-teal:var(--color-primary, #14b8a6);--tab-teal-light:var(--bg-primary, #ccfbf1);--tab-purple:var(--color-primary, #a855f7);--tab-blue:var(--color-primary, #10b981);--tab-dark-bg:var(--bg-primary, #1e293b);--tab-dark-surface:var(--color-primary, #334155);--tab-text-primary:var(--text-primary, #0f172a);--tab-text-secondary:var(--text-secondary, #64748b);--tab-label-color:var(--tab-text-override, var(--label-color, var(--text-primary, #1f2937)));--tab-border:var(--border-subtle, #e2e8f0);--tab-indicator-bg:var(--tab-active-color, var(--tab-pink));--enterprise-easing:cubic-bezier(0.4, 0, 0.2, 1)}.tabs-container.sc-ui-tabs{display:flex;flex-direction:column;font-family:var(--font-family, "\'Inter\', -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif");border-radius:var(--border-radius, 8px);overflow:visible;background:var(--container-bg, transparent);width:100%;position:relative}.tabs-vertical.sc-ui-tabs{flex-direction:row;height:100%}.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-color, var(--tab-border));align-items:stretch;overflow:visible;height:100%;max-height:100%;flex-shrink:0}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs{flex-direction:column;overflow-y:auto;overflow-x:visible;min-width:180px;flex:1;max-height:calc(100% - 80px);scrollbar-width:thin}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar{width:4px}.tabs-vertical.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar-thumb{background:var(--color-primary, #cbd5e1);border-radius:2px}.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs{width:100%;justify-content:flex-start;text-align:left;flex-shrink:0}.tabs-header-wrapper.sc-ui-tabs{display:flex;align-items:center;position:relative;background-color:var(--header-bg, transparent);border-bottom:1px solid var(--border-color, var(--tab-border));padding:0 4px;overflow:visible;z-index:100}.indicator-top.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{border-bottom:none;border-top:1px solid var(--border-color, var(--tab-border))}.tab-header.sc-ui-tabs{border:none;outline:none !important;background:transparent;cursor:pointer;font-family:inherit;position:relative;z-index:10}.tab-header.sc-ui-tabs:focus{outline:none !important;box-shadow:none !important}.tab-header.sc-ui-tabs:focus-visible{outline:2px solid var(--tab-pink);outline-offset:-2px;border-radius:4px}.tabs-variant-line.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:1px solid rgba(0, 0, 0, 0.08)}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs{border:none;border-bottom:none;margin-bottom:-1px;color:var(--tab-label-color);opacity:0.6;font-weight:500;transition:all 0.25s var(--enterprise-easing);position:relative;outline:none !important;flex-shrink:0;padding:14px 22px;background:transparent;letter-spacing:-0.01em;font-size:14px}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs::after{display:none}.tabs-variant-line.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active):not(.tab-header-disabled){color:var(--tab-label-color);opacity:0.85;background:rgba(128, 128, 128, 0.05)}.tabs-variant-line.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--tab-active-color, var(--tab-pink));opacity:1;font-weight:600}.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{background:var(--tab-indicator-bg);border-radius:4px 4px 0 0;opacity:1;transition:all 0.3s var(--enterprise-easing);z-index:10;height:4px;bottom:0;top:auto;box-shadow:0 -2px 10px -1px var(--tab-active-color, var(--tab-pink))}.indicator-top.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 4px 4px;bottom:auto;top:0;box-shadow:0 2px 10px -1px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.tabs-variant-line.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:4px;height:auto;left:auto;right:0;border-radius:4px 0 0 4px;background:var(--tab-indicator-bg);box-shadow:-2px 0 10px -1px var(--tab-active-color, var(--tab-pink))}.tabs-variant-card.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);padding:8px 8px 0 8px;gap:4px}.tabs-variant-card.sc-ui-tabs .tab-header.sc-ui-tabs{border:none;border-radius:10px 10px 0 0;margin-bottom:-1px;padding:12px 20px;background:transparent;color:var(--tab-label-color);opacity:0.6;outline:none !important;flex-shrink:0;transition:all 0.2s ease;font-weight:500}.tabs-variant-card.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.05);color:var(--tab-label-color);opacity:0.85}.tabs-variant-card.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--tab-active-color, var(--color-primary, #3b82f6));opacity:1;font-weight:600;box-shadow:0 -2px 8px rgba(0, 0, 0, 0.04)}.tabs-variant-pill.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{border-bottom:none;gap:10px;padding:12px;background:transparent}.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs{border-radius:10px;border:none;padding:12px 24px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);font-weight:500;color:var(--tab-label-color);opacity:0.6;outline:none !important;flex-shrink:0;font-size:14px}.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.07);color:var(--tab-label-color);opacity:0.85}.tabs-variant-pill.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--color-primary, #14b8a6));color:var(--text-standard, #ffffff);opacity:1;font-weight:600;box-shadow:0 4px 14px rgba(0, 0, 0, 0.15)}.tabs-variant-subtle.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:none;gap:6px;padding:10px}.tabs-variant-subtle.sc-ui-tabs .tab-header.sc-ui-tabs{border-radius:8px;border:none;color:var(--tab-label-color);opacity:0.6;padding:12px 18px;transition:all 0.2s ease;outline:none !important;flex-shrink:0;font-weight:500}.tabs-variant-subtle.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.06);color:var(--tab-label-color);opacity:0.85}.tabs-variant-subtle.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 12%, transparent);color:var(--tab-active-color, var(--tab-pink));opacity:1;font-weight:600}.tabs-variant-glass.sc-ui-tabs{background:rgba(255, 255, 255, 0.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255, 255, 255, 0.7);box-shadow:0 8px 32px rgba(0, 0, 0, 0.08)}.tabs-variant-glass.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:rgba(255, 255, 255, 0.5);border-bottom:1px solid rgba(255, 255, 255, 0.4)}.tabs-variant-glass.sc-ui-tabs .tab-header.sc-ui-tabs{color:var(--tab-label-color);opacity:0.65;outline:none !important;flex-shrink:0;font-weight:500;transition:all 0.25s ease;padding:12px 20px;border:none}.tabs-variant-glass.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.1);color:var(--tab-label-color);opacity:0.9}.tabs-variant-glass.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:rgba(255, 255, 255, 0.95);color:var(--tab-active-color, var(--color-primary, #3b82f6));opacity:1;font-weight:600;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.tabs-variant-folder.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;padding:0 16px;align-items:flex-end;border-bottom:none;gap:0}.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs{background:color-mix(in srgb, var(--tab-label-color) 10%, transparent);color:var(--tab-label-color);opacity:0.65;padding:12px 24px;margin-right:4px;border-radius:12px 12px 0 0;border:none;position:relative;transition:all 0.2s ease;font-weight:500;box-shadow:inset 0 -2px 4px rgba(0, 0, 0, 0.05)}.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs::before,.tabs-variant-folder.sc-ui-tabs .tab-header.sc-ui-tabs::after{content:"";position:absolute;bottom:0;width:12px;height:12px;background:transparent;pointer-events:none;display:none}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--color-primary, #f59e0b));color:var(--text-standard, #ffffff);opacity:1;z-index:10;box-shadow:0 -4px 12px rgba(0, 0, 0, 0.14)}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs::before{display:block;left:-12px;border-bottom-right-radius:12px;box-shadow:6px 0 0 0 var(--tab-active-color, var(--color-warning, #f59e0b))}.tabs-variant-folder.sc-ui-tabs .tab-header-active.sc-ui-tabs::after{display:block;right:-12px;border-bottom-left-radius:12px;box-shadow:-6px 0 0 0 var(--tab-active-color, var(--color-warning, #f59e0b))}.tabs-variant-slanted.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);padding:10px 10px 0;border-bottom:2px solid var(--border-subtle, #e2e8f0)}.tabs-variant-slanted.sc-ui-tabs .tab-header.sc-ui-tabs{padding:12px 32px;background:color-mix(in srgb, var(--tab-label-color) 8%, transparent);color:var(--tab-label-color);opacity:0.6;margin-right:-12px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:0.05em;clip-path:polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%);transition:all 0.3s ease}.tabs-variant-slanted.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:color-mix(in srgb, var(--tab-label-color) 16%, transparent);color:var(--tab-label-color);opacity:0.85}.tabs-variant-slanted.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--tab-active-color, var(--bg-inverted, #1e293b));color:var(--text-standard, #ffffff);opacity:1;z-index:5;transform:scale(1.05);box-shadow:0 4px 15px rgba(0, 0, 0, 0.2)}.tabs-variant-minimal.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:transparent;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.tabs-variant-minimal.sc-ui-tabs .tab-header.sc-ui-tabs{padding:16px 24px;color:var(--tab-label-color);opacity:0.55;font-weight:500;transition:color 0.3s ease, opacity 0.25s ease}.tabs-variant-minimal.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){opacity:0.8}.tabs-variant-minimal.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--tab-active-color, var(--tab-label-color));opacity:1}.tabs-variant-minimal.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:3px;bottom:0;top:auto;border-radius:3px 3px 0 0;background:var(--tab-indicator-bg);box-shadow:0 -2px 12px var(--tab-active-color, var(--tab-pink));opacity:1}.indicator-top.tabs-variant-minimal.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 3px 3px;bottom:auto;top:0;box-shadow:0 2px 12px var(--tab-active-color, var(--tab-pink))}.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:6px !important;border-radius:6px !important;box-shadow:0 -2px 12px -2px var(--tab-active-color, var(--tab-pink))}.indicator-top.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:6px !important;box-shadow:0 2px 12px -2px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.indicator-style-capsule.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:6px !important;border-radius:6px !important;box-shadow:-2px 0 12px -2px var(--tab-active-color, var(--tab-pink))}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:6px !important;transform-origin:bottom center !important}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--tab-active-color, var(--tab-pink));box-shadow:0 0 8px 2px var(--tab-active-color, var(--tab-pink))}.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{background:transparent !important;box-shadow:none !important;height:8px !important;border-radius:0 !important}.indicator-top.indicator-style-dot.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs::after{bottom:auto;top:0;transform:translate(-50%, 0)}.indicator-style-glow.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:4px !important;border-radius:4px !important;filter:blur(1px);box-shadow:0 0 8px 3px var(--tab-active-color, var(--tab-pink)), 0 0 20px 6px color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 50%, transparent) !important}.tabs-vertical.indicator-style-glow.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:4px !important;filter:blur(1px);box-shadow:0 0 8px 3px var(--tab-active-color, var(--tab-pink)), 0 0 20px 6px color-mix(in srgb, var(--tab-active-color, var(--tab-pink)) 50%, transparent) !important}.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:8px !important;border-radius:8px 8px 0 0 !important;box-shadow:0 -3px 14px -2px var(--tab-active-color, var(--tab-pink))}.indicator-top.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{border-radius:0 0 8px 8px !important;box-shadow:0 3px 14px -2px var(--tab-active-color, var(--tab-pink))}.tabs-vertical.indicator-style-bold.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{width:8px !important;border-radius:8px 0 0 8px !important;box-shadow:-3px 0 14px -2px var(--tab-active-color, var(--tab-pink))}.indicator-style-none.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{display:none !important}.tabs-variant-elastic.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-primary, #ffffff);padding:8px;border-radius:999px;border:1px solid var(--border-subtle, #e2e8f0);box-shadow:0 8px 30px rgba(0, 0, 0, 0.05);display:inline-flex;gap:0;align-self:center}.tabs-variant-elastic.sc-ui-tabs .tab-header.sc-ui-tabs{padding:10px 24px;border-radius:999px;color:var(--tab-label-color);opacity:0.55;font-weight:600;z-index:10;transition:color 0.3s ease;font-size:13px;text-transform:uppercase;letter-spacing:0.05em}.tabs-variant-elastic.sc-ui-tabs .tab-header-active.sc-ui-tabs{color:var(--text-standard, #ffffff);opacity:1}.tabs-variant-elastic.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{height:calc(100% - 16px) !important;top:8px;border-radius:999px;background:var(--tab-indicator-bg);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);z-index:5;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), width 0.3s ease}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--color-success, #22c55e);border-right:none;padding:24px 12px;width:80px;flex-shrink:0;display:flex;flex-direction:column;gap:32px}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255, 255, 255, 0.2);color:var(--text-standard, #ffffff);padding:0;margin:0 auto;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(255, 255, 255, 0.3);transform:scale(1.1)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--color-success, #22c55e);transform:scale(1.15);box-shadow:0 8px 25px rgba(0, 0, 0, 0.15)}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:24px}.tabs-variant-sidebar.tabs-vertical.sc-ui-tabs .tab-title.sc-ui-tabs{display:none}.tab-selection-indicator.sc-ui-tabs{position:absolute;top:0;left:0;pointer-events:none;transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, box-shadow 0.3s ease;opacity:0;z-index:5}.tab-header.sc-ui-tabs .tab-selection-indicator.sc-ui-tabs{opacity:1 !important}.tabs-variant-enclosed.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);padding:6px;gap:4px;border-radius:12px;border:1px solid var(--border-subtle, #e2e8f0)}.tabs-variant-enclosed.sc-ui-tabs .tab-header.sc-ui-tabs{background:transparent;border-radius:9px;padding:12px 20px;color:var(--tab-label-color);opacity:0.6;border:none;flex-shrink:0;outline:none !important;font-weight:500;transition:all 0.2s ease}.tabs-variant-enclosed.sc-ui-tabs .tab-header.sc-ui-tabs:hover:not(.tab-header-active){background:rgba(128, 128, 128, 0.08);color:var(--tab-label-color);opacity:0.85}.tabs-variant-enclosed.sc-ui-tabs .tab-header-active.sc-ui-tabs{background:var(--bg-primary, #ffffff);color:var(--tab-active-color, var(--tab-text-primary));opacity:1;font-weight:600;box-shadow:0 2px 6px rgba(0, 0, 0, 0.08)}.tabs-size-xs.sc-ui-tabs .tab-header.sc-ui-tabs{padding:4px 10px;font-size:11px;min-height:28px;gap:4px}.tabs-size-xs.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:12px}.tabs-size-sm.sc-ui-tabs .tab-header.sc-ui-tabs{padding:6px 12px;font-size:12px;min-height:32px}.tabs-size-md.sc-ui-tabs .tab-header.sc-ui-tabs{padding:10px 18px;font-size:14px;min-height:40px}.tabs-size-lg.sc-ui-tabs .tab-header.sc-ui-tabs{padding:14px 24px;font-size:15px;font-weight:500;min-height:48px}.tabs-size-xl.sc-ui-tabs .tab-header.sc-ui-tabs{padding:18px 32px;font-size:16px;font-weight:500;min-height:56px;letter-spacing:0.01em}.tabs-size-xs.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:12px}.tabs-size-sm.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:14px}.tabs-size-md.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:15px}.tabs-size-lg.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:18px}.tabs-size-xl.sc-ui-tabs .tab-icon.sc-ui-tabs{font-size:20px}.tabs-size-xs.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:9px;padding:1px 4px;min-width:14px;height:14px}.tabs-size-sm.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:10px;padding:1px 5px;min-width:16px;height:16px}.tabs-size-xl.sc-ui-tabs .tab-badge.sc-ui-tabs{font-size:12px;padding:3px 8px;min-width:20px;height:20px}.tabs-vertical.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-color, var(--tab-border));align-items:stretch;overflow:visible;max-height:100%;height:100%}.tab-title.sc-ui-tabs{flex:1;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;max-width:240px}.tabs-header.sc-ui-tabs{display:flex;flex:1;overflow:visible;flex-wrap:nowrap;position:relative}.tabs-scrollable.sc-ui-tabs .tabs-header.sc-ui-tabs{overflow-x:auto;overflow-y:visible;scrollbar-width:none;align-items:flex-end;scroll-behavior:smooth}.tabs-scrollable.sc-ui-tabs .tabs-header.sc-ui-tabs::-webkit-scrollbar{display:none}.scroll-button.sc-ui-tabs{z-index:20;background:var(--bg-primary, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);color:var(--text-muted, #64748b);margin:0 6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);font-size:20px;font-weight:600}.scroll-button.sc-ui-tabs:hover{background:var(--tab-pink-light);color:var(--tab-pink);border-color:var(--tab-pink);transform:scale(1.08);box-shadow:0 4px 12px rgba(236, 72, 153, 0.25)}.scroll-button.sc-ui-tabs:active{transform:scale(0.95)}.tabs-vertical.sc-ui-tabs .scroll-button.sc-ui-tabs{margin:6px 0;width:100%;min-width:auto;border-radius:6px}.tabs-vertical.sc-ui-tabs .scroll-button.scroll-up.sc-ui-tabs,.tabs-vertical.sc-ui-tabs .scroll-button.scroll-down.sc-ui-tabs{height:32px;width:100%;border-radius:6px;font-size:12px}.tabs-content.sc-ui-tabs{flex:1;position:relative;background-color:var(--content-bg, var(--bg-primary, var(--text-standard, #ffffff)));padding:0;z-index:1}.tab-content.sc-ui-tabs{display:none;padding:28px;animation-fill-mode:both}.tab-content-active.sc-ui-tabs{display:block}.tab-header-content.sc-ui-tabs{display:flex;align-items:center;gap:10px}.tab-icon.sc-ui-tabs{font-size:18px;display:inline-flex;opacity:0.9}.tab-header-active.sc-ui-tabs .tab-icon.sc-ui-tabs{opacity:1}.tab-badge.sc-ui-tabs{background-color:var(--tab-pink);color:var(--text-standard, #ffffff);padding:3px 10px;border-radius:14px;font-size:11px;line-height:1.5;font-weight:600;min-width:22px;text-align:center;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15)}.tab-badge.badge-neutral.sc-ui-tabs{background-color:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b);box-shadow:none}.tab-badge.badge-primary.sc-ui-tabs{background-color:var(--tab-blue);color:var(--text-standard, #ffffff)}.tab-badge.badge-success.sc-ui-tabs{background-color:var(--tab-teal);color:var(--text-standard, #ffffff)}.tab-badge.badge-warning.sc-ui-tabs{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tab-close.sc-ui-tabs{margin-left:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--color-primary, #94a3b8);padding:0;transition:all 0.2s ease;font-size:18px;line-height:1}.tab-close.sc-ui-tabs:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.12);color:var(--color-danger, #ef4444);transform:scale(1.15)}.tab-close-all.sc-ui-tabs{color:var(--color-primary, #94a3b8);background:transparent;border:none;cursor:pointer;padding:10px;border-radius:10px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.tab-close-all.sc-ui-tabs:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.12);color:var(--color-danger, #ef4444)}.tab-close-all.sc-ui-tabs svg.sc-ui-tabs{width:18px;height:18px}.tab-list-button.sc-ui-tabs{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, var(--text-muted, #64748b));padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-right:6px}.tab-list-button.sc-ui-tabs:hover{background:rgba(236, 72, 153, 0.1);color:var(--tab-pink)}.tab-list-dropdown.sc-ui-tabs{position:fixed;background:var(--bg-primary, #ffffff);min-width:240px;max-width:340px;overflow-y:auto;border-radius:14px;box-shadow:0 12px 48px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.05);z-index:1000;padding:8px;animation:dropdownSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);transform-origin:top right;display:flex;flex-direction:column}.tab-list-header.sc-ui-tabs{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 10px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, 0.06));margin-bottom:4px}.tab-list-header-title.sc-ui-tabs{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted, #94a3b8)}.tab-list-header-count.sc-ui-tabs{font-size:11px;font-weight:600;padding:1px 8px;border-radius:20px;background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.tab-list-search.sc-ui-tabs{padding:8px 10px 4px}.tab-list-active-check.sc-ui-tabs{display:inline-flex;align-items:center;margin-left:auto;flex-shrink:0;color:var(--tab-pink, var(--color-primary, #ec4899));opacity:0.9}.tab-list-item.sc-ui-tabs{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 14px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:14px;color:var(--color-primary, #334155);transition:all 0.2s ease;font-weight:500}.tab-list-item.sc-ui-tabs:hover{background:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a);transform:translateX(4px)}.tab-list-item.active.sc-ui-tabs{background:linear-gradient(135deg, rgba(236, 72, 153, 0.12) 0%, rgba(168, 85, 247, 0.12) 100%);color:var(--tab-pink);font-weight:600}.tab-list-icon.sc-ui-tabs{font-size:20px;display:inline-flex;opacity:0.9}.tab-list-item.active.sc-ui-tabs .tab-list-icon.sc-ui-tabs{opacity:1}.tab-list-title.sc-ui-tabs{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-list-badge.sc-ui-tabs{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:600}.tab-list-item.active.sc-ui-tabs .tab-list-badge.sc-ui-tabs{background:var(--tab-pink);color:var(--text-standard, #ffffff)}.tab-actions.sc-ui-tabs{position:relative;display:flex;align-items:center;z-index:10}.tab-actions.active.sc-ui-tabs{z-index:9998}.tab-menu.sc-ui-tabs{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary, #94a3b8);font-weight:bold;line-height:1;padding:0;transition:all 0.2s ease;font-size:16px}.tab-menu.sc-ui-tabs:hover,.tab-actions.active.sc-ui-tabs .tab-menu.sc-ui-tabs{background:rgba(0, 0, 0, 0.06);color:var(--text-primary, #1e293b)}.tab-menu-popover.sc-ui-tabs{position:absolute;top:100%;margin-top:8px;background:var(--bg-primary, #ffffff);min-width:180px;border-radius:12px;box-shadow:0 12px 48px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.05);z-index:9999;padding:8px;display:flex;flex-direction:column;animation:dropdownSlideIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);transform-origin:top right}.tab-menu-item.sc-ui-tabs{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:9px;cursor:pointer;font-size:14px;color:var(--color-primary, #334155);transition:all 0.2s ease;white-space:nowrap;font-weight:500}.tab-menu-item.sc-ui-tabs:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #0f172a)}.tab-menu-item.danger.sc-ui-tabs{color:var(--color-danger, #ef4444)}.tab-menu-item.danger.sc-ui-tabs:hover{background:var(--bg-primary, #fef2f2)}.menu-icon.sc-ui-tabs{font-size:15px;width:18px;display:inline-flex;justify-content:center;opacity:0.9}.menu-divider.sc-ui-tabs{height:1px;background:var(--bg-primary, #e2e8f0);margin:6px 0}@keyframes dropdownSlideIn{from{opacity:0;transform:scale(0.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{from{opacity:0;margin-top:-8px}to{opacity:1;margin-top:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0}to{opacity:1}}.animation-slide.tab-content-active.sc-ui-tabs{animation:slideDown 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.animation-fade.tab-content-active.sc-ui-tabs{animation:fadeIn 0.35s ease}.animation-scale.tab-content-active.sc-ui-tabs{animation:scaleIn 0.35s cubic-bezier(0.4, 0, 0.2, 1)}.tab-header-disabled.sc-ui-tabs{opacity:0.4;cursor:not-allowed;pointer-events:none}.tabs-vertical.tabs-variant-pill.sc-ui-tabs .tabs-header-wrapper.sc-ui-tabs{gap:10px;padding:12px;border-right:none}.tabs-vertical.tabs-variant-pill.sc-ui-tabs .tab-header.sc-ui-tabs{width:100%}@media (max-width: 640px){.tab-header.sc-ui-tabs{padding:10px 14px;font-size:13px}.tabs-size-lg.sc-ui-tabs .tab-header.sc-ui-tabs{padding:12px 18px;font-size:14px}}.tab-edit-input.sc-ui-tabs{background:var(--bg-primary, #ffffff);border:1px solid var(--color-primary, #1890ff);border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;padding:2px 4px;width:100%;max-width:200px;outline:none;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.tabs-container[aria-orientation=vertical].sc-ui-tabs .tab-edit-input.sc-ui-tabs{max-width:none}';export{n as ui_tabs}
|