atomicuilibrary 0.0.1 → 0.1.0
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 +1 -1
- package/dist/cjs/exploration-project-tailwind.cjs.js +1 -1
- package/dist/cjs/layout-manager.cjs.entry.js +1 -1
- package/dist/cjs/library-card.cjs.entry.js +1 -1
- package/dist/cjs/lm-container_2.cjs.entry.js +1 -1
- package/dist/cjs/lm-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/my-step.cjs.entry.js +1 -1
- package/dist/cjs/nav-bar.cjs.entry.js +2 -2
- package/dist/cjs/{security-E1JcwxGc.js → security-CNaNip8F.js} +88 -154
- package/dist/cjs/smart-step.cjs.entry.js +2 -2
- package/dist/cjs/timeline-item.cjs.entry.js +1 -1
- package/dist/cjs/{ui-accordion_10.cjs.entry.js → ui-accordion_11.cjs.entry.js} +613 -26
- package/dist/cjs/ui-advanced-data-table.cjs.entry.js +1 -1
- package/dist/cjs/ui-anchor.cjs.entry.js +1 -1
- package/dist/cjs/ui-aside-panel.cjs.entry.js +5 -5
- package/dist/cjs/ui-avatar-group_3.cjs.entry.js +5 -5
- package/dist/cjs/ui-callout-banner.cjs.entry.js +1 -1
- package/dist/cjs/ui-card.cjs.entry.js +26 -4
- package/dist/cjs/ui-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/ui-code-preview.cjs.entry.js +1 -1
- package/dist/cjs/ui-color-controller.cjs.entry.js +1 -1
- package/dist/cjs/ui-dialog-box.cjs.entry.js +1 -1
- package/dist/cjs/ui-dock-host.cjs.entry.js +3 -3
- package/dist/cjs/ui-drag-drop.cjs.entry.js +1 -1
- package/dist/cjs/ui-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ui-fab-item.cjs.entry.js +1 -1
- package/dist/cjs/ui-fab.cjs.entry.js +2 -2
- package/dist/cjs/ui-library.cjs.entry.js +1 -1
- package/dist/cjs/ui-list-group_2.cjs.entry.js +9 -5
- package/dist/cjs/ui-list.cjs.entry.js +4 -4
- package/dist/cjs/ui-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/ui-otp-input.cjs.entry.js +2 -2
- package/dist/cjs/{ui-pagination_3.cjs.entry.js → ui-pagination_4.cjs.entry.js} +202 -0
- package/dist/cjs/ui-pattern-input.cjs.entry.js +5 -5
- package/dist/cjs/ui-popover.cjs.entry.js +1 -1
- package/dist/cjs/ui-progress.cjs.entry.js +101 -17
- package/dist/cjs/ui-resizable-panel.cjs.entry.js +1 -1
- package/dist/cjs/ui-smart-location-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ui-smart-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-step.cjs.entry.js +1 -1
- package/dist/cjs/ui-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ui-switch.cjs.entry.js +9 -9
- package/dist/cjs/ui-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ui-timeline.cjs.entry.js +1 -1
- package/dist/cjs/ui-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/ui-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/ui-transfer-list.cjs.entry.js +1 -1
- package/dist/cjs/ui-workspace-manager.cjs.entry.js +1 -1
- package/dist/collection/assets/js/demo-loader.js +0 -1
- package/dist/collection/assets/js/demos/accordion-demo.js +189 -0
- package/dist/collection/assets/js/demos/advanced-data-table-demo.js +213 -214
- package/dist/collection/assets/js/demos/aside-panel-demo.js +6 -6
- package/dist/collection/assets/js/demos/button-demo.js +60 -1
- package/dist/collection/assets/js/demos/callout-banner-demo.js +324 -34
- package/dist/collection/assets/js/demos/card-demo.js +108 -61
- package/dist/collection/assets/js/demos/context-menu-demo.js +433 -12
- package/dist/collection/assets/js/demos/dock-demo.js +80 -60
- package/dist/collection/assets/js/demos/documentation-demo.js +227 -22
- package/dist/collection/assets/js/demos/empty-state-demo.js +10 -10
- package/dist/collection/assets/js/demos/list-demo.js +41 -18
- package/dist/collection/assets/js/demos/masonry-demo.js +164 -0
- package/dist/collection/assets/js/demos/progress-demo.js +701 -8
- package/dist/collection/assets/js/demos/radio-demo.js +1 -1
- package/dist/collection/assets/js/demos/splitter-demo.js +137 -0
- package/dist/collection/assets/js/demos/tag-demo.js +48 -18
- package/dist/collection/assets/js/demos/timeline-demo.js +20 -7
- package/dist/collection/assets/js/demos/tooltip-demo.js +26 -26
- package/dist/collection/assets/js/demos/tree-demo.js +28 -10
- package/dist/collection/collection-manifest.json +1 -4
- package/dist/collection/components/accordion/accordion.css +301 -0
- package/dist/collection/components/accordion/accordion.js +40 -8
- package/dist/collection/components/advanced-data-table/advanced-data-table.css +19 -5
- package/dist/collection/components/anchor/anchor.css +0 -2
- package/dist/collection/components/aside-panel/aside-panel.css +1 -3
- package/dist/collection/components/aside-panel/aside-panel.js +5 -5
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/badge/badge.css +1 -0
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/button/button.css +131 -0
- package/dist/collection/components/button/button.js +128 -9
- package/dist/collection/components/card/card.css +83 -31
- package/dist/collection/components/card/card.js +46 -3
- package/dist/collection/components/checkbox/checkbox.css +8 -10
- package/dist/collection/components/checkbox/checkbox.js +2 -2
- 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-controller/color-controller.js +1 -1
- package/dist/collection/components/context-menu/context-menu.css +3 -3
- package/dist/collection/components/dialog-box/dialog-box.js +1 -1
- package/dist/collection/components/dialog-header/dialog-header.js +1 -1
- 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/empty-state/empty-state.js +1 -1
- package/dist/collection/components/fab/fab.js +2 -2
- package/dist/collection/components/fab-item/fab-item.js +1 -1
- 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.js +4 -4
- 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.js +4 -4
- package/dist/collection/components/list-item/list-item.css +24 -0
- package/dist/collection/components/list-item/list-item.js +35 -4
- package/dist/collection/components/loader/loader.css +1635 -0
- package/dist/collection/components/loader/loader.js +1120 -0
- package/dist/collection/components/my-step/my-step.js +1 -1
- package/dist/collection/components/nav-bar/nav-bar.js +6 -6
- package/dist/collection/components/otp-input/otp-input.js +2 -2
- package/dist/collection/components/pattern-input/pattern-input.js +5 -5
- package/dist/collection/components/progress/progress.css +150 -15
- package/dist/collection/components/progress/progress.js +180 -18
- package/dist/collection/components/radio/radio.css +3 -3
- package/dist/collection/components/radio/radio.js +1 -1
- package/dist/collection/components/resizable-panel/resizable-panel.js +1 -1
- package/dist/collection/components/smart-location-dropdown/smart-location-dropdown.js +2 -2
- package/dist/collection/components/smart-stepper/smart-step.js +2 -2
- package/dist/collection/components/smart-stepper/smart-stepper.js +1 -1
- package/dist/collection/components/snackbar/snackbar.js +1 -1
- package/dist/collection/components/speed-dial/speed-dial.js +1 -1
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/step/step.js +1 -1
- package/dist/collection/components/switch/switch.js +10 -10
- package/dist/collection/components/tag-group/tag-group.js +2 -2
- package/dist/collection/components/timeline-item/timeline-item.js +1 -1
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/top-bar/top-bar.js +2 -2
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.css +19 -4
- package/dist/collection/components/ui-navigation-bar/navigation-bar/navigation-bar.js +6 -6
- package/dist/collection/components/ui-navigation-bar/navigation-item.js +3 -3
- package/dist/collection/components.js +1 -0
- 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/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/dropdown.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +1 -1
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/library-card2.js +1 -1
- package/dist/components/list-group.js +1 -1
- package/dist/components/list-item.js +1 -1
- package/dist/components/lm-container2.js +1 -1
- package/dist/components/lm-floating-window2.js +1 -1
- package/dist/components/lm-panel2.js +1 -1
- package/dist/components/lm-splitter2.js +1 -1
- package/dist/components/lm-tabs2.js +1 -1
- package/dist/components/loader.js +1 -0
- package/dist/components/my-step.js +1 -1
- package/dist/components/nav-bar.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/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-aside-panel.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-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-controller.js +1 -1
- package/dist/components/ui-color-picker.js +1 -1
- package/dist/components/ui-command-palette.js +1 -1
- package/dist/components/ui-dialog-box.js +1 -1
- package/dist/components/ui-divider.js +1 -1
- package/dist/components/ui-dock-host.js +1 -1
- package/dist/components/ui-dock.js +1 -1
- package/dist/components/ui-drag-drop.js +1 -1
- package/dist/components/ui-empty-state.js +1 -1
- package/dist/components/ui-fab-item.js +1 -1
- package/dist/components/ui-fab.js +1 -1
- package/dist/components/ui-file-upload.js +1 -1
- package/dist/components/ui-horizontal-nav.js +1 -1
- package/dist/components/ui-knob.js +1 -1
- package/dist/components/ui-library.js +1 -1
- package/dist/components/ui-list.js +1 -1
- package/dist/components/{ui-input-pair.d.ts → ui-loader.d.ts} +4 -4
- package/dist/components/ui-loader.js +1 -0
- package/dist/components/ui-masonry.js +1 -1
- package/dist/components/ui-meter-group.js +1 -1
- package/dist/components/ui-navigation-bar.js +1 -1
- package/dist/components/ui-navigation-item.js +1 -1
- package/dist/components/ui-number-input.js +1 -1
- package/dist/components/ui-otp-input.js +1 -1
- package/dist/components/ui-panel.js +1 -1
- package/dist/components/ui-pattern-input.js +1 -1
- package/dist/components/ui-popover.js +1 -1
- package/dist/components/ui-progress.js +1 -1
- package/dist/components/ui-scroll-top.js +1 -1
- package/dist/components/ui-smart-context-menu.js +1 -1
- package/dist/components/ui-smart-location-dropdown.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-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 +1 -1
- package/dist/esm/exploration-project-tailwind.js +1 -1
- package/dist/esm/layout-manager.entry.js +1 -1
- package/dist/esm/library-card.entry.js +1 -1
- package/dist/esm/lm-container_2.entry.js +1 -1
- package/dist/esm/lm-panel_3.entry.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/my-step.entry.js +1 -1
- package/dist/esm/nav-bar.entry.js +2 -2
- package/dist/esm/{security-D2WzX6vR.js → security-Dyu3Nplq.js} +88 -154
- package/dist/esm/smart-step.entry.js +2 -2
- package/dist/esm/timeline-item.entry.js +1 -1
- package/dist/esm/{ui-accordion_10.entry.js → ui-accordion_11.entry.js} +613 -27
- package/dist/esm/ui-advanced-data-table.entry.js +1 -1
- package/dist/esm/ui-anchor.entry.js +1 -1
- package/dist/esm/ui-aside-panel.entry.js +5 -5
- package/dist/esm/ui-avatar-group_3.entry.js +5 -5
- package/dist/esm/ui-callout-banner.entry.js +1 -1
- package/dist/esm/ui-card.entry.js +26 -4
- package/dist/esm/ui-checkbox.entry.js +2 -2
- package/dist/esm/ui-code-editor.entry.js +2 -2
- package/dist/esm/ui-code-preview.entry.js +1 -1
- package/dist/esm/ui-color-controller.entry.js +1 -1
- package/dist/esm/ui-dialog-box.entry.js +1 -1
- package/dist/esm/ui-dock-host.entry.js +3 -3
- package/dist/esm/ui-drag-drop.entry.js +1 -1
- package/dist/esm/ui-empty-state.entry.js +1 -1
- package/dist/esm/ui-fab-item.entry.js +1 -1
- package/dist/esm/ui-fab.entry.js +2 -2
- package/dist/esm/ui-library.entry.js +1 -1
- package/dist/esm/ui-list-group_2.entry.js +9 -5
- package/dist/esm/ui-list.entry.js +4 -4
- package/dist/esm/ui-navigation-item.entry.js +3 -3
- package/dist/esm/ui-otp-input.entry.js +2 -2
- package/dist/esm/{ui-pagination_3.entry.js → ui-pagination_4.entry.js} +202 -1
- package/dist/esm/ui-pattern-input.entry.js +5 -5
- package/dist/esm/ui-popover.entry.js +1 -1
- package/dist/esm/ui-progress.entry.js +101 -17
- package/dist/esm/ui-resizable-panel.entry.js +1 -1
- package/dist/esm/ui-smart-location-dropdown.entry.js +2 -2
- package/dist/esm/ui-smart-stepper.entry.js +1 -1
- package/dist/esm/ui-snackbar.entry.js +1 -1
- package/dist/esm/ui-step.entry.js +1 -1
- package/dist/esm/ui-stepper.entry.js +1 -1
- package/dist/esm/ui-switch.entry.js +9 -9
- package/dist/esm/ui-tabs.entry.js +1 -1
- package/dist/esm/ui-timeline.entry.js +1 -1
- package/dist/esm/ui-toolbar.entry.js +1 -1
- package/dist/esm/ui-tooltip.entry.js +4 -4
- package/dist/esm/ui-transfer-list.entry.js +1 -1
- package/dist/esm/ui-workspace-manager.entry.js +1 -1
- package/dist/exploration-project-tailwind/exploration-project-tailwind.esm.js +1 -1
- package/dist/exploration-project-tailwind/{p-c7e87fbb.entry.js → p-036d2a44.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-62352ef2.entry.js → p-05a436d3.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-a4f52a76.entry.js → p-16bdd162.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-85bf89fd.entry.js → p-20ecc116.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-2347d21b.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-3d381f75.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-e5322e59.entry.js → p-4288c158.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-2f1aebb3.entry.js → p-4417a9d8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-049744f9.entry.js → p-44742ddd.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-73d29a4a.entry.js → p-4aaa8e40.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-6fa9dc15.entry.js → p-4bef8bed.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-64e3a484.entry.js → p-4efd63ce.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c5ddc817.entry.js → p-54965530.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-5c835d90.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-4de419d5.entry.js → p-6b838549.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-c174a372.entry.js → p-6ddbee42.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-7515b1e3.entry.js → p-70bacda8.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-9fa70359.entry.js → p-71d95bb1.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-2d273118.entry.js → p-7889bfc4.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-0b004861.entry.js → p-790556f0.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-f5719913.entry.js → p-7ba2258a.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-81961fb1.entry.js → p-81ebba11.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-5e3e80ae.entry.js → p-8578b616.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-3d3d48fd.entry.js → p-8b57fe4e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-ffb1754a.entry.js → p-97af03cc.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-f0830120.entry.js → p-98e91da5.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d2308a00.entry.js → p-9bd14f69.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-Dyu3Nplq.js +2 -0
- package/dist/exploration-project-tailwind/{p-ba21fed3.entry.js → p-a27f59d2.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-70d82d79.entry.js → p-a7b07cf4.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-5508874f.entry.js → p-bd89d060.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-9d0c8760.entry.js → p-c02284ea.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d419eaf0.entry.js → p-c1c8ac28.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-c63c522e.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c90722ec.entry.js → p-cbee2607.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-287dbf09.entry.js → p-d114a347.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-8d951aef.entry.js → p-d2e45c5e.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-77cc333a.entry.js → p-d59da767.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-46596a28.entry.js → p-d6ce9721.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-875be805.entry.js → p-dc92a343.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-4f6bba75.entry.js → p-e22317c1.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-d16c9635.entry.js → p-e76318c7.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-e8c6d395.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-c2ca71ac.entry.js → p-eab5ad36.entry.js} +1 -1
- package/dist/exploration-project-tailwind/p-f0bc5d7e.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f1beee72.entry.js +1 -0
- package/dist/exploration-project-tailwind/p-f543392f.entry.js +1 -0
- package/dist/exploration-project-tailwind/{p-46efdea3.entry.js → p-f61cfb7c.entry.js} +1 -1
- package/dist/exploration-project-tailwind/{p-77124686.entry.js → p-fb4aca69.entry.js} +1 -1
- package/dist/types/components/accordion/accordion.d.ts +10 -2
- package/dist/types/components/button/button.d.ts +9 -0
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/list-item/list-item.d.ts +1 -0
- package/dist/types/components/loader/loader.d.ts +145 -0
- package/dist/types/components/progress/progress.d.ts +34 -2
- package/dist/types/components.d.ts +509 -993
- package/dist/types/types/common.d.ts +1 -1
- package/dist/types/types/common.type.d.ts +1 -1
- package/package.json +8 -7
- package/dist/cjs/ui-checkbox-group.cjs.entry.js +0 -330
- package/dist/cjs/ui-image-button.cjs.entry.js +0 -67
- package/dist/cjs/ui-input-pair.cjs.entry.js +0 -44
- package/dist/cjs/ui-radio-group.cjs.entry.js +0 -205
- package/dist/cjs/ui-radio.cjs.entry.js +0 -206
- package/dist/collection/components/checkbox-group/checkbox-group.css +0 -223
- package/dist/collection/components/checkbox-group/checkbox-group.js +0 -1001
- package/dist/collection/components/checkbox-group/types.js +0 -1
- package/dist/collection/components/image-button/image-button.css +0 -154
- package/dist/collection/components/image-button/image-button.js +0 -310
- package/dist/collection/components/image-button/types.js +0 -1
- package/dist/collection/components/input-pair/input-pair.css +0 -72
- package/dist/collection/components/input-pair/input-pair.js +0 -309
- package/dist/collection/components/radio-group/radio-group.css +0 -202
- package/dist/collection/components/radio-group/radio-group.js +0 -903
- package/dist/collection/components/radio-group/types.js +0 -1
- package/dist/components/ui-checkbox-group.d.ts +0 -11
- package/dist/components/ui-checkbox-group.js +0 -1
- package/dist/components/ui-image-button.d.ts +0 -11
- package/dist/components/ui-image-button.js +0 -1
- package/dist/components/ui-input-pair.js +0 -1
- package/dist/components/ui-radio-group.d.ts +0 -11
- package/dist/components/ui-radio-group.js +0 -1
- package/dist/esm/ui-checkbox-group.entry.js +0 -328
- package/dist/esm/ui-image-button.entry.js +0 -65
- package/dist/esm/ui-input-pair.entry.js +0 -42
- package/dist/esm/ui-radio-group.entry.js +0 -203
- package/dist/esm/ui-radio.entry.js +0 -204
- package/dist/exploration-project-tailwind/p-01c7db7a.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-5ce0dbd8.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-6ab80ead.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-6e9694f2.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-7376ac95.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-77a21491.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-7f91d949.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-807c6555.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-D2WzX6vR.js +0 -2
- package/dist/exploration-project-tailwind/p-ab752761.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ce1222a1.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-e90d5307.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-ecda1cc3.entry.js +0 -1
- package/dist/exploration-project-tailwind/p-f11e5cae.entry.js +0 -1
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -87
- package/dist/types/components/checkbox-group/types.d.ts +0 -8
- package/dist/types/components/image-button/image-button.d.ts +0 -31
- package/dist/types/components/image-button/types.d.ts +0 -1
- package/dist/types/components/input-pair/input-pair.d.ts +0 -28
- package/dist/types/components/radio-group/radio-group.d.ts +0 -74
- package/dist/types/components/radio-group/types.d.ts +0 -2
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,a,h as e}from"./p-DUsoYu9r.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 e=Math.floor(a/2);let n=Math.max(1,t-e),o=Math.min(i,n+a-1);return o-n+1<a&&(n=Math.max(1,o-a+1)),Array.from({length:o-n+1},((i,t)=>n+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),e="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 + ${e})`}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 e("div",{class:{"pagination-size-selector":!0,"pagination-size-premium":i,"pagination-size-selector-open":t},onClick:i=>i.stopPropagation()},e("span",{class:"pagination-size-label"},"Show:"),e("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":t}},e("button",{class:{"pg-dropdown-trigger":!0,"pg-dropdown-open":t},onClick:()=>{this.openDropdown=t?null:"pageSize"},disabled:this.disabled,type:"button"},e("span",null,this.itemsPerPage),e("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"},e("path",{d:"m6 9 6 6 6-6"}))),t&&e("div",{class:"pg-dropdown-panel"},this.pageSizes.map((i=>e("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i===this.itemsPerPage},onClick:()=>{this.handleItemsPerPageChange(i),this.openDropdown=null}},e("span",null,i),i===this.itemsPerPage&&e("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"},e("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:n,showPrevNext:o}=this,r=i>1,s=i<t;return e("div",{class:"pagination-basic"},n&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(1),disabled:!r||this.disabled,ariaLabel:"First page",icon:this.iconOnly?"chevrons-left":void 0,iconLibrary:"lucide",label:this.iconOnly?void 0:this.firstText,shape:this.getEffectiveShape()}),o&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handlePageChange(i-1),disabled:!r||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&&e("div",{class:{"pagination-label":!0,"pagination-joined":this.segmented}},this.getPageLabel()),!this.hideNumbers&&e("div",{class:{"pagination-pages":!0,"pagination-joined":this.segmented}},a.map((i=>e("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()})))),o&&e("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()}),n&&e("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&&e("ui-button",{variant:this.getButtonVariant(-1),size:"sm"===this.size?"sm":"lg"===this.size?"lg":"md",onClick:()=>this.handleQuickJump("backward"),disabled:!r||this.disabled,ariaLabel:`Jump back ${this.quickJumpStep} pages`,icon:"chevrons-left",iconLibrary:"lucide",shape:this.getEffectiveShape()}),this.quickJump&&e("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 e("div",{class:"pagination-compact"},e("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()}),e("span",{class:"pagination-info"},i," of ",t),e("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 e("div",{class:"pagination-detailed"},this.renderBasicPagination(),e("div",{class:"pagination-details"},this.showTotal&&e("span",{class:"pagination-total"},"Showing ",i,"-",t," of ",this.totalItems," items"),this.renderPageSizeSelector(),this.showJumpTo&&e("div",{class:"pagination-jump"},e("label",null,"Go to page:"),e("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()}}),e("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 e("div",{class:"pagination-minimal"},e("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()}),e("div",{class:"pagination-input-group"},e("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()}}),e("span",{class:"pagination-separator"},"of"),e("span",{class:"pagination-total-pages"},t)),e("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 e("div",{class:"pagination-advanced"},e("div",{class:"pagination-controls"},this.renderPageSizeSelector(),this.showTotal&&e("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&&e("div",{class:"pagination-jump-section"},e("label",null,"Jump to page:"),e("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}),e("ui-button",{variant:"primary",size:"sm",onClick:()=>this.handleJumpToPage(),disabled:this.disabled,label:"Go",shape:this.getEffectiveShape()})))}renderInfinitePagination(){return e("div",{class:"pagination-infinite"},e("div",{class:"pagination-loading"},this.loading?e("ui-loader",{size:"xs",color:"currentColor"}):e("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&&e("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 e("div",{class:"pagination-dropdown-container"},this.showTotal&&e("div",{class:"pagination-total"},this.totalItems," Items"),this.renderPageSizeSelector(),!this.hideNavButtons&&e("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"}),e("div",{class:{"pagination-dropdown-wrapper":!0,"pagination-dropdown-wrapper-open":"page"===this.openDropdown},onClick:i=>i.stopPropagation()},e("div",{class:{"pg-dropdown":!0,"pg-dropdown-open-host":"page"===this.openDropdown}},e("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"},e("span",null,"Page ",this.currentPage," of ",this.totalPages),e("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"},e("path",{d:"m6 9 6 6 6-6"}))),"page"===this.openDropdown&&e("div",{class:"pg-dropdown-panel pg-dropdown-panel-scroll"},i.map((i=>e("div",{class:{"pg-dropdown-item":!0,"pg-dropdown-item-selected":i.value===this.currentPage.toString()},onClick:()=>{this.handlePageChange(parseInt(i.value)),this.openDropdown=null}},e("span",null,i.label),i.value===this.currentPage.toString()&&e("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"},e("path",{d:"M20 6 9 17l-5-5"})))))))),!this.hideNavButtons&&e("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 e("div",{class:"pagination-input-container"},this.showTotal&&e("div",{class:"pagination-total"},this.totalItems," Total"),this.renderPageSizeSelector(),!this.hideNavButtons&&e("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&&e("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"}),e("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()}}),e("span",{class:"pagination-input-label"},"of ",e("strong",null,this.totalPages)),!this.hideNavButtons&&e("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&&e("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 e("div",{class:"pagination-indicator-container"},this.showPrevNext&&e("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()}),e("div",{class:"pagination-indicators"},i.map((i=>e("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},e("div",{class:"pagination-indicator-dot"}),i===this.currentPage&&e("div",{class:"pagination-indicator-label"},i))))),this.showPrevNext&&e("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&&e("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 e("div",{class:a,onKeyDown:this.handleKeyDown,tabindex:this.keyboardNav&&!this.disabled?0:-1,role:"navigation","aria-label":"Pagination Navigation",ref:i=>this.paginationRef=i},e("div",{role:"status","aria-live":"polite","aria-atomic":"true",class:"sr-only"},"Page ",this.currentPage," of ",this.totalPages),this.showProgress&&e("div",{class:"pagination-progress-bar"},e("div",{class:"pagination-progress-fill",style:{width:`${this.progressPercentage}%`}})),e("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&&e("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 o=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=>{this.readonly||this.disabled||(this.value="thumb"===this.type?this.value===i?0:i:this.clearable&&this.value===i?0:i,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,e=this.rtl||"rtl"===this.el.dir||!!this.el.closest('[dir="rtl"]');switch(i.key){case"ArrowRight":case"ArrowUp":t=e?Math.max(0,this.value-a):Math.min(this.max,this.value+a),i.preventDefault();break;case"ArrowLeft":case"ArrowDown":t=e?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=>{this.readonly||this.disabled||(this.hoverValue=i)};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 n=1;n<=this.max;n++){const o=t>=n,r=this.allowHalf&&t>=n-.5&&t<n,s=a&&a[n-1]?a[n-1]:this.activeColor||this.color,p=this.activeFillColor||"currentColor";i.push(e("button",{type:"button",class:{"rating-item":!0,"rating-item-active":o||r,"rating-item-half":r,"rating-item-hover":this.hoverValue>=n,[`rating-color-${s}`]:!!s},onClick:()=>this.handleClick(n),onMouseEnter:()=>this.handleMouseEnter(n),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":`Rate ${n} out of ${this.max}`},e("div",{class:"rating-icon-container"},this.image?e("img",{src:this.image,class:"rating-icon-bg",alt:"rating"}):e("ui-icon",{name:this.iconName,color:"currentColor",library:this.iconLibrary,size:this.size,class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:r?"50%":o?"100% ":"0%"}},this.image?e("img",{src:this.image,alt:"rating active"}):e("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 e("div",{class:"rating-histogram"},i.map(((n,o)=>{const r=t>0?n/t*100:0;return e("div",{class:"histogram-row"},e("span",{class:"histogram-label"},i.length-o," ",e("ui-icon",{name:"star",library:"lucide",size:"10px"})),e("div",{class:"histogram-bar-container"},e("div",{class:"histogram-bar-fill",style:{width:`${r}%`,backgroundColor:a}})),e("span",{class:"histogram-count"},n))})))}catch{return null}}renderSmileyRating(){const i=[],t=this.getLabels(),a=["frown","meh","smile","laugh","heart"],n=["😢","😕","😐","🙂","😄"],o=this.hoverValue||this.value;for(let r=1;r<=this.max;r++){const s=this.value===r,p=o===r||this.useEmoji&&o>=r,l=a[r-1]||"smile";i.push(e("div",{class:"smiley-item-wrapper"},e("button",{type:"button",class:{"rating-item":!0,"rating-item-smiley":!0,"rating-item-active":p,"rating-item-selected":s,"rating-item-hover":this.hoverValue===r,"rating-item-emoji":this.useEmoji},onClick:()=>this.handleClick(r),onMouseEnter:()=>this.handleMouseEnter(r),onMouseLeave:this.handleMouseLeave,disabled:this.disabled||this.readonly,"aria-label":t[r-1]||`Rate ${r} out of ${this.max}`},this.useEmoji?e("span",{class:"emoji-display"},o>=r||s?n[r-1]||"🙂":"⚪"):e("div",{class:"rating-icon-container"},e("ui-icon",{name:l,color:"currentColor",library:"lucide",size:this.size,class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:p?"100%":"0%"}},e("ui-icon",{name:l,color:"currentColor",library:"lucide",size:this.size})))),t[r-1]&&e("span",{class:"smiley-label"},t[r-1])))}return i}renderThumbRating(){const i=1===this.value||1===this.hoverValue,t=-1===this.value||-1===this.hoverValue;return[e("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"},e("div",{class:"rating-icon-container"},e("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide",class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:i?"100%":"0%"}},e("ui-icon",{name:"thumbs-up",color:"currentColor",library:"lucide"})))),e("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"},e("div",{class:"rating-icon-container"},e("ui-icon",{name:"thumbs-down",library:"lucide",class:"rating-icon-bg"}),e("div",{class:"rating-icon-fill",style:{width:t?"100%":"0%"}},e("ui-icon",{name:"thumbs-down",library:"lucide"}))))]}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],n=this.description&&e("div",{key:"ddad90f4a42a3c07145f31156cdc6495f33b0bee",class:`rating-description rating-description-${this.descriptionPosition}`},this.description),o=this.invalid&&this.errorMessage?e("div",{class:"rating-helper rating-error"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),e("span",null,this.errorMessage)):this.helperText?e("div",{class:"rating-helper"},this.helperText):null,r={"--rating-active-color":this.activeColor||`var(--rating-${this.color})`,"--rating-fill-color":this.activeFillColor||"currentColor"},s=this.showSummary&&a?e("div",{class:`rating-summary rating-summary-${this.summaryPosition}`},e("div",{class:"summary-divider"}),e("div",{class:"summary-content"},e("p",{class:"summary-label"},a),e("p",{class:"summary-value"},(this.hoverValue||this.value).toFixed(0)," / ",this.max))):null;return e("div",{key:"09946cb1ba974009053c5cdf39a92c904f485cc7",class:i,style:r,tabindex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,role:"group","aria-label":"Rating component"},e("div",{key:"8c56d47b79ddd22a69fd58dee44f13182ebabc3f",class:"rating-items-container"},e("div",{key:"6c9206ec1dc844689631a32799dd368bef1160b0",class:"rating-items"},"star"===this.type&&this.renderStarRating(),"smiley"===this.type&&this.renderSmileyRating(),"thumb"===this.type&&this.renderThumbRating(),"side"===this.descriptionPosition&&n),"side"===this.summaryPosition&&s),this.showValue&&!this.showSummary&&"thumb"!==this.type&&e("div",{key:"2b733f67e6c01f31e789b79ea1f652a63edcde39",class:"rating-value"},a&&e("span",{key:"d5ca42772c409783b2ef5dea7da47944df87eec9",class:"rating-label"},a),e("span",{key:"860c841ed2d7b2e642ad132d91bcd731e1a974c2",class:"rating-number"},(this.hoverValue||this.value).toFixed(this.allowHalf?1:0)," / ",this.max)),this.showReviews&&this.totalReviews>0&&e("div",{key:"d3f05521d7337580d120356ce44cc149211fe28f",class:"rating-total-reviews"},e("span",{key:"4f3c9863f74bb3e2a5f2d46cb94bef7e053471a1",class:"review-dot"},"•"),e("span",{key:"9eb1794ad9f571667afd26857719bc38c68f5dbf",class:"review-count"},"(",this.totalReviews," reviews)")),"bottom"===this.descriptionPosition&&n,"bottom"===this.summaryPosition&&s,this.showHistogram&&this.renderHistogram(),o,this.particles.map((i=>e("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%"}}))))}};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: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;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;gap:8px}.rating-rtl .rating-items{flex-direction:row-reverse}.rating-item{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;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);border-radius:50%;padding:10px;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)}.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);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);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%;height:100%;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;height:34px;flex-shrink:0}.rating-size-xxxs .rating-icon-fill ui-icon,.rating-size-xxxs .rating-icon-fill img{width:14px;height:14px}.rating-size-xxs .rating-icon-fill ui-icon,.rating-size-xxs .rating-icon-fill img{width:18px;height:18px}.rating-size-xs .rating-icon-fill ui-icon,.rating-size-xs .rating-icon-fill img{width:22px;height:22px}.rating-size-sm .rating-icon-fill ui-icon,.rating-size-sm .rating-icon-fill img{width:26px;height:26px}.rating-size-md .rating-icon-fill ui-icon,.rating-size-md .rating-icon-fill img{width:34px;height:34px}.rating-size-lg .rating-icon-fill ui-icon,.rating-size-lg .rating-icon-fill img{width:44px;height:44px}.rating-size-xl .rating-icon-fill ui-icon,.rating-size-xl .rating-icon-fill img{width:56px;height:56px}.rating-size-xxl .rating-icon-fill ui-icon,.rating-size-xxl .rating-icon-fill img{width:72px;height:72px}.rating-size-xxxl .rating-icon-fill ui-icon,.rating-size-xxxl .rating-icon-fill img{width:96px;height:96px}.rating-icon-fill img{filter:none;opacity:1;max-width:none}.rating-item-smiley{background:rgba(var(--text-standard-rgb, 128, 128, 128), 0.08);border:1px solid rgba(var(--text-standard-rgb, 128, 128, 128), 0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;cursor:pointer}.rating-size-xxxs .rating-item-smiley{padding:4px}.rating-size-xxs .rating-item-smiley{padding:5px}.rating-size-xs .rating-item-smiley{padding:6px}.rating-size-sm .rating-item-smiley{padding:8px}.rating-size-md .rating-item-smiley{padding:10px}.rating-size-lg .rating-item-smiley{padding:12px}.rating-size-xl .rating-item-smiley{padding:16px}.rating-size-xxl .rating-item-smiley{padding:20px}.rating-size-xxxl .rating-item-smiley{padding:24px}.rating-item-smiley.rating-item-active,.rating-item-smiley.rating-item-selected{background:rgba(var(--primary-rgb, 139, 92, 246), 0.15);transform:scale(1.15);color:var(--rating-active-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb, 139, 92, 246), 0.05), 0 4px 12px rgba(0, 0, 0, 0.05)}.rating-glass .rating-item-smiley{background:rgba(255, 255, 255, 0.05)}.rating-glass .rating-item-smiley.rating-item-selected{background:rgba(255, 255, 255, 0.15)}.rating-item-thumb{padding:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px}.rating-item-thumb.rating-item-active{background:var(--bg-primary, #ffffff);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border-color:var(--rating-active-color)}.rating-item-thumb.rating-item-thumb-up:hover:not(:disabled){color:var(--rating-success);border-color:var(--rating-success)}.rating-item-thumb.rating-item-thumb-down:hover:not(:disabled){color:var(--rating-danger);border-color:var(--rating-danger)}.smiley-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.rating-size-lg .smiley-item-wrapper{gap:12px}.rating-size-xl .smiley-item-wrapper{gap:16px}.smiley-label{font-size:11px;font-weight:700;color:var(--rating-active-color, var(--color-success, #10b981));text-transform:capitalize;letter-spacing:-0.2px;white-space:nowrap}.rating-size-lg .smiley-label{font-size:13px}.rating-size-xl .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}';const r=class{constructor(a){i(this,a),this.skeletonShow=t(this,"skeletonShow"),this.skeletonHide=t(this,"skeletonHide")}ariaLabel;ariaLive="off";ariaRole;progress;dark="auto";rtl=!1;skeletonShow;skeletonHide;template="none";count=1;direction="column";lazyAnimation=!0;speed="normal";color="neutral";radius;stagger=0;gap="16px";highlightColor;elevation=0;shape="rectangle";mask=!1;ghost=!1;size="md";width="100%";height="20px";borderRadius="4px";animated=!0;animationType="pulse";customClass="";delay=0;waveAngle="90deg";waveSpeed="1.5s";rows=1;lastRowWidth="80%";isActuallyVisible=!1;isInView=!0;delayTimer;observer;componentDidLoad(){this.lazyAnimation&&this.setupObserver()}setupObserver(){void 0!==globalThis.IntersectionObserver?(this.observer=new IntersectionObserver((i=>{i.forEach((i=>{this.isInView=i.isIntersecting}))}),{threshold:.1}),this.el&&this.observer.observe(this.el)):this.isInView=!0}handleDelayChange(){this.handleVisibility()}componentWillLoad(){this.handleVisibility()}get el(){return a(this)}handleVisibility(){if(this.delay<=0)return this.isActuallyVisible||this.skeletonShow?.emit(),void(this.isActuallyVisible=!0);this.delayTimer&&clearTimeout(this.delayTimer),this.isActuallyVisible&&this.skeletonHide?.emit(),this.isActuallyVisible=!1,this.delayTimer=setTimeout((()=>{this.isActuallyVisible=!0,this.skeletonShow?.emit()}),this.delay)}disconnectedCallback(){this.delayTimer&&clearTimeout(this.delayTimer),this.observer&&this.observer.disconnect()}getSizeDimensions(){const i={"3xs":{width:"12px",height:"12px"},"2xs":{width:"16px",height:"16px"},xs:{width:"20px",height:"20px"},sm:{width:"24px",height:"24px"},md:{width:"32px",height:"32px"},lg:{width:"48px",height:"48px"},xl:{width:"64px",height:"64px"},"2xl":{width:"80px",height:"80px"},"3xl":{width:"120px",height:"120px"},"4xl":{width:"160px",height:"160px"}};return i[this.size]||i.md}getSkeletonStyles(){const i=this.getSizeDimensions(),t={width:"100%"!==this.width?this.width:i.width,height:"20px"!==this.height?this.height:i.height};switch(this.shape){case"circle":t.borderRadius="50%";const i=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${i}px`,t.height=`${i}px`;break;case"square":const a=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${a}px`,t.height=`${a}px`,t.borderRadius="0";break;case"oval":t.borderRadius="50%";break;case"rounded-square":const e=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));t.width=`${e}px`,t.height=`${e}px`,t.borderRadius=this.borderRadius;break;case"rounded-rectangle":case"rounded":t.borderRadius=this.borderRadius;break;case"text":t.borderRadius="4px",t.height={"3xs":"10px","2xs":"12px",xs:"14px",sm:"16px",md:"18px",lg:"24px",xl:"32px","2xl":"40px","3xl":"48px","4xl":"64px"}[this.size]||"18px";break;case"avatar":t.borderRadius="50%";const n=this.getSizeDimensions();t.width="100%"!==this.width?this.width:n.width,t.height="20px"!==this.height?this.height:n.height;break;case"button":t.borderRadius="6px",t.height="20px"!==this.height?this.height:{xs:"24px",sm:"28px",md:"32px",lg:"36px",xl:"40px","2xl":"44px"}[this.size]||"32px";break;case"pill":t.borderRadius="20px",t.height="20px"!==this.height?this.height:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}[this.size]||"28px",t.width="100%"!==this.width?this.width:"60px";break;case"card":t.borderRadius="8px",t.minHeight="20px"!==this.height?this.height:{xs:"80px",sm:"100px",md:"120px",lg:"160px",xl:"200px","2xl":"240px"}[this.size]||"120px";break;case"list-item":t.borderRadius="4px",t.height="20px"!==this.height?this.height:{xs:"32px",sm:"36px",md:"40px",lg:"48px",xl:"56px","2xl":"64px"}[this.size]||"40px";break;case"image":t.borderRadius="8px",t.height="20px"!==this.height?this.height:{xs:"100px",sm:"150px",md:"200px",lg:"250px",xl:"300px","2xl":"400px"}[this.size]||"200px",t.display="flex",t.alignItems="center",t.justifyContent="center";break;case"none":t.background="transparent",t.width="auto",t.height="auto";break;default:t.borderRadius="0"}return t}render(){if(!this.isActuallyVisible)return null;const i=Array.from({length:Math.max(1,this.count)}),t=this.ariaRole||("number"==typeof this.progress?"progressbar":"status"),a={role:t,"aria-busy":!0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive};"progressbar"===t&&"number"==typeof this.progress&&(a["aria-valuenow"]=this.progress,a["aria-valuemin"]=0,a["aria-valuemax"]=100);const n=["dark","blue","violet","green","pink"],o=document.documentElement.getAttribute("data-theme")||"",r="auto"===this.dark&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches||n.some((i=>document.documentElement.classList.contains("theme-"+i)||document.body.classList.contains("theme-"+i)))||n.includes(o)||!!this.el.closest(n.map((i=>`.theme-${i}, [data-theme="${i}"]`)).join(", ")));return e("div",{class:`skeleton-replication-container skeleton-direction-${this.direction} ${"dark"===this.dark||r?"skeleton-dark":""} ${this.rtl?"skeleton-rtl":""}`,style:{display:"flex",flexDirection:this.direction,gap:this.gap},...a},i.map(((i,t)=>{const a=this.stagger>0?t*this.stagger+"ms":"0ms",n=this.animated&&(!this.lazyAnimation||this.isInView),o=!["neutral","primary","secondary","success","danger","warning","info"].includes(this.color),r={skeleton:!0,"skeleton-animated":n,[`skeleton-${this.animationType}`]:n,[`skeleton-${this.shape}`]:!0,[`skeleton-speed-${this.speed}`]:!0,[`skeleton-color-${this.color}`]:!o&&"neutral"!==this.color,"skeleton-mask":this.mask,"skeleton-ghost":this.ghost&&this.mask,"skeleton-elevated":this.elevation>0,[this.customClass]:!!this.customClass},s={"--skeleton-stagger-delay":a,"--skeleton-wave-angle":this.waveAngle,"--skeleton-wave-speed":this.waveSpeed,"--skeleton-gap":this.gap,"--skeleton-elevation":this.elevation>0?`var(--ui-shadow-${this.elevation}, 0 2px 8px rgba(0,0,0,0.05))`:"none"};o&&(s["--skeleton-bg"]=this.color,s["--skeleton-wave-bg"]=this.highlightColor||this.color),this.radius&&(s["--skeleton-border-radius"]=this.radius);const p=["circle","avatar","oval"].includes(this.shape),l={...this.getSkeletonStyles(),...s,animationDelay:a,...p?{}:this.radius||"4px"!==this.borderRadius?{borderRadius:this.radius||this.borderRadius}:{}};return e("div",{class:r,style:l,key:t},this.renderContent(),"number"==typeof this.progress&&e("div",{class:"skeleton-progress-bar",style:{width:this.progress+"%",height:"4px",background:"var(--skeleton-wave-bg, #fff)",borderRadius:"2px",marginTop:"4px"}}))})),e("slot",{name:"custom"}))}renderContent(){const i="text"===this.shape&&this.rows>1;return[this.mask||"none"===this.shape?e("slot",null):null,i&&!this.mask?e("div",{class:"skeleton-text-rows",style:{display:"flex",flexDirection:"column",gap:"8px",width:"100%"}},Array.from({length:this.rows}).map(((i,t)=>e("div",{class:"skeleton-text-row",style:{height:"1em",width:t===this.rows-1?this.lastRowWidth:t>0&&t%2==0?"92%":"100%",backgroundColor:"inherit",borderRadius:"4px",animation:"inherit"}})))):null,"card"!==this.shape||this.mask?null:e("div",{class:"skeleton-card-content"},e("div",{class:"skeleton-card-header"},e("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),e("div",{class:"skeleton-card-title"},e("div",{class:"skeleton-text",style:{width:"60%",height:"16px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"40%",height:"12px",borderRadius:"4px"}}))),e("div",{class:"skeleton-card-body"},e("div",{class:"skeleton-text",style:{width:"100%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"80%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"90%",height:"14px",borderRadius:"4px"}}))),"list-item"!==this.shape||this.mask?null:e("div",{class:"skeleton-list-content"},e("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),e("div",{class:"skeleton-list-text"},e("div",{class:"skeleton-text",style:{width:"70%",height:"14px",borderRadius:"4px"}}),e("div",{class:"skeleton-text",style:{width:"50%",height:"12px",borderRadius:"4px"}}))),"image"!==this.shape||this.mask?null:e("div",{class:"skeleton-image-icon"},e("ui-icon",{name:"image",library:"lucide",size:"25%",style:{opacity:"0.2"}})),"profile"===this.template?e("div",{class:"skeleton-profile-template"},e("ui-skeleton-loader",{shape:"circle",size:this.size,color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"skeleton-profile-lines"},e("ui-skeleton-loader",{shape:"text",size:this.size,width:"120px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"media-object"===this.template?e("div",{class:"skeleton-media-object-template"},e("ui-skeleton-loader",{shape:"rounded-rectangle",width:"48px",height:"48px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"skeleton-media-lines",style:{flex:"1"}},e("ui-skeleton-loader",{shape:"text",size:"md",width:"70%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"40%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"90%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"8px"}}))):null,"feed-item"===this.template?e("div",{class:"skeleton-feed-template"},e("div",{class:"feed-header",style:{display:"flex",gap:"12px",marginBottom:"16px"}},e("ui-skeleton-loader",{shape:"circle",size:"md",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{style:{flex:"1"}},e("ui-skeleton-loader",{shape:"text",size:"xs",width:"100px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",size:"xs",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}))),e("ui-skeleton-loader",{shape:"rectangle",width:"100%",height:"200px","border-radius":"8px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("div",{class:"feed-footer",style:{marginTop:"12px",display:"flex",gap:"8px"}},e("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"table-row"===this.template?e("div",{class:"skeleton-table-row-template",style:{display:"flex",gap:"20px",alignItems:"center",width:"100%",padding:"12px 0"}},e("ui-skeleton-loader",{shape:"rectangle",width:"20px",height:"20px","border-radius":"4px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"15%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"35%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"text",width:"20%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),e("ui-skeleton-loader",{shape:"pill",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginLeft:"auto"}})):null]}static get watchers(){return{delay:[{handleDelayChange: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{--skeleton-bg:var(--skeleton-loader-bg, var(--bg-tertiary, #e2e8f0));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, var(--bg-secondary, #f3f4f6));--skeleton-border-radius:var(--skeleton-loader-border-radius, 4px);--skeleton-progress-bar-bg:var(--skeleton-loader-progress-bar-bg, var(--bg-primary, #ffffff));--skeleton-focus-ring:var(--skeleton-loader-focus-ring, var(--color-primary, #10b981));--skeleton-focus-shadow:var(--skeleton-loader-focus-shadow, #dbeafe)}:host-context([data-theme=dark]),:host-context([data-theme=blue]),:host-context([data-theme=violet]),:host-context([data-theme=green]),:host-context([data-theme=pink]),:host-context(.theme-dark),:host-context(.theme-blue),:host-context(.theme-violet),:host-context(.theme-green),:host-context(.theme-pink),:host(.theme-dark),:host([dark=dark]),:host-context(.skeleton-dark),.skeleton-dark{--skeleton-bg:var(--skeleton-loader-bg, var(--bg-secondary, #1e293b));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, var(--bg-tertiary, #334155))}.skeleton-color-primary{--skeleton-bg:color-mix(in srgb, var(--color-primary, #10b981) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-primary, #10b981) 40%, transparent)}.skeleton-color-secondary{--skeleton-bg:color-mix(in srgb, var(--color-secondary, #64748b) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-secondary, #64748b) 40%, transparent)}.skeleton-color-success{--skeleton-bg:color-mix(in srgb, var(--color-success, #22c55e) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-success, #22c55e) 40%, transparent)}.skeleton-color-danger{--skeleton-bg:color-mix(in srgb, var(--color-danger, #ef4444) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-danger, #ef4444) 40%, transparent)}.skeleton-color-warning{--skeleton-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 40%, transparent)}.skeleton-color-info{--skeleton-bg:color-mix(in srgb, var(--color-info, #38bdf8) 20%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-info, #38bdf8) 40%, transparent)}.skeleton-replication-container ::slotted([slot=custom]:focus-visible){outline:2px solid var(--color-primary, #10b981);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 2px var(--border-subtle, #dbeafe);transition:outline 0.2s, box-shadow 0.2s}.skeleton-rtl .skeleton{direction:rtl;--skeleton-wave-angle:-90deg;animation-direction:reverse}.skeleton-progress-bar{transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--skeleton-wave-bg, var(--bg-primary, #ffffff));height:4px;border-radius:2px;margin-top:4px}.skeleton-replication-container slot[name=custom]{display:block;margin-top:8px}:host{display:block}.skeleton{background:var(--skeleton-bg, #f0f0f0);position:relative;overflow:hidden}.skeleton-animated.skeleton-pulse{animation:skeleton-pulse var(--skeleton-wave-speed, 1.5s) ease-in-out infinite}.skeleton-animated.skeleton-wave{background:linear-gradient(var(--skeleton-wave-angle, 90deg), var(--skeleton-bg, #f0f0f0) 25%, var(--skeleton-wave-bg, #e0e0e0) 50%, var(--skeleton-bg, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-wave var(--skeleton-wave-speed, 1.5s) ease-in-out infinite;}.skeleton-dark .skeleton-animated.skeleton-wave{background:linear-gradient(var(--skeleton-wave-angle, 90deg), var(--skeleton-bg, #1e293b) 25%, var(--skeleton-wave-bg, #334155) 50%, var(--skeleton-bg, #1e293b) 75%);background-size:200% 100%}.skeleton-animated.skeleton-shimmer{background:linear-gradient(110deg, var(--skeleton-bg, #f0f0f0) 8%, var(--skeleton-wave-bg, #e0e0e0) 18%, var(--skeleton-bg, #f0f0f0) 33%);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-wave-speed, 1.5s) linear infinite}.skeleton-animated.skeleton-sheen::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:skeleton-sheen var(--skeleton-wave-speed, 1.5s) infinite}.skeleton-animated.skeleton-glow{animation:skeleton-glow var(--skeleton-wave-speed, 1.5s) ease-in-out infinite alternate}.skeleton-animated.skeleton-flicker{animation:skeleton-flicker 0.2s infinite}.skeleton-circle{border-radius:50%}.skeleton-rounded{border-radius:var(--skeleton-border-radius, 4px)}.skeleton-text{border-radius:4px}.skeleton-avatar{border-radius:50%}.skeleton-button{border-radius:6px}.skeleton-card{border-radius:8px;padding:16px}.skeleton-list-item{border-radius:4px;padding:12px;display:flex;align-items:center;gap:12px}.skeleton-card-content{display:flex;flex-direction:column;gap:12px}.skeleton-card-header{display:flex;align-items:center;gap:12px}.skeleton-card-title{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card-body{display:flex;flex-direction:column;gap:8px}.skeleton-list-content{display:flex;align-items:center;gap:12px;width:100%}.skeleton-list-text{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card .skeleton-circle,.skeleton-card .skeleton-text,.skeleton-list-item .skeleton-circle,.skeleton-list-item .skeleton-text{background:var(--skeleton-bg, #f0f0f0);animation:inherit}.skeleton-image-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.skeleton-profile-template{display:flex;align-items:center;gap:16px}.skeleton-profile-template .skeleton-profile-lines{display:flex;flex-direction:column;gap:8px}.skeleton-media-object-template{display:flex;align-items:flex-start;gap:12px}.skeleton-media-object-template .skeleton-media-lines{display:flex;flex-direction:column;gap:6px}.skeleton-feed-template{width:100%;padding:16px;border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));border-radius:12px;background:var(--ui-color-surface, var(--bg-primary, #ffffff))}.skeleton-mask{width:fit-content;height:fit-content;min-width:20px;min-height:20px;display:inline-block}.skeleton-mask>*{visibility:hidden}.skeleton-mask.skeleton-ghost>*{visibility:visible !important;opacity:0.15 !important;filter:blur(2px) grayscale(1)}.skeleton-replication-container{width:100%;display:flex;gap:var(--skeleton-gap, 16px)}.skeleton-replication-container.skeleton-direction-row{flex-wrap:wrap;flex-direction:row !important}.skeleton-replication-container.skeleton-direction-column{flex-direction:column !important}.skeleton-elevated{box-shadow:var(--skeleton-elevation, none)}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes skeleton-wave{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-sheen{100%{transform:translateX(100%)}}@keyframes skeleton-glow{from{box-shadow:0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgba(255, 255, 255, 0)}to{box-shadow:0 0 20px rgba(255, 255, 255, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.1)}}@keyframes skeleton-flicker{0%{opacity:0.95}25%{opacity:1}50%{opacity:0.9}75%{opacity:1}100%{opacity:0.95}}:host{--skeleton-border-radius:4px}.skeleton-speed-slow.skeleton-pulse{animation-duration:3s}.skeleton-speed-slow.skeleton-wave{animation-duration:3s}.skeleton-speed-slow.skeleton-shimmer{animation-duration:3.5s}.skeleton-speed-slow.skeleton-sheen::after{animation-duration:3.5s}.skeleton-speed-slow.skeleton-glow{animation-duration:3s}.skeleton-speed-normal.skeleton-pulse{animation-duration:1.5s}.skeleton-speed-normal.skeleton-wave{animation-duration:1.5s}.skeleton-speed-normal.skeleton-shimmer{animation-duration:1.8s}.skeleton-speed-normal.skeleton-sheen::after{animation-duration:1.8s}.skeleton-speed-normal.skeleton-glow{animation-duration:1.5s}.skeleton-speed-fast.skeleton-pulse{animation-duration:0.8s}.skeleton-speed-fast.skeleton-wave{animation-duration:0.8s}.skeleton-speed-fast.skeleton-shimmer{animation-duration:1s}.skeleton-speed-fast.skeleton-sheen::after{animation-duration:1s}.skeleton-speed-fast.skeleton-glow{animation-duration:0.8s}';export{n as ui_pagination,o as ui_rating,r as ui_skeleton}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,a as i,h as r}from"./p-DUsoYu9r.js";const s=class{constructor(i){t(this,i),this.groupChange=e(this,"groupChange"),this.groupValidation=e(this,"groupValidation")}normalizeValue(t){return Array.isArray(t)?t:"string"==typeof t&&t?t.split(","):[]}get el(){return i(this)}internals;value=[];name="";label="";helperText="";errorMessage="";required=!1;disabled=!1;readonly=!1;invalid=!1;orientation="vertical";gap="12px";showSelectAll=!1;selectAllLabel="Select All";buttonGroup=!1;min=0;max=1/0;validateOnChange=!0;size="md";color="primary";showSelectionCount=!1;reveal="none";revealDelay=0;revealStagger=60;victoryGlow=!1;rtl=!1;selectAllState="none";isVictory=!1;groupChange;groupValidation;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.discoverCheckboxes(),this.updateCheckboxStates(),this.updateSelectAllState()}formResetCallback(){this.value=[],this.updateCheckboxStates(),this.updateSelectAllState(),this.updateFormValue()}handleValueChange(){this.updateCheckboxStates(),this.updateSelectAllState(),this.validateOnChange&&this.validate()}handleCheckboxChange(t){const{checked:e,value:i}=t.detail;if(this.disabled||this.readonly)return;let r=this.normalizeValue(this.value);e?r.includes(i)||(this.max===1/0||r.length<this.max)&&(r=[...r,i]):r=r.filter((t=>t!==i)),this.value=r,this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate(),this.updateFormValue()}updateFormValue(){if(this.name){const t=new FormData;this.value.forEach((e=>t.append(this.name,e))),this.internals.setFormValue(t)}else this.internals.setFormValue(this.value.join(","))}discoverCheckboxes(){}updateCheckboxStates(){const t=this.getAllCheckboxes(),e=this.normalizeValue(this.value),i=this.max!==1/0&&e.length>=this.max;t.forEach(((t,r)=>{t.checked=e.includes(t.value),t.disabled=this.disabled||i&&!t.checked||t.disabled,t.readonly=this.readonly,t.size=this.size,t.color=this.color,t.reveal=this.reveal,t.revealDelay=this.revealDelay+r*this.revealStagger,t.rtl=this.rtl,t.isButton=this.buttonGroup,this.name&&(t.name=this.name)}))}getAllCheckboxes(){return[...Array.from(this.el.querySelectorAll("ui-checkbox")),...Array.from(this.el.shadowRoot.querySelectorAll("ui-checkbox"))]}updateSelectAllState(){const t=this.getAllCheckboxes(),e=this.normalizeValue(this.value),i=t.filter((t=>!t.disabled));if(0===i.length)return;const r=i.filter((t=>e.includes(t.value))).length;0===r?(this.selectAllState="none",this.isVictory=!1):r===i.length?(this.selectAllState="all",this.victoryGlow&&(this.isVictory=!0)):(this.selectAllState="some",this.isVictory=!1)}handleSelectAllChange=t=>{if(this.disabled||this.readonly)return;const e=t.target,i=this.getAllCheckboxes().filter((t=>!t.disabled));if(e.checked){const t=i.map((t=>t.value)),e=Array.from(new Set([...this.value,...t]));this.value=this.max!==1/0?e.slice(0,this.max):e}else{const t=i.map((t=>t.value));this.value=this.value.filter((e=>!t.includes(e)))}this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate()};validate(){const t=[];this.required&&0===this.value.length&&t.push("At least one option must be selected"),this.min>0&&this.value.length<this.min&&t.push(`At least ${this.min} option${this.min>1?"s":""} must be selected`),this.max!==1/0&&this.value.length>this.max&&t.push(`No more than ${this.max} option${this.max>1?"s":""} can be selected`);const e=0===t.length;return this.groupValidation.emit({valid:e,errors:t}),e}selectAll(){const t=this.getAllCheckboxes().filter((t=>!t.disabled)).map((t=>t.value));this.value=this.max!==1/0?t.slice(0,this.max):t,this.groupChange.emit({value:this.value})}deselectAll(){this.value=[],this.groupChange.emit({value:this.value})}toggleAll(){"all"===this.selectAllState?this.deselectAll():this.selectAll()}renderSelectAll(){return this.showSelectAll?r("div",{class:"select-all-container"},r("ui-checkbox",{checked:"all"===this.selectAllState,indeterminate:"some"===this.selectAllState,label:this.selectAllLabel,disabled:this.disabled,readonly:this.readonly,size:this.size,color:this.color,rtl:this.rtl,onCheckboxChange:this.handleSelectAllChange})):null}renderLabel(){return this.label?r("div",{class:"group-label"},r("span",{class:"label-text"},this.label,this.required&&r("span",{class:"required-indicator"},"*")),this.showSelectionCount&&r("span",{class:"selection-count"},"(",this.value.length,this.max!==1/0?` / ${this.max}`:""," selected)")):null}renderHelperText(){if(this.invalid&&this.errorMessage)return r("div",{class:"helper-text error"},r("ui-icon",{name:"fa-exclamation-circle"}),this.errorMessage);if(this.helperText)return r("div",{class:"helper-text"},this.helperText);if(this.min>0||this.max!==1/0){const t=this.value.length;let e="";return this.min>0&&this.max!==1/0?e=`Select ${this.min}-${this.max} options (${t} selected)`:this.min>0?e=`Select at least ${this.min} option${this.min>1?"s":""} (${t} selected)`:this.max!==1/0&&(e=`Select up to ${this.max} option${this.max>1?"s":""} (${t} selected)`),r("div",{class:"helper-text"},e)}return null}options=[];searchable=!1;searchPlaceholder="Search options...";layout="list";columns=2;searchQuery="";handleSearch=t=>{this.searchQuery=t.target.value.toLowerCase()};getFilteredOptions(){if(!this.options||0===this.options.length)return[];const t=this.options.map((t=>"string"==typeof t?{label:t,value:t,disabled:!1}:t));return this.searchQuery?t.filter((t=>t.label.toLowerCase().includes(this.searchQuery))):t}renderSearch(){return this.searchable?r("div",{class:{"checkbox-search":!0,"search-active":this.searchQuery.length>0}},r("div",{class:"search-input-wrapper"},r("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),r("input",{type:"text",placeholder:this.searchPlaceholder,onInput:this.handleSearch,value:this.searchQuery,class:"search-input"}),this.searchQuery.length>0&&r("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}renderDataOptions(){const t=this.getFilteredOptions();if(0===t.length&&this.searchQuery)return r("div",{class:"no-results"},"No options found");const e=this.normalizeValue(this.value);return t.map(((t,i)=>r("ui-checkbox",{value:t.value,label:t.label,disabled:this.disabled||t.disabled,readonly:this.readonly,size:this.size,color:this.color,variant:t.variant||"default",name:this.name,checked:e.includes(t.value),reveal:this.reveal,revealDelay:this.revealDelay+i*this.revealStagger,rtl:this.rtl,isButton:this.buttonGroup,onCheckboxChange:this.handleCheckboxChange})))}render(){const t=this.options&&this.options.length>0;return r("div",{key:"05a2da58c9dd7f3438076d3beb725f3596545cb6",class:{"checkbox-group":!0,[`checkbox-group-${this.orientation}`]:"list"===this.layout,"checkbox-group-grid":"grid"===this.layout,[`checkbox-group-cols-${this.columns}`]:"grid"===this.layout,[`checkbox-group-${this.size}`]:!0,"checkbox-group-disabled":this.disabled,"checkbox-group-readonly":this.readonly,"checkbox-group-invalid":this.invalid,"checkbox-group-button":this.buttonGroup,"is-victory":this.isVictory},dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),this.renderSelectAll(),r("div",{key:"0a64f5ff1b6474c771059e6d856b42a48641d5a1",class:"checkbox-group-items",style:"grid"===this.layout?{display:"grid",gridTemplateColumns:`repeat(${this.columns}, 1fr)`,gap:this.gap}:{gap:this.gap},role:"group","aria-labelledby":this.label?"group-label":void 0,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false"},t?this.renderDataOptions():r("slot",null)),this.renderHelperText())}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group.is-victory .group-label .selection-count{animation:victory-pulse 2s infinite ease-in-out;background:var(--primary-color);color:var(--text-standard, #ffffff);box-shadow:0 0 15px var(--primary-color)}.group-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;cursor:default}.group-label .selection-count{font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;opacity:1;color:var(--label-subtitle-color, var(--text-secondary, #666));background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:10px}.required-indicator{color:var(--danger-color, #f44336);margin-inline-start:4px}.select-all-container{padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.checkbox-group-items{display:flex}.checkbox-group-vertical .checkbox-group-items{flex-direction:column}.checkbox-group-horizontal .checkbox-group-items{flex-direction:row;flex-wrap:wrap}.checkbox-group-disabled{opacity:0.6;pointer-events:none}.checkbox-group-readonly{pointer-events:none}.checkbox-group-invalid .group-label{color:var(--danger-color, #f44336)}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));display:flex;align-items:center;gap:6px}.helper-text.error{color:var(--danger-color, #f44336)}.helper-text i{font-size:14px}.checkbox-group-sm .group-label{font-size:12px}.checkbox-group-sm .helper-text{font-size:11px}.checkbox-group-lg .group-label{font-size:16px}.checkbox-group-lg .helper-text{font-size:13px}.checkbox-search{position:relative;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.checkbox-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.checkbox-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.checkbox-search .search-icon{margin-left:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.checkbox-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.checkbox-search input.search-input::placeholder{opacity:1}.checkbox-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;color:var(--text-secondary);transition:all 0.2s}.checkbox-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.checkbox-search .clear-search ui-icon{font-size:14px}@keyframes victory-pulse{0%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}50%{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}100%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}}.no-results{font-size:14px;color:var(--text-secondary, #999);padding:8px 0;font-style:italic}.checkbox-group-grid .checkbox-group-items{display:grid}";export{s as ui_checkbox_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,a as e,h as s,H as i}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.progressChange=r(this,"progressChange")}type="line";percent=0;status="normal";currentStatus="normal";strokeWidth=10;strokeColor="#1890ff";trailColor="#f0f0f0";gradient=!1;showInfo=!0;format=t=>`${t}%`;size="default";width="100%";height="100%";strokeLinecap="round";success=null;steps=0;gapDegree=0;gapPosition="top";multiProgress=[];buffer=0;showBuffer=!1;paused=!1;showPauseButton=!1;estimatedTime=0;showTimeEstimate=!1;milestones=[];indeterminate=!1;decimalPrecision=0;percentageColor="";liquid=!1;thresholds=[];icon="";iconLibrary="lucide";skeleton=!1;peakMarker=0;vitality=!1;dataLabels="";glass=!1;glow=!1;labelPosition="outside";orientation="horizontal";interactive=!1;ticks=0;animatedPercent=0;isDragging=!1;gradientId=`ui-progress-gradient-${Math.random().toString(36).substr(2,9)}`;get el(){return e(this)}progressChange;componentWillLoad(){this.animatedPercent=this.percent,this.currentStatus=this.status,this.normalizeProps()}normalizeProps(){try{"string"==typeof this.milestones&&(this.milestones=JSON.parse(this.milestones)),"string"==typeof this.thresholds&&(this.thresholds=JSON.parse(this.thresholds)),"string"==typeof this.success&&(this.success=JSON.parse(this.success)),"string"==typeof this.strokeColor&&this.strokeColor.startsWith("{")&&(this.strokeColor=JSON.parse(this.strokeColor)),"string"==typeof this.multiProgress&&(this.multiProgress=JSON.parse(this.multiProgress))}catch(t){console.warn("Failed to parse complex progress prop",t)}}handlePercentChange(t){t>this.peakMarker&&(this.peakMarker=t),this.animateProgress(t),this.applyThresholds(t)}handleStrokeColorChange(){this.normalizeProps()}applyThresholds(t){if(!this.thresholds.length)return;const r=[...this.thresholds].sort(((t,r)=>r.percent-t.percent)).find((r=>t>=r.percent));r?(r.status&&(this.currentStatus=r.status),r.color&&(this.strokeColor=r.color)):this.currentStatus=this.status}animateProgress(t){const r=this.animatedPercent,e=t-r,s=Date.now(),i=()=>{const t=Date.now(),o=Math.min((t-s)/500,1);this.animatedPercent=r+e*this.easeOut(o),o<1&&requestAnimationFrame(i)};requestAnimationFrame(i)}easeOut(t){return 1-Math.pow(1-t,3)}handleInteraction=t=>{if(!this.interactive)return;this.isDragging=!0,this.updateFromEvent(t);const r=()=>{this.isDragging=!1,document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r)},e=t=>{this.isDragging&&this.updateFromEvent(t)};document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e),document.addEventListener("touchend",r)};updateFromEvent(t){const r=this.el.shadowRoot?.querySelector(".progress-line-trail")?.getBoundingClientRect();if(!r)return;let e=0;e="vertical"===this.orientation?100-((t.touches?t.touches[0].clientY:t.clientY)-r.top)/r.height*100:((t.touches?t.touches[0].clientX:t.clientX)-r.left)/r.width*100;const s=Math.max(0,Math.min(100,Math.round(e)));this.percent=s,this.progressChange.emit({value:s})}renderTicks(){if(this.ticks<=0)return null;const t=Math.floor(100/this.ticks),r=[];for(let e=0;e<=t;e++){const t=e*this.ticks;r.push(s("div",{class:"progress-tick",style:{["vertical"===this.orientation?"bottom":"left"]:`${t}%`}}))}return r}getStrokeColor(){return"success"===this.currentStatus?"#52c41a":"exception"===this.currentStatus||"danger"===this.currentStatus?"#ff4d4f":"warning"===this.currentStatus?"#faad14":this.gradient||"object"==typeof this.strokeColor&&null!==this.strokeColor?`url(#${this.gradientId})`:"string"==typeof this.strokeColor?this.strokeColor:"#1890ff"}renderLineProgress(){const t=this.getStrokeColor(),r=Number(this.animatedPercent.toFixed(this.decimalPrecision));let e=t;const i="object"==typeof this.strokeColor&&null!==this.strokeColor,o=i?this.strokeColor:null;if(this.gradient||i){let r="#1890ff",s="#52c41a";o?(r=o.from||r,s=o.to||s):(r=t,s="normal"===this.status?"#69c0ff":t),e=`linear-gradient(${"vertical"===this.orientation?"to top":o&&o.direction||"to right"}, ${r}, ${s})`}const a={["vertical"===this.orientation?"height":"width"]:this.indeterminate?"100%":`${Math.min(this.animatedPercent,100)}%`,["vertical"===this.orientation?"width":"height"]:"100%",borderRadius:"round"===this.strokeLinecap?`${this.strokeWidth}px`:"0",background:e,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}},n={["vertical"===this.orientation?"width":"height"]:`${this.strokeWidth}px`,["vertical"===this.orientation?"height":"width"]:"vertical"===this.orientation?"number"==typeof this.height?`${this.height}px`:this.height:"number"==typeof this.width?`${this.width}px`:this.width,borderRadius:"round"===this.strokeLinecap?`${this.strokeWidth}px`:"0",background:this.trailColor,cursor:this.interactive?"pointer":"default",flex:"1"};return s("div",{class:{"progress-line-wrapper":!0,[`progress-orient-${this.orientation}`]:!0}},"top"===this.labelPosition&&this.showInfo&&this.renderProgressInfo(),s("div",{class:"progress-line-trail",style:n,onMouseDown:this.handleInteraction,onTouchStart:this.handleInteraction},this.vitality&&s("div",{class:"progress-vitality-pulse"}),this.renderTicks(),this.showBuffer&&this.buffer>0&&s("div",{class:"progress-buffer-bar",style:{["vertical"===this.orientation?"height":"width"]:`${Math.min(this.buffer,100)}%`,["vertical"===this.orientation?"width":"height"]:`${this.strokeWidth}px`,background:`${t}33`,..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}}),s("div",{class:{"progress-line-bar":!0,"progress-active":("active"===this.currentStatus||this.indeterminate)&&!this.paused,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-industrial":"industrial"===this.type,"progress-vibrate":"danger"===this.status},style:a},"inside"===this.labelPosition&&this.showInfo&&s("div",{class:"progress-text-inside",style:{color:this.percentageColor||"#fff",fontSize:`${Math.max(.6*this.strokeWidth,9)}px`}},this.icon&&s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"4px"}}),this.format(r)),this.success&&(this.success.percent??0)>0&&s("div",{class:"progress-success-bar",style:{["vertical"===this.orientation?"height":"width"]:(this.success.percent??0)/this.animatedPercent*100+"%",background:this.success.strokeColor||"#52c41a",..."vertical"===this.orientation?{position:"absolute",bottom:"0",left:"0"}:{}}})),this.peakMarker>0&&s("div",{class:"progress-peak-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${this.peakMarker}%`},title:`Session Peak: ${this.peakMarker}%`}),this.milestones.map((t=>s("div",{class:"milestone-marker",style:{["vertical"===this.orientation?"bottom":"left"]:`${t.percent}%`},title:t.label},t.icon?s("ui-icon",{name:t.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}):s("div",{class:"milestone-dot"}))))),this.multiProgress.length>0&&this.renderMultiProgress(),"top"!==this.labelPosition&&this.showInfo&&this.renderProgressInfo(),this.showTimeEstimate&&this.estimatedTime>0&&this.renderTimeEstimate(),this.showPauseButton&&this.renderPauseButton())}renderMultiProgress(){return s("div",{class:"multi-progress-container",style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"}},this.multiProgress.map((t=>s("div",{class:"multi-progress-item",style:{display:"flex",alignItems:"center",gap:"12px"}},s("div",{class:"multi-progress-bar-wrap",style:{flex:"1",height:`${this.strokeWidth}px`,background:this.trailColor,borderRadius:"4px",overflow:"hidden"}},s("div",{class:"multi-progress-bar",style:{width:`${t.percent}%`,background:t.color||this.getStrokeColor(),height:"100%",transition:"width 0.5s ease"}})),t.label&&s("span",{class:"multi-progress-label",style:{fontSize:"11px",fontWeight:"700",color:"#64748b"}},t.label)))))}renderTimeEstimate(){const t=Math.floor(this.estimatedTime/60),r=this.estimatedTime%60;return s("span",{class:"time-estimate"},"Est. ",t>0?`${t}m ${r}s`:`${r}s`," remaining")}renderPauseButton(){return s("ui-button",{variant:"ghost",class:"pause-button",onClick:()=>this.paused=!this.paused,icon:this.paused?"play":"pause",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})}renderStepsProgress(){const t=[],r=100/this.steps,e=this.getStrokeColor();for(let i=0;i<this.steps;i++){const o=(i+1)/this.steps*100<=this.animatedPercent;t.push(s("div",{class:{"progress-step":!0,"progress-step-active":o},style:{width:`${r}%`,background:o?e:this.trailColor,height:`${this.strokeWidth}px`}}))}return s("div",{class:"progress-steps-wrapper",style:{width:"number"==typeof this.width?`${this.width}px`:this.width}},s("div",{class:"progress-steps-container"},t),this.showInfo&&this.renderProgressInfo())}renderCircleProgress(){const t="sm"===this.size?80:120,r=this.strokeWidth||("sm"===this.size?6:8),e=(t-r)/2,i=2*Math.PI*e,o=this.indeterminate?.75*i:i-this.animatedPercent/100*i,a=this.getStrokeColor(),n=this.gapPosition;let p=0;"bottom"===n?p=180:"top"===n?p=0:"left"===n?p=270:"right"===n&&(p=90);const l=this.getCirclePath(t/2,t/2,e,"dashboard"===this.type?this.gapDegree||75:this.gapDegree,p),h=this.icon?s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{display:"block",fontSize:("sm"===this.size?18:24)+"px",marginBottom:"4px"}}):null,c="object"==typeof this.strokeColor&&null!==this.strokeColor,g=c?this.strokeColor:null;return s("div",{class:"progress-circle-wrapper",style:{width:`${t}px`,height:`${t}px`}},s("svg",{width:t,height:t},(this.gradient||c)&&s("defs",null,s("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},s("stop",{offset:"0%","stop-color":g&&g.from||a}),s("stop",{offset:"100%","stop-color":g?g.to||"#52c41a":"normal"===this.status?"#69c0ff":a}))),s("path",{d:l,stroke:this.trailColor,"stroke-width":r,fill:"none","stroke-linecap":this.strokeLinecap}),s("path",{d:l,stroke:a,"stroke-width":r,fill:"none","stroke-linecap":this.strokeLinecap,"stroke-dasharray":i,"stroke-dashoffset":o,class:{"progress-circle-path":!0,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid}})),this.showInfo&&s("div",{class:"progress-circle-text"},h,this.renderProgressInfo()))}getCirclePath(t,r,e,s,i){const o=s*Math.PI/180,a=-Math.PI/2+o/2+i*Math.PI/180,n=a+2*Math.PI-o,p=t+e*Math.cos(a),l=r+e*Math.sin(a),h=t+e*Math.cos(n),c=r+e*Math.sin(n);return`M ${p} ${l} A ${e} ${e} 0 ${2*Math.PI-o>Math.PI?1:0} 1 ${h} ${c}`}renderProgressInfo(){if(this.indeterminate)return null;const t=Number(this.animatedPercent.toFixed(this.decimalPrecision)),r=this.dataLabels||this.format(t),e=this.percentageColor?{color:this.percentageColor}:{},i=this.icon?s("ui-icon",{name:this.icon,library:this.iconLibrary,style:{marginRight:"6px"}}):null;return"success"===this.status?s("span",{class:"progress-text",style:e},i||s("ui-icon",{name:"check-circle",library:"fontawesome"}),"inside"!==this.labelPosition&&r):"exception"===this.status||"danger"===this.status?s("span",{class:"progress-text progress-text-exception",style:e},i||s("ui-icon",{name:"exclamation-triangle",library:"fontawesome"}),"inside"!==this.labelPosition&&r):"warning"===this.status?s("span",{class:"progress-text progress-text-warning",style:e},i||s("ui-icon",{name:"exclamation-circle",library:"fontawesome"}),r):s("span",{class:"progress-text",style:e},i,r)}render(){const t={progress:!0,[`progress-${this.type}`]:!0,"progress-active":"active"===this.status||this.indeterminate,[`progress-${this.size}`]:"line"!==this.type,"progress-indeterminate":this.indeterminate,"progress-liquid":this.liquid,"progress-glass":this.glass,"progress-glow":this.glow,"progress-skeleton":this.skeleton};let r;r=this.steps>0&&"line"===this.type?this.renderStepsProgress():"line"===this.type?this.renderLineProgress():this.renderCircleProgress();const e=Number(this.animatedPercent.toFixed(this.decimalPrecision));return s(i,{key:"0f584282c7c54dc1e352dcd047f9393219ea05d7",role:"progressbar","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.dataLabels||`Progress: ${this.percent}%`,style:"vertical"===this.orientation?{height:"number"==typeof this.height?`${this.height}px`:this.height}:{}},s("div",{key:"7a81c6056d073cf9cdd90abf2e7748772f0f322d",class:t},r,(this.liquid||"industrial"===this.type)&&s("svg",{key:"1bee402a754d87ab25395c92acde5edd76da64a2",style:{position:"absolute",width:"0",height:"0"}},s("filter",{key:"bebea12167e23049848d62e1fd182958dc249f2b",id:"liquid-filter"},s("feGaussianBlur",{key:"a31af8c228fc7a4a9391b46f12a3e5a5a08ed6eb",in:"SourceGraphic",stdDeviation:"10",result:"blur"}),s("feColorMatrix",{key:"b4dddec3e0f1dfd172a3281e8c67897a89436387",in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7",result:"goo"}),s("feBlend",{key:"f5c08e7d756af6ae228c47115dffd9a4e32142c7",in:"SourceGraphic",in2:"goo"})))))}static get watchers(){return{percent:[{handlePercentChange:0}],strokeColor:[{handleStrokeColorChange:0}]}}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}:host *{box-sizing:border-box}.progress{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column}.progress-line-wrapper{display:flex;align-items:center;gap:12px}.progress-line-wrapper.progress-orient-vertical{flex-direction:column;height:100%;width:100%}.progress-line-wrapper.progress-orient-vertical .progress-text{text-align:center;min-width:unset;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-top:8px;margin-left:0}.progress-line-trail{position:relative;overflow:hidden;transition:all 0.3s ease}.progress-line-trail:hover{opacity:0.9}.progress-line-bar{position:absolute;top:0;left:0;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1);border-radius:inherit;display:flex;align-items:center;justify-content:center;white-space:nowrap}.progress-text-inside{position:relative;z-index:2;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}.progress-success-bar{position:absolute;top:0;right:0;border-radius:inherit}.progress-active .progress-line-bar::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-primary, #ffffff);opacity:0;animation:progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;border-radius:inherit}@keyframes progress-active{0%{opacity:0.1;width:0}20%{opacity:0.5;width:0}100%{opacity:0;width:100%}}.progress-indeterminate.progress-line .progress-line-bar{width:100%}.progress-indeterminate.progress-line .progress-line-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:progress-line-indeterminate 1.5s infinite linear}@keyframes progress-line-indeterminate{0%{left:-100%}100%{left:100%}}.progress-steps-wrapper{display:flex;align-items:center;gap:12px}.progress-steps-container{display:flex;gap:4px;flex:1}.progress-step{border-radius:4px;transition:background 0.3s ease}.progress-circle-wrapper{position:relative;display:inline-block}.progress-indeterminate.progress-circle .progress-circle-wrapper,.progress-indeterminate.progress-dashboard .progress-circle-wrapper{animation:progress-circle-rotate 2s infinite linear}.progress-circle-path{transition:stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes progress-circle-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:24px;font-weight:600;color:rgba(0, 0, 0, 0.85)}.progress-sm .progress-circle-text{font-size:16px}.progress-text{font-size:14px;color:rgba(0, 0, 0, 0.65);white-space:nowrap;min-width:32px;text-align:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.progress-text ui-icon{font-size:16px;vertical-align:middle}.progress-circle .progress-text{text-align:center}.progress-text i{font-size:16px;vertical-align:middle;margin-right:4px}.progress-success .progress-text i{color:var(--color-success, #52c41a)}.progress-text-warning i{color:var(--color-danger, #faad14)}.progress-text-exception i,.progress-exception .progress-text i,.progress-danger .progress-text i{color:var(--color-danger, #ff4d4f)}.progress-success .progress-line-bar{background:var(--color-success, #52c41a)}.progress-warning .progress-line-bar{background:var(--color-danger, #faad14)}.progress-exception .progress-line-bar,.progress-danger .progress-line-bar{background:var(--color-danger, #ff4d4f)}.progress-success .progress-circle-path{stroke:var(--color-success, #52c41a)}.progress-warning .progress-circle-path{stroke:var(--color-danger, #faad14)}.progress-exception .progress-circle-path,.progress-danger .progress-circle-path{stroke:var(--color-danger, #ff4d4f)}.progress-sm.progress-circle .progress-circle-wrapper{width:80px;height:80px}.progress-default.progress-circle .progress-circle-wrapper{width:120px;height:120px}.progress-liquid{overflow:hidden}.progress-liquid.progress-line-bar::after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 100 20\'%3E%3Cpath fill=\'var(--bg-primary, #ffffff)\' opacity=\'0.2\' d=\'M0 15 Q25 10 50 15 T100 15 V20 H0 Z\'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave-move 2s infinite linear}.progress-liquid.progress-circle-path{filter:url(#liquid-filter);stroke-dasharray:20 2 !important;animation:circular-liquid 2s infinite linear}@keyframes circular-liquid{0%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}@keyframes wave-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.progress-glass .progress-line-trail{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.progress-glass .progress-circle-wrapper path:first-child{stroke:rgba(255, 255, 255, 0.2) !important;filter:blur(1px)}.progress-glow.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px currentColor)}.progress-glow.progress-circle .progress-circle-path,.progress-glow.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px currentColor)}.progress-success.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-success, #52c41a))}.progress-exception.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-danger, #ff4d4f))}.progress-active.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-primary, #1890ff))}.progress-industrial{mask-size:16px 100%;mask-image:linear-gradient(to right, var(--text-primary, #000) 70%, transparent 70%)}.progress-orient-vertical .progress-industrial{mask-size:100% 16px;mask-image:linear-gradient(to top, var(--text-primary, #000) 70%, transparent 70%)}.progress-industrial{box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.progress-vibrate{animation:thermal-vibration 0.15s infinite}@keyframes thermal-vibration{0%{transform:translateY(0)}25%{transform:translateY(-1px) translateX(1px)}50%{transform:translateY(1px) translateX(-1px)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}.progress-peak-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary, #1890ff);box-shadow:0 0 8px var(--color-primary, #1890ff);transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10;pointer-events:none}.progress-peak-marker::after{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary, #1890ff)}.progress-vitality-pulse{position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);width:50%;animation:vitality-wave 3s infinite ease-in-out;pointer-events:none;z-index:5}.progress-orient-vertical .progress-vitality-pulse{width:100%;height:50%;background:linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:vitality-wave-vertical 3s infinite ease-in-out}@keyframes vitality-wave{0%{transform:translateX(-100%) skewX(-20deg)}50%{opacity:0.5}100%{transform:translateX(200%) skewX(-20deg)}}@keyframes vitality-wave-vertical{0%{transform:translateY(100%) skewY(-20deg)}50%{opacity:0.5}100%{transform:translateY(-200%) skewY(-20deg)}}.progress-tick{position:absolute;background:rgba(0, 0, 0, 0.1);pointer-events:none;z-index:1}.progress-orient-horizontal .progress-tick{top:0;bottom:0;width:1px}.progress-orient-vertical .progress-tick{left:0;right:0;height:1px}.milestone-marker{position:absolute;top:50%;transform:translate(-50%, -50%);z-index:15;cursor:help;display:flex;align-items:center;justify-content:center}.progress-orient-vertical .milestone-marker{left:50%;transform:translate(-50%, 50%)}.milestone-marker ui-icon{font-size:14px;color:var(--text-primary, #1a202c);background:var(--bg-primary, #ffffff);border-radius:50%;padding:2px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1)}.milestone-dot{width:8px;height:8px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #1890ff);border-radius:50%;box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.multi-progress-container{border-top:1px solid var(--border-subtle, #edf2f7);padding-top:16px;margin-top:20px}.multi-progress-item{transition:all 0.2s ease}.multi-progress-item:hover{transform:translateX(4px)}.multi-progress-bar-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05)}.multi-progress-label{letter-spacing:0.025em;text-transform:uppercase}.time-estimate{font-size:11px;color:var(--color-primary, #718096);font-weight:600;margin-top:8px;display:block}.pause-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #f7fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--color-primary, #4a5568);transition:all 0.2s ease;margin-top:8px}.pause-button:hover{background:var(--bg-primary, #edf2f7);color:var(--color-primary, #2d3748);transform:scale(1.1)}.pause-button ui-icon{font-size:10px}.progress-skeleton .progress-line-trail{background:var(--bg-primary, #e2e8f0) !important;position:relative;overflow:hidden}.progress-skeleton .progress-line-trail::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:progress-shimmer 1.5s infinite}.progress-skeleton .progress-line-bar{display:none !important}@keyframes progress-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (forced-colors: active){.progress-line-trail{border:1px solid CanvasText}.progress-line-bar{background:Highlight}.progress-peak-marker{background:Mark;box-shadow:none}.progress-tick{background:CanvasText;opacity:0.3}}';export{o as ui_progress}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiClick=i(this,"uiClick")}src;alt="";label;description;effect="zoom";ratio="square";labelMode="hover";size="md";disabled=!1;loading=!1;a11yLabel;isFocused=!1;uiClick;handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.uiClick.emit()};handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick(t))};render(){return e(a,{key:"9f62fc59b4656078cbddd73750e41d03a0f3d2ca"},e("div",{key:"d6f464e2f65dd0eb5dd40892179432473b3836fe",class:{"image-button":!0,[`image-button-${this.size}`]:!0,[`image-button-ratio-${this.ratio}`]:!0,[`image-button-effect-${this.effect}`]:!0,[`label-mode-${this.labelMode}`]:!0,"is-disabled":this.disabled,"is-loading":this.loading,"is-focused":this.isFocused},role:"button",tabindex:this.disabled||this.loading?-1:0,"aria-label":this.a11yLabel||this.label||this.alt||"Image Button","aria-disabled":this.disabled?"true":"false","aria-busy":this.loading?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1},this.src?e("img",{class:"button-image",src:this.src,alt:this.alt,loading:"lazy"}):e("div",{class:"image-placeholder"},e("ui-icon",{name:"image",library:"fontawesome",size:"24px"})),(this.label||this.description)&&e("div",{key:"4f8ce2e322361f645f29bf9c4f48f4c9b151f075",class:"button-overlay"},e("div",{key:"f3e15b029509d4ed27bef5c03d75d3bd934f190b",class:"overlay-content"},this.label&&e("div",{key:"aac7cac7d8e07014a927acd9f572f7dac2688e3d",class:"button-label"},this.label),this.description&&e("div",{key:"1607a06a9fcde90277be03130548d974bf7c6b5c",class:"button-desc"},this.description))),this.loading&&e("div",{key:"9c9f38dbeb6b77fb2d8eed4ab641498aa5030bf7",class:"loading-overlay"},e("ui-icon",{key:"2bc1e06c7a61a4e7752686d489ea2c092550d2b4",name:"spinner",library:"fontawesome",spin:!0,size:"24px"}))))}};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:inline-block;vertical-align:middle;transition:transform 0.2s ease}.image-button{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;background:#f3f4f6;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}.image-button,.image-button *{transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.image-button-sm{width:120px}.image-button-md{width:240px}.image-button-lg{width:360px}.image-button-xl{width:480px}.image-button-ratio-square{aspect-ratio:1/1}.image-button-ratio-video{aspect-ratio:16/9}.image-button-ratio-portrait{aspect-ratio:3/4}.image-button-ratio-auto{height:auto}.image-button .button-image{width:100%;height:100%;object-fit:cover;display:block}.image-button .image-placeholder{color:#9ca3af}.image-button .button-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);display:flex;align-items:flex-end;padding:1.25rem;color:white}.image-button .overlay-content{display:flex;flex-direction:column;gap:4px}.image-button .button-label{font-weight:700;font-size:1.1rem;line-height:1.2;letter-spacing:-0.01em}.image-button .button-desc{font-size:0.85rem;opacity:0.8}.image-button-effect-zoom:hover .button-image{transform:scale(1.1)}.image-button-effect-lift:hover,.image-button-effect-lift.is-focused{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.image-button-effect-brighten:hover .button-image{filter:brightness(1.2)}.image-button.label-mode-hover .button-overlay{opacity:0;transform:translateY(10px)}.image-button.label-mode-hover:hover .button-overlay{opacity:1;transform:translateY(0)}.image-button.is-disabled{cursor:not-allowed;opacity:0.6;filter:grayscale(1)}.image-button.is-disabled:hover{transform:none;box-shadow:none}.image-button.is-loading{cursor:wait}.image-button.is-loading .loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;color:#10b981;z-index:10}.image-button.is-focused{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 5px var(--color-primary, #10b981);z-index:10}@media (max-width: 640px){.image-button{width:100% !important}}";export{o as ui_image_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as r,r as o,c as i,h as a}from"./p-DUsoYu9r.js";import{n as e}from"./p-C7gf39HE.js";const t=class{internals;inputElement;async setFocus(){this.inputElement?.focus()}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return r(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(r){o(this,r),this.analyticsEvent=i(this,"analyticsEvent"),this.radioChange=i(this,"radioChange"),this.radioFocus=i(this,"radioFocus"),this.radioBlur=i(this,"radioBlur")}connectedCallback(){this.internals=this.el.attachInternals()}componentWillLoad(){this.updateFormValue(),this.updateValidity()}componentDidLoad(){}handleChange=r=>{this.disabled||this.readonly?r.preventDefault():(this.checked=r.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(r="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===r?[50,20,50]:"md"===r?[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=r=>{this.disabled||this.readonly||" "!==r.key&&"Enter"!==r.key||(r.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 a("div",{class:{"radio-dot-container":!0,"radio-dot-visible":this.checked}},this.customImage?a("img",{src:this.customImage,class:"custom-radio-image"}):this.customIcon?a("span",{class:"custom-icon"},a("ui-icon",{library:this.customIconLibrary,name:this.customIcon})):a("div",{class:"radio-dot"}))}renderLabel(){return this.label||this.description?a("div",{class:`label-section is-${this.descriptionPosition}`},this.label&&a("span",{class:"radio-label-text"},this.label),this.description&&a("span",{class:"radio-description"},this.description)):null}render(){const r=e(this.size,"md"),o={"radio-container":!0,[`radio-${r}`]:!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}:{}},i={"radio-input-wrapper":!0,"radio-checked":this.checked,"radio-ripple":this.rippleEffect&&!this.disabled};return a("div",{key:"0c4ce7ac6764c4d375ba9fad698b92085fb210e8",class:o,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},a("label",{key:"cd53fbd547c5721b8f1cde8c291de8338cedc41e",class:"radio-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),a("div",{key:"fe2026a06d12c129b3eb17dd81ed9bc6f6b13938",class:i},a("input",{key:"d68ab326208dd78f6ba549343b68e770b9327332",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:r=>this.inputElement=r}),a("div",{key:"0d1088ea92be9fa9a6264921291e7deef5cddeb6",class:"radio-circle"},a("div",{key:"7f86f494d8fba0f6bd19e377df69528be4772b21",class:"glow-layer"}),this.renderDot()),this.badge&&!this.skeleton&&a("span",{key:"91b0b95ccd42b008bfc3aecede34a72759885371",class:"radio-badge"},this.badge),this.tooltip&&!this.skeleton&&a("div",{key:"25103349c130ec435844598f0105161008bf683b",class:`radio-tooltip radio-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel(),this.skeleton&&a("div",{key:"7022cb0f5cf4ca8c10e533265083eac0dfd3021d",class:"radio-skeleton-shimmer"})),(this.invalid||!this.internals.validity.valid)&&a("div",{key:"b019b76af7c19c92e35dcf6349100f34b6a68a45",class:"radio-error-message",role:"alert"},this.internals.validationMessage||"Selection required"))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}};t.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, var(--text-primary, #111827));--ui-radio-description:var(--label-subtitle-color, var(--text-secondary, #6b7280));--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)}.radio-container{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}.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)}';export{t as ui_radio}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import { ComponentSize, Orientation, StatusColor } from '../../types/common.type';
|
|
3
|
-
export declare class CheckboxGroup {
|
|
4
|
-
/**
|
|
5
|
-
* Ensures value is always a string array
|
|
6
|
-
*/
|
|
7
|
-
private normalizeValue;
|
|
8
|
-
el: HTMLElement;
|
|
9
|
-
private internals;
|
|
10
|
-
value: string[];
|
|
11
|
-
name: string;
|
|
12
|
-
label: string;
|
|
13
|
-
helperText: string;
|
|
14
|
-
errorMessage: string;
|
|
15
|
-
required: boolean;
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
readonly: boolean;
|
|
18
|
-
invalid: boolean;
|
|
19
|
-
orientation: Orientation;
|
|
20
|
-
gap: string;
|
|
21
|
-
showSelectAll: boolean;
|
|
22
|
-
selectAllLabel: string;
|
|
23
|
-
buttonGroup: boolean;
|
|
24
|
-
min: number;
|
|
25
|
-
max: number;
|
|
26
|
-
validateOnChange: boolean;
|
|
27
|
-
size: ComponentSize;
|
|
28
|
-
color: StatusColor;
|
|
29
|
-
showSelectionCount: boolean;
|
|
30
|
-
/** Entrance animation */
|
|
31
|
-
reveal: 'none' | 'fade-in' | 'slide-up' | 'zoom';
|
|
32
|
-
/** Delay for entry animation (ms) */
|
|
33
|
-
revealDelay: number;
|
|
34
|
-
/** Stagger delay between items */
|
|
35
|
-
revealStagger: number;
|
|
36
|
-
/** High-Fidelity: Victory glow pulse when all selected */
|
|
37
|
-
victoryGlow: boolean;
|
|
38
|
-
/** High-Fidelity: RTL support */
|
|
39
|
-
rtl: boolean;
|
|
40
|
-
private selectAllState;
|
|
41
|
-
private isVictory;
|
|
42
|
-
groupChange: EventEmitter<{
|
|
43
|
-
value: string[];
|
|
44
|
-
}>;
|
|
45
|
-
groupValidation: EventEmitter<{
|
|
46
|
-
valid: boolean;
|
|
47
|
-
errors: string[];
|
|
48
|
-
}>;
|
|
49
|
-
componentWillLoad(): void;
|
|
50
|
-
/**
|
|
51
|
-
* Stencil form-association callback
|
|
52
|
-
*/
|
|
53
|
-
formResetCallback(): void;
|
|
54
|
-
handleValueChange(): void;
|
|
55
|
-
handleCheckboxChange(event: CustomEvent<{
|
|
56
|
-
checked: boolean;
|
|
57
|
-
value: string;
|
|
58
|
-
}>): void;
|
|
59
|
-
private updateFormValue;
|
|
60
|
-
private discoverCheckboxes;
|
|
61
|
-
private updateCheckboxStates;
|
|
62
|
-
private getAllCheckboxes;
|
|
63
|
-
private updateSelectAllState;
|
|
64
|
-
private handleSelectAllChange;
|
|
65
|
-
validate(): boolean;
|
|
66
|
-
selectAll(): void;
|
|
67
|
-
deselectAll(): void;
|
|
68
|
-
toggleAll(): void;
|
|
69
|
-
private renderSelectAll;
|
|
70
|
-
private renderLabel;
|
|
71
|
-
private renderHelperText;
|
|
72
|
-
options: {
|
|
73
|
-
label: string;
|
|
74
|
-
value: string;
|
|
75
|
-
disabled?: boolean;
|
|
76
|
-
}[] | string[];
|
|
77
|
-
searchable: boolean;
|
|
78
|
-
searchPlaceholder: string;
|
|
79
|
-
layout: 'list' | 'grid';
|
|
80
|
-
columns: number;
|
|
81
|
-
private searchQuery;
|
|
82
|
-
private handleSearch;
|
|
83
|
-
private getFilteredOptions;
|
|
84
|
-
private renderSearch;
|
|
85
|
-
private renderDataOptions;
|
|
86
|
-
render(): any;
|
|
87
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormColor, ComponentSize } from '../../types/common.type';
|
|
2
|
-
export type FormInputColor = FormColor;
|
|
3
|
-
export type FormInputSize = ComponentSize;
|
|
4
|
-
/** Change event detail emitted by checkbox-group and radio-group */
|
|
5
|
-
export interface GroupChangeDetail {
|
|
6
|
-
value: string | string[];
|
|
7
|
-
name: string;
|
|
8
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
export declare class ImageButton {
|
|
3
|
-
/** Image source URL */
|
|
4
|
-
src: string;
|
|
5
|
-
/** Image alt text */
|
|
6
|
-
alt: string;
|
|
7
|
-
/** Button label (overlay) */
|
|
8
|
-
label: string;
|
|
9
|
-
/** Subtitle or secondary text */
|
|
10
|
-
description: string;
|
|
11
|
-
/** Hover effect: 'zoom' | 'lift' | 'brighten' | 'none' */
|
|
12
|
-
effect: 'zoom' | 'lift' | 'brighten' | 'none';
|
|
13
|
-
/** Aspect ratio: 'square' | 'video' | 'portrait' | 'auto' */
|
|
14
|
-
ratio: 'square' | 'video' | 'portrait' | 'auto';
|
|
15
|
-
/** Whether the label is always visible or only on hover */
|
|
16
|
-
labelMode: 'always' | 'hover';
|
|
17
|
-
/** Size variant */
|
|
18
|
-
size: 'sm' | 'md' | 'lg' | 'xl';
|
|
19
|
-
/** Disabled state */
|
|
20
|
-
disabled: boolean;
|
|
21
|
-
/** Loading state */
|
|
22
|
-
loading: boolean;
|
|
23
|
-
/** Accessibility label */
|
|
24
|
-
a11yLabel: string;
|
|
25
|
-
/** Focus state for keyboard accessibility */
|
|
26
|
-
isFocused: boolean;
|
|
27
|
-
uiClick: EventEmitter<void>;
|
|
28
|
-
private handleClick;
|
|
29
|
-
private handleKeyDown;
|
|
30
|
-
render(): any;
|
|
31
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ImageButtonEffect, ImageButtonRatio, ImageButtonLabelMode } from '../../types/common.type';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { InputType, InputVariant, InputSize } from '../input/types';
|
|
2
|
-
export declare class InputPair {
|
|
3
|
-
/** Left input label */
|
|
4
|
-
labelLeft: string;
|
|
5
|
-
/** Right input label */
|
|
6
|
-
labelRight: string;
|
|
7
|
-
/** Shared main label (optional) */
|
|
8
|
-
label?: string;
|
|
9
|
-
/** Left input value */
|
|
10
|
-
valueLeft: string;
|
|
11
|
-
/** Right input value */
|
|
12
|
-
valueRight: string;
|
|
13
|
-
/** Left input placeholder */
|
|
14
|
-
placeholderLeft: string;
|
|
15
|
-
/** Right input placeholder */
|
|
16
|
-
placeholderRight: string;
|
|
17
|
-
/** Shared type for both inputs */
|
|
18
|
-
type: InputType;
|
|
19
|
-
/** Shared variant */
|
|
20
|
-
variant: InputVariant;
|
|
21
|
-
/** Shared size */
|
|
22
|
-
size: InputSize;
|
|
23
|
-
/** Gap between inputs (set to 0 for connected) */
|
|
24
|
-
gap: string;
|
|
25
|
-
/** Full width behavior */
|
|
26
|
-
fullWidth: boolean;
|
|
27
|
-
render(): any;
|
|
28
|
-
}
|