atomicuilibrary 0.1.0 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/category-section.cjs.entry.js +2 -2
- package/dist/cjs/dom-BvBb0kmW.js +267 -0
- package/dist/cjs/exploration-project-tailwind.cjs.js +2 -2
- package/dist/cjs/{index-ClkOYpT8.js → index-C32cWsm5.js} +1 -1
- package/dist/cjs/layout-manager.cjs.entry.js +3 -3
- package/dist/cjs/library-card.cjs.entry.js +2 -2
- package/dist/cjs/lm-container_2.cjs.entry.js +2 -2
- package/dist/cjs/lm-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/my-step.cjs.entry.js +2 -2
- package/dist/cjs/nav-bar.cjs.entry.js +4 -4
- package/dist/cjs/smart-step.cjs.entry.js +3 -3
- package/dist/cjs/timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-accordion_11.cjs.entry.js +132 -50
- package/dist/cjs/ui-advanced-data-table.cjs.entry.js +2 -2
- package/dist/cjs/ui-anchor.cjs.entry.js +2 -2
- package/dist/cjs/ui-animate-on-scroll.cjs.entry.js +3 -3
- package/dist/cjs/ui-aside-panel.cjs.entry.js +10 -11
- package/dist/cjs/ui-avatar-group_5.cjs.entry.js +1694 -0
- package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/ui-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ui-callout-banner.cjs.entry.js +2 -2
- package/dist/cjs/ui-card.cjs.entry.js +4 -3
- package/dist/cjs/ui-carousel.cjs.entry.js +1 -1
- package/dist/cjs/ui-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ui-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-preview.cjs.entry.js +2 -2
- package/dist/cjs/ui-color-picker.cjs.entry.js +256 -22
- package/dist/cjs/ui-command-palette.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-box.cjs.entry.js +85 -11
- package/dist/cjs/ui-dialog-content.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-footer_2.cjs.entry.js +1 -1
- package/dist/cjs/ui-divider.cjs.entry.js +1 -1
- package/dist/cjs/ui-dock-host.cjs.entry.js +4 -4
- package/dist/cjs/ui-dock.cjs.entry.js +2 -2
- package/dist/cjs/ui-drag-drop.cjs.entry.js +2 -2
- package/dist/cjs/ui-dropdown_2.cjs.entry.js +104 -34
- package/dist/cjs/ui-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab-item.cjs.entry.js +2 -2
- package/dist/cjs/ui-fab.cjs.entry.js +4 -4
- package/dist/cjs/ui-file-upload.cjs.entry.js +143 -44
- package/dist/cjs/ui-horizontal-nav.cjs.entry.js +2 -2
- package/dist/cjs/ui-knob.cjs.entry.js +1 -1
- package/dist/cjs/ui-label.cjs.entry.js +473 -0
- package/dist/cjs/ui-library.cjs.entry.js +2 -2
- package/dist/cjs/ui-list-group_2.cjs.entry.js +349 -60
- package/dist/cjs/ui-list.cjs.entry.js +76 -42
- package/dist/cjs/ui-masonry.cjs.entry.js +1 -1
- package/dist/cjs/ui-meter-group.cjs.entry.js +5 -4
- package/dist/cjs/ui-navigation-item.cjs.entry.js +5 -5
- package/dist/cjs/ui-number-input.cjs.entry.js +7 -3
- package/dist/cjs/ui-otp-input.cjs.entry.js +5 -5
- package/dist/cjs/{ui-pagination_4.cjs.entry.js → ui-pagination_3.cjs.entry.js} +35 -506
- package/dist/cjs/ui-panel.cjs.entry.js +1 -1
- package/dist/cjs/ui-pattern-input.cjs.entry.js +46 -11
- package/dist/cjs/ui-progress.cjs.entry.js +66 -9
- package/dist/cjs/ui-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/ui-resizable-panel.cjs.entry.js +2 -2
- package/dist/cjs/ui-scroll-top.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-context-menu.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ui-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-speed-dial.cjs.entry.js +1 -1
- package/dist/cjs/ui-speedometer.cjs.entry.js +28 -17
- package/dist/cjs/ui-splitter.cjs.entry.js +1 -1
- package/dist/cjs/ui-step.cjs.entry.js +2 -2
- package/dist/cjs/ui-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +14 -13
- package/dist/cjs/ui-tabs.cjs.entry.js +2 -2
- package/dist/cjs/ui-tag.cjs.entry.js +58 -13
- package/dist/cjs/ui-timeline.cjs.entry.js +10 -2
- package/dist/cjs/ui-timer.cjs.entry.js +2 -2
- package/dist/cjs/ui-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/ui-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/ui-top-bar.cjs.entry.js +1 -1
- package/dist/cjs/ui-transfer-list.cjs.entry.js +6 -6
- package/dist/cjs/ui-tree.cjs.entry.js +30 -15
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +2 -2
- package/dist/collection/assets/js/component-config.js +1 -0
- package/dist/collection/assets/js/demo-loader.js +2 -0
- package/dist/collection/assets/js/demos/about-demo.js +13 -13
- package/dist/collection/assets/js/demos/accordion-demo.js +66 -66
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +102 -102
- package/dist/collection/assets/js/demos/anchor-demo.js +27 -28
- package/dist/collection/assets/js/demos/animate-on-scroll-demo.js +12 -12
- package/dist/collection/assets/js/demos/aside-panel-demo.js +51 -51
- package/dist/collection/assets/js/demos/avatar-demo.js +433 -95
- package/dist/collection/assets/js/demos/badge-demo.js +51 -52
- package/dist/collection/assets/js/demos/breadcrumb-demo.js +7 -7
- package/dist/collection/assets/js/demos/button-demo.js +117 -107
- package/dist/collection/assets/js/demos/button-toggle-demo.js +199 -96
- package/dist/collection/assets/js/demos/callout-banner-demo.js +23 -23
- package/dist/collection/assets/js/demos/card-demo.js +23 -22
- package/dist/collection/assets/js/demos/carousel-demo.js +632 -360
- package/dist/collection/assets/js/demos/checkbox-demo.js +124 -7
- package/dist/collection/assets/js/demos/color-picker-demo.js +394 -100
- package/dist/collection/assets/js/demos/command-palette-demo.js +182 -65
- package/dist/collection/assets/js/demos/complex-form-demo.js +5 -5
- package/dist/collection/assets/js/demos/context-menu-demo.js +43 -43
- package/dist/collection/assets/js/demos/dialog-demo-temp.js +3 -3
- package/dist/collection/assets/js/demos/dialog-demo.js +336 -230
- package/dist/collection/assets/js/demos/divider-demo.js +59 -62
- package/dist/collection/assets/js/demos/dock-demo.js +12 -12
- package/dist/collection/assets/js/demos/dock-host-init.js +31 -31
- package/dist/collection/assets/js/demos/documentation-demo.js +34 -34
- package/dist/collection/assets/js/demos/drag-drop-demo.js +2 -2
- package/dist/collection/assets/js/demos/dropdown-demo.js +140 -136
- package/dist/collection/assets/js/demos/dropdown-subtitle-demo.js +2 -2
- package/dist/collection/assets/js/demos/empty-state-demo.js +294 -78
- package/dist/collection/assets/js/demos/fab-demo.js +95 -11
- package/dist/collection/assets/js/demos/file-upload-demo.js +641 -171
- package/dist/collection/assets/js/demos/home-components.js +2 -2
- package/dist/collection/assets/js/demos/horizontal-nav-demo.js +6 -6
- package/dist/collection/assets/js/demos/icon-demo.js +17 -17
- package/dist/collection/assets/js/demos/input-demo.js +147 -143
- package/dist/collection/assets/js/demos/knob-demo.js +29 -30
- package/dist/collection/assets/js/demos/label-demo.js +697 -0
- package/dist/collection/assets/js/demos/layout-manager-demo.js +55 -55
- package/dist/collection/assets/js/demos/list-demo.js +185 -122
- package/dist/collection/assets/js/demos/loader-demo.js +48 -48
- package/dist/collection/assets/js/demos/masonry-demo.js +568 -140
- package/dist/collection/assets/js/demos/meter-group-demo.js +14 -16
- package/dist/collection/assets/js/demos/multi-level-context-menu-demo.js +25 -25
- package/dist/collection/assets/js/demos/my-profile-demo.js +27 -27
- package/dist/collection/assets/js/demos/nav-bar-demo.js +1 -1
- package/dist/collection/assets/js/demos/number-input-demo.js +262 -211
- package/dist/collection/assets/js/demos/pagination-demo.js +29 -29
- package/dist/collection/assets/js/demos/panel-demo.js +18 -25
- package/dist/collection/assets/js/demos/pattern-input-demo.js +278 -40
- package/dist/collection/assets/js/demos/popover-demo.js +240 -149
- package/dist/collection/assets/js/demos/progress-demo.js +170 -156
- package/dist/collection/assets/js/demos/radio-demo.js +73 -12
- package/dist/collection/assets/js/demos/range-slider-demo.js +33 -33
- package/dist/collection/assets/js/demos/rating-demo.js +19 -19
- package/dist/collection/assets/js/demos/scroll-top-demo.js +8 -9
- package/dist/collection/assets/js/demos/skeleton-demo.js +110 -52
- package/dist/collection/assets/js/demos/skeleton-performance-demo.js +2 -2
- package/dist/collection/assets/js/demos/smart-dialog-demo.js +12 -12
- package/dist/collection/assets/js/demos/smart-menu-demo.js +17 -17
- package/dist/collection/assets/js/demos/snackbar-demo.js +53 -53
- package/dist/collection/assets/js/demos/speed-dial-demo.js +14 -14
- package/dist/collection/assets/js/demos/speedometer-demo.js +40 -32
- package/dist/collection/assets/js/demos/split-button-demo.js +2 -2
- package/dist/collection/assets/js/demos/splitter-demo.js +14 -14
- package/dist/collection/assets/js/demos/stack-demo.js +27 -27
- package/dist/collection/assets/js/demos/stepper-demo.js +49 -49
- package/dist/collection/assets/js/demos/switch-demo.js +561 -125
- package/dist/collection/assets/js/demos/tabs-demo.js +22 -22
- package/dist/collection/assets/js/demos/tag-demo.js +62 -62
- package/dist/collection/assets/js/demos/theme-selector-demo.js +27 -27
- package/dist/collection/assets/js/demos/timeline-demo.js +10 -10
- package/dist/collection/assets/js/demos/timeline-playground.js +2 -2
- package/dist/collection/assets/js/demos/timer-demo.js +10 -10
- package/dist/collection/assets/js/demos/toolbar-demo.js +17 -17
- package/dist/collection/assets/js/demos/tooltip-demo.js +92 -90
- package/dist/collection/assets/js/demos/top-bar-demo.js +6 -6
- package/dist/collection/assets/js/demos/transfer-list-demo.js +20 -20
- package/dist/collection/assets/js/demos/tree-demo.js +50 -66
- package/dist/collection/assets/js/demos/workspace-manager-demo.js +20 -20
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/accordion/accordion.css +275 -9
- package/dist/collection/components/accordion/accordion.js +7 -6
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +5 -5
- package/dist/collection/components/advanced-data-table/advanced-data-table.js +2 -2
- package/dist/collection/components/anchor/anchor.css +1 -0
- package/dist/collection/components/animate-on-scroll/animate-on-scroll.js +2 -2
- package/dist/collection/components/aside-panel/aside-panel.css +2 -2
- package/dist/collection/components/aside-panel/aside-panel.js +10 -11
- package/dist/collection/components/avatar/avatar.css +6 -6
- package/dist/collection/components/avatar/avatar.js +63 -11
- package/dist/collection/components/badge/badge.css +27 -17
- package/dist/collection/components/badge/badge.js +6 -3
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +2 -2
- package/dist/collection/components/button/button.css +1 -0
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/button-toggle/button-toggle.js +2 -2
- package/dist/collection/components/button-toggle-group/button-toggle-group.css +161 -14
- package/dist/collection/components/button-toggle-group/button-toggle-group.js +2 -2
- package/dist/collection/components/callout-banner/callout-banner.css +75 -0
- package/dist/collection/components/callout-banner/callout-banner.js +1 -1
- package/dist/collection/components/card/card.css +221 -9
- package/dist/collection/components/card/card.js +3 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/code-editor/code-editor.js +1 -1
- package/dist/collection/components/code-preview/ui-code-preview.js +1 -1
- package/dist/collection/components/color-picker/color-picker.css +110 -6
- package/dist/collection/components/color-picker/color-picker.js +302 -26
- package/dist/collection/components/context-menu/context-menu.css +9 -9
- package/dist/collection/components/dialog-box/dialog-box.js +116 -14
- package/dist/collection/components/dialog-header/dialog-header.js +1 -1
- package/dist/collection/components/dock/dock.css +116 -3
- package/dist/collection/components/dock-host/ui-dock-host.js +3 -3
- package/dist/collection/components/drag-drop/drag-drop.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +101 -8
- package/dist/collection/components/dropdown/dropdown.js +94 -28
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/fab/fab.css +87 -15
- package/dist/collection/components/fab/fab.js +3 -3
- package/dist/collection/components/fab-item/fab-item.js +1 -1
- package/dist/collection/components/file-upload/file-upload.css +1362 -31
- package/dist/collection/components/file-upload/file-upload.js +171 -50
- package/dist/collection/components/horizontal-nav/horizontal-nav.css +9 -9
- package/dist/collection/components/horizontal-nav/horizontal-nav.js +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/input/input.css +9 -0
- package/dist/collection/components/input/input.js +20 -9
- package/dist/collection/components/label/label.css +583 -0
- package/dist/collection/components/label/label.js +1669 -0
- package/dist/collection/components/layout-manager/layout-manager.js +1 -1
- package/dist/collection/components/layout-manager/lm-floating-window/lm-floating-window.js +1 -1
- package/dist/collection/components/layout-manager/lm-panel/lm-panel.js +1 -1
- package/dist/collection/components/layout-manager/lm-splitter/lm-splitter.js +1 -1
- package/dist/collection/components/layout-manager/lm-tabs/lm-tabs.js +1 -1
- package/dist/collection/components/library/category-section.js +1 -1
- package/dist/collection/components/library/library-card.js +1 -1
- package/dist/collection/components/library/library.js +1 -1
- package/dist/collection/components/list/list.css +46 -5
- package/dist/collection/components/list/list.js +76 -42
- package/dist/collection/components/list-group/list-group.css +0 -2
- package/dist/collection/components/list-group/list-group.js +11 -5
- package/dist/collection/components/list-item/list-item.css +403 -131
- package/dist/collection/components/list-item/list-item.js +345 -61
- package/dist/collection/components/loader/loader.css +1 -1
- package/dist/collection/components/loader/loader.js +2 -2
- package/dist/collection/components/meter-group/meter-group.css +5 -0
- package/dist/collection/components/meter-group/meter-group.js +3 -2
- package/dist/collection/components/my-step/my-step.js +1 -1
- package/dist/collection/components/nav-bar/nav-bar.css +4 -4
- package/dist/collection/components/nav-bar/nav-bar.js +6 -6
- package/dist/collection/components/number-input/number-input.js +6 -2
- package/dist/collection/components/otp-input/otp-input.css +10 -0
- package/dist/collection/components/otp-input/otp-input.js +3 -3
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/pattern-input/pattern-input.css +0 -1
- package/dist/collection/components/pattern-input/pattern-input.js +44 -9
- package/dist/collection/components/popover/popover.css +35 -7
- package/dist/collection/components/popover/popover.js +64 -9
- package/dist/collection/components/progress/progress.css +176 -32
- package/dist/collection/components/progress/progress.js +66 -8
- package/dist/collection/components/radio/radio.css +2 -0
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/range-slider/range-slider.css +284 -31
- package/dist/collection/components/range-slider/range-slider.js +5 -5
- package/dist/collection/components/rating/rating.css +151 -65
- package/dist/collection/components/rating/rating.js +31 -13
- package/dist/collection/components/resizable-panel/resizable-panel.js +1 -1
- package/dist/collection/components/skeleton/skeleton-loader.css +144 -44
- package/dist/collection/components/skeleton/skeleton-loader.js +11 -7
- package/dist/collection/components/smart-stepper/smart-step.js +2 -2
- package/dist/collection/components/smart-stepper/smart-stepper.js +1 -1
- package/dist/collection/components/speedometer/speedometer.css +26 -6
- package/dist/collection/components/speedometer/speedometer.js +26 -15
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/step/step.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/switch/switch.css +367 -8
- package/dist/collection/components/switch/switch.js +13 -12
- package/dist/collection/components/tag/tag.css +38 -12
- package/dist/collection/components/tag/tag.js +58 -13
- package/dist/collection/components/tag-group/tag-group.css +0 -1
- package/dist/collection/components/tag-group/tag-group.js +3 -3
- package/dist/collection/components/timeline/timeline.css +380 -317
- package/dist/collection/components/timeline/timeline.js +8 -0
- package/dist/collection/components/timeline-item/timeline-item.js +1 -1
- package/dist/collection/components/timer/timer.js +1 -1
- package/dist/collection/components/toggle-group/toggle-group.css +7 -3
- package/dist/collection/components/toggle-group/toggle-group.js +7 -3
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/top-bar/top-bar.js +2 -2
- package/dist/collection/components/transfer-list/transfer-list.css +13 -13
- package/dist/collection/components/transfer-list/transfer-list.js +4 -4
- package/dist/collection/components/tree/tree.css +35 -21
- package/dist/collection/components/tree/tree.js +28 -13
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.css +34 -16
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +46 -11
- package/dist/collection/components/ui-navigation-bar/navigation-item.css +7 -7
- package/dist/collection/components/ui-navigation-bar/navigation-item.js +3 -3
- package/dist/collection/utils/dom.js +151 -151
- package/dist/components/avatar-group.js +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/button-toggle.js +1 -1
- package/dist/components/button.js +1 -0
- package/dist/components/category-section2.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/context-menu.js +1 -1
- package/dist/components/dialog-header.js +1 -1
- package/dist/components/dom.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +1 -1
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/library-card2.js +1 -1
- package/dist/components/list-group.js +1 -1
- package/dist/components/list-item.js +1 -1
- package/dist/components/lm-container2.js +1 -1
- package/dist/components/lm-floating-window2.js +1 -1
- package/dist/components/lm-panel2.js +1 -1
- package/dist/components/lm-splitter2.js +1 -1
- package/dist/components/lm-tabs2.js +1 -1
- package/dist/components/loader.js +1 -1
- package/dist/components/my-step.js +1 -1
- package/dist/components/nav-bar.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -0
- package/dist/components/radio.js +1 -1
- package/dist/components/range-slider.js +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/resizable-panel.js +1 -1
- package/dist/components/skeleton-loader.js +1 -1
- package/dist/components/smart-step.js +1 -1
- package/dist/components/stack.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag-group.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/timeline-item.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/ui-accordion.js +1 -1
- package/dist/components/ui-advanced-data-table.js +1 -1
- package/dist/components/ui-anchor.js +1 -1
- package/dist/components/ui-animate-on-scroll.js +1 -1
- package/dist/components/ui-aside-panel.js +1 -1
- package/dist/components/ui-badge.js +1 -1
- package/dist/components/ui-breadcrumb-item.js +1 -1
- package/dist/components/ui-breadcrumb.js +1 -1
- package/dist/components/ui-button-toggle-group.js +1 -1
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-callout-banner.js +1 -1
- package/dist/components/ui-card.js +1 -1
- package/dist/components/ui-carousel.js +1 -1
- package/dist/components/ui-code-editor.js +1 -1
- package/dist/components/ui-code-preview.js +1 -1
- package/dist/components/ui-color-picker.js +1 -1
- package/dist/components/ui-command-palette.js +1 -1
- package/dist/components/ui-dialog-box.js +1 -1
- package/dist/components/ui-dock-host.js +1 -1
- package/dist/components/ui-dock.js +1 -1
- package/dist/components/ui-drag-drop.js +1 -1
- package/dist/components/ui-empty-state.js +1 -1
- package/dist/components/ui-fab-item.js +1 -1
- package/dist/components/ui-fab.js +1 -1
- package/dist/components/ui-file-upload.js +1 -1
- package/dist/components/ui-horizontal-nav.js +1 -1
- package/dist/components/ui-knob.js +1 -1
- package/dist/components/{ui-color-controller.d.ts → ui-label.d.ts} +4 -4
- package/dist/components/ui-label.js +1 -0
- package/dist/components/ui-library.js +1 -1
- package/dist/components/ui-list.js +1 -1
- package/dist/components/ui-masonry.js +1 -1
- package/dist/components/ui-meter-group.js +1 -1
- package/dist/components/ui-navigation-bar.js +1 -1
- package/dist/components/ui-navigation-item.js +1 -1
- package/dist/components/ui-number-input.js +1 -1
- package/dist/components/ui-otp-input.js +1 -1
- package/dist/components/ui-panel.js +1 -1
- package/dist/components/ui-pattern-input.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-scroll-top.js +1 -1
- package/dist/components/ui-smart-stepper.js +1 -1
- package/dist/components/ui-snackbar.js +1 -1
- package/dist/components/ui-speed-dial.js +1 -1
- package/dist/components/ui-speedometer.js +1 -1
- package/dist/components/ui-splitter.js +1 -1
- package/dist/components/ui-step.js +1 -1
- package/dist/components/ui-stepper.js +1 -1
- package/dist/components/ui-tabs.js +1 -1
- package/dist/components/ui-timeline.js +1 -1
- package/dist/components/ui-timer.js +1 -1
- package/dist/components/ui-toolbar.js +1 -1
- package/dist/components/ui-top-bar.js +1 -1
- package/dist/components/ui-transfer-list.js +1 -1
- package/dist/components/ui-tree.js +1 -1
- package/dist/components/ui-workspace-manager.js +1 -1
- package/dist/esm/category-section.entry.js +2 -2
- package/dist/esm/dom-DFBTWhGw.js +262 -0
- package/dist/esm/exploration-project-tailwind.js +3 -3
- package/dist/esm/{index-DUsoYu9r.js → index-Dqu2zaH1.js} +1 -1
- package/dist/esm/layout-manager.entry.js +3 -3
- package/dist/esm/library-card.entry.js +2 -2
- package/dist/esm/lm-container_2.entry.js +2 -2
- package/dist/esm/lm-panel_3.entry.js +4 -4
- package/dist/esm/loader.js +3 -3
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/my-step.entry.js +2 -2
- package/dist/esm/nav-bar.entry.js +4 -4
- package/dist/esm/smart-step.entry.js +3 -3
- package/dist/esm/timeline-item.entry.js +2 -2
- package/dist/esm/ui-accordion_11.entry.js +132 -50
- package/dist/esm/ui-advanced-data-table.entry.js +2 -2
- package/dist/esm/ui-anchor.entry.js +2 -2
- package/dist/esm/ui-animate-on-scroll.entry.js +3 -3
- package/dist/esm/ui-aside-panel.entry.js +10 -11
- package/dist/esm/ui-avatar-group_5.entry.js +1688 -0
- package/dist/esm/ui-breadcrumb-item.entry.js +3 -3
- package/dist/esm/ui-breadcrumb.entry.js +1 -1
- package/dist/esm/ui-callout-banner.entry.js +2 -2
- package/dist/esm/ui-card.entry.js +4 -3
- package/dist/esm/ui-carousel.entry.js +1 -1
- package/dist/esm/ui-checkbox.entry.js +3 -3
- package/dist/esm/ui-code-editor.entry.js +2 -2
- package/dist/esm/ui-code-preview.entry.js +2 -2
- package/dist/esm/ui-color-picker.entry.js +256 -22
- package/dist/esm/ui-command-palette.entry.js +1 -1
- package/dist/esm/ui-dialog-box.entry.js +85 -11
- package/dist/esm/ui-dialog-content.entry.js +1 -1
- package/dist/esm/ui-dialog-footer_2.entry.js +1 -1
- package/dist/esm/ui-divider.entry.js +1 -1
- package/dist/esm/ui-dock-host.entry.js +4 -4
- package/dist/esm/ui-dock.entry.js +2 -2
- package/dist/esm/ui-drag-drop.entry.js +2 -2
- package/dist/esm/ui-dropdown_2.entry.js +104 -34
- package/dist/esm/ui-empty-state.entry.js +2 -2
- package/dist/esm/ui-fab-item.entry.js +2 -2
- package/dist/esm/ui-fab.entry.js +4 -4
- package/dist/esm/ui-file-upload.entry.js +143 -44
- package/dist/esm/ui-horizontal-nav.entry.js +2 -2
- package/dist/esm/ui-knob.entry.js +1 -1
- package/dist/esm/ui-label.entry.js +471 -0
- package/dist/esm/ui-library.entry.js +2 -2
- package/dist/esm/ui-list-group_2.entry.js +349 -60
- package/dist/esm/ui-list.entry.js +76 -42
- package/dist/esm/ui-masonry.entry.js +1 -1
- package/dist/esm/ui-meter-group.entry.js +5 -4
- package/dist/esm/ui-navigation-item.entry.js +5 -5
- package/dist/esm/ui-number-input.entry.js +7 -3
- package/dist/esm/ui-otp-input.entry.js +5 -5
- package/dist/esm/{ui-pagination_4.entry.js → ui-pagination_3.entry.js} +36 -506
- package/dist/esm/ui-panel.entry.js +1 -1
- package/dist/esm/ui-pattern-input.entry.js +46 -11
- package/dist/esm/ui-progress.entry.js +66 -9
- package/dist/esm/ui-range-slider.entry.js +2 -2
- package/dist/esm/ui-resizable-panel.entry.js +2 -2
- package/dist/esm/ui-scroll-top.entry.js +1 -1
- package/dist/esm/ui-smart-context-menu.entry.js +1 -1
- package/dist/esm/ui-smart-stepper.entry.js +2 -2
- package/dist/esm/ui-snackbar.entry.js +1 -1
- package/dist/esm/ui-speed-dial.entry.js +1 -1
- package/dist/esm/ui-speedometer.entry.js +28 -17
- package/dist/esm/ui-splitter.entry.js +1 -1
- package/dist/esm/ui-step.entry.js +2 -2
- package/dist/esm/ui-stepper.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +14 -13
- package/dist/esm/ui-tabs.entry.js +2 -2
- package/dist/esm/ui-tag.entry.js +58 -13
- package/dist/esm/ui-timeline.entry.js +10 -2
- package/dist/esm/ui-timer.entry.js +2 -2
- package/dist/esm/ui-toolbar.entry.js +2 -2
- package/dist/esm/ui-tooltip.entry.js +4 -4
- package/dist/esm/ui-top-bar.entry.js +1 -1
- package/dist/esm/ui-transfer-list.entry.js +6 -6
- package/dist/esm/ui-tree.entry.js +30 -15
- package/dist/esm/ui-workspace-manager.entry.js +2 -2
- package/dist/exploration-project-tailwind/exploration-project-tailwind.css +1 -1
- package/dist/exploration-project-tailwind/exploration-project-tailwind.esm.js +1 -1
- package/dist/exploration-project-tailwind/{p-7ba2258a.entry.js → p-024a299a.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-0a71896a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-35296877.entry.js → p-0cdeb8d8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a42fdc33.entry.js → p-139cefbc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-036d2a44.entry.js → p-198c83e5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-236f47b1.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-81ebba11.entry.js → p-25530d0d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-41cd6bf0.entry.js → p-298f2057.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85e36111.entry.js → p-2b5a8e3e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8c6d395.entry.js → p-2b6aa7bc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-70bacda8.entry.js → p-2cfba753.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-cbee2607.entry.js → p-2fe22958.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-20ecc116.entry.js → p-3012e780.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-321c3f46.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8b57fe4e.entry.js → p-3ab43638.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-3ad7e47e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3b1ca826.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3ee8ddae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-e22317c1.entry.js → p-3efb44c8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-36861546.entry.js → p-42e3bc28.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4360331a.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-2f961934.entry.js → p-443de32b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-898dd0fa.entry.js → p-44d15451.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4288c158.entry.js → p-46071679.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a3f465d9.entry.js → p-497d6182.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-4ad8c55c.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-4aaa8e40.entry.js → p-4c46ac0b.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-98e91da5.entry.js → p-5042ddaa.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-60190e0e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-60530874.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-200241f8.entry.js → p-6108565d.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-fb4aca69.entry.js → p-62889cfe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c02284ea.entry.js → p-66f71613.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-7889bfc4.entry.js → p-67c440b2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c1c8ac28.entry.js → p-6f09503f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-721bdbc3.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-747b02ea.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c6fd72e1.entry.js → p-754cb046.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-97af03cc.entry.js → p-7ed3bba2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d59da767.entry.js → p-864cebb7.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4d73c143.entry.js → p-96ee3196.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-54965530.entry.js → p-97086868.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d114a347.entry.js → p-9c5ced88.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9d3044d4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-9e079be6.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-790556f0.entry.js → p-9e4c45f5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-9eee7394.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-DFBTWhGw.js +1 -0
- package/dist/exploration-project-tailwind/p-Dqu2zaH1.js +2 -0
- package/dist/exploration-project-tailwind/p-a7bdedc2.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c87aeab6.entry.js → p-a8ec29de.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6ddbee42.entry.js → p-ae617f62.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-05a436d3.entry.js → p-aef76052.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-b5f043fa.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-b637b91b.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d2e45c5e.entry.js → p-bc49a088.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6b838549.entry.js → p-bd9a631f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-e8ba0c95.entry.js → p-bf4b6767.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c0fa400e.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-8578b616.entry.js → p-c4f3d990.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c68ddb2f.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c79574c4.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-c840098d.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-a1ad32a2.entry.js → p-c8663cbe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-cb6e38a6.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cb9f2df1.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-cfe8b696.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-d00e13ae.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c4ba7e52.entry.js → p-d01ed934.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-aa85ff78.entry.js → p-d4e57d94.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-ccb5c737.entry.js → p-d5bd3a3f.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-45482d86.entry.js → p-d987cebe.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-d9ae77c0.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-e9bae5c7.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f516fabc.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f68e2794.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-d30e24bd.entry.js → p-fa034f69.entry.js} +1 -1
- package/dist/types/components/aside-panel/aside-panel.d.ts +0 -3
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/avatar/types.d.ts +2 -0
- package/dist/types/components/badge/badge.d.ts +1 -0
- package/dist/types/components/color-picker/color-picker.d.ts +35 -2
- package/dist/types/components/dialog-box/dialog-box.d.ts +10 -0
- package/dist/types/components/dropdown/dropdown.d.ts +5 -0
- package/dist/types/components/file-upload/file-upload.d.ts +23 -6
- package/dist/types/components/label/label.d.ts +290 -0
- package/dist/types/components/label/types.d.ts +39 -0
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components/list-group/list-group.d.ts +1 -0
- package/dist/types/components/list-item/list-item.d.ts +45 -17
- package/dist/types/components/pattern-input/pattern-input.d.ts +6 -0
- package/dist/types/components/popover/popover.d.ts +3 -0
- package/dist/types/components/progress/progress.d.ts +7 -0
- package/dist/types/components/range-slider/range-slider.d.ts +2 -2
- package/dist/types/components/rating/rating.d.ts +1 -0
- package/dist/types/components/skeleton/skeleton-loader.d.ts +1 -1
- package/dist/types/components/speedometer/speedometer.d.ts +1 -0
- package/dist/types/components/tag/tag.d.ts +4 -0
- package/dist/types/components/tree/tree.d.ts +1 -0
- package/dist/types/components/ui-navigation-bar/navigation-bar/navigation-bar.d.ts +1 -1
- package/dist/types/components.d.ts +742 -425
- package/dist/types/types/common.d.ts +2 -2
- package/dist/types/types/common.type.d.ts +2 -0
- package/dist/types/utils/dom.d.ts +4 -4
- package/package.json +4 -5
- package/dist/cjs/dom-oP1E4Rd3.js +0 -267
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +0 -634
- package/dist/cjs/ui-color-controller.cjs.entry.js +0 -150
- package/dist/cjs/ui-popover.cjs.entry.js +0 -517
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +0 -565
- package/dist/collection/components/color-controller/color-controller.css +0 -108
- package/dist/collection/components/color-controller/color-controller.js +0 -224
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.css +0 -357
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.js +0 -1190
- package/dist/components/ui-color-controller.js +0 -1
- package/dist/components/ui-smart-location-dropdown.d.ts +0 -11
- package/dist/components/ui-smart-location-dropdown.js +0 -1
- package/dist/esm/dom-BMFah5q3.js +0 -262
- package/dist/esm/ui-avatar-group_3.entry.js +0 -630
- package/dist/esm/ui-color-controller.entry.js +0 -148
- package/dist/esm/ui-popover.entry.js +0 -515
- package/dist/esm/ui-smart-location-dropdown.entry.js +0 -563
- package/dist/exploration-project-tailwind/p-06f0c679.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-148e81df.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-16bdd162.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-2347d21b.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-3d381f75.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4417a9d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-44742ddd.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4bef8bed.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-4efd63ce.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5c835d90.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-61717490.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-717dad1f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-71d95bb1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9bd14f69.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-9fc06ff0.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-BMFah5q3.js +0 -1
- package/dist/exploration-project-tailwind/p-DUsoYu9r.js +0 -2
- package/dist/exploration-project-tailwind/p-a27f59d2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-a7b07cf4.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-bd89d060.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c63c522e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-c69dd43e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-d6ce9721.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-dc92a343.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-debede45.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e76318c7.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ea51c5d8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-eab5ad36.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f0bc5d7e.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f1beee72.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f543392f.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f61cfb7c.entry.js +0 -1
- package/dist/types/components/color-controller/color-controller.d.ts +0 -24
- package/dist/types/components/smart-location-dropdown/smart-location-dropdown.d.ts +0 -119
- package/dist/types/components/smart-location-dropdown/types.d.ts +0 -37
- /package/dist/collection/components/{smart-location-dropdown → label}/types.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as o}from"./p-DUsoYu9r.js";const t=[{id:"accordion",name:"Accordion",description:"Expandable/collapsible content",icon:"📑",category:"Foundation & Layout",docs:"/docs/index.html?page=accordion"},{id:"aside-panel",name:"Aside Panel",description:"Side content panel",icon:"📱",category:"Foundation & Layout",docs:"/docs/index.html?page=aside-panel"},{id:"card",name:"Card",description:"Content container",icon:"🃏",category:"Foundation & Layout",docs:"/docs/index.html?page=card"},{id:"divider",name:"Divider",description:"Content separator",icon:"➖",category:"Foundation & Layout",docs:"/docs/index.html?page=divider"},{id:"dock",name:"Dock",description:"Docking layout",icon:"🚢",category:"Foundation & Layout",docs:"/docs/index.html?page=dock"},{id:"dock-host",name:"Dock Host",description:"Host for dockable components",icon:"🗂️",category:"Foundation & Layout",docs:"/docs/index.html?page=dock-host"},{id:"layout-manager",name:"Layout Manager",description:"Manage complex layouts",icon:"🏗️",category:"Foundation & Layout",docs:"/docs/index.html?page=layout-manager"},{id:"panel",name:"Panel",description:"Content panel",icon:"📋",category:"Foundation & Layout",docs:"/docs/index.html?page=panel"},{id:"stack",name:"Stack",description:"Vertical/Horizontal stack",icon:"📚",category:"Foundation & Layout",docs:"/docs/index.html?page=stack"},{id:"anchor",name:"Anchor",description:"Anchor link navigation",icon:"⚓",category:"Navigation",docs:"/docs/index.html?page=anchor"},{id:"breadcrumb",name:"Breadcrumb",description:"Indicate current page location",icon:"🍞",category:"Navigation",docs:"/docs/index.html?page=breadcrumb"},{id:"context-menu",name:"Context Menu",description:"Right-click context menu",icon:"📋",category:"Navigation",docs:"/docs/index.html?page=context-menu"},{id:"horizontal-nav",name:"Horizontal Nav",description:"Horizontal navigation menu",icon:"↔️",category:"Navigation",docs:"/docs/index.html?page=horizontal-nav"},{id:"nav-bar",name:"Nav Bar",description:"Navigation bar",icon:"🧭",category:"Navigation",docs:"/docs/index.html?page=nav-bar"},{id:"pagination",name:"Pagination",description:"Navigate through pages of data",icon:"📄",category:"Navigation",docs:"/docs/index.html?page=pagination"},{id:"scroll-top",name:"Scroll Top",description:"Button to scroll to top",icon:"⬆️",category:"Navigation",docs:"/docs/index.html?page=scroll-top"},{id:"smart-menu",name:"Smart Menu",description:"Intelligent menu component",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-menu"},{id:"smart-stepper",name:"Smart Stepper",description:"Intelligent stepper wizard",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-stepper"},{id:"speed-dial",name:"Speed Dial",description:"Floating action button speed dial",icon:"⚡",category:"Navigation",docs:"/docs/index.html?page=speed-dial"},{id:"stepper",name:"Stepper",description:"Step-by-step wizard",icon:"👣",category:"Navigation",docs:"/docs/index.html?page=stepper"},{id:"tabs",name:"Tabs",description:"Tabbed content navigation",icon:"📑",category:"Navigation",docs:"/docs/index.html?page=tabs"},{id:"top-bar",name:"Top Bar",description:"Top navigation bar",icon:"📌",category:"Navigation",docs:"/docs/index.html?page=top-bar"},{id:"button",name:"Button",description:"Clickable button element",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=button"},{id:"button-group",name:"Button Group",description:"Layout container for buttons",icon:"🍱",category:"Inputs & Forms",docs:"/docs/index.html?page=button-group"},{id:"cascade-select",name:"Cascade Select",description:"Hierarchical selection",icon:"🔽",category:"Inputs & Forms",docs:"/docs/index.html?page=cascade-select"},{id:"dropdown",name:"Dropdown",description:"Select hidden items from a list",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=dropdown"},{id:"knob",name:"Knob",description:"Rotary control knob",icon:"🎛️",category:"Inputs & Forms",docs:"/docs/index.html?page=knob"},{id:"pattern-input",name:"Pattern Input",description:"Input with pattern validation",icon:"🎯",category:"Inputs & Forms",docs:"/docs/index.html?page=pattern-input"},{id:"picklist",name:"Picklist",description:"List for selecting multiple items",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=picklist"},{id:"range-slider",name:"Range Slider",description:"Slider for range selection",icon:"🎚️",category:"Inputs & Forms",docs:"/docs/index.html?page=range-slider"},{id:"rating",name:"Rating",description:"Star rating control",icon:"⭐",category:"Inputs & Forms",docs:"/docs/index.html?page=rating"},{id:"switch",name:"Switch",description:"Toggle switch control",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=switch"},{id:"transfer-list",name:"Transfer List",description:"Move items between lists",icon:"⇄",category:"Inputs & Forms",docs:"/docs/index.html?page=transfer-list"},{id:"advanced-data-table",name:"Advanced Table",description:"Data table with advanced features",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=advanced-data-table"},{id:"avatar",name:"Avatar",description:"User profile image",icon:"👤",category:"Data Display",docs:"/docs/index.html?page=avatar"},{id:"avatar-group",name:"Avatar Group",description:"Group of avatars",icon:"👥",category:"Data Display",docs:"/docs/index.html?page=avatar-group"},{id:"badge",name:"Badge",description:"Notification badge",icon:"🔔",category:"Data Display",docs:"/docs/index.html?page=badge"},{id:"bar-chart",name:"Bar Chart",description:"Bar chart visualization",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=bar-chart"},{id:"chart",name:"Chart",description:"General chart component",icon:"📈",category:"Data Display",docs:"/docs/index.html?page=chart"},{id:"chip",name:"Chip",description:"Compact element for input, attribute, or action",icon:"🏷️",category:"Data Display",docs:"/docs/index.html?page=chip"},{id:"meter-group",name:"Meter",description:"Visual meter display",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=meter-group"},{id:"pill",name:"Pill",description:"Rounded status indicator",icon:"💊",category:"Data Display",docs:"/docs/index.html?page=pill"},{id:"speedometer",name:"Speedometer",description:"Speedometer gauge",icon:"🎯",category:"Data Display",docs:"/docs/index.html?page=speedometer"},{id:"tag",name:"Tag",description:"Label for clear categorization",icon:"🏷",category:"Data Display",docs:"/docs/index.html?page=tag"},{id:"timeline",name:"Timeline",description:"Events in chronological order",icon:"⏱️",category:"Data Display",docs:"/docs/index.html?page=timeline"},{id:"tree-list",name:"Tree List",description:"Hierarchical tree view",icon:"🌳",category:"Data Display",docs:"/docs/index.html?page=tree-list"},{id:"dialog",name:"Dialog",description:"Modal dialog box",icon:"💬",category:"Feedback & Overlays",docs:"/docs/index.html?page=dialog"},{id:"popover",name:"Popover",description:"Pop-up content",icon:"💭",category:"Feedback & Overlays",docs:"/docs/index.html?page=popover"},{id:"skeleton",name:"Skeleton",description:"Loading state placeholder",icon:"💀",category:"Feedback & Overlays",docs:"/docs/index.html?page=skeleton"},{id:"snackbar",name:"Snackbar",description:"Brief feedback message",icon:"🍞",category:"Feedback & Overlays",docs:"/docs/index.html?page=snackbar"},{id:"loader",name:"Loader",description:"Advanced loading indicators",icon:"🔄",category:"Feedback & Overlays",docs:"/docs/index.html?page=loader"},{id:"timer",name:"Timer",description:"Countdown or stopwatch",icon:"⏱️",category:"Feedback & Overlays",docs:"/docs/index.html?page=timer"}],i=["Foundation & Layout","Navigation","Inputs & Forms","Data Display","Feedback & Overlays"],n=class{constructor(a){e(this,a)}searchQuery="";selectedCategory=null;mode="demo";getCategoryIcon(e){return{"Foundation & Layout":"🏗️",Navigation:"🧭","Inputs & Forms":"🎮","Data Display":"📊","Feedback & Overlays":"💬",Settings:"⚙️",About:"ℹ️"}[e]||"📦"}getFilteredComponents(){const e={},a=this.searchQuery.toLowerCase();for(const o of i){if(this.selectedCategory&&this.selectedCategory!==o)continue;const i=t.filter((e=>e.category===o&&(!a||e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)||e.id.toLowerCase().includes(a))));i.length>0&&(e[o]=i)}return e}handleCategoryClick=e=>{this.selectedCategory=this.selectedCategory===e?null:e};render(){const e=this.getFilteredComponents(),n=t.length;return a(o,{key:"4c1dc7e15800d09ec6aa0133c8701d7da61ab655"},a("div",{key:"cae99305a344bafc11d001b4f4c2cb0c1fe0f542",class:"library-container"},a("header",{key:"62e00d85aad197e14979d3dc1c5402de834c0eb0",class:"library-header"},a("div",{key:"01a835fb6293e56c2944be028b1f0f9395144308",class:"header-content"},a("div",{key:"696357260008450eff7bba75b7a49d7a6f2451f5",class:"logo-section"},a("div",{key:"ac0f7a864019b9d33c9b4fee9b7c263e29d0aed3",class:"logo"},a("span",{key:"0daec32b5865d5ae6c81d9812952aef9a1a76fb5",class:"logo-icon"},"🎨"),a("span",{key:"2e4d257808381b4fac4c391d3089cce08798e571",class:"logo-text"},"App UI")),a("span",{key:"920ed50aabb207dc2ea90d6ef99da8132e986b16",class:"version-badge"},"v0.1.0")),a("div",{key:"c29d9d82ea126477b091e8b3a7f97f8ac3b5b369",class:"search-container"},a("ui-input",{key:"5d38afc08cda8b1501f41585f010e300960fa30d",class:"search-input",placeholder:"Search components...",value:this.searchQuery,onInputChange:e=>this.searchQuery=e.detail,"prefix-icon":"search","icon-library":"lucide",clearable:!0})),a("div",{key:"93bea43833d4531d146af1b87f9617b190d49a94",class:"header-stats"},a("span",{key:"c70cf9beb7e5ac45bb5f1ff81a6f7392e1798d73",class:"stat"},n," components"),a("span",{key:"9f8566888498ef1d8cf4225e879b3d8878b8102a",class:"stat"},i.length," categories")))),a("nav",{key:"28830f9ed321730f42d699296bd7c881c4b1584d",class:"category-nav"},a("ui-button",{key:"7d96d7165f81812ce2d40ab6527709ce99e006a3",label:"All",variant:null===this.selectedCategory?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(null),style:{borderRadius:"20px"}}),i.map((e=>a("ui-button",{key:e,label:`${this.getCategoryIcon(e)} ${e}`,variant:this.selectedCategory===e?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(e),style:{borderRadius:"20px"}})))),a("main",{key:"de56e287dde8103b7002774cfbcd03661ab1dd16",class:"library-content"},0===Object.keys(e).length?a("div",{class:"no-results"},a("ui-icon",{name:"search",library:"lucide",size:"2em",class:"no-results-icon"}),a("h3",null,"No components found"),a("p",null,"Try adjusting your search or filter criteria")):Object.entries(e).map((([e,o])=>a("category-section",{key:e,"category-name":e,"category-icon":this.getCategoryIcon(e),components:o,mode:this.mode})))),a("footer",{key:"0054505d4de9a0d3b9bdc09e547e375839231b15",class:"library-footer"},a("p",{key:"10b12d9827ca1d5d55c7bd0369fd5aeaef059a8f"},"Built with ❤️ using Stencil.js"),a("div",{key:"50cc149a78a8192c27264590f17268082ce5d0d6",class:"footer-links"},a("a",{key:"ea18fc69818bddda3a1405716f93d8660d9abef3",href:"#",class:"footer-link"},"Documentation"),a("a",{key:"3e8d3dda249e3726d92b7b50423144402d297c31",href:"#",class:"footer-link"},"GitHub"),a("a",{key:"fa50f729f8d6021cf5ca60036ddc0adda4426b74",href:"#",class:"footer-link"},"Changelog")))))}};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}:host{display:block;font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-card:rgba(30, 41, 59, 0.6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:rgba(255, 255, 255, 0.08);--header-bg:rgba(15, 23, 42, 0.85);--input-bg:rgba(255, 255, 255, 0.05)}:host-context([data-theme=light]),:host-context(.light),html[data-theme=light] :host{--bg-dark:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:rgba(0, 0, 0, 0.04)}:host-context([data-theme=green]),:host-context(.green),html[data-theme=green] :host{--primary:#22c55e;--primary-light:#86efac;--bg-dark:#052e16;--bg-card:rgba(20, 83, 45, 0.6);--text-primary:#f0fdf4;--text-secondary:#86efac;--border:rgba(34, 197, 94, 0.2);--header-bg:rgba(5, 46, 22, 0.85);--input-bg:rgba(255, 255, 255, 0.1)}.library-container{min-height:100vh;background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);background-attachment:fixed;color:var(--text-primary)}.library-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 32px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:0.7rem;font-weight:600;padding:4px 10px;background:rgba(99, 102, 241, 0.2);color:#a5b4fc;border-radius:20px;border:1px solid rgba(99, 102, 241, 0.3)}.search-container{flex:1;max-width:500px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:14px 48px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(99, 102, 241, 0.08);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.15)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.2s ease}.clear-search:hover{background:rgba(239, 68, 68, 0.3);color:#fca5a5}.header-stats{display:flex;gap:20px;flex-shrink:0;margin-left:auto}.stat{font-size:0.85rem;color:var(--text-secondary);padding:8px 16px;background:rgba(255, 255, 255, 0.03);border-radius:10px;white-space:nowrap}.category-nav{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.category-pill:hover{background:rgba(99, 102, 241, 0.15);border-color:rgba(99, 102, 241, 0.3);color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg, #10b981 0%, #047857 100%);border-color:transparent;color:white;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);font-weight:600}.category-pill.active:hover{transform:translateY(-2px)}.library-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-results-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.no-results p{margin:0;font-size:1rem}.library-footer{max-width:1400px;margin:0 auto;padding:32px;text-align:center;border-top:1px solid var(--border)}.library-footer p{margin:0 0 16px 0;color:var(--text-secondary);font-size:0.9rem}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--primary-light);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease}.footer-link:hover{color:#a5b4fc}@media (max-width: 768px){.library-header{padding:12px 16px}.header-content{flex-wrap:wrap;gap:16px}.logo-section{flex:1}.search-container{order:3;flex:100%;max-width:none}.header-stats{display:none}.category-nav{padding:16px;gap:8px}.category-pill{padding:8px 14px;font-size:0.8rem}.library-content{padding:0 16px 32px}}';export{n as ui_library}
|
|
1
|
+
import{r as e,h as a,H as o}from"./p-Dqu2zaH1.js";const t=[{id:"accordion",name:"Accordion",description:"Expandable/collapsible content",icon:"📑",category:"Foundation & Layout",docs:"/docs/index.html?page=accordion"},{id:"aside-panel",name:"Aside Panel",description:"Side content panel",icon:"📱",category:"Foundation & Layout",docs:"/docs/index.html?page=aside-panel"},{id:"card",name:"Card",description:"Content container",icon:"🃏",category:"Foundation & Layout",docs:"/docs/index.html?page=card"},{id:"divider",name:"Divider",description:"Content separator",icon:"➖",category:"Foundation & Layout",docs:"/docs/index.html?page=divider"},{id:"dock",name:"Dock",description:"Docking layout",icon:"🚢",category:"Foundation & Layout",docs:"/docs/index.html?page=dock"},{id:"dock-host",name:"Dock Host",description:"Host for dockable components",icon:"🗂️",category:"Foundation & Layout",docs:"/docs/index.html?page=dock-host"},{id:"layout-manager",name:"Layout Manager",description:"Manage complex layouts",icon:"🏗️",category:"Foundation & Layout",docs:"/docs/index.html?page=layout-manager"},{id:"panel",name:"Panel",description:"Content panel",icon:"📋",category:"Foundation & Layout",docs:"/docs/index.html?page=panel"},{id:"stack",name:"Stack",description:"Vertical/Horizontal stack",icon:"📚",category:"Foundation & Layout",docs:"/docs/index.html?page=stack"},{id:"anchor",name:"Anchor",description:"Anchor link navigation",icon:"⚓",category:"Navigation",docs:"/docs/index.html?page=anchor"},{id:"breadcrumb",name:"Breadcrumb",description:"Indicate current page location",icon:"🍞",category:"Navigation",docs:"/docs/index.html?page=breadcrumb"},{id:"context-menu",name:"Context Menu",description:"Right-click context menu",icon:"📋",category:"Navigation",docs:"/docs/index.html?page=context-menu"},{id:"horizontal-nav",name:"Horizontal Nav",description:"Horizontal navigation menu",icon:"↔️",category:"Navigation",docs:"/docs/index.html?page=horizontal-nav"},{id:"nav-bar",name:"Nav Bar",description:"Navigation bar",icon:"🧭",category:"Navigation",docs:"/docs/index.html?page=nav-bar"},{id:"pagination",name:"Pagination",description:"Navigate through pages of data",icon:"📄",category:"Navigation",docs:"/docs/index.html?page=pagination"},{id:"scroll-top",name:"Scroll Top",description:"Button to scroll to top",icon:"⬆️",category:"Navigation",docs:"/docs/index.html?page=scroll-top"},{id:"smart-menu",name:"Smart Menu",description:"Intelligent menu component",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-menu"},{id:"smart-stepper",name:"Smart Stepper",description:"Intelligent stepper wizard",icon:"🧠",category:"Navigation",docs:"/docs/index.html?page=smart-stepper"},{id:"speed-dial",name:"Speed Dial",description:"Floating action button speed dial",icon:"⚡",category:"Navigation",docs:"/docs/index.html?page=speed-dial"},{id:"stepper",name:"Stepper",description:"Step-by-step wizard",icon:"👣",category:"Navigation",docs:"/docs/index.html?page=stepper"},{id:"tabs",name:"Tabs",description:"Tabbed content navigation",icon:"📑",category:"Navigation",docs:"/docs/index.html?page=tabs"},{id:"top-bar",name:"Top Bar",description:"Top navigation bar",icon:"📌",category:"Navigation",docs:"/docs/index.html?page=top-bar"},{id:"button",name:"Button",description:"Clickable button element",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=button"},{id:"button-group",name:"Button Group",description:"Layout container for buttons",icon:"🍱",category:"Inputs & Forms",docs:"/docs/index.html?page=button-group"},{id:"cascade-select",name:"Cascade Select",description:"Hierarchical selection",icon:"🔽",category:"Inputs & Forms",docs:"/docs/index.html?page=cascade-select"},{id:"dropdown",name:"Dropdown",description:"Select hidden items from a list",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=dropdown"},{id:"knob",name:"Knob",description:"Rotary control knob",icon:"🎛️",category:"Inputs & Forms",docs:"/docs/index.html?page=knob"},{id:"pattern-input",name:"Pattern Input",description:"Input with pattern validation",icon:"🎯",category:"Inputs & Forms",docs:"/docs/index.html?page=pattern-input"},{id:"picklist",name:"Picklist",description:"List for selecting multiple items",icon:"📋",category:"Inputs & Forms",docs:"/docs/index.html?page=picklist"},{id:"range-slider",name:"Range Slider",description:"Slider for range selection",icon:"🎚️",category:"Inputs & Forms",docs:"/docs/index.html?page=range-slider"},{id:"rating",name:"Rating",description:"Star rating control",icon:"⭐",category:"Inputs & Forms",docs:"/docs/index.html?page=rating"},{id:"switch",name:"Switch",description:"Toggle switch control",icon:"🔘",category:"Inputs & Forms",docs:"/docs/index.html?page=switch"},{id:"transfer-list",name:"Transfer List",description:"Move items between lists",icon:"⇄",category:"Inputs & Forms",docs:"/docs/index.html?page=transfer-list"},{id:"advanced-data-table",name:"Advanced Table",description:"Data table with advanced features",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=advanced-data-table"},{id:"avatar",name:"Avatar",description:"User profile image",icon:"👤",category:"Data Display",docs:"/docs/index.html?page=avatar"},{id:"avatar-group",name:"Avatar Group",description:"Group of avatars",icon:"👥",category:"Data Display",docs:"/docs/index.html?page=avatar-group"},{id:"badge",name:"Badge",description:"Notification badge",icon:"🔔",category:"Data Display",docs:"/docs/index.html?page=badge"},{id:"bar-chart",name:"Bar Chart",description:"Bar chart visualization",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=bar-chart"},{id:"chart",name:"Chart",description:"General chart component",icon:"📈",category:"Data Display",docs:"/docs/index.html?page=chart"},{id:"chip",name:"Chip",description:"Compact element for input, attribute, or action",icon:"🏷️",category:"Data Display",docs:"/docs/index.html?page=chip"},{id:"meter-group",name:"Meter",description:"Visual meter display",icon:"📊",category:"Data Display",docs:"/docs/index.html?page=meter-group"},{id:"pill",name:"Pill",description:"Rounded status indicator",icon:"💊",category:"Data Display",docs:"/docs/index.html?page=pill"},{id:"speedometer",name:"Speedometer",description:"Speedometer gauge",icon:"🎯",category:"Data Display",docs:"/docs/index.html?page=speedometer"},{id:"tag",name:"Tag",description:"Label for clear categorization",icon:"🏷",category:"Data Display",docs:"/docs/index.html?page=tag"},{id:"timeline",name:"Timeline",description:"Events in chronological order",icon:"⏱️",category:"Data Display",docs:"/docs/index.html?page=timeline"},{id:"tree-list",name:"Tree List",description:"Hierarchical tree view",icon:"🌳",category:"Data Display",docs:"/docs/index.html?page=tree-list"},{id:"dialog",name:"Dialog",description:"Modal dialog box",icon:"💬",category:"Feedback & Overlays",docs:"/docs/index.html?page=dialog"},{id:"popover",name:"Popover",description:"Pop-up content",icon:"💭",category:"Feedback & Overlays",docs:"/docs/index.html?page=popover"},{id:"skeleton",name:"Skeleton",description:"Loading state placeholder",icon:"💀",category:"Feedback & Overlays",docs:"/docs/index.html?page=skeleton"},{id:"snackbar",name:"Snackbar",description:"Brief feedback message",icon:"🍞",category:"Feedback & Overlays",docs:"/docs/index.html?page=snackbar"},{id:"loader",name:"Loader",description:"Advanced loading indicators",icon:"🔄",category:"Feedback & Overlays",docs:"/docs/index.html?page=loader"},{id:"timer",name:"Timer",description:"Countdown or stopwatch",icon:"⏱️",category:"Feedback & Overlays",docs:"/docs/index.html?page=timer"}],i=["Foundation & Layout","Navigation","Inputs & Forms","Data Display","Feedback & Overlays"],n=class{constructor(a){e(this,a)}searchQuery="";selectedCategory=null;mode="demo";getCategoryIcon(e){return{"Foundation & Layout":"🏗️",Navigation:"🧭","Inputs & Forms":"🎮","Data Display":"📊","Feedback & Overlays":"💬",Settings:"⚙️",About:"ℹ️"}[e]||"📦"}getFilteredComponents(){const e={},a=this.searchQuery.toLowerCase();for(const o of i){if(this.selectedCategory&&this.selectedCategory!==o)continue;const i=t.filter((e=>e.category===o&&(!a||e.name.toLowerCase().includes(a)||e.description.toLowerCase().includes(a)||e.id.toLowerCase().includes(a))));i.length>0&&(e[o]=i)}return e}handleCategoryClick=e=>{this.selectedCategory=this.selectedCategory===e?null:e};render(){const e=this.getFilteredComponents(),n=t.length;return a(o,{key:"7af3d689184e46c3bd02292ea4f22f5ca9945764"},a("div",{key:"f41481a5c1883d92bcb031ad2ad870fb986af516",class:"library-container"},a("header",{key:"1e8e42ce418dfff3bb91c83e14420dedffdf3cbc",class:"library-header"},a("div",{key:"49f0832b98cbe019ef9a258cbef8616efbb865e9",class:"header-content"},a("div",{key:"f7461ed7219a059a49e4049a8f17dd0b93688f05",class:"logo-section"},a("div",{key:"d4ab4bcb3909ed5a3af30ae89f0e4d58b5eb35ae",class:"logo"},a("span",{key:"9513f4ceb1723af068920240c5dd4fc99e736911",class:"logo-icon"},"🎨"),a("span",{key:"8bc28122c5e22e0f4c5f912fcd4d653065c47c16",class:"logo-text"},"App UI")),a("span",{key:"81f34ec0b03d9a5ab174c8fc7cc28b48da656c77",class:"version-badge"},"v0.1.0")),a("div",{key:"3b3ef085d16c1efbc8cfe3ccdc72b0ebc57e4666",class:"search-container"},a("ui-input",{key:"5adcc741e1ed654686012689e9a92e8f6dfc22ac",class:"search-input",placeholder:"Search components...",value:this.searchQuery,onInputChange:e=>this.searchQuery=e.detail,"prefix-icon":"search","icon-library":"lucide",clearable:!0})),a("div",{key:"61baaadd9b86a0c20c3a6b81fd1614a5089b3554",class:"header-stats"},a("span",{key:"046d0fd0c233314bb30bf75d469e5a9c496647fa",class:"stat"},n," components"),a("span",{key:"455a288e2b0553687ea61c88b6b4728bc02860dc",class:"stat"},i.length," categories")))),a("nav",{key:"2cedaba54c9a0d8dae53d8c04c82e21ac233fc9a",class:"category-nav"},a("ui-button",{key:"a20b92b2c7f5fa8366457f3a6721bfa81ee62bab",label:"All",variant:null===this.selectedCategory?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(null),style:{borderRadius:"20px"}}),i.map((e=>a("ui-button",{key:e,label:`${this.getCategoryIcon(e)} ${e}`,variant:this.selectedCategory===e?"filled":"ghost",color:"primary",size:"md",onClick:()=>this.handleCategoryClick(e),style:{borderRadius:"20px"}})))),a("main",{key:"25b1de0ed093c1bf9593c959ab6e4d69cde3f2b3",class:"library-content"},0===Object.keys(e).length?a("div",{class:"no-results"},a("ui-icon",{name:"search",library:"lucide",size:"2em",class:"no-results-icon"}),a("h3",null,"No components found"),a("p",null,"Try adjusting your search or filter criteria")):Object.entries(e).map((([e,o])=>a("category-section",{key:e,"category-name":e,"category-icon":this.getCategoryIcon(e),components:o,mode:this.mode})))),a("footer",{key:"479b967ddb3281c318b60300da1c4b9eb3976189",class:"library-footer"},a("p",{key:"f1832bdca4a507ea2f74c4332b2936a6a37b33ab"},"Built with ❤️ using Stencil.js"),a("div",{key:"f2b462bb1a0ae1133ec02a246cbfcfd27ec0d501",class:"footer-links"},a("a",{key:"0780dd9f9a59efcd69d21910551cbd2ce25eafbc",href:"#",class:"footer-link"},"Documentation"),a("a",{key:"224e2da3c34d7362ee42f8a207a9f64e556bb0bc",href:"#",class:"footer-link"},"GitHub"),a("a",{key:"82c37c06125ddafcd54246b5df31dfe213538853",href:"#",class:"footer-link"},"Changelog")))))}};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}:host{display:block;font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-light:#818cf8;--bg-dark:#0f172a;--bg-card:rgba(30, 41, 59, 0.6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:rgba(255, 255, 255, 0.08);--header-bg:rgba(15, 23, 42, 0.85);--input-bg:rgba(255, 255, 255, 0.05)}:host-context([data-theme=light]),:host-context(.light),html[data-theme=light] :host{--bg-dark:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:rgba(0, 0, 0, 0.04)}:host-context([data-theme=green]),:host-context(.green),html[data-theme=green] :host{--primary:#22c55e;--primary-light:#86efac;--bg-dark:#052e16;--bg-card:rgba(20, 83, 45, 0.6);--text-primary:#f0fdf4;--text-secondary:#86efac;--border:rgba(34, 197, 94, 0.2);--header-bg:rgba(5, 46, 22, 0.85);--input-bg:rgba(255, 255, 255, 0.1)}.library-container{min-height:100vh;background:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);background-attachment:fixed;color:var(--text-primary)}.library-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 32px}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.version-badge{font-size:0.7rem;font-weight:600;padding:4px 10px;background:rgba(99, 102, 241, 0.2);color:#a5b4fc;border-radius:20px;border:1px solid rgba(99, 102, 241, 0.3)}.search-container{flex:1;max-width:500px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:14px 48px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all 0.3s ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(99, 102, 241, 0.08);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.15)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.2s ease}.clear-search:hover{background:rgba(239, 68, 68, 0.3);color:#fca5a5}.header-stats{display:flex;gap:20px;flex-shrink:0;margin-left:auto}.stat{font-size:0.85rem;color:var(--text-secondary);padding:8px 16px;background:rgba(255, 255, 255, 0.03);border-radius:10px;white-space:nowrap}.category-nav{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.category-pill:hover{background:rgba(99, 102, 241, 0.15);border-color:rgba(99, 102, 241, 0.3);color:var(--text-primary);transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg, #10b981 0%, #047857 100%);border-color:transparent;color:white;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);font-weight:600}.category-pill.active:hover{transform:translateY(-2px)}.library-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.no-results-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.no-results p{margin:0;font-size:1rem}.library-footer{max-width:1400px;margin:0 auto;padding:32px;text-align:center;border-top:1px solid var(--border)}.library-footer p{margin:0 0 16px 0;color:var(--text-secondary);font-size:0.9rem}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--primary-light);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease}.footer-link:hover{color:#a5b4fc}@media (max-width: 768px){.library-header{padding:12px 16px}.header-content{flex-wrap:wrap;gap:16px}.logo-section{flex:1}.search-container{order:3;flex:100%;max-width:none}.header-stats{display:none}.category-nav{padding:16px;gap:8px}.category-pill{padding:8px 14px;font-size:0.8rem}.library-content{padding:0 16px 32px}}';export{n as ui_library}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,H as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as a,H as e}from"./p-Dqu2zaH1.js";const o=class{constructor(a){t(this,a),this.uiFabActionClick=i(this,"uiFabActionClick")}icon;label;tooltip;disabled=!1;loading=!1;value;uiFabActionClick;handleClick=t=>{if(this.disabled||this.loading)return t.stopPropagation(),void t.preventDefault();this.uiFabActionClick.emit({value:void 0!==this.value?this.value:this.label||this.icon})};render(){return a(e,{key:"54c62f80c138da459a191d66095f74ca208dd4be",class:{"is-disabled":this.disabled,"is-loading":this.loading}},this.label&&a("div",{key:"a5a06749f3368721f8f81a37f965509a29cc8cb2",class:"fab-item-label","aria-hidden":"true"},this.label),a("ui-button",{key:"03acbcd688a921458b0a524c4c9df0def0a9dabf",variant:"primary",shape:"circle",class:"fab-item-trigger",disabled:this.disabled||this.loading,loading:this.loading,onClick:this.handleClick,ariaLabel:this.tooltip||this.label||this.icon,title:this.tooltip,icon:this.icon,iconOnly:!0,size:"sm"},!this.icon&&a("slot",{key:"2c39c767a078482a292e0ab6ca394896f491a03c",name:"icon"})))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:flex;align-items:center;position:relative}.fab-item-trigger{width:var(--ui-fab-action-size, 40px);height:var(--ui-fab-action-size, 40px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);outline:none;z-index:2}.fab-item-trigger:hover{transform:scale(1.1)}.fab-item-trigger:active{transform:scale(0.95)}:host(.is-disabled) .fab-item-trigger{opacity:0.5;cursor:not-allowed;pointer-events:none}.fab-item-label{position:absolute;background:rgba(0, 0, 0, 0.8);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);right:calc(100% + 12px);opacity:1;transition:opacity 0.2s}:host-context(ui-fab.pos-bottom-left) .fab-item-label,:host-context(ui-fab.pos-top-left) .fab-item-label{right:auto;left:calc(100% + 12px)}.spinner{width:20px;height:20px;animation:rotate 2s linear infinite}.spinner .spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";export{o as ui_fab_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as e}from"./p-
|
|
1
|
+
import{r,h as a,H as e}from"./p-Dqu2zaH1.js";const i=class{constructor(a){r(this,a)}label;href;icon;iconLibrary="default";active=!1;disabled=!1;badge;size="md";render(){const r={"breadcrumb-item":!0,active:this.active,disabled:this.disabled,[`size-${this.size}`]:!0},i=a("span",{key:"05f34f83d3f1bf069dce5942c543969be61213b9",class:"breadcrumb-content"},this.icon&&a("span",{key:"a7f149671e841edc15caafb4c3f9bafc71a7271a",class:"breadcrumb-icon"},a("ui-icon",{key:"c3c58f5cd81851e138fbce645f57bfff0dc1cbb8",name:this.icon,library:this.iconLibrary,size:"1.1em"})),a("span",{key:"cf7f46a53174ffebe4d51288164b9ffc798fb428",class:"breadcrumb-label"},a("slot",{key:"d93e29958c18269d8fdb2c9e3fc46554cf191ed7"},this.label)),void 0!==this.badge&&a("span",{key:"96f4c6783184aedb03161046018c179a089c94b5",class:"breadcrumb-badge"},this.badge));return a(e,{key:"db0123ea2494998e20fa67557bdc2ea374811767",class:"breadcrumb-item-wrapper"},!this.href||this.disabled||this.active?a("span",{class:r,"aria-current":this.active?"page":void 0},i):a("a",{href:this.href,class:r,"aria-current":this.active?"page":void 0},i))}};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}:host{display:block}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:4px}.breadcrumb-item-wrapper{display:flex;align-items:center;gap:4px}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-muted, #64748b);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-weight:500;cursor:pointer;background-color:transparent}.breadcrumb-item.size-sm{padding:4px 8px;font-size:12px;gap:4px}.breadcrumb-item.size-md{padding:6px 12px;font-size:14px;gap:6px}.breadcrumb-item.size-lg{padding:8px 16px;font-size:16px;gap:8px}.breadcrumb-item:hover:not(.active):not(.disabled){color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff)}.breadcrumb-item.active{color:var(--text-primary, #1e293b);font-weight:600;cursor:default;background-color:var(--bg-secondary, #f1f5f9)}.breadcrumb-item.disabled{color:var(--color-primary, #cbd5e1);cursor:not-allowed;opacity:0.6}.breadcrumb-item.home{padding:6px 10px}.breadcrumb-content{display:flex;align-items:center;gap:inherit}.breadcrumb-icon{display:inline-flex;align-items:center;font-size:1em;line-height:1}.breadcrumb-icon svg{width:1em;height:1em;fill:currentColor}.breadcrumb-label{white-space:nowrap}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-primary, #cbd5e1);font-size:0.875em;user-select:none;padding:0 4px}.breadcrumb-separator svg{width:1em;height:1em;fill:currentColor}.breadcrumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1;margin-left:4px}.badge-neutral{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.badge-primary{background:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.badge-success{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534)}.badge-warning{background:var(--bg-primary, #fef9c3);color:var(--color-danger, #854d0e)}.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.ellipsis-wrapper{position:relative}.breadcrumb-ellipsis-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:4px 8px;color:var(--color-primary, #94a3b8);cursor:pointer;border-radius:4px;transition:all 0.2s}.breadcrumb-ellipsis-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-muted, #64748b)}.breadcrumb-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:160px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-subtle, #e2e8f0);margin-top:8px;padding:4px;animation:dropdownIn 0.2s ease-out}@keyframes dropdownIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--color-primary, #475569);text-decoration:none;font-size:13px;font-weight:500;border-radius:6px;transition:background 0.2s}.dropdown-item a:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #10b981)}.dropdown-item .item-icon{font-size:14px}.breadcrumb-variant-pills .breadcrumb-item{background:var(--bg-secondary, #f1f5f9);border-radius:999px;margin:0 2px}.breadcrumb-variant-pills .breadcrumb-item:hover{background:var(--bg-primary, #e2e8f0)}.breadcrumb-variant-pills .breadcrumb-item.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.breadcrumb-variant-glass{background:rgba(15, 23, 42, 0.3);backdrop-filter:blur(8px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item{color:rgba(255, 255, 255, 0.7)}.breadcrumb-variant-glass .breadcrumb-item:hover{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.1)}.breadcrumb-variant-glass .breadcrumb-item.active{color:var(--text-standard, #ffffff);background:rgba(255, 255, 255, 0.2)}.breadcrumb-variant-glass .breadcrumb-separator{color:rgba(255, 255, 255, 0.3)}@media (max-width: 640px){.breadcrumb-item.size-md{padding:4px 8px;font-size:12px}.breadcrumb-item.size-lg{padding:6px 12px;font-size:14px}}";export{i as ui_breadcrumb_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as i}from"./p-DUsoYu9r.js";const r=class{constructor(a){t(this,a),this.actionClick=e(this,"actionClick"),this.backClick=e(this,"backClick"),this.itemClick=e(this,"itemClick"),this.searchChange=e(this,"searchChange"),this.retry=e(this,"retry")}heading;message;type="no-data";icon;image;imageAlt="Empty state";iconColor;iconSize="64px";variant="default";size="md";align="center";rounded=!1;elevated=!1;fullHeight=!1;padding;maxWidth="500px";compact=!1;loadingAction;illustration;confetti=!1;description;showSearch=!1;searchPlaceholder="Try another search...";searchValue="";retryDelay=0;retryLabel="Retrying in {n}s...";actions="[]";primaryAction;primaryActionIcon;secondaryAction;secondaryActionIcon;items="[]";itemsTitle;showBackButton=!1;backButtonLabel="Go Back";animated=!0;customClass;actionClick;backClick;itemClick;searchChange;retry;parseActions(){if("string"==typeof this.actions)try{return JSON.parse(this.actions)}catch{return[]}return this.actions||[]}parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items||[]}handleActionClick(t){this.actionClick.emit({action:t.label,value:t.value})}handlePrimaryAction(){this.primaryAction&&this.actionClick.emit({action:"primary",value:this.primaryAction})}handleSecondaryAction(){this.secondaryAction&&this.actionClick.emit({action:"secondary",value:this.secondaryAction})}handleBackClick(){this.backClick.emit()}handleItemClick(t){this.itemClick.emit({item:t})}handleSearchChange(t){this.searchChange.emit(t.target.value)}currentRetryCount=0;retryTimer;onRetryDelayChange(){this.retryDelay>0?this.startRetryTimer():this.retryTimer&&clearInterval(this.retryTimer)}componentWillLoad(){this.retryDelay>0&&this.startRetryTimer()}startRetryTimer(){this.currentRetryCount=this.retryDelay,this.retryTimer&&clearInterval(this.retryTimer),this.retryTimer=setInterval((()=>{this.currentRetryCount--,this.currentRetryCount<=0&&(clearInterval(this.retryTimer),this.retry.emit())}),1e3)}disconnectedCallback(){this.retryTimer&&clearInterval(this.retryTimer)}getDefaultContent(){const t={"no-data":{icon:"inbox",library:"fontawesome",heading:"No Data Available",message:"There is no data to display at the moment."},"no-results":{icon:"search",library:"fontawesome",heading:"No Results Found",message:"We couldn't find any results matching your search."},error:{icon:"exclamation-triangle",library:"fontawesome",heading:"Something Went Wrong",message:"An error occurred while loading the data. Please try again."},404:{icon:"frown",library:"fontawesome",heading:"404 - Not Found",message:"The resource you are looking for has vanished into the void."},401:{icon:"user-lock",library:"fontawesome",heading:"401 - Unauthorized",message:"Please log in to access this protected area."},403:{icon:"ban",library:"fontawesome",heading:"403 - Forbidden",message:"You do not have the required permissions to view this content."},405:{icon:"hand-paper",library:"fontawesome",heading:"405 - Method Not Allowed",message:"This action is not supported for this resource."},410:{icon:"trash-alt",library:"fontawesome",heading:"410 - Gone",message:"This resource has been permanently removed."},418:{icon:"coffee",library:"fontawesome",heading:"418 - I'm a Teapot",message:"I refuse to brew coffee because I am, short and stout, a teapot."},429:{icon:"hourglass-half",library:"fontawesome",heading:"429 - Too Many Requests",message:"You've sent too many requests. Please take a breath and try again later."},500:{icon:"server",library:"fontawesome",heading:"500 - Server Error",message:"Something went wrong on our end. Our best minds are on it."},503:{icon:"plug",library:"fontawesome",heading:"503 - Service Unavailable",message:"The server is temporarily down for maintenance or overloaded."},offline:{icon:"wifi",library:"fontawesome",heading:"No Internet Connection",message:"Check your network cables, modem, and router or try reconnecting."},onboarding:{icon:"paper-plane",library:"fontawesome",heading:"Welcome Abroad!",message:"Get started by creating your first project or inviting teammates."},accomplishment:{icon:"trophy",library:"fontawesome",heading:"You're All Caught Up!",message:"Great job! You've completed everything on your list for today."},success:{icon:"check-circle",library:"fontawesome",heading:"Mission Accomplished",message:"Action completed successfully. Everything looks perfect."},"no-messages":{icon:"comment-slash",library:"fontawesome",heading:"No Messages Yet",message:"It's quiet here. Start a conversation to see messages appear."},"no-notifications":{icon:"bell-slash",library:"fontawesome",heading:"No New Notifications",message:"We'll let you know when something important happens."},"no-favorites":{icon:"heart-broken",library:"fontawesome",heading:"No Favorites Saved",message:"Tap the heart icon on items you love to save them here."},"no-tasks":{icon:"clipboard-check",library:"fontawesome",heading:"No Tasks Found",message:"Your list is empty. Add a new task to stay organized."},"no-history":{icon:"history",library:"fontawesome",heading:"No Recent Activity",message:"Your history will appear here once you start using the app."},"no-files":{icon:"folder-open",library:"fontawesome",heading:"Folder is Empty",message:'Drag and drop files here to upload or click "New File".'},paywall:{icon:"crown",library:"fontawesome",heading:"Premium Feature",message:"Unlock this and 50+ other features with a Pro subscription."},"no-search":{icon:"search-minus",library:"fontawesome",heading:"No Results Matching Filters",message:"Try adjusting your search terms or filters to find what you need."},empty:{icon:"folder-open",library:"fontawesome",heading:"Nothing Here Yet",message:"Get started by adding your first item."},"coming-soon":{icon:"rocket",library:"fontawesome",heading:"Coming Soon",message:"This feature is under development and will be available soon."},maintenance:{icon:"tools",library:"fontawesome",heading:"Under Maintenance",message:"We are currently performing maintenance. Please check back later."},custom:{icon:"info-circle",library:"fontawesome",heading:"Empty State",message:"No content available."}};return t[this.type]||t.custom}renderIcon(){const t=this.getDefaultContent(),e=this.icon||t.icon;if(this.image)return a("div",{class:"empty-state-image"},a("img",{src:this.image,alt:this.imageAlt}));if(this.illustration){if(this.illustration.startsWith("http")||this.illustration.startsWith("/")||this.illustration.includes("."))return a("div",{class:"empty-state-illustration"},a("img",{src:this.illustration,alt:this.imageAlt}));const i={"no-data":a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("rect",{x:"40",y:"40",width:"120",height:"80",rx:"8",fill:"currentColor","fill-opacity":"0.1"}),a("path",{d:"M40 60h120M70 80h60M70 100h30",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.2","stroke-linecap":"round"}),a("circle",{cx:"100",cy:"80",r:"20",fill:"currentColor","fill-opacity":"0.05"})),error:a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg illust-error"},a("circle",{cx:"100",cy:"80",r:"50",fill:"currentColor","fill-opacity":"0.1"}),a("path",{d:"M100 50v40M100 105v5",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round"}),a("path",{d:"M60 120l80-80",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.3","stroke-dasharray":"5 5"})),"no-results":a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("circle",{cx:"90",cy:"70",r:"30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2"}),a("path",{d:"M115 95l30 30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),a("rect",{x:"40",y:"110",width:"120",height:"4",rx:"2",fill:"currentColor","fill-opacity":"0.1"})),offline:a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("path",{d:"M50 80a70 70 0 0 1 100 0M70 100a40 40 0 0 1 60 0M100 120h.01",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),a("line",{x1:"60",y1:"50",x2:"140",y2:"130",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.5"}))};return a("div",{class:`empty-state-illustration illustration-${this.illustration}`},i[this.illustration]||a("div",{class:"illustration-placeholder"},a("ui-icon",{name:e,library:t.library||"fontawesome",size:"48px"}),a("div",{class:"illustration-glow"})))}return a("div",{class:"empty-state-icon"},e?a("slot",{name:"icon"},a("ui-icon",{name:e,library:t.library||"fontawesome",size:this.iconSize,color:this.iconColor||"currentColor"})):a("slot",{name:"icon"}))}renderActions(){const t=this.parseActions(),e=this.primaryAction||this.secondaryAction,i=t.length>0;return e||i?a("div",{class:"empty-state-actions"},this.showSearch&&a("div",{class:"empty-state-search"},a("ui-icon",{name:"search",library:"lucide",size:"16px"}),a("ui-input",{placeholder:this.searchPlaceholder,value:this.searchValue,onInput:t=>this.handleSearchChange(t)})),this.retryDelay>0&&this.currentRetryCount>0&&a("div",{class:"empty-state-timer"},a("span",{class:"timer-text"},this.retryLabel.replace("{n}",this.currentRetryCount.toString())),a("div",{class:"timer-progress"},a("div",{class:"timer-progress-bar",style:{width:this.currentRetryCount/this.retryDelay*100+"%"}}))),e&&a("div",{class:"simple-actions"},this.primaryAction&&a("ui-button",{variant:"primary",loading:"primary"===this.loadingAction,disabled:"primary"===this.loadingAction,onClick:()=>this.handlePrimaryAction(),icon:this.primaryActionIcon,iconLibrary:"fontawesome",label:this.primaryAction}),this.secondaryAction&&a("ui-button",{variant:"secondary",loading:"secondary"===this.loadingAction,disabled:"secondary"===this.loadingAction,onClick:()=>this.handleSecondaryAction(),icon:this.secondaryActionIcon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:this.secondaryAction})),i&&a("div",{class:"complex-actions"},t.map((t=>a("ui-button",{variant:t.variant||"secondary",loading:this.loadingAction===t.value||this.loadingAction===t.label,disabled:this.loadingAction===t.value||this.loadingAction===t.label,onClick:()=>this.handleActionClick(t),icon:t.icon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:t.label})))),a("slot",{name:"actions"})):null}renderItems(){const t=this.parseItems();return 0===t.length?null:a("div",{class:"empty-state-items"},this.itemsTitle&&a("h4",{class:"items-title"},this.itemsTitle),a("ul",{class:"items-list"},t.map((t=>a("li",{class:"item",onClick:()=>this.handleItemClick(t)},t.icon&&a("ui-icon",{name:t.icon,library:"fontawesome",size:"14px"}),a("span",null,t.label))))))}renderBackButton(){return this.showBackButton?a("div",{class:"empty-state-back"},a("ui-button",{variant:"ghost",onClick:()=>this.handleBackClick(),icon:"arrow-left",iconLibrary:"fontawesome",label:this.backButtonLabel,size:"sm"})):null}render(){const t=this.getDefaultContent(),e=this.heading||t.heading,r=this.message||t.message,o={"empty-state-container":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`align-${this.align}`]:!0,[`type-${this.type}`]:!0,rounded:this.rounded,elevated:this.elevated,"full-height":this.fullHeight,animated:this.animated,compact:this.compact,"confetti-active":this.confetti,...this.customClass?{[this.customClass]:!0}:{}};return a(i,{key:"0f7a224ca36c6e2fcda778b134ed8d8d4396d9b6"},a("div",{key:"6ac5efd99135e6484d84139250e84e8e22b7fedd",class:o,style:{padding:this.padding||void 0,maxWidth:this.maxWidth||void 0}},this.renderBackButton(),a("div",{key:"c8ab7670d312a8ea4e5e69b2331db1b6374476c4",class:"empty-state-content"},this.renderIcon(),a("slot",{key:"11d5618957f52edc36c6db9370b630bf02ef58fc",name:"heading"},e&&a("h2",{key:"786051e59375b5e04cad426320fc768a0622cf82",class:"empty-state-title"},e)),a("slot",{key:"11a7eb49b8e3eb457942125ad1512bfaf062228b",name:"message"},r&&a("p",{key:"7c74c4c3721f562ae616ee1992ab0782f81f6b3d",class:"empty-state-message"},r)),this.description&&a("p",{key:"a49d0e45e660f30a3af67c6db480cf2ce2a5717e",class:"empty-state-description"},this.description),a("slot",{key:"31d8ea03a88a1032c02fa6ae1bb511d1a239cd62",name:"custom-content"}),this.renderItems(),this.renderActions(),a("slot",{key:"20d487b415fe17ba94746fafd2bbf97dfa033b0d",name:"footer"}))))}static get watchers(){return{retryDelay:[{onRetryDelayChange:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;box-sizing:border-box}.empty-state-container.full-height{min-height:100vh}.empty-state-container.variant-default{background:transparent}.empty-state-container.variant-outlined{border:2px dashed var(--border-strong, #d1d5db);border-radius:12px}.empty-state-container.variant-filled{background:var(--bg-primary, #f9fafb);border-radius:12px}.empty-state-container.variant-minimal{padding:24px}.empty-state-container.variant-glass{background:rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.3);border-radius:20px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.1)}.empty-state-container.variant-glass .empty-state-title{color:var(--ui-color-text, var(--text-primary, #111827))}.empty-state-container.variant-glass .empty-state-title{color:var(--text-primary, #1a1a1a);text-shadow:0 1px 2px rgba(255, 255, 255, 0.5)}.empty-state-container.rounded{border-radius:16px}.empty-state-container.elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.empty-state-container.compact{padding:16px}.empty-state-container.compact .empty-state-icon{margin-bottom:12px}.empty-state-container.compact .empty-state-title{font-size:1.1rem;margin-bottom:4px}.empty-state-container.compact .empty-state-message{font-size:0.85rem;margin-bottom:16px}.empty-state-container.compact .empty-state-actions{margin-bottom:0;gap:8px}.empty-state-container.compact .action-button{padding:6px 12px;font-size:0.8rem}.empty-state-container.size-sm{padding:24px 16px}.empty-state-container.size-sm .empty-state-icon i{font-size:48px}.empty-state-container.size-sm .empty-state-title{font-size:1.25rem}.empty-state-container.size-sm .empty-state-message{font-size:0.875rem}.empty-state-container.size-md{padding:48px 24px}.empty-state-container.size-md .empty-state-icon i{font-size:64px}.empty-state-container.size-md .empty-state-title{font-size:1.5rem}.empty-state-container.size-md .empty-state-message{font-size:1rem}.empty-state-container.size-lg{padding:64px 32px}.empty-state-container.size-lg .empty-state-icon i{font-size:96px}.empty-state-container.size-lg .empty-state-title{font-size:2rem}.empty-state-container.size-lg .empty-state-message{font-size:1.125rem}.empty-state-container.align-left{align-items:flex-start;text-align:left}.empty-state-container.align-left .empty-state-content{align-items:flex-start}.empty-state-container.align-center{align-items:center;text-align:center}.empty-state-container.align-center .empty-state-content{align-items:center}.empty-state-container.align-right{align-items:flex-end;text-align:right}.empty-state-container.align-right .empty-state-content{align-items:flex-end}.empty-state-container.animated .empty-state-icon,.empty-state-container.animated .empty-state-image,.empty-state-container.animated .empty-state-illustration{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1), bob 4s ease-in-out infinite 0.8s}.empty-state-container.animated .empty-state-title{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}.empty-state-container.animated .empty-state-message{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both}.empty-state-container.animated .empty-state-actions{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both}.empty-state-container:hover .empty-state-icon i,.empty-state-container:hover .empty-state-illustration ui-icon{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1))}.empty-state-content{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%}.empty-state-icon{margin-bottom:24px}.empty-state-icon i{font-size:64px;color:var(--text-muted, #9ca3af);transition:color 0.3s ease}.type-error .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-401 .empty-state-icon i{color:var(--color-primary, #8b5cf6);animation:fadeIn 1s ease-in-out infinite alternate}.type-403 .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-404 .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:glitch 2.5s linear infinite alternate}.type-offline .empty-state-icon i{color:var(--text-muted, #64748b);animation:pulse-signal 2s ease-in-out infinite}.type-500 .empty-state-icon i{color:var(--color-danger, #ef4444);animation:glitch 0.5s linear infinite alternate;animation-delay:2s}.type-no-results .empty-state-icon i{color:var(--text-muted, #6b7280)}.type-coming-soon .empty-state-icon i{color:var(--color-success, #3dcd58)}.type-maintenance .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:rotate-slow 6s linear infinite}.type-onboarding .empty-state-icon i{color:var(--color-primary, #10b981);animation:fadeInUp 1s ease-out}.type-accomplishment .empty-state-icon i,.type-success .empty-state-icon i{color:var(--color-success, #10b981);animation:popOut 1.5s ease-out infinite alternate}.type-paywall .empty-state-icon i{color:var(--color-warning-hover, #d97706);animation:bounce 2s infinite}.type-no-messages .empty-state-icon i{color:var(--color-danger, #ec4899)}.type-no-notifications .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-no-favorites .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-429 .empty-state-icon i{color:var(--color-primary, #6366f1);animation:pulse-signal 2s infinite}.type-418 .empty-state-icon i{color:var(--color-primary, #7c3aed)}.empty-state-image{margin-bottom:24px;max-width:300px}.empty-state-image img{width:100%;height:auto;object-fit:contain;border-radius:8px}.size-lg .empty-state-image{max-width:400px}.empty-state-illustration{margin-bottom:24px;position:relative;display:flex;justify-content:center;align-items:center}.empty-state-illustration .illustration-placeholder{width:120px;height:120px;background:linear-gradient(135deg, rgba(var(--color-success-rgb, 61, 205, 88), 0.1), rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;display:flex;align-items:center;justify-content:center;animation:morph 8s ease-in-out infinite;position:relative;overflow:hidden}.empty-state-illustration .illustration-placeholder i{font-size:48px;color:var(--primary-color, var(--color-primary, #10b981));z-index:2}.empty-state-illustration .illustration-placeholder .illustration-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(var(--color-success-rgb, 61, 205, 88), 0.2) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite}.empty-state-illustration img{max-width:100%;height:auto;border-radius:12px;animation:float 6s ease-in-out infinite}.empty-state-title{margin:0 0 12px 0;font-size:1.5rem;font-weight:600;color:var(--empty-state-title-color, var(--text-primary, #111827));line-height:1.3}.empty-state-message{margin:0 0 32px 0;font-size:1rem;color:var(--empty-state-message-color, var(--text-muted, #6b7280));line-height:1.6;max-width:100%}.empty-state-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:24px}.empty-state-actions .simple-actions,.empty-state-actions .complex-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-state-search{display:flex;align-items:center;gap:12px;background:var(--ui-color-surface-soft, rgba(0, 0, 0, 0.03));border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));padding:8px 16px;border-radius:12px;margin-bottom:8px;width:100%;transition:all 0.2s}.empty-state-search:focus-within{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);background:var(--bg-primary, #ffffff)}.empty-state-search ui-icon{color:var(--text-muted, #6b7280)}.empty-state-search input{border:none;background:transparent;outline:none;font-size:0.9375rem;flex:1;color:inherit}.empty-state-timer{margin-bottom:16px;width:100%;text-align:center}.empty-state-timer .timer-text{font-size:0.85rem;color:var(--text-muted, #6b7280);font-weight:500;display:block;margin-bottom:8px}.empty-state-timer .timer-progress{height:4px;background:var(--bg-secondary, #f3f4f6);border-radius:2px;overflow:hidden}.empty-state-timer .timer-progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 1s linear}.empty-state-description{margin:-16px 0 32px 0;font-size:0.875rem;color:var(--text-muted, #9ca3af);max-width:80%;line-height:1.5}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.action-button i{font-size:1rem}.action-button.primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.action-button.primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.action-button.primary:active{transform:translateY(0)}.action-button.primary.is-loading{opacity:0.8;cursor:wait;pointer-events:none}.action-button.primary.is-loading i{margin-right:8px}.action-button.secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);border:1px solid var(--border-default, #e5e7eb)}.action-button.secondary:hover{background:var(--bg-primary, #e5e7eb);border-color:var(--border-strong, #d1d5db)}.action-button.secondary:active{background:var(--bg-secondary, #d1d5db)}.action-button.text{background:transparent;color:var(--color-success, #3dcd58);padding:8px 16px}.action-button.text:hover{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.action-button.text:active{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.size-sm .action-button{padding:8px 16px;font-size:0.875rem}.size-lg .action-button{padding:14px 28px;font-size:1rem}.empty-state-items{margin-bottom:24px;width:100%;max-width:400px}.items-title{margin:0 0 12px 0;font-size:0.875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.item i{font-size:1rem;color:var(--text-muted, #6b7280);flex-shrink:0}.item span{font-size:0.9375rem;color:var(--text-secondary, #374151);flex:1}.item:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--border-strong, #d1d5db);transform:translateX(4px)}.item:active{background:var(--bg-primary, #e5e7eb)}.empty-state-back{align-self:flex-start;margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6b7280);font-size:0.9375rem;cursor:pointer;transition:all 0.2s ease}.back-button i{font-size:0.875rem}.back-button:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.back-button:active{background:var(--bg-primary, #e5e7eb)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px, 1.5px)}4%{transform:translate(-2px, -1.5px)}6%{transform:translate(2px, 1.5px)}8%{transform:translate(2px, -1.5px)}10%{transform:translate(0)}100%{transform:translate(0)}}@keyframes pulse-signal{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.92)}}@keyframes rotate-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.8}}.confetti-active{position:relative;overflow:hidden}.confetti-active::before,.confetti-active::after{content:"🎉";position:absolute;font-size:2rem;animation:popOut 1s ease-out forwards;pointer-events:none;z-index:10}.confetti-active::before{left:10%;top:20%;animation-delay:0.1s}.confetti-active::after{right:10%;top:30%;animation-delay:0.3s}@keyframes popOut{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.5) rotate(15deg);opacity:1}100%{transform:scale(1.2) rotate(0deg);opacity:0;transform:translateY(-50px)}}::slotted([slot=custom-content]){margin:16px 0}::slotted([slot=footer]){margin-top:24px}@media (max-width: 640px){.empty-state-container{padding:32px 16px}.empty-state-container.size-lg{padding:48px 20px}.empty-state-icon i{font-size:48px !important}.empty-state-image{max-width:200px !important}.empty-state-title{font-size:1.25rem !important}.empty-state-message{font-size:0.875rem !important}.action-button{width:100%;justify-content:center}.simple-actions,.complex-actions{flex-direction:column;width:100%}}';export{r as ui_empty_state}
|
|
1
|
+
import{r as t,c as e,h as a,H as i}from"./p-Dqu2zaH1.js";const r=class{constructor(a){t(this,a),this.actionClick=e(this,"actionClick"),this.backClick=e(this,"backClick"),this.itemClick=e(this,"itemClick"),this.searchChange=e(this,"searchChange"),this.retry=e(this,"retry")}heading;message;type="no-data";icon;image;imageAlt="Empty state";iconColor;iconSize="64px";variant="default";size="md";align="center";rounded=!1;elevated=!1;fullHeight=!1;padding;maxWidth="500px";compact=!1;loadingAction;illustration;confetti=!1;description;showSearch=!1;searchPlaceholder="Try another search...";searchValue="";retryDelay=0;retryLabel="Retrying in {n}s...";actions="[]";primaryAction;primaryActionIcon;secondaryAction;secondaryActionIcon;items="[]";itemsTitle;showBackButton=!1;backButtonLabel="Go Back";animated=!0;customClass;actionClick;backClick;itemClick;searchChange;retry;parseActions(){if("string"==typeof this.actions)try{return JSON.parse(this.actions)}catch{return[]}return this.actions||[]}parseItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items||[]}handleActionClick(t){this.actionClick.emit({action:t.label,value:t.value})}handlePrimaryAction(){this.primaryAction&&this.actionClick.emit({action:"primary",value:this.primaryAction})}handleSecondaryAction(){this.secondaryAction&&this.actionClick.emit({action:"secondary",value:this.secondaryAction})}handleBackClick(){this.backClick.emit()}handleItemClick(t){this.itemClick.emit({item:t})}handleSearchChange(t){this.searchChange.emit(t.target.value)}currentRetryCount=0;retryTimer;onRetryDelayChange(){this.retryDelay>0?this.startRetryTimer():this.retryTimer&&clearInterval(this.retryTimer)}componentWillLoad(){this.retryDelay>0&&this.startRetryTimer()}startRetryTimer(){this.currentRetryCount=this.retryDelay,this.retryTimer&&clearInterval(this.retryTimer),this.retryTimer=setInterval((()=>{this.currentRetryCount--,this.currentRetryCount<=0&&(clearInterval(this.retryTimer),this.retry.emit())}),1e3)}disconnectedCallback(){this.retryTimer&&clearInterval(this.retryTimer)}getDefaultContent(){const t={"no-data":{icon:"inbox",library:"fontawesome",heading:"No Data Available",message:"There is no data to display at the moment."},"no-results":{icon:"search",library:"fontawesome",heading:"No Results Found",message:"We couldn't find any results matching your search."},error:{icon:"exclamation-triangle",library:"fontawesome",heading:"Something Went Wrong",message:"An error occurred while loading the data. Please try again."},404:{icon:"frown",library:"fontawesome",heading:"404 - Not Found",message:"The resource you are looking for has vanished into the void."},401:{icon:"user-lock",library:"fontawesome",heading:"401 - Unauthorized",message:"Please log in to access this protected area."},403:{icon:"ban",library:"fontawesome",heading:"403 - Forbidden",message:"You do not have the required permissions to view this content."},405:{icon:"hand-paper",library:"fontawesome",heading:"405 - Method Not Allowed",message:"This action is not supported for this resource."},410:{icon:"trash-alt",library:"fontawesome",heading:"410 - Gone",message:"This resource has been permanently removed."},418:{icon:"coffee",library:"fontawesome",heading:"418 - I'm a Teapot",message:"I refuse to brew coffee because I am, short and stout, a teapot."},429:{icon:"hourglass-half",library:"fontawesome",heading:"429 - Too Many Requests",message:"You've sent too many requests. Please take a breath and try again later."},500:{icon:"server",library:"fontawesome",heading:"500 - Server Error",message:"Something went wrong on our end. Our best minds are on it."},503:{icon:"plug",library:"fontawesome",heading:"503 - Service Unavailable",message:"The server is temporarily down for maintenance or overloaded."},offline:{icon:"wifi",library:"fontawesome",heading:"No Internet Connection",message:"Check your network cables, modem, and router or try reconnecting."},onboarding:{icon:"paper-plane",library:"fontawesome",heading:"Welcome Abroad!",message:"Get started by creating your first project or inviting teammates."},accomplishment:{icon:"trophy",library:"fontawesome",heading:"You're All Caught Up!",message:"Great job! You've completed everything on your list for today."},success:{icon:"check-circle",library:"fontawesome",heading:"Mission Accomplished",message:"Action completed successfully. Everything looks perfect."},"no-messages":{icon:"comment-slash",library:"fontawesome",heading:"No Messages Yet",message:"It's quiet here. Start a conversation to see messages appear."},"no-notifications":{icon:"bell-slash",library:"fontawesome",heading:"No New Notifications",message:"We'll let you know when something important happens."},"no-favorites":{icon:"heart-broken",library:"fontawesome",heading:"No Favorites Saved",message:"Tap the heart icon on items you love to save them here."},"no-tasks":{icon:"clipboard-check",library:"fontawesome",heading:"No Tasks Found",message:"Your list is empty. Add a new task to stay organized."},"no-history":{icon:"history",library:"fontawesome",heading:"No Recent Activity",message:"Your history will appear here once you start using the app."},"no-files":{icon:"folder-open",library:"fontawesome",heading:"Folder is Empty",message:'Drag and drop files here to upload or click "New File".'},paywall:{icon:"crown",library:"fontawesome",heading:"Premium Feature",message:"Unlock this and 50+ other features with a Pro subscription."},"no-search":{icon:"search-minus",library:"fontawesome",heading:"No Results Matching Filters",message:"Try adjusting your search terms or filters to find what you need."},empty:{icon:"folder-open",library:"fontawesome",heading:"Nothing Here Yet",message:"Get started by adding your first item."},"coming-soon":{icon:"rocket",library:"fontawesome",heading:"Coming Soon",message:"This feature is under development and will be available soon."},maintenance:{icon:"tools",library:"fontawesome",heading:"Under Maintenance",message:"We are currently performing maintenance. Please check back later."},custom:{icon:"info-circle",library:"fontawesome",heading:"Empty State",message:"No content available."}};return t[this.type]||t.custom}renderIcon(){const t=this.getDefaultContent(),e=this.icon||t.icon;if(this.image)return a("div",{class:"empty-state-image"},a("img",{src:this.image,alt:this.imageAlt}));if(this.illustration){if(this.illustration.startsWith("http")||this.illustration.startsWith("/")||this.illustration.includes("."))return a("div",{class:"empty-state-illustration"},a("img",{src:this.illustration,alt:this.imageAlt}));const i={"no-data":a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("rect",{x:"40",y:"40",width:"120",height:"80",rx:"8",fill:"currentColor","fill-opacity":"0.1"}),a("path",{d:"M40 60h120M70 80h60M70 100h30",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.2","stroke-linecap":"round"}),a("circle",{cx:"100",cy:"80",r:"20",fill:"currentColor","fill-opacity":"0.05"})),error:a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg illust-error"},a("circle",{cx:"100",cy:"80",r:"50",fill:"currentColor","fill-opacity":"0.1"}),a("path",{d:"M100 50v40M100 105v5",stroke:"currentColor","stroke-width":"6","stroke-linecap":"round"}),a("path",{d:"M60 120l80-80",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.3","stroke-dasharray":"5 5"})),"no-results":a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("circle",{cx:"90",cy:"70",r:"30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2"}),a("path",{d:"M115 95l30 30",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),a("rect",{x:"40",y:"110",width:"120",height:"4",rx:"2",fill:"currentColor","fill-opacity":"0.1"})),offline:a("svg",{viewBox:"0 0 200 160",fill:"none",class:"illust-svg"},a("path",{d:"M50 80a70 70 0 0 1 100 0M70 100a40 40 0 0 1 60 0M100 120h.01",stroke:"currentColor","stroke-width":"3","stroke-opacity":"0.2","stroke-linecap":"round"}),a("line",{x1:"60",y1:"50",x2:"140",y2:"130",stroke:"currentColor","stroke-width":"2","stroke-opacity":"0.5"}))};return a("div",{class:`empty-state-illustration illustration-${this.illustration}`},i[this.illustration]||a("div",{class:"illustration-placeholder"},a("ui-icon",{name:e,library:t.library||"fontawesome",size:"48px"}),a("div",{class:"illustration-glow"})))}return a("div",{class:"empty-state-icon"},e?a("slot",{name:"icon"},a("ui-icon",{name:e,library:t.library||"fontawesome",size:this.iconSize,color:this.iconColor||"currentColor"})):a("slot",{name:"icon"}))}renderActions(){const t=this.parseActions(),e=this.primaryAction||this.secondaryAction,i=t.length>0;return e||i?a("div",{class:"empty-state-actions"},this.showSearch&&a("div",{class:"empty-state-search"},a("ui-icon",{name:"search",library:"lucide",size:"16px"}),a("ui-input",{placeholder:this.searchPlaceholder,value:this.searchValue,onInput:t=>this.handleSearchChange(t)})),this.retryDelay>0&&this.currentRetryCount>0&&a("div",{class:"empty-state-timer"},a("span",{class:"timer-text"},this.retryLabel.replace("{n}",this.currentRetryCount.toString())),a("div",{class:"timer-progress"},a("div",{class:"timer-progress-bar",style:{width:this.currentRetryCount/this.retryDelay*100+"%"}}))),e&&a("div",{class:"simple-actions"},this.primaryAction&&a("ui-button",{variant:"primary",loading:"primary"===this.loadingAction,disabled:"primary"===this.loadingAction,onClick:()=>this.handlePrimaryAction(),icon:this.primaryActionIcon,iconLibrary:"fontawesome",label:this.primaryAction}),this.secondaryAction&&a("ui-button",{variant:"secondary",loading:"secondary"===this.loadingAction,disabled:"secondary"===this.loadingAction,onClick:()=>this.handleSecondaryAction(),icon:this.secondaryActionIcon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:this.secondaryAction})),i&&a("div",{class:"complex-actions"},t.map((t=>a("ui-button",{variant:t.variant||"secondary",loading:this.loadingAction===t.value||this.loadingAction===t.label,disabled:this.loadingAction===t.value||this.loadingAction===t.label,onClick:()=>this.handleActionClick(t),icon:t.icon?.replace(/^fa[sb]? fa-/,""),iconLibrary:"fontawesome",label:t.label})))),a("slot",{name:"actions"})):null}renderItems(){const t=this.parseItems();return 0===t.length?null:a("div",{class:"empty-state-items"},this.itemsTitle&&a("h4",{class:"items-title"},this.itemsTitle),a("ul",{class:"items-list"},t.map((t=>a("li",{class:"item",onClick:()=>this.handleItemClick(t)},t.icon&&a("ui-icon",{name:t.icon,library:"fontawesome",size:"14px"}),a("span",null,t.label))))))}renderBackButton(){return this.showBackButton?a("div",{class:"empty-state-back"},a("ui-button",{variant:"ghost",onClick:()=>this.handleBackClick(),icon:"arrow-left",iconLibrary:"fontawesome",label:this.backButtonLabel,size:"sm"})):null}render(){const t=this.getDefaultContent(),e=this.heading||t.heading,r=this.message||t.message,o={"empty-state-container":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`align-${this.align}`]:!0,[`type-${this.type}`]:!0,rounded:this.rounded,elevated:this.elevated,"full-height":this.fullHeight,animated:this.animated,compact:this.compact,"confetti-active":this.confetti,...this.customClass?{[this.customClass]:!0}:{}};return a(i,{key:"b4aba509d0fe262be1254d1c1f06095408711739"},a("div",{key:"747641713fd40e4ddadfb5fcfb2e2df24bd9e0b0",class:o,style:{padding:this.padding||void 0,maxWidth:this.maxWidth||void 0}},this.renderBackButton(),a("div",{key:"566cc5184652308e834deb2b1866247c979fa4f7",class:"empty-state-content"},this.renderIcon(),a("slot",{key:"35a6d4f00def6f8549084ad484ac212097256679",name:"heading"},e&&a("h2",{key:"a7b7aafd7a02a02042540d52bd2d3e2eecbdfcf4",class:"empty-state-title"},e)),a("slot",{key:"a53e7b77686f392eaf0d9eb2569fc896f9e5b216",name:"message"},r&&a("p",{key:"1f84852f31494063d0bcdb9eb3e025ffda729e0a",class:"empty-state-message"},r)),this.description&&a("p",{key:"96ef197c70889b83be57c26f7e174fcceba5d44c",class:"empty-state-description"},this.description),a("slot",{key:"2707adbdaaca80e83c6318c1bab0b9fdaaa5f4cd",name:"custom-content"}),this.renderItems(),this.renderActions(),a("slot",{key:"fb8dfa1d372bffb367967f13e711954334ec304a",name:"footer"}))))}static get watchers(){return{retryDelay:[{onRetryDelayChange:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;box-sizing:border-box}.empty-state-container.full-height{min-height:100vh}.empty-state-container.variant-default{background:transparent}.empty-state-container.variant-outlined{border:2px dashed var(--border-strong, #d1d5db);border-radius:12px}.empty-state-container.variant-filled{background:var(--bg-primary, #f9fafb);border-radius:12px}.empty-state-container.variant-minimal{padding:24px}.empty-state-container.variant-glass{background:rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--ui-color-surface-rgb, 255, 255, 255), 0.3);border-radius:20px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.1)}.empty-state-container.variant-glass .empty-state-title{color:var(--ui-color-text, var(--text-primary, #111827))}.empty-state-container.variant-glass .empty-state-title{color:var(--text-primary, #1a1a1a);text-shadow:0 1px 2px rgba(255, 255, 255, 0.5)}.empty-state-container.rounded{border-radius:16px}.empty-state-container.elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.empty-state-container.compact{padding:16px}.empty-state-container.compact .empty-state-icon{margin-bottom:12px}.empty-state-container.compact .empty-state-title{font-size:1.1rem;margin-bottom:4px}.empty-state-container.compact .empty-state-message{font-size:0.85rem;margin-bottom:16px}.empty-state-container.compact .empty-state-actions{margin-bottom:0;gap:8px}.empty-state-container.compact .action-button{padding:6px 12px;font-size:0.8rem}.empty-state-container.size-sm{padding:24px 16px}.empty-state-container.size-sm .empty-state-icon i{font-size:48px}.empty-state-container.size-sm .empty-state-title{font-size:1.25rem}.empty-state-container.size-sm .empty-state-message{font-size:0.875rem}.empty-state-container.size-md{padding:48px 24px}.empty-state-container.size-md .empty-state-icon i{font-size:64px}.empty-state-container.size-md .empty-state-title{font-size:1.5rem}.empty-state-container.size-md .empty-state-message{font-size:1rem}.empty-state-container.size-lg{padding:64px 32px}.empty-state-container.size-lg .empty-state-icon i{font-size:96px}.empty-state-container.size-lg .empty-state-title{font-size:2rem}.empty-state-container.size-lg .empty-state-message{font-size:1.125rem}.empty-state-container.align-left{align-items:flex-start;text-align:left}.empty-state-container.align-left .empty-state-content{align-items:flex-start}.empty-state-container.align-center{align-items:center;text-align:center}.empty-state-container.align-center .empty-state-content{align-items:center}.empty-state-container.align-right{align-items:flex-end;text-align:right}.empty-state-container.align-right .empty-state-content{align-items:flex-end}.empty-state-container.animated .empty-state-icon,.empty-state-container.animated .empty-state-image,.empty-state-container.animated .empty-state-illustration{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1), bob 4s ease-in-out infinite 0.8s}.empty-state-container.animated .empty-state-title{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both}.empty-state-container.animated .empty-state-message{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both}.empty-state-container.animated .empty-state-actions{animation:fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both}.empty-state-container:hover .empty-state-icon i,.empty-state-container:hover .empty-state-illustration ui-icon{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1))}.empty-state-content{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%}.empty-state-icon{margin-bottom:24px}.empty-state-icon i{font-size:64px;color:var(--text-muted, #9ca3af);transition:color 0.3s ease}.type-error .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-401 .empty-state-icon i{color:var(--color-primary, #8b5cf6);animation:fadeIn 1s ease-in-out infinite alternate}.type-403 .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-404 .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:glitch 2.5s linear infinite alternate}.type-offline .empty-state-icon i{color:var(--text-muted, #64748b);animation:pulse-signal 2s ease-in-out infinite}.type-500 .empty-state-icon i{color:var(--color-danger, #ef4444);animation:glitch 0.5s linear infinite alternate;animation-delay:2s}.type-no-results .empty-state-icon i{color:var(--text-muted, #6b7280)}.type-coming-soon .empty-state-icon i{color:var(--color-success, #3dcd58)}.type-maintenance .empty-state-icon i{color:var(--color-warning, #f59e0b);animation:rotate-slow 6s linear infinite}.type-onboarding .empty-state-icon i{color:var(--color-primary, #10b981);animation:fadeInUp 1s ease-out}.type-accomplishment .empty-state-icon i,.type-success .empty-state-icon i{color:var(--color-success, #10b981);animation:popOut 1.5s ease-out infinite alternate}.type-paywall .empty-state-icon i{color:var(--color-warning-hover, #d97706);animation:bounce 2s infinite}.type-no-messages .empty-state-icon i{color:var(--color-danger, #ec4899)}.type-no-notifications .empty-state-icon i{color:var(--color-danger, #f43f5e)}.type-no-favorites .empty-state-icon i{color:var(--color-danger, #ef4444)}.type-429 .empty-state-icon i{color:var(--color-primary, #6366f1);animation:pulse-signal 2s infinite}.type-418 .empty-state-icon i{color:var(--color-primary, #7c3aed)}.empty-state-image{margin-bottom:24px;max-width:300px}.empty-state-image img{width:100%;height:auto;object-fit:contain;border-radius:8px}.size-lg .empty-state-image{max-width:400px}.empty-state-illustration{margin-bottom:24px;position:relative;display:flex;justify-content:center;align-items:center}.empty-state-illustration .illustration-placeholder{width:120px;height:120px;background:linear-gradient(135deg, rgba(var(--color-success-rgb, 61, 205, 88), 0.1), rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;display:flex;align-items:center;justify-content:center;animation:morph 8s ease-in-out infinite;position:relative;overflow:hidden}.empty-state-illustration .illustration-placeholder i{font-size:48px;color:var(--primary-color, var(--color-primary, #10b981));z-index:2}.empty-state-illustration .illustration-placeholder .illustration-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(var(--color-success-rgb, 61, 205, 88), 0.2) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite}.empty-state-illustration img{max-width:100%;height:auto;border-radius:12px;animation:float 6s ease-in-out infinite}.empty-state-title{margin:0 0 12px 0;font-size:1.5rem;font-weight:600;color:var(--empty-state-title-color, var(--text-primary, #111827));line-height:1.3}.empty-state-message{margin:0 0 32px 0;font-size:1rem;color:var(--empty-state-message-color, var(--text-muted, #6b7280));line-height:1.6;max-width:100%}.empty-state-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-bottom:24px}.empty-state-actions .simple-actions,.empty-state-actions .complex-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.empty-state-search{display:flex;align-items:center;gap:12px;background:var(--ui-color-surface-soft, rgba(0, 0, 0, 0.03));border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));padding:8px 16px;border-radius:12px;margin-bottom:8px;width:100%;transition:all 0.2s}.empty-state-search:focus-within{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);background:var(--bg-primary, #ffffff)}.empty-state-search ui-icon{color:var(--text-muted, #6b7280)}.empty-state-search input{border:none;background:transparent;outline:none;font-size:0.9375rem;flex:1;color:inherit}.empty-state-timer{margin-bottom:16px;width:100%;text-align:center}.empty-state-timer .timer-text{font-size:0.85rem;color:var(--text-muted, #6b7280);font-weight:500;display:block;margin-bottom:8px}.empty-state-timer .timer-progress{height:4px;background:var(--bg-secondary, #f3f4f6);border-radius:2px;overflow:hidden}.empty-state-timer .timer-progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 1s linear}.empty-state-description{margin:-16px 0 32px 0;font-size:0.875rem;color:var(--text-muted, #9ca3af);max-width:80%;line-height:1.5}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.action-button i{font-size:1rem}.action-button.primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.action-button.primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.action-button.primary:active{transform:translateY(0)}.action-button.primary.is-loading{opacity:0.8;cursor:wait;pointer-events:none}.action-button.primary.is-loading i{margin-right:8px}.action-button.secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);border:1px solid var(--border-default, #e5e7eb)}.action-button.secondary:hover{background:var(--bg-primary, #e5e7eb);border-color:var(--border-strong, #d1d5db)}.action-button.secondary:active{background:var(--bg-secondary, #d1d5db)}.action-button.text{background:transparent;color:var(--color-success, #3dcd58);padding:8px 16px}.action-button.text:hover{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.action-button.text:active{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.size-sm .action-button{padding:8px 16px;font-size:0.875rem}.size-lg .action-button{padding:14px 28px;font-size:1rem}.empty-state-items{margin-bottom:24px;width:100%;max-width:400px}.items-title{margin:0 0 12px 0;font-size:0.875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.item i{font-size:1rem;color:var(--text-muted, #6b7280);flex-shrink:0}.item span{font-size:0.9375rem;color:var(--text-secondary, #374151);flex:1}.item:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--border-strong, #d1d5db);transform:translateX(4px)}.item:active{background:var(--bg-primary, #e5e7eb)}.empty-state-back{align-self:flex-start;margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #6b7280);font-size:0.9375rem;cursor:pointer;transition:all 0.2s ease}.back-button i{font-size:0.875rem}.back-button:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.back-button:active{background:var(--bg-primary, #e5e7eb)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px, 1.5px)}4%{transform:translate(-2px, -1.5px)}6%{transform:translate(2px, 1.5px)}8%{transform:translate(2px, -1.5px)}10%{transform:translate(0)}100%{transform:translate(0)}}@keyframes pulse-signal{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.92)}}@keyframes rotate-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.8}}.confetti-active{position:relative;overflow:hidden}.confetti-active::before,.confetti-active::after{content:"🎉";position:absolute;font-size:2rem;animation:popOut 1s ease-out forwards;pointer-events:none;z-index:10}.confetti-active::before{left:10%;top:20%;animation-delay:0.1s}.confetti-active::after{right:10%;top:30%;animation-delay:0.3s}@keyframes popOut{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.5) rotate(15deg);opacity:1}100%{transform:scale(1.2) rotate(0deg);opacity:0;transform:translateY(-50px)}}::slotted([slot=custom-content]){margin:16px 0}::slotted([slot=footer]){margin-top:24px}@media (max-width: 640px){.empty-state-container{padding:32px 16px}.empty-state-container.size-lg{padding:48px 20px}.empty-state-icon i{font-size:48px !important}.empty-state-image{max-width:200px !important}.empty-state-title{font-size:1.25rem !important}.empty-state-message{font-size:0.875rem !important}.action-button{width:100%;justify-content:center}.simple-actions,.complex-actions{flex-direction:column;width:100%}}';export{r as ui_empty_state}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-
|
|
1
|
+
import{r as t,h as i}from"./p-Dqu2zaH1.js";const o=class{constructor(i){t(this,i)}stepTitle="";icon="";subtitle="";badge="";tooltip="";disabled=!1;status="";index=0;validate;async renderContent(){return i("slot",null)}render(){return i("slot",{key:"07c09e3d2857a1d05a6e96a4b1d8aede882ea1f5"})}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}";export{o as my_step}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,a,h as r}from"./p-Dqu2zaH1.js";import{n as o}from"./p-C7gf39HE.js";const n=class{constructor(a){i(this,a),this.pageChange=t(this,"pageChange"),this.itemsPerPageChange=t(this,"itemsPerPageChange"),this.validationError=t(this,"validationError")}get el(){return a(this)}hideNavButtons=!1;currentPage=1;totalItems=0;itemsPerPage=10;maxVisiblePages=5;type="basic";size="md";variant="default";theme="primary";showFirstLast=!0;showPrevNext=!0;showPageSize=!1;showTotal=!1;showJumpTo=!1;prevText="Previous";nextText="Next";firstText="First";lastText="Last";pageSizes=[10,25,50,100];disabled=!1;iconOnly=!1;infinite=!1;loading=!1;compact=!1;keyboardNav=!0;shape="default";pill=!1;circle=!1;prevIcon="";nextIcon="";firstIcon="";lastIcon="";mobileBreakpoint=768;responsiveMode=!0;rtl=!1;ellipsisTooltip=!0;pageTransition=!0;urlSync=!1;urlParam="page";autoHide=!0;getEffectiveShape(){return"default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default"}quickJump=!1;quickJumpStep=5;sticky=!1;stickyPosition="bottom";smartCompact=!1;smartCompactThreshold=20;swipeGestures=!0;showProgress=!1;showSelectedMarker=!0;segmented=!1;hideNumbers=!1;showLabel=!1;labelTemplate="{current} OF {total}";arrowsJoined=!1;vertical=!1;persistPage=!1;storageKey="pagination-page";pageChange;itemsPerPageChange;validationError;jumpToPage=null;inputError="";pageInputValue="1";showEllipsisTooltip=!1;ellipsisPages=[];isTransitioning=!1;isMobile=!1;openDropdown=null;handleTotalChange(){this.currentPage>this.totalPages&&this.totalPages>0&&(this.currentPage=this.totalPages)}handleCurrentPageChange(i){this.syncPageInputState(i)}handleOpenDropdownChange(i){this.el.classList.toggle("has-open-dropdown",null!==i)}paginationRef;touchStartX=0;touchEndX=0;handleOutsideClick=i=>{this.openDropdown&&(i.composedPath().includes(this.el)||(this.openDropdown=null))};componentWillLoad(){if(this.responsiveMode&&"undefined"!=typeof window&&this.checkMobileView(),this.urlSync&&"undefined"!=typeof window){const i=this.getPageFromURL();i&&i!==this.currentPage&&(this.currentPage=i)}if(this.persistPage&&"undefined"!=typeof window){const i=this.getPageFromStorage();i&&i!==this.currentPage&&(this.currentPage=i)}this.syncPageInputState(this.currentPage)}componentDidLoad(){"undefined"!=typeof window&&(document.addEventListener("pointerdown",this.handleOutsideClick,!0),window.addEventListener("click",this.handleOutsideClick)),this.responsiveMode&&"undefined"!=typeof window&&window.addEventListener("resize",this.checkMobileView),this.swipeGestures&&this.paginationRef&&(this.paginationRef.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.paginationRef.addEventListener("touchend",this.handleTouchEnd,{passive:!0}))}disconnectedCallback(){"undefined"!=typeof window&&(window.removeEventListener("resize",this.checkMobileView),window.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("pointerdown",this.handleOutsideClick,!0)),this.swipeGestures&&this.paginationRef&&(this.paginationRef.removeEventListener("touchstart",this.handleTouchStart),this.paginationRef.removeEventListener("touchend",this.handleTouchEnd))}checkMobileView=()=>{"undefined"!=typeof window&&(this.isMobile=window.innerWidth<this.mobileBreakpoint)};handleKeyDown=i=>{if(this.keyboardNav&&!this.disabled)switch(i.key){case"ArrowLeft":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage+1:this.currentPage-1);break;case"ArrowRight":i.preventDefault(),this.handlePageChange(this.rtl?this.currentPage-1:this.currentPage+1);break;case"Home":i.preventDefault(),this.handlePageChange(1);break;case"End":i.preventDefault(),this.handlePageChange(this.totalPages)}};getPageFromURL(){if("undefined"==typeof window)return null;const i=new URLSearchParams(window.location.search).get(this.urlParam);return i?parseInt(i,10):null}updateURL(i){if("undefined"==typeof window)return;const t=new URL(window.location.href);t.searchParams.set(this.urlParam,i.toString()),window.history.pushState({},"",t.toString())}getPageFromStorage(){if("undefined"==typeof window)return null;const i=localStorage.getItem(this.storageKey);return i?parseInt(i,10):null}savePageToStorage(i){"undefined"!=typeof window&&localStorage.setItem(this.storageKey,i.toString())}handleTouchStart=i=>{this.touchStartX=i.changedTouches[0].screenX};handleTouchEnd=i=>{this.touchEndX=i.changedTouches[0].screenX,this.handleSwipe()};handleSwipe(){const i=this.touchStartX-this.touchEndX;Math.abs(i)>50&&this.handlePageChange(i>0?this.rtl?this.currentPage-1:this.currentPage+1:this.rtl?this.currentPage+1:this.currentPage-1)}handleQuickJump(i){const t=this.quickJumpStep,a="forward"===i?Math.min(this.currentPage+t,this.totalPages):Math.max(this.currentPage-t,1);this.handlePageChange(a)}get progressPercentage(){return this.currentPage/this.totalPages*100}get totalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}get visiblePages(){const i=this.totalPages,t=this.currentPage,a=this.maxVisiblePages;if(i<=a)return Array.from({length:i},((i,t)=>t+1));const r=Math.floor(a/2);let o=Math.max(1,t-r),n=Math.min(i,o+a-1);return n-o+1<a&&(o=Math.max(1,n-a+1)),Array.from({length:n-o+1},((i,t)=>o+t))}handlePageChange(i){this.openDropdown=null,this.jumpToPage=null,i<1||i>this.totalPages||i===this.currentPage||this.disabled||(this.pageTransition&&(this.isTransitioning=!0,setTimeout((()=>this.isTransitioning=!1),300)),this.currentPage=i,this.syncPageInputState(i),this.urlSync&&this.updateURL(i),this.persistPage&&this.savePageToStorage(i),this.pageChange.emit({page:i,itemsPerPage:this.itemsPerPage}))}handleItemsPerPageChange(i){this.openDropdown=null,this.itemsPerPage=i,this.currentPage=1,this.syncPageInputState(1),this.itemsPerPageChange.emit(i),this.pageChange.emit({page:1,itemsPerPage:i})}handleJumpToPage(){this.openDropdown=null;const i=this.pageInputValue.trim();if(!i)return this.jumpToPage=null,this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");const t=Number(i);if(isNaN(t))return this.inputError="Please enter a valid number",void this.validationError.emit("Please enter a valid number");if(t<1)return this.inputError="Page number must be at least 1",void this.validationError.emit(this.inputError);if(t>this.totalPages)return this.inputError=`Page number cannot exceed ${this.totalPages}`,void this.validationError.emit(this.inputError);this.inputError="",this.jumpToPage=t;const a=Math.max(1,Math.min(this.totalPages,t));this.handlePageChange(a)}syncPageInputState(i){const t=Number.isFinite(i)&&i>0?i:1;this.jumpToPage=t,this.pageInputValue=t.toString()}getPageInputWidth(){const i=Math.max(1,this.totalPages.toString().length),t=Math.max(0,this.pageInputValue.trim().length),a=Math.max(2,i,t),r="sm"===this.size?"1.75rem":"lg"===this.size?"2.5rem":"2rem";return`calc(${Math.min(a,"sm"===this.size?4:"lg"===this.size?8:6)}ch + ${r})`}handleInputChange(i){const t="string"==typeof i.detail?i.detail:`${i.detail??""}`;if(this.pageInputValue=t,""===t)return this.jumpToPage=null,void(this.inputError="");const a=Number(t);if(isNaN(a))return this.inputError="Please enter a valid number",void this.validationError.emit(this.inputError);this.jumpToPage=a,a>=1&&a<=this.totalPages&&(this.inputError="")}renderPageSizeSelector(){if(!this.showPageSize)return null;const i=["glass","modern","premium"].includes(this.variant),t="pageSize"===this.openDropdown;return r("div",{class:{"pagination-size-selector":!0,"pagination-size-premium":i,"pagination-size-selector-open":t},onClick:i=>i.stopPropagation()},r("span",{class:"pagination-size-label"},"Show:"),r("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":t}},r("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-open":t},onClick:()=>{this.openDropdown=t?null:"pageSize"},disabled:this.disabled,type:"button"},r("span",null,this.itemsPerPage),r("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":t},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"m6 9 6 6 6-6"}))),t&&r("div",{class:"pg-dropdown-panel"},this.pageSizes.map((i=>r("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i===this.itemsPerPage},onClick:()=>{this.handleItemsPerPageChange(i),this.openDropdown=null}},r("span",null,i),i===this.itemsPerPage&&r("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"M20 6 9 17l-5-5"}))))))))}getPageLabel(){return this.labelTemplate.replace("{current}",this.currentPage.toString()).replace("{total}",this.totalPages.toString())}getNavIcon(i){if(this.vertical){if("first"===i)return this.firstIcon||"chevrons-up";if("prev"===i)return this.prevIcon||"chevron-up";if("next"===i)return this.nextIcon||"chevron-down";if("last"===i)return this.lastIcon||"chevrons-down"}return"first"===i?this.firstIcon||"chevrons-left":"prev"===i?this.prevIcon||"chevron-left":"next"===i?this.nextIcon||"chevron-right":"last"===i?this.lastIcon||"chevrons-right":""}renderBasicPagination(){const{currentPage:i,totalPages:t,visiblePages:a,showFirstLast:o,showPrevNext:n}=this,e=i>1,s=i<t;return r("div",{class:"pagination-basic"},o&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!e||this.disabled,ariaLabel:"First page",icon:this.iconOnly?"chevrons-left":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.firstText,shape:this.getEffectiveShape()}),n&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i-1),disabled:!e||this.disabled,ariaLabel:"Previous page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("prev"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.prevText,shape:this.getEffectiveShape()}),this.showLabel&&r("div",{class:{"pagination-label":!0,"pagination-joined":this.segmented}},this.getPageLabel()),!this.hideNumbers&&r("div",{class:{"pagination-pages":!0,"pagination-joined":this.segmented}},a.map((i=>r("ui-button",{key:i,variant:this.getButtonVariant(i),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i),disabled:this.disabled,label:`${i}`,shape:this.getEffectiveShape()})))),n&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i+1),disabled:!s||this.disabled,ariaLabel:"Next page",icon:this.iconOnly||this.arrowsJoined?this.getNavIcon("next"):void 0,iconLibrary:"lucide",label:this.iconOnly||this.arrowsJoined?void 0:this.nextText,shape:this.getEffectiveShape()}),o&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(t),disabled:!s||this.disabled,ariaLabel:"Last page",icon:this.iconOnly?"chevrons-right":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.lastText,shape:this.getEffectiveShape()}),this.quickJump&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("backward"),disabled:!e||this.disabled,ariaLabel:`Jump back ${this.quickJumpStep} pages`,icon:"chevrons-left",iconLibrary:"lucide",shape:this.getEffectiveShape()}),this.quickJump&&r("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("forward"),disabled:!s||this.disabled,ariaLabel:`Jump forward ${this.quickJumpStep} pages`,icon:"chevrons-right",iconLibrary:"lucide",shape:this.getEffectiveShape()}))}renderCompactPagination(){const{currentPage:i,totalPages:t}=this,a=i<t;return r("div",{class:"pagination-compact"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),r("span",{class:"pagination-info"},i," of ",t),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!a||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderDetailedPagination(){const i=(this.currentPage-1)*this.itemsPerPage+1,t=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return r("div",{class:"pagination-detailed"},this.renderBasicPagination(),r("div",{class:"pagination-details"},this.showTotal&&r("span",{class:"pagination-total"},"Showing ",i,"-",t," of ",this.totalItems," items"),this.renderPageSizeSelector(),this.showJumpTo&&r("div",{class:"pagination-jump"},r("label",null,"Go to page:"),r("ui-input",{type:"number",min:1,max:this.totalPages,value:this.jumpToPage,class:this.inputError?"has-error":"",onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),r("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()}))))}renderMinimalPagination(){const{currentPage:i,totalPages:t}=this,a=i<t;return r("div",{class:"pagination-minimal"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-left",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i-1),disabled:!(i>1)||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),r("div",{class:"pagination-input-group"},r("ui-input",{type:"number",min:1,max:t,value:this.jumpToPage||this.currentPage,onInputChange:i=>this.handleInputChange(i),onInputBlur:()=>this.handleJumpToPage(),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),disabled:this.disabled,class:"pagination-page-input "+(this.inputError?"has-error":""),size:"sm",variant:"plain",showTypeIcon:!1,style:{width:this.getPageInputWidth()}}),r("span",{class:"pagination-separator"},"of"),r("span",{class:"pagination-total-pages"},t)),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevrons-right",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.handlePageChange(i+1),disabled:!a||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}))}renderAdvancedPagination(){return r("div",{class:"pagination-advanced"},r("div",{class:"pagination-controls"},this.renderPageSizeSelector(),this.showTotal&&r("div",{class:"pagination-summary"},"Showing ",(this.currentPage-1)*this.itemsPerPage+1," to ",Math.min(this.currentPage*this.itemsPerPage,this.totalItems)," of ",this.totalItems," entries")),this.renderBasicPagination(),this.showJumpTo&&r("div",{class:"pagination-jump-section"},r("label",null,"Jump to page:"),r("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",value:this.currentPage.toString(),size:this.size,onInputChange:i=>this.handleInputChange(i),class:{"pagination-page-input":!0,"has-error":""!==this.inputError},style:{width:this.getPageInputWidth()},error:""!==this.inputError,showError:!1,disabled:this.disabled}),r("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()})))}renderInfinitePagination(){return r("div",{class:"pagination-infinite"},r("div",{class:"pagination-loading"},this.loading?r("ui-loader",{size:"xs",color:"currentColor"}):r("ui-button",{variant:"primary",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage>=this.totalPages||this.disabled,label:"Load More",shape:this.getEffectiveShape()})),this.showTotal&&r("div",{class:"pagination-infinite-info"},"Showing ",this.currentPage*this.itemsPerPage," of ",this.totalItems," items"))}renderDropdownPagination(){const i=[];for(let t=1;t<=this.totalPages;t++)i.push({label:`Page ${t} of ${this.totalPages}`,value:t.toString()});return r("div",{class:"pagination-dropdown-container"},this.showTotal&&r("div",{class:"pagination-total"},this.totalItems," Items"),this.renderPageSizeSelector(),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),r("div",{class:{"pagination-dropdown-wrapper":!0,"pagination-dropdown-wrapper-open":"page"===this.openDropdown},onClick:i=>i.stopPropagation()},r("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":"page"===this.openDropdown}},r("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-trigger-wide":!0,"pg-dropdown-open":"page"===this.openDropdown},onClick:()=>{this.openDropdown="page"===this.openDropdown?null:"page"},disabled:this.disabled,type:"button"},r("span",null,"Page ",this.currentPage," of ",this.totalPages),r("svg",{class:{"pg-dropdown-arrow":!0,"pg-arrow-up":"page"===this.openDropdown},width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"m6 9 6 6 6-6"}))),"page"===this.openDropdown&&r("div",{class:"pg-dropdown-panel pg-dropdown-panel-scroll"},i.map((i=>r("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i.value===this.currentPage.toString()},onClick:()=>{this.handlePageChange(parseInt(i.value)),this.openDropdown=null}},r("span",null,i.label),i.value===this.currentPage.toString()&&r("svg",{class:"pg-dropdown-check",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},r("path",{d:"M20 6 9 17l-5-5"})))))))),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}))}renderInputPagination(){return r("div",{class:"pagination-input-container"},this.showTotal&&r("div",{class:"pagination-total"},this.totalItems," Total"),this.renderPageSizeSelector(),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("first"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(1),disabled:1===this.currentPage||this.disabled,ariaLabel:"First page",shape:"circle"}),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("prev"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:"circle"}),r("ui-input",{type:"text",inputmode:"numeric",pattern:"[0-9]*",class:"pagination-page-input "+(this.inputError?"has-error":""),value:this.pageInputValue,onInputChange:i=>this.handleInputChange(i),onInputKeydown:i=>"Enter"===i.detail.key&&this.handleJumpToPage(),onFocusInternal:()=>{this.inputError=""},disabled:this.disabled,size:this.size,variant:"plain",showTypeIcon:!1,showError:!1,style:{width:this.getPageInputWidth()}}),r("span",{class:"pagination-input-label"},"of ",r("strong",null,this.totalPages)),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("next"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:"circle"}),!this.hideNavButtons&&r("ui-button",{variant:"ghost",iconOnly:!0,icon:this.getNavIcon("last"),iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.totalPages),disabled:this.currentPage===this.totalPages||this.disabled,shape:"circle"}))}renderIndicatorPagination(){const i=Array.from({length:this.totalPages},((i,t)=>t+1));return r("div",{class:"pagination-indicator-container"},this.showPrevNext&&r("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage-1),disabled:1===this.currentPage||this.disabled,ariaLabel:"Previous page",shape:this.getEffectiveShape()}),r("div",{class:"pagination-indicators"},i.map((i=>r("div",{class:{"pagination-indicator":!0,"pagination-indicator-active":i===this.currentPage},onClick:()=>!this.disabled&&this.handlePageChange(i),role:"button",tabindex:this.disabled?-1:0,"aria-label":`Go to page ${i}`,"aria-current":i===this.currentPage?"page":void 0},r("div",{class:"pagination-indicator-dot"}),i===this.currentPage&&r("div",{class:"pagination-indicator-label"},i))))),this.showPrevNext&&r("ui-button",{variant:this.getButtonVariant(-1),iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",onClick:()=>this.handlePageChange(this.currentPage+1),disabled:this.currentPage===this.totalPages||this.disabled,ariaLabel:"Next page",shape:this.getEffectiveShape()}),this.showTotal&&r("div",{class:"pagination-total"},this.currentPage," / ",this.totalPages))}getButtonVariant(i){return i===this.currentPage?"soft"===this.variant?"soft":"glass"===this.variant?"glass":"modern"===this.variant||"premium"===this.variant?"primary":this.theme:"outlined"===this.variant?"outline":"floating"===this.variant?"raised":"glass"===this.variant?"glass":"soft"===this.variant?"soft":"modern"===this.variant?"ghost":"minimalist"===this.variant?"plain":"ghost"}render(){if(this.autoHide&&this.totalPages<=1&&!this.infinite)return null;const i=this.smartCompact&&this.totalPages>this.smartCompactThreshold||this.responsiveMode&&this.isMobile?"compact":this.type,t="default"!==this.shape?this.shape:this.circle?"circle":this.pill?"pill":"default",a={"ui-pagination":!0,[`pagination-${i}`]:!0,[`pagination-${this.size}`]:!0,[`pagination-${this.variant}`]:!0,[`pagination-theme-${this.theme}`]:"default"!==this.theme,[`pagination-shape-${t}`]:"default"!==t,"pagination-disabled":this.disabled,"pagination-segmented":this.segmented,"pagination-arrows-joined":this.arrowsJoined,"pagination-vertical":this.vertical,"pagination-rtl":this.rtl,"pagination-mobile":this.isMobile,"pagination-sticky":this.sticky,[`pagination-sticky-${this.stickyPosition}`]:this.sticky,"pagination-transitioning":this.isTransitioning,"pagination-has-container":["floating","glass","modern","premium"].includes(this.variant),"pagination-dropdown-open":null!==this.openDropdown};return r("div",{class:a,onKeyDown:this.handleKeyDown,tabindex:this.keyboardNav&&!this.disabled?0:-1,role:"navigation","aria-label":"Pagination Navigation",ref:i=>this.paginationRef=i},r("div",{role:"status","aria-live":"polite","aria-atomic":"true",class:"sr-only"},"Page ",this.currentPage," of ",this.totalPages),this.showProgress&&r("div",{class:"pagination-progress-bar"},r("div",{class:"pagination-progress-fill",style:{width:`${this.progressPercentage}%`}})),r("div",{class:"pagination-main-content"},this.infinite?this.renderInfinitePagination():"basic"===i?this.renderBasicPagination():"compact"===i?this.renderCompactPagination():"detailed"===i?this.renderDetailedPagination():"minimal"===i?this.renderMinimalPagination():"advanced"===i?this.renderAdvancedPagination():"dropdown"===i?this.renderDropdownPagination():"input"===i?this.renderInputPagination():"indicator"===i?this.renderIndicatorPagination():this.renderBasicPagination()),this.showTotal&&"detailed"!==i&&"advanced"!==i&&"dropdown"!==i&&r("div",{class:"pagination-total"},"Total ",this.totalItems," items"))}static get watchers(){return{totalItems:[{handleTotalChange:0}],itemsPerPage:[{handleTotalChange:0}],currentPage:[{handleCurrentPageChange:0}],openDropdown:[{handleOpenDropdownChange:0}]}}};n.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;position:relative;z-index:0}:host(.has-open-dropdown){z-index:100}.ui-pagination{display:flex;align-items:center;gap:8px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.ui-pagination.pagination-sm{font-size:12px}.ui-pagination.pagination-md{font-size:14px}.ui-pagination.pagination-lg{font-size:16px}.ui-pagination.pagination-default .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-outlined .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-filled .pagination-btn{cursor:pointer;border-radius:8px}.ui-pagination.pagination-floating{background:var(--bg-primary, #ffffff);padding:8px 16px;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, #e5e7eb);width:fit-content}.ui-pagination.pagination-glass{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);padding:10px 20px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);width:fit-content}.ui-pagination.pagination-soft{gap:12px}.ui-pagination.pagination-modern{background:var(--bg-primary, #ffffff);padding:12px 24px;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);border:1px solid var(--border-default, #f3f4f6);gap:16px;width:fit-content}.ui-pagination.pagination-modern .pagination-btn.active{box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.ui-pagination.pagination-minimalist{gap:20px;padding:4px}.ui-pagination.pagination-minimalist .pagination-btn{position:relative}.ui-pagination.pagination-minimalist .pagination-btn:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--color-primary, #10b981);transition:width 0.3s ease}.ui-pagination.pagination-minimalist .pagination-btn.active:after{width:80%}.ui-pagination.pagination-premium{background:var(--bg-primary, #ffffff);padding:12px 28px;border-radius:40px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 10px 15px -5px rgba(0, 0, 0, 0.04);border:none;gap:12px;width:fit-content}.ui-pagination.pagination-premium .pagination-btn.active{background:linear-gradient(135deg, var(--color-primary, #6366f1), var(--color-primary-hover, #4f46e5)) !important;color:white !important;box-shadow:0 10px 20px -5px rgba(var(--color-primary-rgb, 99, 102, 241), 0.5);transform:scale(1.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #f8fafc);transform:translateY(-2px)}.ui-pagination.pagination-underline{gap:12px}.ui-pagination.pagination-underline .pagination-btn.active{position:relative;color:var(--color-primary, #10b981) !important;background:transparent !important}.ui-pagination.pagination-underline .pagination-btn.active::after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;background:var(--color-primary, #10b981);border-radius:2px;box-shadow:0 2px 4px rgba(var(--color-primary-rgb, 16, 185, 129), 0.3)}.pagination-main-content{display:flex;align-items:center;justify-content:center;flex:1}.ui-pagination.pagination-has-container{justify-content:center;margin-left:auto;margin-right:auto}.ui-pagination.pagination-segmented{gap:0;width:fit-content;border-radius:8px;overflow:hidden;border:1px solid var(--border-default, #e5e7eb);background:var(--bg-primary, #ffffff)}.ui-pagination.pagination-segmented.pagination-shape-pill{border-radius:30px}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-top-left-radius:30px !important;border-bottom-left-radius:30px !important}.ui-pagination.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-radius:0 !important;border:none !important;margin:0 !important;display:flex;align-items:center}.ui-pagination.pagination-segmented .pagination-pages{gap:0;border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-segmented .pagination-label{padding:0 16px;font-weight:600;font-size:13px;color:var(--text-secondary, #374151);border-left:1px solid var(--border-default, #e5e7eb) !important;border-right:1px solid var(--border-default, #e5e7eb) !important;background:var(--bg-primary, #ffffff);height:100%;min-height:36px}.ui-pagination.pagination-segmented .pagination-btn:not(:last-child){border-right:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-arrows-joined .pagination-prev{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:none !important}.ui-pagination.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.pagination-joined{display:flex;gap:0}.ui-pagination.pagination-vertical{flex-direction:column;width:fit-content;height:auto;gap:12px}.ui-pagination.pagination-vertical .pagination-pages,.ui-pagination.pagination-vertical .pagination-indicators,.ui-pagination.pagination-vertical .pagination-input-container,.ui-pagination.pagination-vertical .pagination-dropdown-container,.ui-pagination.pagination-vertical .pagination-joined{flex-direction:column}.ui-pagination.pagination-vertical.pagination-segmented{border-radius:8px}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages{width:100%;border-right:none !important;border-bottom:1px solid var(--border-default, #e5e7eb) !important}.ui-pagination.pagination-vertical.pagination-segmented .pagination-btn:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-label:last-child,.ui-pagination.pagination-vertical.pagination-segmented .pagination-pages:last-child{border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill{border-radius:20px}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:first-child{border-radius:20px 20px 0 0 !important}.ui-pagination.pagination-vertical.pagination-segmented.pagination-shape-pill .pagination-btn:last-child{border-radius:0 0 20px 20px !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-prev{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.ui-pagination.pagination-vertical.pagination-arrows-joined .pagination-next{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.ui-pagination.pagination-vertical.pagination-underline .pagination-btn.active::after{bottom:20%;top:20%;left:2px;right:auto;width:2px;height:auto}.pagination-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-btn svg{display:inline-flex;vertical-align:middle;width:16px;height:16px}.ui-pagination.pagination-sm .pagination-btn svg{width:14px;height:14px}.ui-pagination.pagination-lg .pagination-btn svg{width:18px;height:18px}.pagination-basic{display:flex;align-items:center;gap:4px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-compact{display:flex;align-items:center;gap:12px}.pagination-info{font-weight:500;color:var(--text-secondary, #374151);white-space:nowrap}.pagination-detailed{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-details{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.pagination-total{color:var(--text-muted, #6b7280);font-size:0.875em;margin-left:auto}.pagination-size-selector{display:flex;align-items:center;gap:8px;font-size:0.875em;position:relative;z-index:1}.pagination-size-selector .pagination-size-label{color:var(--text-secondary, #374151);font-weight:500}.pagination-size-selector .pagination-size-suffix{color:var(--text-muted, #64748b)}.pg-dropdown{position:relative;display:inline-flex}.pg-dropdown-open-host{z-index:30}.pg-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary, #ffffff);border:1.5px solid var(--border-default, #e2e8f0);border-radius:20px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-primary, #1e293b);cursor:pointer;outline:none;transition:all 0.2s ease;white-space:nowrap}.pg-dropdown-trigger:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger.pg-dropdown-open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.12)}.pg-dropdown-trigger:disabled{opacity:0.5;cursor:not-allowed}.pg-dropdown-trigger-wide{min-width:110px;justify-content:space-between}.pg-dropdown-arrow{flex-shrink:0;transition:transform 0.2s ease;opacity:0.6}.pg-arrow-up{transform:rotate(180deg)}.pg-dropdown-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:100%;width:max-content;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:18px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.1);z-index:100;padding:6px;overflow:hidden;animation:pgDropdownIn 0.15s ease-out}.pg-dropdown-panel-scroll{max-height:220px;overflow-y:auto;scrollbar-width:thin}.pg-dropdown-panel-scroll::-webkit-scrollbar{width:4px}.pg-dropdown-panel-scroll::-webkit-scrollbar-track{background:transparent}.pg-dropdown-panel-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes pgDropdownIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pg-dropdown-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);transition:background 0.15s ease;white-space:nowrap}.pg-dropdown-item:hover{background:var(--bg-secondary, #f1f5f9)}.pg-dropdown-item-selected{background:#ecfdf5 !important;color:#059669 !important;font-weight:700}.pg-dropdown-item-selected:hover{background:#d1fae5 !important}.pg-dropdown-check{flex-shrink:0;color:#059669}.pagination-size-premium{gap:12px}.pagination-jump{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump label{color:var(--text-secondary, #374151)}.pagination-jump input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center;transition:all 0.2s ease}.pagination-jump input:focus{outline:none;border-color:var(--color-primary, #10b981);box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}.pagination-jump-btn{margin-left:4px}.pagination-minimal{display:flex;align-items:center;gap:8px}.pagination-input-group{display:flex;align-items:center;gap:8px}.pagination-page-input{min-width:0 !important;text-align:center;font-size:inherit}.pagination-separator{color:var(--text-muted, #6b7280);font-weight:500}.pagination-total-pages{font-weight:500;color:var(--text-secondary, #374151)}.pagination-advanced{display:flex;flex-direction:column;gap:16px;align-items:center}.pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;width:100%}.pagination-summary{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-jump-section{display:flex;align-items:center;gap:8px;font-size:0.875em}.pagination-jump-section label{color:var(--text-secondary, #374151)}.pagination-jump-section input{width:44px;padding:4px 8px;border:1px solid var(--border-strong, #d1d5db);border-radius:8px;text-align:center}.pagination-infinite{display:flex;flex-direction:column;align-items:center;gap:12px}.pagination-loading{display:flex;align-items:center;justify-content:center}.pagination-infinite-info{color:var(--text-muted, #6b7280);font-size:0.875em}.pagination-spinner{width:24px;height:24px;border:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--color-primary, #10b981);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 640px){.ui-pagination{flex-wrap:wrap;justify-content:center}.pagination-detailed .pagination-details,.pagination-advanced .pagination-controls{flex-direction:column;gap:12px}.pagination-basic{flex-wrap:wrap}.pagination-pages{order:2;width:100%;justify-content:center}.pagination-first,.pagination-prev{order:1}.pagination-next,.pagination-last{order:3}}@media (prefers-color-scheme: dark){.ui-pagination.pagination-default .pagination-btn{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-default .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #374151);border-color:var(--border-strong, #4b5563)}.ui-pagination.pagination-outlined .pagination-btn{border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-outlined .pagination-btn:hover:not(.disabled):not(.active){border-color:var(--border-strong, #4b5563);background-color:var(--text-secondary, #374151)}.ui-pagination.pagination-filled .pagination-btn{background-color:var(--text-secondary, #374151);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-filled .pagination-btn:hover:not(.disabled):not(.active){background-color:var(--text-secondary, #4b5563)}.pagination-info,.pagination-total,.pagination-size-selector label,.pagination-jump label,.pagination-separator,.pagination-total-pages,.pagination-summary,.pagination-jump-section label,.pagination-infinite-info{color:var(--bg-secondary, #d1d5db)}.pagination-size-selector select,.pagination-jump input,.pagination-page-input,.pagination-jump-section input{background-color:var(--bg-primary, var(--text-primary, #1f2937));border-color:var(--border-default, #374151);color:var(--text-standard, #f9fafb);border-radius:8px}.ui-pagination.pagination-floating{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #374151);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3)}.ui-pagination.pagination-glass{background-color:rgba(15, 23, 42, 0.4);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-modern{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.6)}.ui-pagination.pagination-premium{background-color:var(--bg-primary, #111827);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.7)}.ui-pagination.pagination-premium .pagination-btn:hover:not(.active):not(.disabled){background:var(--bg-secondary, #1e293b)}.ui-pagination.pagination-segmented{background-color:var(--bg-primary, #111827);border-color:var(--border-default, #1f2937)}.ui-pagination.pagination-segmented .pagination-btn,.ui-pagination.pagination-segmented .pagination-label,.ui-pagination.pagination-segmented .pagination-pages{border-color:var(--border-default, #1f2937) !important}.ui-pagination.pagination-segmented .pagination-label{background-color:var(--bg-primary, #111827);color:var(--text-standard, #f9fafb)}.ui-pagination.pagination-underline .pagination-btn.active::after{background:var(--color-primary, #60a5fa);box-shadow:0 2px 8px rgba(96, 165, 250, 0.5)}}.pagination-dropdown-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, #ffffff);padding:6px;border-radius:40px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, rgba(226, 232, 240, 0.8));gap:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-dropdown-container:hover{box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color:var(--color-primary-light, rgba(59, 130, 246, 0.2));transform:translateY(-1px)}.pagination-dropdown-wrapper{position:relative;display:flex;align-items:center;min-width:130px;justify-content:center;z-index:2}.pagination-dropdown-wrapper ui-dropdown{width:100%;--dd-shadow:none;}.pagination-dropdown-wrapper-open{z-index:30}.pagination-total{padding:0 12px;color:var(--text-muted, #64748b);font-size:13px;font-weight:600;border-right:1px solid var(--border-default, #e2e8f0);height:24px;display:flex;align-items:center;letter-spacing:-0.01em}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{padding:0 12px;border-right:1px solid var(--border-default, #e2e8f0);height:24px;font-size:12px;gap:6px}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:var(--text-muted, #94a3b8);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:0.05em}.pagination-dropdown-container .pagination-size-selector .pagination-size-suffix,.pagination-input-container .pagination-size-selector .pagination-size-suffix{display:none}.pagination-dropdown-container .pagination-size-selector ui-dropdown,.pagination-input-container .pagination-size-selector ui-dropdown{width:auto;min-width:50px;--dropdown-trigger-padding:0 8px;--dropdown-trigger-height:28px;--dropdown-trigger-bg:transparent;--dropdown-trigger-border:none;--dropdown-value-font-size:13px;--dropdown-value-font-weight:600}.pagination-input-container{display:inline-flex;align-items:center;position:relative;isolation:isolate;overflow:visible;background:var(--bg-primary, rgba(255, 255, 255, 0.95));backdrop-filter:blur(8px);padding:2px 6px;border-radius:40px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border:1.5px solid var(--border-default, #e2e8f0);gap:6px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.pagination-page-input{flex:none !important;width:auto;min-width:44px}.pagination-page-input ui-input{--input-text-align:center;--input-border-radius:20px;--input-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02);--input-height:28px;--input-font-size:13px;--input-font-weight:700;--input-border-color:#e2e8f0;--input-padding-inline:4px}.pagination-input-label{font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);display:flex;gap:1rem;align-items:center}.pagination-input-label strong{color:var(--text-primary, #1e293b);font-weight:700;font-size:14px}.pagination-dropdown-container .pagination-btn,.pagination-input-container .pagination-btn{position:relative;z-index:1;width:32px;height:32px;border-radius:50% !important;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);background:transparent !important;border:none !important;color:var(--text-secondary, #475569) !important}.pagination-dropdown-container .pagination-btn:hover:not(.disabled),.pagination-input-container .pagination-btn:hover:not(.disabled){background:var(--bg-secondary, #f8fafc) !important;transform:scale(1.15);color:var(--color-primary, #2563eb) !important}.pagination-dropdown-container .pagination-btn:active:not(.disabled),.pagination-input-container .pagination-btn:active:not(.disabled){transform:scale(0.95)}.pagination-dropdown-container .pagination-btn svg,.pagination-input-container .pagination-btn svg{width:18px;height:18px}.ui-pagination.pagination-dropdown-open .pagination-dropdown-container .pagination-btn,.ui-pagination.pagination-dropdown-open .pagination-input-container .pagination-btn{z-index:1}@media (prefers-color-scheme: dark){.pagination-dropdown-container,.pagination-input-container{background:var(--bg-primary, #0f172a);border-color:rgba(255, 255, 255, 0.05);box-shadow:0 10px 40px -10px rgba(0, 0, 0, 0.5)}.pagination-total{border-color:rgba(255, 255, 255, 0.1);color:#94a3b8}.pagination-dropdown-container .pagination-size-selector,.pagination-input-container .pagination-size-selector{border-color:rgba(255, 255, 255, 0.1)}.pagination-dropdown-container .pagination-size-selector .pagination-size-label,.pagination-input-container .pagination-size-selector .pagination-size-label{color:#64748b}.pagination-input-label strong{color:#f1f5f9}.pagination-btn:hover:not(.disabled){background:rgba(255, 255, 255, 0.05) !important}}.pagination-page-input.has-error{border-color:var(--color-danger, #ef4444) !important;background-color:var(--color-danger-light, rgba(239, 68, 68, 0.05)) !important}.pagination-error-message{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--color-danger, #ef4444);color:white;padding:4px 10px;border-radius:4px;font-size:11px;margin-top:8px;white-space:nowrap;z-index:10;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.pagination-error-message::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--color-danger, #ef4444)}.ui-pagination.pagination-sm .pagination-error-message{font-size:10px;padding:2px 8px}.pagination-indicator-container{display:flex;align-items:center;gap:16px}.pagination-indicators{display:flex;align-items:center;gap:8px}.pagination-indicator{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.pagination-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--inactive-color, #cbd5e1);transition:all 0.3s ease}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, #94a3b8);transform:scale(1.2)}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, var(--color-primary, #10b981));transform:scale(1.5)}.pagination-indicator-label{position:absolute;top:-30px;background-color:var(--primary-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;animation:indicatorSlideIn 0.2s ease}.pagination-indicator-label::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--primary-color, var(--color-primary, #10b981))}@keyframes indicatorSlideIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pagination-nav-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-nav-btn svg{width:16px;height:16px}.ui-pagination.pagination-sm .pagination-indicator-dot{width:6px;height:6px}.ui-pagination.pagination-sm .pagination-nav-btn{width:28px;height:28px}.ui-pagination.pagination-sm .pagination-indicator-label{font-size:10px;padding:2px 8px;top:-26px}.ui-pagination.pagination-lg .pagination-indicator-dot{width:10px;height:10px}.ui-pagination.pagination-lg .pagination-nav-btn{width:40px;height:40px}.ui-pagination.pagination-lg .pagination-nav-btn svg{width:20px;height:20px}.ui-pagination.pagination-lg .pagination-indicator-label{font-size:14px;padding:6px 12px;top:-36px}@media (prefers-color-scheme: dark){.pagination-indicator-dot{background-color:var(--inactive-color, #475569)}.pagination-indicator:hover .pagination-indicator-dot{background-color:var(--hover-color, var(--text-muted, #64748b))}.pagination-indicator-active .pagination-indicator-dot{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label{background-color:var(--primary-color, #60a5fa)}.pagination-indicator-label::after{border-top-color:var(--primary-color, #60a5fa)}.pagination-nav-btn{background-color:var(--bg-color, var(--bg-primary, var(--text-primary, #1f2937)));border-color:var(--border-color, var(--border-default, #374151));color:var(--text-color, #d1d5db)}.pagination-nav-btn:hover:not(:disabled){background-color:var(--hover-bg, var(--text-secondary, #374151));border-color:var(--primary-color, #60a5fa);color:var(--primary-color, #60a5fa)}}.sr-only{position:absolute;width:0px;height:0px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none}.ui-pagination.pagination-shape-rounded .pagination-btn{border-radius:12px !important}.ui-pagination.pagination-shape-pill .pagination-btn{border-radius:24px !important;padding-left:16px !important;padding-right:16px !important}.ui-pagination.pagination-shape-circle .pagination-btn{border-radius:50% !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.pagination-rtl{direction:rtl}.pagination-rtl .pagination-pages{flex-direction:row-reverse}@media (max-width: 768px){.pagination-mobile .pagination-btn{min-width:36px;height:36px;padding:8px;font-size:14px}.pagination-mobile .pagination-pages{gap:4px}.pagination-mobile .pagination-total,.pagination-mobile .pagination-summary{font-size:12px}}.ui-pagination:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981);border-radius:8px}.ui-pagination:focus:not(:focus-visible){outline:none}.pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--color-primary, #10b981)}@media (prefers-reduced-motion: reduce){.pagination-btn,.pagination-indicator{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pagination-transitioning .pagination-btn.active{animation:pageTransition 0.3s ease}@keyframes pageTransition{0%{transform:scale(0.95);opacity:0.7}100%{transform:scale(1);opacity:1}}.pagination-sticky{position:sticky;z-index:100;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);padding:12px 16px;border-radius:8px}.pagination-sticky-top{top:0}.pagination-sticky-bottom{bottom:0}.pagination-progress-bar{width:100%;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:2px;overflow:hidden;margin-bottom:12px}.pagination-progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #8b5cf6));transition:width 0.3s ease}.pagination-theme-primary .pagination-progress-fill{background:linear-gradient(90deg, var(--color-primary, #10b981), var(--color-primary, #60a5fa))}.pagination-theme-success .pagination-progress-fill{background:linear-gradient(90deg, var(--color-success, #10b981), var(--color-success, #34d399))}.pagination-theme-danger .pagination-progress-fill{background:linear-gradient(90deg, var(--color-danger, #ef4444), var(--color-danger, #f87171))}.pagination-theme-warning .pagination-progress-fill{background:linear-gradient(90deg, var(--color-warning, #f59e0b), var(--color-danger, #fbbf24))}.pagination-theme-info .pagination-progress-fill{background:linear-gradient(90deg, var(--color-info, #06b6d4), var(--color-primary, #22d3ee))}@media (max-width: 768px){.ui-pagination{touch-action:pan-y;user-select:none}}@media (prefers-reduced-motion: reduce){.pagination-transitioning .pagination-btn.active{animation:none}.pagination-progress-fill{transition:none}}.pagination-quick-jump{background:var(--bg-secondary, #f3f4f6) !important;border:1px solid var(--border-strong, #d1d5db) !important;color:var(--text-muted, #6b7280) !important;font-weight:600;font-size:0.875em;min-width:44px !important}.pagination-quick-jump:hover:not(:disabled){background:var(--bg-primary, #e5e7eb) !important;border-color:var(--color-primary, #9ca3af) !important;color:var(--text-secondary, #374151) !important}.pagination-quick-jump:active:not(:disabled){transform:scale(0.95)}.pagination-theme-primary .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) !important;border-color:var(--color-primary, #10b981) !important;color:var(--color-primary, #10b981) !important}.pagination-theme-success .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important;border-color:var(--color-success, #10b981) !important;color:var(--color-success, #10b981) !important}.pagination-theme-danger .pagination-quick-jump:hover:not(:disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important;border-color:var(--color-danger, #ef4444) !important;color:var(--color-danger, #ef4444) !important}';const e=class{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return a(this)}checked=!1;disabled=!1;readonly=!1;invalid=!1;label="";description="";value="";name="";required=!1;size="md";color="primary";labelPosition="right";showDot=!0;customIcon="";customIconLibrary="lucide";customImage="";radioTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;skeleton=!1;variant="default";isButton=!1;rtl=!1;descriptionPosition="bottom";glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isFocused=!1;isHovered=!1;radioChange;radioFocus;radioBlur;constructor(a){i(this,a),this.analyticsEvent=t(this,"analyticsEvent"),this.radioChange=t(this,"radioChange"),this.radioFocus=t(this,"radioFocus"),this.radioBlur=t(this,"radioBlur")}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=i=>{this.disabled||this.readonly?i.preventDefault():(this.checked=i.target.checked,this.radioChange.emit({checked:this.checked,value:this.value}),this.updateFormValue(),this.updateValidity(),this.haptic&&this.checked&&this.triggerHaptic(this.hapticIntensity),this.analyticsEvent.emit({checked:this.checked,value:this.value}))};triggerHaptic(i="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===i?[50,20,50]:"md"===i?[30]:[10])}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.radioFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.radioBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=i=>{this.disabled||this.readonly||" "!==i.key&&"Enter"!==i.key||(i.preventDefault(),this.checked||(this.checked=!0,this.radioChange.emit({checked:this.checked,value:this.value})))};updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}updateValidity(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},"Please check this box if you want to proceed.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}renderDot(){return r("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?r("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?r("span",{class:"custom-icon"},r("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):r("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?r("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&r("span",{class:"radio-label-text"},this.label),this.description&&r("span",{class:"radio-description"},this.description)):null}render(){const i=o(this.size,"md"),t={"radio-container":!0,[`radio-${i}`]:!0,[`radio-${this.color}`]:!0,"radio-disabled":this.disabled,"radio-readonly":this.readonly,"radio-invalid":this.invalid,"radio-focused":this.isFocused,"radio-hovered":this.isHovered,[`radio-label-${this.labelPosition}`]:!0,"radio-animate":this.enableAnimation,[`radio-variant-${this.variant}`]:!0,"radio-skeleton":this.skeleton,"radio-is-button":this.isButton,"radio-checked":this.checked,"radio-rtl":this.rtl,"radio-glow":this.glow,[`radio-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},a={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return r("div",{key:"3abf98f57fcc73d239e1139500693581f76cb5af",class:t,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},r("label",{key:"1996220a75aed7b29913bffe6ab70fe132702d07",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),r("div",{key:"333a70165b3fcc79587fb722386c1c16ac1ae10c",class:a},r("input",{key:"e314964bafbb1db4f06a1b322ff211a070c50c23",type:"radio",class:"radio-input",checked:this.checked,disabled:this.disabled||this.skeleton,readonly:this.readonly,value:this.value,name:this.name,tabindex:this.radioTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:i=>this.inputElement=i}),r("div",{key:"c1b86631f08cf92e75783527d79b2cff3505ed37",class:"radio-circle"},r("div",{key:"b4da276c391006054977bf87ad772df9d97888a8",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&r("span",{key:"088b7d455d8720ea4686b1c8f7395da7add5650c",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&r("div",{key:"be89fae1312be5703e3d74f128da5281e8a93065",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&r("div",{key:"9309804190940eef047ac4e349f4cd19dab62861",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&r("div",{key:"83bde20ce3a0c825c3f7bfe58a963272df6ade2f",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};e.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}[class*=radio-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.radio-reveal-fade-in{animation:radio-fade-in 0.6s ease-out forwards}.radio-reveal-slide-up{animation:radio-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.radio-reveal-zoom{animation:radio-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes radio-fade-in{from{opacity:0}to{opacity:1}}@keyframes radio-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.radio-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.radio-input-wrapper:hover .radio-tooltip{opacity:1}.radio-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.radio-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.radio-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:block;overflow:hidden;--ui-radio-border:var(--border-strong, #94a3b8);--ui-radio-bg:var(--bg-primary, #ffffff);--ui-radio-label:var(--label-color, inherit);--ui-radio-description:var(--label-subtitle-color, inherit);--ui-radio-circle-hover:rgba(0, 0, 0, 0.05)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]),:host(.dark){--ui-radio-border:var(--border-default, #64748b);--ui-radio-bg:var(--bg-secondary, #111827);--ui-radio-circle-hover:rgba(255, 255, 255, 0.05);--ui-radio-label:var(--label-color, #f1f5f9);--ui-radio-description:var(--label-subtitle-color, #cbd5e1)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:inherit}.radio-container.radio-rtl{direction:rtl}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box;flex-shrink:0;overflow:visible;}.radio-label *{box-sizing:border-box}.radio-container.radio-disabled .radio-label{cursor:not-allowed;opacity:0.6}.radio-container.radio-readonly .radio-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .radio-description{margin-top:0}.radio-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--ui-radio-description)}.radio-input-wrapper{flex-shrink:0;overflow:visible}.radio-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.radio-circle{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-radio-border);background:var(--ui-radio-bg);border-radius:50%;transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.radio-circle .glow-layer{position:absolute;inset:-4px;background:currentColor;opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.radio-glow.radio-checked .radio-circle .glow-layer{opacity:0.4}.radio-xxxs .radio-circle{width:12px;height:12px}.radio-xxxs .radio-dot{width:6px;height:6px}.radio-xxxs .radio-label-text{font-size:11px;line-height:16px}.radio-xxs .radio-circle{width:14px;height:14px}.radio-xxs .radio-dot{width:7px;height:7px}.radio-xxs .radio-label-text{font-size:12px;line-height:18px}.radio-xs .radio-circle{width:16px;height:16px}.radio-xs .radio-dot{width:8px;height:8px}.radio-xs .radio-label-text{font-size:13px;line-height:20px}.radio-sm .radio-circle{width:18px;height:18px}.radio-sm .radio-dot{width:9px;height:9px}.radio-sm .radio-label-text{font-size:14px;line-height:20px}.radio-md .radio-circle{width:20px;height:20px}.radio-md .radio-dot{width:10px;height:10px}.radio-md .radio-label-text{font-size:15px;line-height:24px}.radio-lg .radio-circle{width:24px;height:24px}.radio-lg .radio-dot{width:12px;height:12px}.radio-lg .radio-label-text{font-size:16px;line-height:28px}.radio-xl .radio-circle{width:28px;height:28px}.radio-xl .radio-dot{width:14px;height:14px}.radio-xl .radio-label-text{font-size:18px;line-height:32px}.radio-xxl .radio-circle{width:32px;height:32px;border-radius:50% !important}.radio-xxl .radio-dot{width:16px;height:16px}.radio-xxl .radio-label-text{font-size:20px;line-height:36px}.radio-xxxl .radio-circle{width:40px;height:40px;border-radius:50% !important}.radio-xxxl .radio-dot{width:20px;height:20px}.radio-xxxl .radio-label-text{font-size:24px;line-height:44px}.radio-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.radio-dot-container.radio-dot-visible{opacity:1;transform:scale(1)}.radio-dot{border-radius:50%;background:currentColor}.custom-radio-image{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:4px}.custom-icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:currentColor}.radio-animate .radio-checked .radio-dot,.radio-animate .radio-checked .custom-icon{animation:radio-pop 0.3s ease}@keyframes radio-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.radio-variant-bordered .radio-label{padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;transition:all 0.2s ease;width:100%}.radio-variant-bordered .radio-label:hover:not(.radio-disabled){border-color:currentColor;background:rgba(0, 0, 0, 0.02)}.radio-variant-bordered.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.radio-variant-underlined .radio-label{padding:12px 4px;border-bottom:2px solid transparent;transition:all 0.2s ease;border-radius:0;width:100%;box-sizing:border-box}.radio-variant-underlined.radio-checked .radio-label{border-bottom-color:currentColor}.radio-variant-card .radio-label{padding:20px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);width:100%;box-sizing:border-box}.radio-variant-card .radio-label:hover:not(.radio-disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);border-color:var(--border-color-hover, #cbd5e1)}.radio-variant-card.radio-checked .radio-label{border-color:currentColor;background:rgba(var(--primary-rgb, 61, 205, 88), 0.02);box-shadow:0 12px 32px rgba(0, 0, 0, 0.1)}.radio-variant-card.radio-checked:hover .radio-label{transform:translateY(-2px)}.radio-variant-glass .radio-circle{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.radio-variant-glass.radio-checked .radio-circle{background:currentColor !important;backdrop-filter:none}.radio-variant-raised .radio-circle{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.radio-skeleton{pointer-events:none}.radio-skeleton .radio-circle{background:var(--bg-primary, #e5e7eb);border-color:var(--border-default, #e5e7eb) !important}.radio-skeleton .radio-label-text,.radio-skeleton .radio-description{background:var(--bg-primary, #e5e7eb);color:transparent !important;border-radius:4px;width:fit-content;min-width:120px}.radio-skeleton .radio-description{min-width:180px}.radio-skeleton .radio-label{position:relative;overflow:hidden}.radio-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:radio-shimmer 1.5s infinite}@keyframes radio-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.radio-primary .radio-circle{border-color:var(--color-primary, #93c5fd)}.radio-primary .radio-checked .radio-circle{border-color:var(--primary-color);color:var(--primary-color)}.radio-secondary .radio-circle{border-color:var(--border-strong, #d1d5db)}.radio-secondary .radio-checked .radio-circle{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.radio-success .radio-circle{border-color:var(--color-success, #86efac)}.radio-success .radio-checked .radio-circle{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.radio-danger .radio-circle{border-color:var(--color-danger, #fca5a5)}.radio-danger .radio-checked .radio-circle{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.radio-warning .radio-circle{border-color:var(--color-danger, #fcd34d)}.radio-warning .radio-checked .radio-circle{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.radio-info .radio-circle{border-color:var(--color-primary, #67e8f9)}.radio-info .radio-checked .radio-circle{border-color:var(--color-info-hover, #0891b2);color:var(--color-info-hover, #0891b2)}.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px currentColor}.radio-primary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #3dcd58)}.radio-secondary.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-primary, #6b7280)}.radio-success.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-success, #16a34a)}.radio-danger.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-danger-hover, #dc2626)}.radio-warning.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-warning, #f59e0b)}.radio-info.radio-focused .radio-circle{box-shadow:0 0 0 2px var(--surface-color), 0 0 0 4px var(--color-info-hover, #0891b2)}.radio-hovered:not(.radio-disabled):not(.radio-readonly) .radio-circle{border-color:currentColor;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.05)}.radio-primary.radio-hovered .radio-circle{border-color:var(--color-success, #3dcd58)}.radio-secondary.radio-hovered .radio-circle{border-color:var(--color-primary, #6b7280)}.radio-success.radio-hovered .radio-circle{border-color:var(--color-success, #16a34a)}.radio-danger.radio-hovered .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-warning.radio-hovered .radio-circle{border-color:var(--color-warning, #f59e0b)}.radio-info.radio-hovered .radio-circle{border-color:var(--color-info-hover, #0891b2)}.radio-ripple .radio-circle::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.radio-ripple .radio-input:active~.radio-circle::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.radio-label-content{display:flex;flex-direction:column;gap:4px}.radio-label-text{color:var(--ui-radio-label);font-weight:500;line-height:1.4}.radio-description{color:var(--ui-radio-description);font-size:0.875rem;line-height:1.4}.radio-invalid .radio-circle{border-color:var(--color-danger-hover, #dc2626)}.radio-is-button{width:100%;height:100%;overflow:inherit}.radio-is-button .radio-label{padding:8px 16px;justify-content:center;background:var(--surface-color);transition:all 0.2s ease;width:100%;height:100%;border-radius:inherit}.radio-is-button .radio-label:hover:not(.radio-disabled){background:var(--bg-secondary, #f3f4f6)}.radio-is-button .radio-circle{margin-inline-end:8px;transform:scale(0.85)}.radio-is-button.radio-checked .radio-label{background:var(--primary-color);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--primary-color)}.radio-is-button.radio-secondary.radio-checked .radio-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.radio-is-button.radio-success.radio-checked .radio-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.radio-is-button.radio-danger.radio-checked .radio-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.radio-is-button.radio-warning.radio-checked .radio-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.radio-is-button.radio-info.radio-checked .radio-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.radio-is-button.radio-disabled .radio-label{background:var(--bg-primary, #f9fafb);color:var(--text-muted, #9ca3af)}';const s=class{constructor(a){i(this,a),this.ratingChange=t(this,"ratingChange")}get el(){return a(this)}type="star";value=0;max=5;size="md";color="warning";activeColor;activeFillColor;readonly=!1;disabled=!1;allowHalf=!1;showValue=!1;description;descriptionPosition="bottom";labels;glow=!1;haptic=!1;victoryGlow=!1;variant="default";clearable=!1;iconName="star";iconLibrary="lucide";image;colorMap;invalid=!1;errorMessage;showReviews=!1;totalReviews=0;helperText;showHistogram=!1;summaryData;useEmoji=!1;showSummary=!1;summaryPosition="side";rtl=!1;hoverValue=0;isVictory=!1;particles=[];ratingChange;getLabels(){if(this.labels)try{return"string"==typeof this.labels?JSON.parse(this.labels):this.labels}catch{return[]}return[]}handleClick=(i,t)=>{if(this.readonly||this.disabled)return;let a=i;if(this.allowHalf&&t){const r=t.currentTarget.getBoundingClientRect();a=t.clientX-r.left<r.width/2?i-.5:i}this.value="thumb"===this.type?this.value===a?0:a:this.clearable&&this.value===a?0:a,this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.value===this.max?[15,30,15]:10),this.value===this.max&&this.triggerVictory(),this.ratingChange.emit(this.value)};handleKeyDown=i=>{if(this.readonly||this.disabled)return;let t=this.value;const a=this.allowHalf?.5:1,r=this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]');switch(i.key){case"ArrowRight":case"ArrowUp":t=r?Math.max(0,this.value-a):Math.min(this.max,this.value+a),i.preventDefault();break;case"ArrowLeft":case"ArrowDown":t=r?Math.min(this.max,this.value+a):Math.max(0,this.value-a),i.preventDefault();break;case"Home":t=0,i.preventDefault();break;case"End":t=this.max,i.preventDefault();break;default:return}t!==this.value&&(this.value=t,this.ratingChange.emit(this.value),this.value===this.max&&this.triggerVictory())};triggerVictory=()=>{if(!this.victoryGlow)return;this.isVictory=!0;const i=Array.from({length:24}).map(((i,t)=>({id:Date.now()+t,tx:500*(Math.random()-.5),ty:-(300*Math.random()+100),rot:720*Math.random(),clr:["#fbbf24","#f59e0b","#3bf673","#10b981","#ef4444","#6366f1"][t%6],size:8*Math.random()+4})));this.particles=i,setTimeout((()=>{this.isVictory=!1,this.particles=[]}),1500)};handleMouseEnter=(i,t)=>{if(!this.readonly&&!this.disabled)if(this.allowHalf&&t){const a=t.currentTarget.getBoundingClientRect();this.hoverValue=t.clientX-a.left<a.width/2?i-.5:i}else this.hoverValue=i};handleMouseMove=(i,t)=>{if(this.readonly||this.disabled||!this.allowHalf)return;const a=t.currentTarget.getBoundingClientRect(),r=t.clientX-a.left<a.width/2?i-.5:i;this.hoverValue!==r&&(this.hoverValue=r)};handleMouseLeave=()=>{this.readonly||this.disabled||(this.hoverValue=0)};renderStarRating(){const i=[],t=this.hoverValue||this.value,a=this.colorMap?JSON.parse(this.colorMap):null;for(let o=1;o<=this.max;o++){const n=t>=o,e=this.allowHalf&&t>=o-.5&&t<o,s=a&&a[o-1]?a[o-1]:this.activeColor||this.color,p=this.activeFillColor||"currentColor";i.push(r("button",{type:"button",class:{"rating-item":!0,"rating-item-active":n||e,"rating-item-half":e,"rating-item-hover":this.hoverValue>=o,[`rating-color-${s}`]:!!s},onClick:i=>this.handleClick(o,i),onMouseEnter:i=>this.handleMouseEnter(o,i),onMouseMove:i=>this.handleMouseMove(o,i),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":`Rate ${o} out of ${this.max}`},r("div",{class:"rating-icon-container"},this.image?r("img",{src:this.image,class:"rating-icon-bg",alt:"rating"}):r("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,class:"rating-icon-bg"}),r("div",{class:"rating-icon-fill",style:{width:e?"50%":n?"100% ":"0%"}},this.image?r("img",{src:this.image,alt:"rating active"}):r("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,fill:p})))))}return i}renderHistogram(){if(!this.summaryData)return null;try{const i="string"==typeof this.summaryData?JSON.parse(this.summaryData):this.summaryData;if(!Array.isArray(i))return null;const t=i.reduce(((i,t)=>i+t),0),a=this.activeColor||`var(--rating-${this.color})`;return r("div",{class:"rating-histogram"},i.map(((o,n)=>{const e=t>0?o/t*100:0;return r("div",{class:"histogram-row"},r("span",{class:"histogram-label"},i.length-n," ",r("ui-icon",{name:"star",library:"lucide",size:"10px"})),r("div",{class:"histogram-bar-container"},r("div",{class:"histogram-bar-fill",style:{width:`${e}%`,backgroundColor:a}})),r("span",{class:"histogram-count"},o))})))}catch{return null}}renderSmileyRating(){const i=[],t=this.getLabels(),a=["frown","meh","smile","laugh","heart"],o=["😢","😕","😐","🙂","😄"],n=this.hoverValue||this.value;for(let e=1;e<=this.max;e++){const s=this.value===e,p=n===e||this.useEmoji&&n>=e,d=a[e-1]||"smile";i.push(r("div",{class:"smiley-item-wrapper"},r("button",{type:"button",class:{"rating-item":!0,"rating-item-smiley":!0,"rating-item-active":p,"rating-item-selected":s,"rating-item-hover":this.hoverValue===e,"rating-item-emoji":this.useEmoji},onClick:()=>this.handleClick(e),onMouseEnter:()=>this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":t[e-1]||`Rate ${e} out of ${this.max}`},this.useEmoji?r("span",{class:"emoji-display"},n>=e||s?o[e-1]||"🙂":"⚪"):r("div",{class:"rating-icon-container"},r("ui-icon",{name:d,color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),r("div",{class:"rating-icon-fill",style:{width:p?"100%":"0%"}},r("ui-icon",{name:d,color:"currentColor",library:"lucide",size:this.size})))),t[e-1]&&r("span",{class:"smiley-label"},t[e-1])))}return i}renderThumbRating(){const i=1===this.value||1===this.hoverValue,t=-1===this.value||-1===this.hoverValue;return[r("button",{type:"button",class:{"rating-item":!0,"rating-item-thumb":!0,"rating-item-active":i,"rating-item-thumb-up":!0},onClick:()=>this.handleClick(1),onMouseEnter:()=>this.handleMouseEnter(1),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":"Thumbs up"},r("div",{class:"rating-icon-container"},r("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),r("div",{class:"rating-icon-fill",style:{width:i?"100%":"0%"}},r("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide",size:this.size})))),r("button",{type:"button",class:{"rating-item":!0,"rating-item-thumb":!0,"rating-item-active":t,"rating-item-thumb-down":!0},onClick:()=>this.handleClick(-1),onMouseEnter:()=>this.handleMouseEnter(-1),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":"Thumbs down"},r("div",{class:"rating-icon-container"},r("ui-icon",{name:"thumbs-down",library:"lucide",size:this.size,class:"rating-icon-bg"}),r("div",{class:"rating-icon-fill",style:{width:t?"100%":"0%"}},r("ui-icon",{name:"thumbs-down",library:"lucide",size:this.size}))))]}render(){const i={"rating-container":!0,"rating-rtl":this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]'),[`rating-size-${this.size}`]:!0,[`rating-variant-${this.variant}`]:!0,"rating-readonly":this.readonly,"rating-disabled":this.disabled,"rating-glow":this.glow,"rating-victory":this.isVictory,"rating-invalid":this.invalid},t=this.getLabels(),a="thumb"===this.type?1===this.value?"Liked":-1===this.value?"Disliked":"":t[(this.hoverValue||this.value)-1],o=this.description&&r("div",{key:"89ffcb9eb6ff980caf55a0663e2a70699e15fd2c",class:`rating-description rating-description-${this.descriptionPosition}`},this.description),n=this.invalid&&this.errorMessage?r("div",{class:"rating-helper rating-error"},r("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),r("span",null,this.errorMessage)):this.helperText?r("div",{class:"rating-helper"},this.helperText):null,e={"--rating-active-color":this.activeColor||`var(--rating-${this.color})`,"--rating-fill-color":this.activeFillColor||"currentColor"},s=this.showSummary&&a?r("div",{class:`rating-summary rating-summary-${this.summaryPosition}`},r("div",{class:"summary-divider"}),r("div",{class:"summary-content"},r("p",{class:"summary-label"},a),r("p",{class:"summary-value"},(this.hoverValue||this.value).toFixed(0)," / ",this.max))):null;return r("div",{key:"70e8a2549d236825559aff795abfe0238f47e761",class:i,style:e,tabindex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,role:"group","aria-label":"Rating component"},r("div",{key:"98fcc1a5aa1ca18db16541257d3787b9efd84118",class:"rating-items-container"},r("div",{key:"e43ca0715fc16c29d45260d4afda67111db5333c",class:"rating-items"},"star"===this.type&&this.renderStarRating(),"smiley"===this.type&&this.renderSmileyRating(),"thumb"===this.type&&this.renderThumbRating(),"side"===this.descriptionPosition&&o),"side"===this.summaryPosition&&s),this.showValue&&!this.showSummary&&"thumb"!==this.type&&r("div",{key:"ed9c47ff5e17d3a6922bf4fa82f92770906d525c",class:"rating-value"},a&&r("span",{key:"b2f03c3e6a02b0f95ef64c29b91b3bb58929bef8",class:"rating-label"},a),r("span",{key:"7c84b5ac8489269655807fe6ac8b76e3e4d72a86",class:"rating-number"},(this.hoverValue||this.value).toFixed(this.allowHalf?1:0)," / ",this.max)),this.showReviews&&this.totalReviews>0&&r("div",{key:"50ddb5ffd3f21e4fdc89dad4499517c36fcccc38",class:"rating-total-reviews"},r("span",{key:"1cda24daf1daba68f08347b0b0c89510a5ac5622",class:"review-dot"},"•"),r("span",{key:"e05517a82ba1507bfbdad8c7a2d75633bcf8d791",class:"review-count"},"(",this.totalReviews," reviews)")),"bottom"===this.descriptionPosition&&o,"bottom"===this.summaryPosition&&s,this.showHistogram&&this.renderHistogram(),n,this.particles.map((i=>r("div",{key:i.id,class:"rating-victory-particle",style:{"--tx":`${i.tx}px`,"--ty":`${i.ty}px`,"--rot":`${i.rot}deg`,"--clr":i.clr,"--size":`${i.size}px`,left:"50%",top:"50%"}}))))}};s.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;--rating-primary:var(--color-primary, #10b981);--rating-warning:var(--color-warning, #f59e0b);--rating-success:var(--color-success, #10b981);--rating-danger:var(--color-danger, #ef4444)}.rating-container{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;user-select:none;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.rating-container.rating-victory .rating-item-active:last-child{animation:rating-victory-pulse 0.8s cubic-bezier(0.4, 0, 0.2, 1)}.rating-container.rating-victory .rating-item-active .rating-icon-container::after{content:"";position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;filter:blur(2px);animation:rating-particle-burst 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;box-shadow:10px -20px 0 0 currentColor, -15px -25px 0 0 currentColor, 20px -30px 0 0 currentColor}.rating-container.rating-glow .rating-item-active .rating-icon-fill{filter:drop-shadow(0 0 8px currentColor);animation:rating-shimmer 2s infinite linear}@keyframes rating-shimmer{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}.rating-items{display:flex;align-items:center;justify-content:center;gap:8px;}.rating-items:has(.smiley-item-wrapper){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;justify-items:center;gap:4px}.rating-rtl .rating-items{flex-direction:row-reverse}.rating-item{background:none !important;border:none !important;padding:0 !important;margin:0 !important;cursor:pointer;outline:none !important;box-shadow:none !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;position:relative}.rating-item:hover:not(:disabled){transform:scale(1.25);z-index:2}.rating-item.rating-item-active{transform:scale(1.15);z-index:5}.rating-item.rating-item-selected{transform:scale(1.3);z-index:10}.rating-item.rating-item-emoji{background:var(--bg-secondary, #f1f5f9) !important;border-radius:50% !important;padding:10px !important;font-size:1.5em;filter:grayscale(1);opacity:0.5;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02) !important}.rating-item.rating-item-emoji.rating-item-active,.rating-item.rating-item-emoji.rating-item-selected{filter:grayscale(0);opacity:1;background:var(--bg-primary, #ffffff) !important;transform:scale(1.3) !important;box-shadow:0 8px 16px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.8) !important;z-index:20}.rating-item.rating-item-emoji .emoji-display{transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block}.rating-item:disabled{cursor:not-allowed;opacity:0.5}.rating-icon-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px}.rating-size-xxxs .rating-icon-container{width:14px;height:14px}.rating-size-xxs .rating-icon-container{width:18px;height:18px}.rating-size-xs .rating-icon-container{width:22px;height:22px}.rating-size-sm .rating-icon-container{width:26px;height:26px}.rating-size-md .rating-icon-container{width:34px;height:34px}.rating-size-lg .rating-icon-container{width:44px;height:44px}.rating-size-xl .rating-icon-container{width:56px;height:56px}.rating-size-xxl .rating-icon-container{width:72px;height:72px}.rating-size-xxxl .rating-icon-container{width:96px;height:96px}.rating-icon-bg{color:var(--text-muted, #94a3b8);opacity:0.4 !important;transition:all 0.3s;display:block;width:100% !important;height:100% !important;position:absolute;top:0;left:0}.rating-glass .rating-icon-bg{color:rgba(255, 255, 255, 0.4);opacity:0.5}.rating-icon-bg.img,.rating-icon-bg img{filter:grayscale(100%);opacity:0.5}.rating-icon-fill{position:absolute;top:0;left:0;height:100%;width:0%;overflow:hidden;color:var(--rating-active-color, var(--color-warning, #f59e0b));transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.rating-icon-fill ui-icon,.rating-icon-fill img{display:block;position:absolute;top:0;left:0;width:34px !important;height:34px !important;flex-shrink:0}.rating-size-xxxs .rating-icon-fill ui-icon,.rating-size-xxxs .rating-icon-fill img{width:14px !important;height:14px !important}.rating-size-xxs .rating-icon-fill ui-icon,.rating-size-xxs .rating-icon-fill img{width:18px !important;height:18px !important}.rating-size-xs .rating-icon-fill ui-icon,.rating-size-xs .rating-icon-fill img{width:22px !important;height:22px !important}.rating-size-sm .rating-icon-fill ui-icon,.rating-size-sm .rating-icon-fill img{width:26px !important;height:26px !important}.rating-size-md .rating-icon-fill ui-icon,.rating-size-md .rating-icon-fill img{width:34px !important;height:34px !important}.rating-size-lg .rating-icon-fill ui-icon,.rating-size-lg .rating-icon-fill img{width:44px !important;height:44px !important}.rating-size-xl .rating-icon-fill ui-icon,.rating-size-xl .rating-icon-fill img{width:56px !important;height:56px !important}.rating-size-xxl .rating-icon-fill ui-icon,.rating-size-xxl .rating-icon-fill img{width:72px !important;height:72px !important}.rating-size-xxxl .rating-icon-fill ui-icon,.rating-size-xxxl .rating-icon-fill img{width:96px !important;height:96px !important}.rating-icon-fill img{filter:none;opacity:1;max-width:none}.rating-item-smiley{background:none !important;border:none !important;box-shadow:none !important;outline:none !important;padding:0 !important;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;cursor:pointer;width:auto !important;height:auto !important}.rating-size-xxxs .rating-item-smiley{padding:0 !important}.rating-size-xxs .rating-item-smiley{padding:0 !important}.rating-size-xs .rating-item-smiley{padding:0 !important}.rating-size-sm .rating-item-smiley{padding:0 !important}.rating-size-md .rating-item-smiley{padding:0 !important}.rating-size-lg .rating-item-smiley{padding:0 !important}.rating-size-xl .rating-item-smiley{padding:0 !important}.rating-size-xxl .rating-item-smiley{padding:0 !important}.rating-size-xxxl .rating-item-smiley{padding:0 !important}.rating-item-smiley{}.rating-item-smiley:hover:not(:disabled){transform:scale(1.2);z-index:2;background:none !important;border:none !important;box-shadow:none !important;outline:none !important}.rating-item-smiley.rating-item-active,.rating-item-smiley.rating-item-selected{background:none !important;transform:scale(1.2);color:var(--rating-active-color);box-shadow:none !important;border:none !important;outline:none !important;z-index:5}.rating-glass .rating-item-smiley{background:none !important}.rating-glass .rating-item-smiley.rating-item-selected{background:none !important}.rating-item-thumb{padding:0 !important;background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;outline:none !important}.rating-item-thumb.rating-item-active{background:none !important;box-shadow:none !important;border:none !important;outline:none !important}.rating-item-thumb.rating-item-thumb-up:hover:not(:disabled){color:var(--rating-success);background:none !important;border:none !important;box-shadow:none !important;outline:none !important}.rating-item-thumb.rating-item-thumb-down:hover:not(:disabled){color:var(--rating-danger);background:none !important;border:none !important;box-shadow:none !important;outline:none !important}.smiley-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px}.rating-size-xxxs .smiley-item-wrapper{min-width:30px;gap:4px}.rating-size-xxs .smiley-item-wrapper{min-width:34px;gap:4px}.rating-size-xs .smiley-item-wrapper{min-width:40px;gap:4px}.rating-size-sm .smiley-item-wrapper{min-width:46px;gap:5px}.rating-size-md .smiley-item-wrapper{min-width:52px;gap:6px}.rating-size-lg .smiley-item-wrapper{min-width:70px;gap:8px}.rating-size-xl .smiley-item-wrapper{min-width:84px;gap:10px}.rating-size-xxl .smiley-item-wrapper{min-width:100px;gap:12px}.rating-size-xxxl .smiley-item-wrapper{min-width:118px;gap:14px}.smiley-label{font-size:11px;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:capitalize;letter-spacing:-0.2px;white-space:nowrap;text-align:center;width:100%;opacity:0.55;transition:color 0.2s ease, opacity 0.2s ease, font-weight 0.2s ease;}.rating-item-smiley.rating-item-active~.smiley-label,.rating-item-smiley.rating-item-selected~.smiley-label,.rating-item-smiley.rating-item-hover~.smiley-label{color:var(--rating-active-color, var(--color-success, #10b981));opacity:1;font-weight:700}.rating-size-lg .smiley-label{font-size:12px}.rating-size-xl .smiley-label{font-size:14px}.rating-size-xxl .smiley-label{font-size:15px}.rating-total-reviews{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;color:var(--color-primary, #94a3b8);font-size:11px;font-weight:500;font-style:italic}.rating-rtl .rating-total-reviews{flex-direction:row-reverse}.rating-total-reviews .review-dot{opacity:0.5}.rating-primary{--rating-active-color:var(--rating-primary)}.rating-warning{--rating-active-color:var(--rating-warning)}.rating-success{--rating-active-color:var(--rating-success)}.rating-danger{--rating-active-color:var(--rating-danger)}.rating-size-xxxs .rating-icon-container,.rating-size-xxxs .rating-item-smiley{width:14px;height:14px}.rating-size-xxxs ui-icon{--size:14px}.rating-size-xxxs img{width:14px;height:14px}.rating-size-xxs .rating-icon-container,.rating-size-xxs .rating-item-smiley{width:18px;height:18px}.rating-size-xxs ui-icon{--size:18px}.rating-size-xxs img{width:18px;height:18px}.rating-size-xs .rating-icon-container,.rating-size-xs .rating-item-smiley{width:22px;height:22px}.rating-size-xs ui-icon{--size:22px}.rating-size-xs img{width:22px;height:22px}.rating-size-sm .rating-icon-container,.rating-size-sm .rating-item-smiley{width:26px;height:26px}.rating-size-sm ui-icon{--size:26px}.rating-size-sm img{width:26px;height:26px}.rating-size-md .rating-icon-container,.rating-size-md .rating-item-smiley{width:34px;height:34px}.rating-size-md ui-icon{--size:34px}.rating-size-md img{width:34px;height:34px}.rating-size-lg .rating-icon-container,.rating-size-lg .rating-item-smiley{width:44px;height:44px}.rating-size-lg ui-icon{--size:44px}.rating-size-lg img{width:44px;height:44px}.rating-size-xl .rating-icon-container,.rating-size-xl .rating-item-smiley{width:56px;height:56px}.rating-size-xl ui-icon{--size:56px}.rating-size-xl img{width:56px;height:56px}.rating-size-xxl .rating-icon-container,.rating-size-xxl .rating-item-smiley{width:72px;height:72px}.rating-size-xxl ui-icon{--size:72px}.rating-size-xxl img{width:72px;height:72px}.rating-size-xxxl .rating-icon-container,.rating-size-xxxl .rating-item-smiley{width:96px;height:96px}.rating-size-xxxl ui-icon{--size:96px}.rating-size-xxxl img{width:96px;height:96px}.rating-glass{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(12px);padding:16px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.rating-raised{background:var(--bg-primary, #f8fafc);padding:20px;border-radius:20px;box-shadow:8px 8px 16px rgba(0, 0, 0, 0.05), -4px -4px 12px var(--bg-primary, #ffffff);border:1px solid rgba(0, 0, 0, 0.02)}@keyframes rating-particle-burst{0%{transform:scale(0);opacity:1}100%{transform:scale(1.5) translateY(-60px);opacity:0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes rating-victory-pulse{from{transform:scale(1.1);filter:drop-shadow(0 0 0px var(--rating-active-color))}to{transform:scale(1.4);filter:drop-shadow(0 0 12px var(--rating-active-color))}}.rating-items-container{display:flex;align-items:center;gap:24px}.rating-summary{display:flex;align-items:center;gap:16px}.rating-summary .summary-divider{width:1px;height:24px;background:var(--bg-primary, #e2e8f0)}.rating-size-lg .rating-summary .summary-divider,.rating-size-xl .rating-summary .summary-divider{height:32px}.rating-summary .summary-content{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.rating-summary .summary-content .summary-label{font-size:14px;font-weight:800;color:var(--rating-active-color, #1e293b);margin:0}.rating-summary .summary-content .summary-value{font-size:12px;font-weight:600;color:var(--rating-active-color, var(--color-success, #10b981));opacity:0.6;margin:0}.rating-summary-bottom{margin-top:12px;justify-content:center}.rating-summary-bottom .summary-divider{display:none}.rating-summary-bottom .summary-content{flex-direction:row;align-items:center;gap:8px}.rating-value{display:flex;flex-direction:column;align-items:center;gap:2px}.rating-label{font-size:13px;font-weight:700;color:var(--rating-active-color);text-transform:uppercase;letter-spacing:0.5px}.rating-number{font-size:11px;font-weight:500;color:var(--color-primary, #94a3b8)}.rating-description{color:var(--color-primary, #94a3b8);font-size:10px;font-weight:400;line-height:1.4;opacity:0.8;max-width:200px}.rating-description-side{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);display:flex;align-items:center}.rating-description-bottom{margin-top:8px;text-align:center;width:100%}.rating-victory-particle{position:absolute;width:var(--size, 6px);height:var(--size, 6px);background:var(--clr, #fbbf24);border-radius:2px;pointer-events:none;z-index:50;animation:rating-particle-burst 1s cubic-bezier(0, 0, 0.2, 1) forwards}@keyframes rating-particle-burst{0%{transform:translate(0, 0) rotate(0deg) scale(0);opacity:1}15%{transform:translate(calc(var(--tx) * 0.2), calc(var(--ty) * 0.2)) rotate(45deg) scale(1.2)}100%{transform:translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(0);opacity:0}}.rating-invalid .rating-icon-bg{color:var(--rating-danger, var(--color-danger, #ef4444));opacity:0.2}.rating-invalid .rating-icon-fill{color:var(--rating-danger, var(--color-danger, #ef4444))}.rating-invalid.rating-glow .rating-item-active{filter:drop-shadow(0 0 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.4))}.rating-helper{margin-top:8px;font-size:11px;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:6px}.rating-helper.rating-error{color:var(--color-danger, #ef4444)}.rating-histogram{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle, #e2e8f0);width:100%}.histogram-row{display:flex;align-items:center;gap:12px;font-size:11px}.histogram-label{display:flex;align-items:center;gap:4px;min-width:40px;font-weight:600;color:var(--text-standard, #475569)}.histogram-bar-container{flex:1;height:8px;background:var(--bg-secondary, #f1f5f9);border-radius:4px;overflow:hidden}.histogram-bar-fill{height:100%;border-radius:4px;transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.histogram-count{min-width:30px;text-align:right;font-weight:500;color:var(--text-muted, #94a3b8)}.rating-container:focus{outline:none}.rating-container:focus .rating-items{box-shadow:0 0 0 3px var(--rating-active-color, #fbbf24) 44;border-radius:8px;padding:4px;margin:-4px}';export{n as ui_pagination,e as ui_radio,s as ui_rating}
|