snice 3.1.0 → 3.3.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/README.md +90 -41
- package/dist/components/accordion/snice-accordion-item.d.ts +2 -2
- package/dist/components/accordion/snice-accordion-item.js +9 -9
- package/dist/components/accordion/snice-accordion-item.js.map +1 -1
- package/dist/components/accordion/snice-accordion.d.ts +2 -2
- package/dist/components/accordion/snice-accordion.js +9 -9
- package/dist/components/accordion/snice-accordion.js.map +1 -1
- package/dist/components/actions/snice-actions.d.ts +28 -0
- package/dist/components/actions/snice-actions.js +220 -0
- package/dist/components/actions/snice-actions.js.map +1 -0
- package/dist/components/actions/snice-actions.types.d.ts +27 -0
- package/dist/components/alert/snice-alert.d.ts +2 -2
- package/dist/components/alert/snice-alert.js +9 -9
- package/dist/components/alert/snice-alert.js.map +1 -1
- package/dist/components/audio-recorder/snice-audio-recorder.d.ts +58 -0
- package/dist/components/audio-recorder/snice-audio-recorder.js +413 -0
- package/dist/components/audio-recorder/snice-audio-recorder.js.map +1 -0
- package/dist/components/audio-recorder/snice-audio-recorder.types.d.ts +28 -0
- package/dist/components/avatar/snice-avatar.d.ts +2 -2
- package/dist/components/avatar/snice-avatar.js +9 -9
- package/dist/components/avatar/snice-avatar.js.map +1 -1
- package/dist/components/badge/snice-badge.d.ts +2 -2
- package/dist/components/badge/snice-badge.js +10 -10
- package/dist/components/badge/snice-badge.js.map +1 -1
- package/dist/components/banner/snice-banner.d.ts +22 -0
- package/dist/components/banner/snice-banner.js +180 -0
- package/dist/components/banner/snice-banner.js.map +1 -0
- package/dist/components/banner/snice-banner.types.d.ts +14 -0
- package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +2 -2
- package/dist/components/breadcrumbs/snice-breadcrumbs.js +9 -9
- package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -1
- package/dist/components/button/snice-button.d.ts +2 -2
- package/dist/components/button/snice-button.js +9 -9
- package/dist/components/button/snice-button.js.map +1 -1
- package/dist/components/calendar/snice-calendar.d.ts +46 -0
- package/dist/components/calendar/snice-calendar.js +294 -0
- package/dist/components/calendar/snice-calendar.js.map +1 -0
- package/dist/components/calendar/snice-calendar.types.d.ts +34 -0
- package/dist/components/camera/snice-camera.d.ts +39 -0
- package/dist/components/camera/snice-camera.js +286 -0
- package/dist/components/camera/snice-camera.js.map +1 -0
- package/dist/components/camera/snice-camera.types.d.ts +28 -0
- package/dist/components/card/snice-card.d.ts +2 -2
- package/dist/components/card/snice-card.js +9 -9
- package/dist/components/card/snice-card.js.map +1 -1
- package/dist/components/carousel/snice-carousel.d.ts +32 -0
- package/dist/components/carousel/snice-carousel.js +279 -0
- package/dist/components/carousel/snice-carousel.js.map +1 -0
- package/dist/components/carousel/snice-carousel.types.d.ts +22 -0
- package/dist/components/chart/snice-chart.d.ts +73 -0
- package/dist/components/chart/snice-chart.js +940 -0
- package/dist/components/chart/snice-chart.js.map +1 -0
- package/dist/components/chart/snice-chart.types.d.ts +71 -0
- package/dist/components/chat/snice-chat.d.ts +98 -0
- package/dist/components/chat/snice-chat.js +589 -0
- package/dist/components/chat/snice-chat.js.map +1 -0
- package/dist/components/chat/snice-chat.types.d.ts +141 -0
- package/dist/components/checkbox/snice-checkbox.d.ts +2 -2
- package/dist/components/checkbox/snice-checkbox.js +9 -9
- package/dist/components/checkbox/snice-checkbox.js.map +1 -1
- package/dist/components/chip/snice-chip.d.ts +2 -2
- package/dist/components/chip/snice-chip.js +9 -9
- package/dist/components/chip/snice-chip.js.map +1 -1
- package/dist/components/code-block/snice-code-block.d.ts +15 -0
- package/dist/components/code-block/snice-code-block.js +141 -0
- package/dist/components/code-block/snice-code-block.js.map +1 -0
- package/dist/components/code-block/snice-code-block.types.d.ts +15 -0
- package/dist/components/color-display/snice-color-display.d.ts +14 -0
- package/dist/components/color-display/snice-color-display.js +151 -0
- package/dist/components/color-display/snice-color-display.js.map +1 -0
- package/dist/components/color-display/snice-color-display.types.d.ts +10 -0
- package/dist/components/color-picker/snice-color-picker.d.ts +50 -0
- package/dist/components/color-picker/snice-color-picker.js +489 -0
- package/dist/components/color-picker/snice-color-picker.js.map +1 -0
- package/dist/components/color-picker/snice-color-picker.types.d.ts +19 -0
- package/dist/components/command-palette/snice-command-palette.d.ts +47 -0
- package/dist/components/command-palette/snice-command-palette.js +428 -0
- package/dist/components/command-palette/snice-command-palette.js.map +1 -0
- package/dist/components/command-palette/snice-command-palette.types.d.ts +49 -0
- package/dist/components/date-picker/snice-date-picker.d.ts +2 -2
- package/dist/components/date-picker/snice-date-picker.js +10 -10
- package/dist/components/date-picker/snice-date-picker.js.map +1 -1
- package/dist/components/divider/snice-divider.d.ts +2 -2
- package/dist/components/divider/snice-divider.js +9 -9
- package/dist/components/divider/snice-divider.js.map +1 -1
- package/dist/components/doc/snice-doc.d.ts +93 -0
- package/dist/components/doc/snice-doc.js +626 -0
- package/dist/components/doc/snice-doc.js.map +1 -0
- package/dist/components/doc/snice-doc.types.d.ts +118 -0
- package/dist/components/draw/snice-draw.d.ts +71 -0
- package/dist/components/draw/snice-draw.js +709 -0
- package/dist/components/draw/snice-draw.js.map +1 -0
- package/dist/components/draw/snice-draw.types.d.ts +41 -0
- package/dist/components/drawer/snice-drawer.d.ts +2 -2
- package/dist/components/drawer/snice-drawer.js +9 -9
- package/dist/components/drawer/snice-drawer.js.map +1 -1
- package/dist/components/empty-state/snice-empty-state.d.ts +13 -0
- package/dist/components/empty-state/snice-empty-state.js +121 -0
- package/dist/components/empty-state/snice-empty-state.js.map +1 -0
- package/dist/components/empty-state/snice-empty-state.types.d.ts +9 -0
- package/dist/components/file-upload/snice-file-upload.d.ts +44 -0
- package/dist/components/file-upload/snice-file-upload.js +387 -0
- package/dist/components/file-upload/snice-file-upload.js.map +1 -0
- package/dist/components/file-upload/snice-file-upload.types.d.ts +22 -0
- package/dist/components/gantt/snice-gantt.d.ts +29 -0
- package/dist/components/gantt/snice-gantt.js +268 -0
- package/dist/components/gantt/snice-gantt.js.map +1 -0
- package/dist/components/gantt/snice-gantt.types.d.ts +23 -0
- package/dist/components/image/snice-image.d.ts +22 -0
- package/dist/components/image/snice-image.js +201 -0
- package/dist/components/image/snice-image.js.map +1 -0
- package/dist/components/image/snice-image.types.d.ts +17 -0
- package/dist/components/input/snice-input.d.ts +2 -2
- package/dist/components/input/snice-input.js +9 -9
- package/dist/components/input/snice-input.js.map +1 -1
- package/dist/components/kanban/snice-kanban.d.ts +31 -0
- package/dist/components/kanban/snice-kanban.js +243 -0
- package/dist/components/kanban/snice-kanban.js.map +1 -0
- package/dist/components/kanban/snice-kanban.types.d.ts +29 -0
- package/dist/components/kpi/snice-kpi.d.ts +16 -0
- package/dist/components/kpi/snice-kpi.js +162 -0
- package/dist/components/kpi/snice-kpi.js.map +1 -0
- package/dist/components/kpi/snice-kpi.types.d.ts +12 -0
- package/dist/components/layout/snice-layout-blog.d.ts +2 -2
- package/dist/components/layout/snice-layout-blog.js +9 -9
- package/dist/components/layout/snice-layout-blog.js.map +1 -1
- package/dist/components/layout/snice-layout-card.d.ts +2 -2
- package/dist/components/layout/snice-layout-card.js +9 -9
- package/dist/components/layout/snice-layout-card.js.map +1 -1
- package/dist/components/layout/snice-layout-centered.d.ts +2 -2
- package/dist/components/layout/snice-layout-centered.js +9 -9
- package/dist/components/layout/snice-layout-centered.js.map +1 -1
- package/dist/components/layout/snice-layout-dashboard.d.ts +2 -2
- package/dist/components/layout/snice-layout-dashboard.js +9 -9
- package/dist/components/layout/snice-layout-dashboard.js.map +1 -1
- package/dist/components/layout/snice-layout-fullscreen.d.ts +2 -2
- package/dist/components/layout/snice-layout-fullscreen.js +9 -9
- package/dist/components/layout/snice-layout-fullscreen.js.map +1 -1
- package/dist/components/layout/snice-layout-landing.d.ts +2 -2
- package/dist/components/layout/snice-layout-landing.js +9 -9
- package/dist/components/layout/snice-layout-landing.js.map +1 -1
- package/dist/components/layout/snice-layout-minimal.d.ts +2 -2
- package/dist/components/layout/snice-layout-minimal.js +9 -9
- package/dist/components/layout/snice-layout-minimal.js.map +1 -1
- package/dist/components/layout/snice-layout-sidebar.d.ts +2 -2
- package/dist/components/layout/snice-layout-sidebar.js +9 -9
- package/dist/components/layout/snice-layout-sidebar.js.map +1 -1
- package/dist/components/layout/snice-layout-split.d.ts +2 -2
- package/dist/components/layout/snice-layout-split.js +9 -9
- package/dist/components/layout/snice-layout-split.js.map +1 -1
- package/dist/components/layout/snice-layout.d.ts +2 -2
- package/dist/components/layout/snice-layout.js +9 -9
- package/dist/components/layout/snice-layout.js.map +1 -1
- package/dist/components/link/snice-link.d.ts +13 -0
- package/dist/components/link/snice-link.js +137 -0
- package/dist/components/link/snice-link.js.map +1 -0
- package/dist/components/link/snice-link.types.d.ts +11 -0
- package/dist/components/list/snice-list-item.d.ts +6 -0
- package/dist/components/list/snice-list-item.js +68 -0
- package/dist/components/list/snice-list-item.js.map +1 -0
- package/dist/components/list/snice-list.d.ts +23 -0
- package/dist/components/list/snice-list.js +270 -0
- package/dist/components/list/snice-list.js.map +1 -0
- package/dist/components/list/snice-list.types.d.ts +28 -0
- package/dist/components/location/snice-location.d.ts +35 -0
- package/dist/components/location/snice-location.js +238 -0
- package/dist/components/location/snice-location.js.map +1 -0
- package/dist/components/location/snice-location.types.d.ts +35 -0
- package/dist/components/login/snice-login.d.ts +2 -2
- package/dist/components/login/snice-login.js +9 -9
- package/dist/components/login/snice-login.js.map +1 -1
- package/dist/components/menu/snice-menu-divider.d.ts +4 -0
- package/dist/components/menu/snice-menu-divider.js +53 -0
- package/dist/components/menu/snice-menu-divider.js.map +1 -0
- package/dist/components/menu/snice-menu-item.d.ts +10 -0
- package/dist/components/menu/snice-menu-item.js +99 -0
- package/dist/components/menu/snice-menu-item.js.map +1 -0
- package/dist/components/menu/snice-menu-item.types.d.ts +9 -0
- package/dist/components/menu/snice-menu.d.ts +27 -0
- package/dist/components/menu/snice-menu.js +199 -0
- package/dist/components/menu/snice-menu.js.map +1 -0
- package/dist/components/menu/snice-menu.types.d.ts +18 -0
- package/dist/components/modal/snice-modal.d.ts +2 -2
- package/dist/components/modal/snice-modal.js +9 -9
- package/dist/components/modal/snice-modal.js.map +1 -1
- package/dist/components/nav/snice-nav.js +1 -1
- package/dist/components/nav/snice-nav.js.map +1 -1
- package/dist/components/pagination/snice-pagination.d.ts +2 -2
- package/dist/components/pagination/snice-pagination.js +8 -8
- package/dist/components/pagination/snice-pagination.js.map +1 -1
- package/dist/components/progress/snice-progress.d.ts +2 -2
- package/dist/components/progress/snice-progress.js +9 -9
- package/dist/components/progress/snice-progress.js.map +1 -1
- package/dist/components/qr-code/qrcode.d.ts +28 -0
- package/dist/components/qr-code/qrcode.js +906 -0
- package/dist/components/qr-code/qrcode.js.map +1 -0
- package/dist/components/qr-code/snice-qr-code.d.ts +35 -0
- package/dist/components/qr-code/snice-qr-code.js +256 -0
- package/dist/components/qr-code/snice-qr-code.js.map +1 -0
- package/dist/components/qr-code/snice-qr-code.types.d.ts +33 -0
- package/dist/components/radio/snice-radio.d.ts +2 -2
- package/dist/components/radio/snice-radio.js +9 -9
- package/dist/components/radio/snice-radio.js.map +1 -1
- package/dist/components/select/snice-option.d.ts +2 -2
- package/dist/components/select/snice-option.js +8 -8
- package/dist/components/select/snice-option.js.map +1 -1
- package/dist/components/select/snice-select.d.ts +2 -2
- package/dist/components/select/snice-select.js +9 -9
- package/dist/components/select/snice-select.js.map +1 -1
- package/dist/components/skeleton/snice-skeleton.d.ts +2 -2
- package/dist/components/skeleton/snice-skeleton.js +9 -9
- package/dist/components/skeleton/snice-skeleton.js.map +1 -1
- package/dist/components/slider/snice-slider.d.ts +53 -0
- package/dist/components/slider/snice-slider.js +479 -0
- package/dist/components/slider/snice-slider.js.map +1 -0
- package/dist/components/slider/snice-slider.types.d.ts +26 -0
- package/dist/components/snice-cell-C0slgOpe.js +4 -0
- package/dist/components/snice-cell-C0slgOpe.js.map +1 -0
- package/dist/components/sparkline/snice-sparkline.d.ts +21 -0
- package/dist/components/sparkline/snice-sparkline.js +228 -0
- package/dist/components/sparkline/snice-sparkline.js.map +1 -0
- package/dist/components/sparkline/snice-sparkline.types.d.ts +16 -0
- package/dist/components/spinner/snice-spinner.d.ts +10 -0
- package/dist/components/spinner/snice-spinner.js +109 -0
- package/dist/components/spinner/snice-spinner.js.map +1 -0
- package/dist/components/spinner/snice-spinner.types.d.ts +8 -0
- package/dist/components/split-pane/snice-split-pane.d.ts +32 -0
- package/dist/components/split-pane/snice-split-pane.js +191 -0
- package/dist/components/split-pane/snice-split-pane.js.map +1 -0
- package/dist/components/split-pane/snice-split-pane.types.d.ts +19 -0
- package/dist/components/stat/snice-stat.d.ts +14 -0
- package/dist/components/stat/snice-stat.js +140 -0
- package/dist/components/stat/snice-stat.js.map +1 -0
- package/dist/components/stat/snice-stat.types.d.ts +12 -0
- package/dist/components/stepper/snice-stepper-panel.d.ts +8 -0
- package/dist/components/stepper/snice-stepper-panel.js +70 -0
- package/dist/components/stepper/snice-stepper-panel.js.map +1 -0
- package/dist/components/stepper/snice-stepper-panel.types.d.ts +4 -0
- package/dist/components/stepper/snice-stepper.d.ts +15 -0
- package/dist/components/stepper/snice-stepper.js +163 -0
- package/dist/components/stepper/snice-stepper.js.map +1 -0
- package/dist/components/stepper/snice-stepper.types.d.ts +13 -0
- package/dist/components/switch/snice-switch.d.ts +2 -2
- package/dist/components/switch/snice-switch.js +9 -9
- package/dist/components/switch/snice-switch.js.map +1 -1
- package/dist/components/table/snice-cell-actions.d.ts +2 -2
- package/dist/components/table/snice-cell-actions.js +9 -9
- package/dist/components/table/snice-cell-actions.js.map +1 -1
- package/dist/components/table/snice-cell-boolean.d.ts +2 -2
- package/dist/components/table/snice-cell-boolean.js +9 -9
- package/dist/components/table/snice-cell-boolean.js.map +1 -1
- package/dist/components/table/snice-cell-color.d.ts +2 -2
- package/dist/components/table/snice-cell-color.js +9 -9
- package/dist/components/table/snice-cell-color.js.map +1 -1
- package/dist/components/table/snice-cell-currency.d.ts +2 -2
- package/dist/components/table/snice-cell-currency.js +9 -9
- package/dist/components/table/snice-cell-currency.js.map +1 -1
- package/dist/components/table/snice-cell-date.d.ts +2 -2
- package/dist/components/table/snice-cell-date.js +9 -9
- package/dist/components/table/snice-cell-date.js.map +1 -1
- package/dist/components/table/snice-cell-duration.d.ts +2 -2
- package/dist/components/table/snice-cell-duration.js +9 -9
- package/dist/components/table/snice-cell-duration.js.map +1 -1
- package/dist/components/table/snice-cell-email.d.ts +2 -2
- package/dist/components/table/snice-cell-email.js +9 -9
- package/dist/components/table/snice-cell-email.js.map +1 -1
- package/dist/components/table/snice-cell-filesize.d.ts +2 -2
- package/dist/components/table/snice-cell-filesize.js +9 -9
- package/dist/components/table/snice-cell-filesize.js.map +1 -1
- package/dist/components/table/snice-cell-image.d.ts +2 -2
- package/dist/components/table/snice-cell-image.js +9 -9
- package/dist/components/table/snice-cell-image.js.map +1 -1
- package/dist/components/table/snice-cell-json.d.ts +2 -2
- package/dist/components/table/snice-cell-json.js +9 -9
- package/dist/components/table/snice-cell-json.js.map +1 -1
- package/dist/components/table/snice-cell-link.d.ts +2 -2
- package/dist/components/table/snice-cell-link.js +9 -9
- package/dist/components/table/snice-cell-link.js.map +1 -1
- package/dist/components/table/snice-cell-location.d.ts +2 -2
- package/dist/components/table/snice-cell-location.js +9 -9
- package/dist/components/table/snice-cell-location.js.map +1 -1
- package/dist/components/table/snice-cell-number.d.ts +2 -2
- package/dist/components/table/snice-cell-number.js +9 -9
- package/dist/components/table/snice-cell-number.js.map +1 -1
- package/dist/components/table/snice-cell-percentage.d.ts +2 -2
- package/dist/components/table/snice-cell-percentage.js +9 -9
- package/dist/components/table/snice-cell-percentage.js.map +1 -1
- package/dist/components/table/snice-cell-phone.d.ts +2 -2
- package/dist/components/table/snice-cell-phone.js +9 -9
- package/dist/components/table/snice-cell-phone.js.map +1 -1
- package/dist/components/table/snice-cell-progress.d.ts +2 -2
- package/dist/components/table/snice-cell-progress.js +9 -9
- package/dist/components/table/snice-cell-progress.js.map +1 -1
- package/dist/components/table/snice-cell-rating.d.ts +2 -2
- package/dist/components/table/snice-cell-rating.js +9 -9
- package/dist/components/table/snice-cell-rating.js.map +1 -1
- package/dist/components/table/snice-cell-sparkline.d.ts +2 -2
- package/dist/components/table/snice-cell-sparkline.js +9 -9
- package/dist/components/table/snice-cell-sparkline.js.map +1 -1
- package/dist/components/table/snice-cell-status.d.ts +2 -2
- package/dist/components/table/snice-cell-status.js +9 -9
- package/dist/components/table/snice-cell-status.js.map +1 -1
- package/dist/components/table/snice-cell-tag.d.ts +2 -2
- package/dist/components/table/snice-cell-tag.js +9 -9
- package/dist/components/table/snice-cell-tag.js.map +1 -1
- package/dist/components/table/snice-cell-text.d.ts +2 -2
- package/dist/components/table/snice-cell-text.js +9 -9
- package/dist/components/table/snice-cell-text.js.map +1 -1
- package/dist/components/table/snice-cell.d.ts +2 -2
- package/dist/components/table/snice-cell.js +9 -9
- package/dist/components/table/snice-cell.js.map +1 -1
- package/dist/components/table/snice-column.d.ts +1 -1
- package/dist/components/table/snice-column.js +4 -4
- package/dist/components/table/snice-column.js.map +1 -1
- package/dist/components/table/snice-header.d.ts +2 -2
- package/dist/components/table/snice-header.js +9 -9
- package/dist/components/table/snice-header.js.map +1 -1
- package/dist/components/table/snice-progress.d.ts +2 -2
- package/dist/components/table/snice-progress.js +8 -8
- package/dist/components/table/snice-progress.js.map +1 -1
- package/dist/components/table/snice-rating.d.ts +2 -2
- package/dist/components/table/snice-rating.js +8 -8
- package/dist/components/table/snice-rating.js.map +1 -1
- package/dist/components/table/snice-row.d.ts +2 -2
- package/dist/components/table/snice-row.js +10 -10
- package/dist/components/table/snice-row.js.map +1 -1
- package/dist/components/table/snice-table.d.ts +2 -3
- package/dist/components/table/snice-table.js +9 -14
- package/dist/components/table/snice-table.js.map +1 -1
- package/dist/components/tabs/snice-tab-panel.d.ts +2 -2
- package/dist/components/tabs/snice-tab-panel.js +9 -9
- package/dist/components/tabs/snice-tab-panel.js.map +1 -1
- package/dist/components/tabs/snice-tab.d.ts +2 -2
- package/dist/components/tabs/snice-tab.js +9 -9
- package/dist/components/tabs/snice-tab.js.map +1 -1
- package/dist/components/tabs/snice-tabs.d.ts +2 -2
- package/dist/components/tabs/snice-tabs.js +9 -9
- package/dist/components/tabs/snice-tabs.js.map +1 -1
- package/dist/components/terminal/snice-terminal.types.d.ts +133 -0
- package/dist/components/textarea/snice-textarea.d.ts +52 -0
- package/dist/components/textarea/snice-textarea.js +407 -0
- package/dist/components/textarea/snice-textarea.js.map +1 -0
- package/dist/components/textarea/snice-textarea.types.d.ts +30 -0
- package/dist/components/timeline/snice-timeline.d.ts +11 -0
- package/dist/components/timeline/snice-timeline.js +112 -0
- package/dist/components/timeline/snice-timeline.js.map +1 -0
- package/dist/components/timeline/snice-timeline.types.d.ts +16 -0
- package/dist/components/toast/snice-toast-container.d.ts +2 -2
- package/dist/components/toast/snice-toast-container.js +8 -8
- package/dist/components/toast/snice-toast-container.js.map +1 -1
- package/dist/components/toast/snice-toast.d.ts +2 -2
- package/dist/components/toast/snice-toast.js +8 -8
- package/dist/components/toast/snice-toast.js.map +1 -1
- package/dist/components/tooltip/snice-tooltip.d.ts +2 -2
- package/dist/components/tooltip/snice-tooltip.js +10 -10
- package/dist/components/tooltip/snice-tooltip.js.map +1 -1
- package/dist/components/tree/snice-tree-item.d.ts +35 -0
- package/dist/components/tree/snice-tree-item.js +301 -0
- package/dist/components/tree/snice-tree-item.js.map +1 -0
- package/dist/components/tree/snice-tree-item.types.d.ts +30 -0
- package/dist/components/tree/snice-tree.d.ts +45 -0
- package/dist/components/tree/snice-tree.js +390 -0
- package/dist/components/tree/snice-tree.js.map +1 -0
- package/dist/components/tree/snice-tree.types.d.ts +65 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.d.ts +31 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.js +160 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.js.map +1 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.types.d.ts +19 -0
- package/dist/index.cjs +125 -158
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +125 -158
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +125 -158
- package/dist/index.iife.js.map +1 -1
- package/dist/parts.d.ts +13 -16
- package/dist/symbols.cjs +1 -1
- package/dist/symbols.esm.js +1 -1
- package/dist/template.d.ts +0 -1
- package/dist/transitions.cjs +1 -1
- package/dist/transitions.esm.js +1 -1
- package/docs/ai/README.md +10 -1
- package/docs/ai/components/actions.md +81 -0
- package/docs/ai/components/audio-recorder.md +97 -0
- package/docs/ai/components/banner.md +84 -0
- package/docs/ai/components/calendar.md +95 -0
- package/docs/ai/components/camera.md +130 -0
- package/docs/ai/components/carousel.md +49 -0
- package/docs/ai/components/chart.md +160 -0
- package/docs/ai/components/chat.md +189 -0
- package/docs/ai/components/code-block.md +32 -0
- package/docs/ai/components/color-display.md +48 -0
- package/docs/ai/components/color-picker.md +75 -0
- package/docs/ai/components/command-palette.md +117 -0
- package/docs/ai/components/doc.md +154 -0
- package/docs/ai/components/draw.md +140 -0
- package/docs/ai/components/empty-state.md +72 -0
- package/docs/ai/components/file-upload.md +93 -0
- package/docs/ai/components/gantt.md +95 -0
- package/docs/ai/components/image.md +60 -0
- package/docs/ai/components/kanban.md +102 -0
- package/docs/ai/components/kpi.md +158 -0
- package/docs/ai/components/layout.md +261 -0
- package/docs/ai/components/link.md +77 -0
- package/docs/ai/components/list.md +50 -0
- package/docs/ai/components/location.md +75 -0
- package/docs/ai/components/menu.md +114 -0
- package/docs/ai/components/popover.md +70 -0
- package/docs/ai/components/qr-code.md +106 -0
- package/docs/ai/components/slider.md +87 -0
- package/docs/ai/components/sparkline.md +168 -0
- package/docs/ai/components/spinner.md +47 -0
- package/docs/ai/components/split-pane.md +71 -0
- package/docs/ai/components/stat.md +29 -0
- package/docs/ai/components/stepper.md +216 -0
- package/docs/ai/components/textarea.md +87 -0
- package/docs/ai/components/timeline.md +77 -0
- package/docs/ai/components/tree.md +191 -0
- package/docs/ai/components/virtual-scroller.md +71 -0
- package/docs/components/actions.md +317 -0
- package/docs/components/alert.md +540 -0
- package/docs/components/audio-recorder.md +152 -0
- package/docs/components/badge.md +593 -0
- package/docs/components/banner.md +106 -0
- package/docs/components/breadcrumbs.md +568 -0
- package/docs/components/button.md +648 -0
- package/docs/components/calendar.md +397 -0
- package/docs/components/camera.md +383 -0
- package/docs/components/card.md +778 -0
- package/docs/components/carousel.md +63 -0
- package/docs/components/chart.md +526 -0
- package/docs/components/chat.md +482 -0
- package/docs/components/checkbox.md +714 -0
- package/docs/components/chip.md +670 -0
- package/docs/components/code-block.md +49 -0
- package/docs/components/color-display.md +96 -0
- package/docs/components/color-picker.md +81 -0
- package/docs/components/command-palette.md +159 -0
- package/docs/components/doc.md +357 -0
- package/docs/components/draw.md +307 -0
- package/docs/components/empty-state.md +79 -0
- package/docs/components/file-upload.md +263 -0
- package/docs/components/gantt.md +347 -0
- package/docs/components/image.md +110 -0
- package/docs/components/kanban.md +410 -0
- package/docs/components/kpi.md +251 -0
- package/docs/components/link.md +229 -0
- package/docs/components/list.md +65 -0
- package/docs/components/location.md +369 -0
- package/docs/components/menu.md +633 -0
- package/docs/components/popover.md +333 -0
- package/docs/components/qr-code.md +464 -0
- package/docs/components/slider.md +297 -0
- package/docs/components/sparkline.md +293 -0
- package/docs/components/spinner.md +63 -0
- package/docs/components/split-pane.md +315 -0
- package/docs/components/stat.md +45 -0
- package/docs/components/stepper.md +410 -0
- package/docs/components/textarea.md +235 -0
- package/docs/components/timeline.md +192 -0
- package/docs/components/tree.md +536 -0
- package/docs/components/virtual-scroller.md +298 -0
- package/package.json +2 -1
- package/dist/components/snice-cell-BLFVdxPp.js +0 -4
- package/dist/components/snice-cell-BLFVdxPp.js.map +0 -1
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import { __runInitializers, __esDecorate } from 'tslib';
|
|
2
|
+
import { element, property, query, ready, on, dispose, watch, dispatch, render, styles, html, css } from 'snice';
|
|
3
|
+
|
|
4
|
+
var cssContent = ":host{display:block;position:relative;contain:layout style paint}.carousel{position:relative;width:100%;overflow:hidden}.carousel__viewport{overflow:hidden;width:100%}.carousel__container{display:flex;width:100%;transition:transform .3s}.carousel__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--spacing-md,1rem);pointer-events:none}.carousel__button{pointer-events:auto;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s;font-size:2rem;line-height:1;padding:0}.carousel__button span{display:block;transform:translateY(-.1em)}.carousel__button:hover{background:rgba(0,0,0,.7)}.carousel__button:disabled{opacity:.3;cursor:not-allowed}.carousel__indicators{display:flex;justify-content:center;gap:var(--spacing-xs,.5rem);margin-top:var(--spacing-md,1rem)}.carousel__indicator{width:.5rem;height:.5rem;border-radius:50%;border:none;background:var(--color-neutral-300,#d1d5db);cursor:pointer;padding:0;transition:background .2s}.carousel__indicator--active{background:var(--color-primary-500,#3b82f6)}.carousel__indicator:hover{background:var(--color-neutral-400,#9ca3af)}.carousel__indicator--active:hover{background:var(--color-primary-600,#2563eb)}";
|
|
5
|
+
|
|
6
|
+
let SniceCarousel = (() => {
|
|
7
|
+
let _classDecorators = [element('snice-carousel')];
|
|
8
|
+
let _classDescriptor;
|
|
9
|
+
let _classExtraInitializers = [];
|
|
10
|
+
let _classThis;
|
|
11
|
+
let _classSuper = HTMLElement;
|
|
12
|
+
let _instanceExtraInitializers = [];
|
|
13
|
+
let _activeIndex_decorators;
|
|
14
|
+
let _activeIndex_initializers = [];
|
|
15
|
+
let _activeIndex_extraInitializers = [];
|
|
16
|
+
let _autoplay_decorators;
|
|
17
|
+
let _autoplay_initializers = [];
|
|
18
|
+
let _autoplay_extraInitializers = [];
|
|
19
|
+
let _autoplayInterval_decorators;
|
|
20
|
+
let _autoplayInterval_initializers = [];
|
|
21
|
+
let _autoplayInterval_extraInitializers = [];
|
|
22
|
+
let _autoplayDirection_decorators;
|
|
23
|
+
let _autoplayDirection_initializers = [];
|
|
24
|
+
let _autoplayDirection_extraInitializers = [];
|
|
25
|
+
let _loop_decorators;
|
|
26
|
+
let _loop_initializers = [];
|
|
27
|
+
let _loop_extraInitializers = [];
|
|
28
|
+
let _showControls_decorators;
|
|
29
|
+
let _showControls_initializers = [];
|
|
30
|
+
let _showControls_extraInitializers = [];
|
|
31
|
+
let _showIndicators_decorators;
|
|
32
|
+
let _showIndicators_initializers = [];
|
|
33
|
+
let _showIndicators_extraInitializers = [];
|
|
34
|
+
let _slidesPerView_decorators;
|
|
35
|
+
let _slidesPerView_initializers = [];
|
|
36
|
+
let _slidesPerView_extraInitializers = [];
|
|
37
|
+
let _spaceBetween_decorators;
|
|
38
|
+
let _spaceBetween_initializers = [];
|
|
39
|
+
let _spaceBetween_extraInitializers = [];
|
|
40
|
+
let _container_decorators;
|
|
41
|
+
let _container_initializers = [];
|
|
42
|
+
let _container_extraInitializers = [];
|
|
43
|
+
let _slotElement_decorators;
|
|
44
|
+
let _slotElement_initializers = [];
|
|
45
|
+
let _slotElement_extraInitializers = [];
|
|
46
|
+
let _init_decorators;
|
|
47
|
+
let _handleSlotChange_decorators;
|
|
48
|
+
let _cleanup_decorators;
|
|
49
|
+
let _handleActiveIndexChange_decorators;
|
|
50
|
+
let _handleAutoplayChange_decorators;
|
|
51
|
+
let _dispatchSlideChange_decorators;
|
|
52
|
+
let _render_decorators;
|
|
53
|
+
let _styles_decorators;
|
|
54
|
+
(class extends _classSuper {
|
|
55
|
+
static { _classThis = this; }
|
|
56
|
+
constructor() {
|
|
57
|
+
super(...arguments);
|
|
58
|
+
this.activeIndex = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _activeIndex_initializers, 0));
|
|
59
|
+
this.autoplay = (__runInitializers(this, _activeIndex_extraInitializers), __runInitializers(this, _autoplay_initializers, false));
|
|
60
|
+
this.autoplayInterval = (__runInitializers(this, _autoplay_extraInitializers), __runInitializers(this, _autoplayInterval_initializers, 3000));
|
|
61
|
+
this.autoplayDirection = (__runInitializers(this, _autoplayInterval_extraInitializers), __runInitializers(this, _autoplayDirection_initializers, 'forward'));
|
|
62
|
+
this.loop = (__runInitializers(this, _autoplayDirection_extraInitializers), __runInitializers(this, _loop_initializers, true));
|
|
63
|
+
this.showControls = (__runInitializers(this, _loop_extraInitializers), __runInitializers(this, _showControls_initializers, true));
|
|
64
|
+
this.showIndicators = (__runInitializers(this, _showControls_extraInitializers), __runInitializers(this, _showIndicators_initializers, true));
|
|
65
|
+
this.slidesPerView = (__runInitializers(this, _showIndicators_extraInitializers), __runInitializers(this, _slidesPerView_initializers, 1));
|
|
66
|
+
this.spaceBetween = (__runInitializers(this, _slidesPerView_extraInitializers), __runInitializers(this, _spaceBetween_initializers, 0));
|
|
67
|
+
this.container = (__runInitializers(this, _spaceBetween_extraInitializers), __runInitializers(this, _container_initializers, void 0));
|
|
68
|
+
this.slotElement = (__runInitializers(this, _container_extraInitializers), __runInitializers(this, _slotElement_initializers, void 0));
|
|
69
|
+
this.slideCount = (__runInitializers(this, _slotElement_extraInitializers), 0);
|
|
70
|
+
this.previousIndex = 0;
|
|
71
|
+
}
|
|
72
|
+
static {
|
|
73
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
74
|
+
_activeIndex_decorators = [property({ type: Number, attribute: 'active-index' })];
|
|
75
|
+
_autoplay_decorators = [property({ type: Boolean })];
|
|
76
|
+
_autoplayInterval_decorators = [property({ type: Number, attribute: 'autoplay-interval' })];
|
|
77
|
+
_autoplayDirection_decorators = [property({ attribute: 'autoplay-direction' })];
|
|
78
|
+
_loop_decorators = [property({ type: Boolean })];
|
|
79
|
+
_showControls_decorators = [property({ type: Boolean, attribute: 'show-controls' })];
|
|
80
|
+
_showIndicators_decorators = [property({ type: Boolean, attribute: 'show-indicators' })];
|
|
81
|
+
_slidesPerView_decorators = [property({ type: Number, attribute: 'slides-per-view' })];
|
|
82
|
+
_spaceBetween_decorators = [property({ type: Number, attribute: 'space-between' })];
|
|
83
|
+
_container_decorators = [query('.carousel__container')];
|
|
84
|
+
_slotElement_decorators = [query('slot')];
|
|
85
|
+
_init_decorators = [ready()];
|
|
86
|
+
_handleSlotChange_decorators = [on('slotchange', { target: 'slot' })];
|
|
87
|
+
_cleanup_decorators = [dispose()];
|
|
88
|
+
_handleActiveIndexChange_decorators = [watch('activeIndex')];
|
|
89
|
+
_handleAutoplayChange_decorators = [watch('autoplay')];
|
|
90
|
+
_dispatchSlideChange_decorators = [dispatch('@snice/carousel-slide-change', { bubbles: true, composed: true })];
|
|
91
|
+
_render_decorators = [render()];
|
|
92
|
+
_styles_decorators = [styles()];
|
|
93
|
+
__esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
94
|
+
__esDecorate(this, null, _handleSlotChange_decorators, { kind: "method", name: "handleSlotChange", static: false, private: false, access: { has: obj => "handleSlotChange" in obj, get: obj => obj.handleSlotChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
95
|
+
__esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
96
|
+
__esDecorate(this, null, _handleActiveIndexChange_decorators, { kind: "method", name: "handleActiveIndexChange", static: false, private: false, access: { has: obj => "handleActiveIndexChange" in obj, get: obj => obj.handleActiveIndexChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
97
|
+
__esDecorate(this, null, _handleAutoplayChange_decorators, { kind: "method", name: "handleAutoplayChange", static: false, private: false, access: { has: obj => "handleAutoplayChange" in obj, get: obj => obj.handleAutoplayChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
98
|
+
__esDecorate(this, null, _dispatchSlideChange_decorators, { kind: "method", name: "dispatchSlideChange", static: false, private: false, access: { has: obj => "dispatchSlideChange" in obj, get: obj => obj.dispatchSlideChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
99
|
+
__esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
100
|
+
__esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
101
|
+
__esDecorate(null, null, _activeIndex_decorators, { kind: "field", name: "activeIndex", static: false, private: false, access: { has: obj => "activeIndex" in obj, get: obj => obj.activeIndex, set: (obj, value) => { obj.activeIndex = value; } }, metadata: _metadata }, _activeIndex_initializers, _activeIndex_extraInitializers);
|
|
102
|
+
__esDecorate(null, null, _autoplay_decorators, { kind: "field", name: "autoplay", static: false, private: false, access: { has: obj => "autoplay" in obj, get: obj => obj.autoplay, set: (obj, value) => { obj.autoplay = value; } }, metadata: _metadata }, _autoplay_initializers, _autoplay_extraInitializers);
|
|
103
|
+
__esDecorate(null, null, _autoplayInterval_decorators, { kind: "field", name: "autoplayInterval", static: false, private: false, access: { has: obj => "autoplayInterval" in obj, get: obj => obj.autoplayInterval, set: (obj, value) => { obj.autoplayInterval = value; } }, metadata: _metadata }, _autoplayInterval_initializers, _autoplayInterval_extraInitializers);
|
|
104
|
+
__esDecorate(null, null, _autoplayDirection_decorators, { kind: "field", name: "autoplayDirection", static: false, private: false, access: { has: obj => "autoplayDirection" in obj, get: obj => obj.autoplayDirection, set: (obj, value) => { obj.autoplayDirection = value; } }, metadata: _metadata }, _autoplayDirection_initializers, _autoplayDirection_extraInitializers);
|
|
105
|
+
__esDecorate(null, null, _loop_decorators, { kind: "field", name: "loop", static: false, private: false, access: { has: obj => "loop" in obj, get: obj => obj.loop, set: (obj, value) => { obj.loop = value; } }, metadata: _metadata }, _loop_initializers, _loop_extraInitializers);
|
|
106
|
+
__esDecorate(null, null, _showControls_decorators, { kind: "field", name: "showControls", static: false, private: false, access: { has: obj => "showControls" in obj, get: obj => obj.showControls, set: (obj, value) => { obj.showControls = value; } }, metadata: _metadata }, _showControls_initializers, _showControls_extraInitializers);
|
|
107
|
+
__esDecorate(null, null, _showIndicators_decorators, { kind: "field", name: "showIndicators", static: false, private: false, access: { has: obj => "showIndicators" in obj, get: obj => obj.showIndicators, set: (obj, value) => { obj.showIndicators = value; } }, metadata: _metadata }, _showIndicators_initializers, _showIndicators_extraInitializers);
|
|
108
|
+
__esDecorate(null, null, _slidesPerView_decorators, { kind: "field", name: "slidesPerView", static: false, private: false, access: { has: obj => "slidesPerView" in obj, get: obj => obj.slidesPerView, set: (obj, value) => { obj.slidesPerView = value; } }, metadata: _metadata }, _slidesPerView_initializers, _slidesPerView_extraInitializers);
|
|
109
|
+
__esDecorate(null, null, _spaceBetween_decorators, { kind: "field", name: "spaceBetween", static: false, private: false, access: { has: obj => "spaceBetween" in obj, get: obj => obj.spaceBetween, set: (obj, value) => { obj.spaceBetween = value; } }, metadata: _metadata }, _spaceBetween_initializers, _spaceBetween_extraInitializers);
|
|
110
|
+
__esDecorate(null, null, _container_decorators, { kind: "field", name: "container", static: false, private: false, access: { has: obj => "container" in obj, get: obj => obj.container, set: (obj, value) => { obj.container = value; } }, metadata: _metadata }, _container_initializers, _container_extraInitializers);
|
|
111
|
+
__esDecorate(null, null, _slotElement_decorators, { kind: "field", name: "slotElement", static: false, private: false, access: { has: obj => "slotElement" in obj, get: obj => obj.slotElement, set: (obj, value) => { obj.slotElement = value; } }, metadata: _metadata }, _slotElement_initializers, _slotElement_extraInitializers);
|
|
112
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
113
|
+
_classThis = _classDescriptor.value;
|
|
114
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
115
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
116
|
+
}
|
|
117
|
+
init() {
|
|
118
|
+
this.updateSlideCount();
|
|
119
|
+
if (this.autoplay) {
|
|
120
|
+
this.play();
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
handleSlotChange() {
|
|
124
|
+
this.updateSlideCount();
|
|
125
|
+
}
|
|
126
|
+
cleanup() {
|
|
127
|
+
this.pause();
|
|
128
|
+
}
|
|
129
|
+
handleActiveIndexChange() {
|
|
130
|
+
this.updateTransform();
|
|
131
|
+
}
|
|
132
|
+
handleAutoplayChange() {
|
|
133
|
+
if (this.autoplay) {
|
|
134
|
+
this.play();
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
this.pause();
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
updateSlideCount() {
|
|
141
|
+
if (this.slotElement) {
|
|
142
|
+
this.slideCount = this.slotElement.assignedElements().length;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
updateTransform() {
|
|
146
|
+
if (!this.container)
|
|
147
|
+
return;
|
|
148
|
+
const slideWidth = 100 / this.slidesPerView;
|
|
149
|
+
const offset = -(this.activeIndex * slideWidth);
|
|
150
|
+
this.container.style.transform = `translateX(${offset}%)`;
|
|
151
|
+
}
|
|
152
|
+
dispatchSlideChange() {
|
|
153
|
+
return {
|
|
154
|
+
activeIndex: this.activeIndex,
|
|
155
|
+
previousIndex: this.previousIndex,
|
|
156
|
+
carousel: this
|
|
157
|
+
};
|
|
158
|
+
}
|
|
159
|
+
render() {
|
|
160
|
+
const canGoPrev = this.loop || this.activeIndex > 0;
|
|
161
|
+
const canGoNext = this.loop || this.activeIndex < this.slideCount - this.slidesPerView;
|
|
162
|
+
return html `
|
|
163
|
+
<div class="carousel" part="container">
|
|
164
|
+
<div class="carousel__viewport" part="viewport">
|
|
165
|
+
<div class="carousel__container" part="slides-container">
|
|
166
|
+
<slot></slot>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
|
|
170
|
+
<if ${this.showControls}>
|
|
171
|
+
<div class="carousel__controls" part="controls">
|
|
172
|
+
<button
|
|
173
|
+
class="carousel__button carousel__button--prev"
|
|
174
|
+
part="button-prev"
|
|
175
|
+
@click="${() => this.prev()}"
|
|
176
|
+
?disabled="${!canGoPrev}"
|
|
177
|
+
aria-label="Previous slide">
|
|
178
|
+
<span>‹</span>
|
|
179
|
+
</button>
|
|
180
|
+
<button
|
|
181
|
+
class="carousel__button carousel__button--next"
|
|
182
|
+
part="button-next"
|
|
183
|
+
@click="${() => this.next()}"
|
|
184
|
+
?disabled="${!canGoNext}"
|
|
185
|
+
aria-label="Next slide">
|
|
186
|
+
<span>›</span>
|
|
187
|
+
</button>
|
|
188
|
+
</div>
|
|
189
|
+
</if>
|
|
190
|
+
|
|
191
|
+
<if ${this.showIndicators}>
|
|
192
|
+
<div class="carousel__indicators" part="indicators">
|
|
193
|
+
${Array.from({ length: this.slideCount - this.slidesPerView + 1 }).map((_, index) => {
|
|
194
|
+
const indicatorClasses = [
|
|
195
|
+
'carousel__indicator',
|
|
196
|
+
index === this.activeIndex ? 'carousel__indicator--active' : ''
|
|
197
|
+
].filter(Boolean).join(' ');
|
|
198
|
+
return html `
|
|
199
|
+
<button
|
|
200
|
+
class="${indicatorClasses}"
|
|
201
|
+
part="indicator"
|
|
202
|
+
@click="${() => this.goToSlide(index)}"
|
|
203
|
+
aria-label="Go to slide ${index + 1}">
|
|
204
|
+
</button>
|
|
205
|
+
`;
|
|
206
|
+
})}
|
|
207
|
+
</div>
|
|
208
|
+
</if>
|
|
209
|
+
</div>
|
|
210
|
+
`;
|
|
211
|
+
}
|
|
212
|
+
styles() {
|
|
213
|
+
const slideWidth = 100 / this.slidesPerView;
|
|
214
|
+
const gapAdjustment = this.spaceBetween * (this.slidesPerView - 1) / this.slidesPerView;
|
|
215
|
+
return css /*css*/ `
|
|
216
|
+
${cssContent}
|
|
217
|
+
::slotted(*) {
|
|
218
|
+
flex: 0 0 auto;
|
|
219
|
+
width: calc(${slideWidth}% - ${gapAdjustment}px);
|
|
220
|
+
margin-right: ${this.spaceBetween}px;
|
|
221
|
+
box-sizing: border-box;
|
|
222
|
+
}
|
|
223
|
+
::slotted(*:last-child) {
|
|
224
|
+
margin-right: 0;
|
|
225
|
+
}
|
|
226
|
+
`;
|
|
227
|
+
}
|
|
228
|
+
// Public API
|
|
229
|
+
next() {
|
|
230
|
+
this.previousIndex = this.activeIndex;
|
|
231
|
+
if (this.activeIndex < this.slideCount - this.slidesPerView) {
|
|
232
|
+
this.activeIndex++;
|
|
233
|
+
}
|
|
234
|
+
else if (this.loop) {
|
|
235
|
+
this.activeIndex = 0;
|
|
236
|
+
}
|
|
237
|
+
this.dispatchSlideChange();
|
|
238
|
+
}
|
|
239
|
+
prev() {
|
|
240
|
+
this.previousIndex = this.activeIndex;
|
|
241
|
+
if (this.activeIndex > 0) {
|
|
242
|
+
this.activeIndex--;
|
|
243
|
+
}
|
|
244
|
+
else if (this.loop) {
|
|
245
|
+
this.activeIndex = this.slideCount - this.slidesPerView;
|
|
246
|
+
}
|
|
247
|
+
this.dispatchSlideChange();
|
|
248
|
+
}
|
|
249
|
+
goToSlide(index) {
|
|
250
|
+
if (index >= 0) {
|
|
251
|
+
// Allow setting any index - validation happens on render
|
|
252
|
+
this.previousIndex = this.activeIndex;
|
|
253
|
+
this.activeIndex = index;
|
|
254
|
+
this.dispatchSlideChange();
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
play() {
|
|
258
|
+
this.pause();
|
|
259
|
+
this.autoplayTimer = window.setInterval(() => {
|
|
260
|
+
if (this.autoplayDirection === 'forward') {
|
|
261
|
+
this.next();
|
|
262
|
+
}
|
|
263
|
+
else {
|
|
264
|
+
this.prev();
|
|
265
|
+
}
|
|
266
|
+
}, this.autoplayInterval);
|
|
267
|
+
}
|
|
268
|
+
pause() {
|
|
269
|
+
if (this.autoplayTimer) {
|
|
270
|
+
clearInterval(this.autoplayTimer);
|
|
271
|
+
this.autoplayTimer = undefined;
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
return _classThis;
|
|
276
|
+
})();
|
|
277
|
+
|
|
278
|
+
export { SniceCarousel };
|
|
279
|
+
//# sourceMappingURL=snice-carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-carousel.js","sources":["../../../components/carousel/snice-carousel.css?inline","../../../../components/carousel/snice-carousel.ts"],"sourcesContent":["export default \":host{display:block;position:relative;contain:layout style paint}.carousel{position:relative;width:100%;overflow:hidden}.carousel__viewport{overflow:hidden;width:100%}.carousel__container{display:flex;width:100%;transition:transform .3s}.carousel__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--spacing-md,1rem);pointer-events:none}.carousel__button{pointer-events:auto;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s;font-size:2rem;line-height:1;padding:0}.carousel__button span{display:block;transform:translateY(-.1em)}.carousel__button:hover{background:rgba(0,0,0,.7)}.carousel__button:disabled{opacity:.3;cursor:not-allowed}.carousel__indicators{display:flex;justify-content:center;gap:var(--spacing-xs,.5rem);margin-top:var(--spacing-md,1rem)}.carousel__indicator{width:.5rem;height:.5rem;border-radius:50%;border:none;background:var(--color-neutral-300,#d1d5db);cursor:pointer;padding:0;transition:background .2s}.carousel__indicator--active{background:var(--color-primary-500,#3b82f6)}.carousel__indicator:hover{background:var(--color-neutral-400,#9ca3af)}.carousel__indicator--active:hover{background:var(--color-primary-600,#2563eb)}\";",null],"names":[],"mappings":";;;AAAA,iBAAe,y0CAAy0C;;ICK30C,aAAa,GAAA,CAAA,MAAA;4BADzB,OAAO,CAAC,gBAAgB,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAE5C,YAAA,IAAA,CAAA,WAAW,IAFA,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAa,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAEV,CAAC,CAAA,CAAA;YAGf,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAG,KAAK,CAAA,CAAA;YAGhB,IAAA,CAAA,gBAAgB,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,EAAG,IAAI,CAAA,CAAA;YAGvB,IAAA,CAAA,iBAAiB,IAAA,iBAAA,CAAA,IAAA,EAAA,mCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,EAA8B,SAAS,CAAA,CAAA;YAGxD,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,oCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAG,IAAI,CAAA,CAAA;YAGX,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,EAAG,IAAI,CAAA,CAAA;YAGnB,IAAA,CAAA,cAAc,IAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,EAAG,IAAI,CAAA,CAAA;YAGrB,IAAA,CAAA,aAAa,IAAA,iBAAA,CAAA,IAAA,EAAA,iCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,EAAG,CAAC,CAAA,CAAA;YAGjB,IAAA,CAAA,YAAY,IAAA,iBAAA,CAAA,IAAA,EAAA,gCAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,EAAG,CAAC,CAAA,CAAA;AAGhB,YAAA,IAAA,CAAA,SAAS,IAAA,iBAAA,CAAA,IAAA,EAAA,+BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,EAAA,MAAA,CAAA,CAAA;AAGD,YAAA,IAAA,CAAA,WAAW,IAAA,iBAAA,CAAA,IAAA,EAAA,4BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,EAAA,MAAA,CAAA,CAAA;YAEX,IAAA,CAAA,UAAU,IAAA,iBAAA,CAAA,IAAA,EAAA,8BAAA,CAAA,EAAG,CAAC,CAAA;YAEd,IAAA,CAAA,aAAa,GAAG,CAAC;QAoL3B;;;uCAvNG,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAA;AAGrD,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;4CAG3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAA;AAG1D,YAAA,6BAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAA;AAG7C,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;wCAG3B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAA;0CAGvD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAA;yCAGzD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAA;wCAGxD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAA;qCAGtD,KAAK,CAAC,sBAAsB,CAAC,CAAA;uCAG7B,KAAK,CAAC,MAAM,CAAC,CAAA;AAOb,YAAA,gBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;4CAQP,EAAE,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;AAKpC,YAAA,mBAAA,GAAA,CAAA,OAAO,EAAE,CAAA;mDAKT,KAAK,CAAC,aAAa,CAAC,CAAA;gDAKpB,KAAK,CAAC,UAAU,CAAC,CAAA;AAuBjB,YAAA,+BAAA,GAAA,CAAA,QAAQ,CAAC,8BAA8B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;AAS3E,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAyDR,YAAA,kBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AA/GT,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAQJ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKhB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKP,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,yBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,uBAAuB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKvB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,sBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,oBAAoB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAuBpB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,+BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,qBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,mBAAmB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAS3B,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAyDN,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YArJN,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAGX,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,kBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,gBAAgB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAhB,gBAAgB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,8BAAA,EAAA,mCAAA,CAAA;YAGhB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,6BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,iBAAiB,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAjB,iBAAiB,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,+BAAA,EAAA,oCAAA,CAAA;YAGjB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,YAAY,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAZ,YAAY,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,0BAAA,EAAA,+BAAA,CAAA;YAGZ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,gBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,cAAc,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAd,cAAc,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,4BAAA,EAAA,iCAAA,CAAA;YAGd,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAb,aAAa,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,gCAAA,CAAA;YAGb,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,cAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,YAAY,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAZ,YAAY,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,0BAAA,EAAA,+BAAA,CAAA;YAGZ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,WAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,WAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,SAAS,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAT,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,4BAAA,CAAA;YAGT,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,uBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,aAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAQ,WAAW,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAX,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,8BAAA,CAAA;YAhCrB,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAuCX,IAAI,GAAA;YACF,IAAI,CAAC,gBAAgB,EAAE;AACvB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,IAAI,EAAE;YACb;QACF;QAGA,gBAAgB,GAAA;YACd,IAAI,CAAC,gBAAgB,EAAE;QACzB;QAGA,OAAO,GAAA;YACL,IAAI,CAAC,KAAK,EAAE;QACd;QAGA,uBAAuB,GAAA;YACrB,IAAI,CAAC,eAAe,EAAE;QACxB;QAGA,oBAAoB,GAAA;AAClB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,IAAI,EAAE;YACb;iBAAO;gBACL,IAAI,CAAC,KAAK,EAAE;YACd;QACF;QAEQ,gBAAgB,GAAA;AACtB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,MAAM;YAC9D;QACF;QAEQ,eAAe,GAAA;YACrB,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;AAErB,YAAA,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa;YAC3C,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;YAC/C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,MAAM,CAAA,EAAA,CAAI;QAC3D;QAGQ,mBAAmB,GAAA;YACzB,OAAO;gBACL,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;AACjC,gBAAA,QAAQ,EAAE;aACX;QACH;QAGA,MAAM,GAAA;YACJ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC;AACnD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa;AAEtF,YAAA,OAAO,IAAI,CAAA;;;;;;;;AAQD,YAAA,EAAA,IAAI,CAAC,YAAY,CAAA;;;;;AAKP,sBAAA,EAAA,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;AACd,yBAAA,EAAA,CAAC,SAAS,CAAA;;;;;;;AAOb,sBAAA,EAAA,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;AACd,yBAAA,EAAA,CAAC,SAAS,CAAA;;;;;;;AAOvB,YAAA,EAAA,IAAI,CAAC,cAAc,CAAA;;cAEnB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;AAClF,gBAAA,MAAM,gBAAgB,GAAG;oBACvB,qBAAqB;oBACrB,KAAK,KAAK,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG;iBAC9D,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAE3B,gBAAA,OAAO,IAAI,CAAA;;2BAEE,gBAAgB,CAAA;;AAEf,0BAAA,EAAA,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;AACX,0CAAA,EAAA,KAAK,GAAG,CAAC,CAAA;;eAEtC;AACH,YAAA,CAAC,CAAC;;;;KAIT;QACH;QAGA,MAAM,GAAA;AACJ,YAAA,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa;AAC3C,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa;YAEvF,OAAO,GAAG,SAAO;QACb,UAAU;;;AAGI,oBAAA,EAAA,UAAU,OAAO,aAAa,CAAA;AAC5B,sBAAA,EAAA,IAAI,CAAC,YAAY,CAAA;;;;;;KAMpC;QACH;;QAGA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW;AACrC,YAAA,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;gBAC3D,IAAI,CAAC,WAAW,EAAE;YACpB;AAAO,iBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACpB,gBAAA,IAAI,CAAC,WAAW,GAAG,CAAC;YACtB;YACA,IAAI,CAAC,mBAAmB,EAAE;QAC5B;QAEA,IAAI,GAAA;AACF,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW;AACrC,YAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;gBACxB,IAAI,CAAC,WAAW,EAAE;YACpB;AAAO,iBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa;YACzD;YACA,IAAI,CAAC,mBAAmB,EAAE;QAC5B;AAEA,QAAA,SAAS,CAAC,KAAa,EAAA;AACrB,YAAA,IAAI,KAAK,IAAI,CAAC,EAAE;;AAEd,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW;AACrC,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;gBACxB,IAAI,CAAC,mBAAmB,EAAE;YAC5B;QACF;QAEA,IAAI,GAAA;YACF,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;AAC3C,gBAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,SAAS,EAAE;oBACxC,IAAI,CAAC,IAAI,EAAE;gBACb;qBAAO;oBACL,IAAI,CAAC,IAAI,EAAE;gBACb;AACF,YAAA,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC;QAC3B;QAEA,KAAK,GAAA;AACH,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC;AACjC,gBAAA,IAAI,CAAC,aAAa,GAAG,SAAS;YAChC;QACF;;;;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export type CarouselAutoplayDirection = 'forward' | 'backward';
|
|
2
|
+
export interface SniceCarouselElement extends HTMLElement {
|
|
3
|
+
activeIndex: number;
|
|
4
|
+
autoplay: boolean;
|
|
5
|
+
autoplayInterval: number;
|
|
6
|
+
autoplayDirection: CarouselAutoplayDirection;
|
|
7
|
+
loop: boolean;
|
|
8
|
+
showControls: boolean;
|
|
9
|
+
showIndicators: boolean;
|
|
10
|
+
slidesPerView: number;
|
|
11
|
+
spaceBetween: number;
|
|
12
|
+
next(): void;
|
|
13
|
+
prev(): void;
|
|
14
|
+
goToSlide(index: number): void;
|
|
15
|
+
play(): void;
|
|
16
|
+
pause(): void;
|
|
17
|
+
}
|
|
18
|
+
export interface CarouselSlideChangeDetail {
|
|
19
|
+
activeIndex: number;
|
|
20
|
+
previousIndex: number;
|
|
21
|
+
carousel: SniceCarouselElement;
|
|
22
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import type { ChartType, ChartDataset, ChartOptions, SniceChartElement } from './snice-chart.types';
|
|
2
|
+
export declare class SniceChart extends HTMLElement implements SniceChartElement {
|
|
3
|
+
type: ChartType;
|
|
4
|
+
datasets: ChartDataset[];
|
|
5
|
+
labels: string[];
|
|
6
|
+
options: ChartOptions;
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
private hiddenDatasets;
|
|
10
|
+
private renderTrigger;
|
|
11
|
+
private canvasElement?;
|
|
12
|
+
private tooltipVisible;
|
|
13
|
+
private tooltipContent;
|
|
14
|
+
private tooltipX;
|
|
15
|
+
private tooltipY;
|
|
16
|
+
private canvas;
|
|
17
|
+
private ctx;
|
|
18
|
+
styles(): import("snice").CSSResult;
|
|
19
|
+
render(): import("snice").TemplateResult;
|
|
20
|
+
private renderLegend;
|
|
21
|
+
private initAndDrawChart;
|
|
22
|
+
private drawCartesianChart;
|
|
23
|
+
private drawGrid;
|
|
24
|
+
private drawAxes;
|
|
25
|
+
private drawDataset;
|
|
26
|
+
private drawLineDataset;
|
|
27
|
+
private drawAreaDataset;
|
|
28
|
+
private drawBarDataset;
|
|
29
|
+
private drawScatterDataset;
|
|
30
|
+
private drawPieChart;
|
|
31
|
+
private drawRadarChart;
|
|
32
|
+
private renderCartesianChartSVG;
|
|
33
|
+
private renderCartesianGridSVG;
|
|
34
|
+
private renderCartesianAxesSVG;
|
|
35
|
+
private renderDatasetSVG;
|
|
36
|
+
private renderLineDatasetSVG;
|
|
37
|
+
private renderAreaDatasetSVG;
|
|
38
|
+
private renderBarDatasetSVG;
|
|
39
|
+
private renderScatterDatasetSVG;
|
|
40
|
+
private renderBubbleDatasetSVG;
|
|
41
|
+
private renderPieChartSVG;
|
|
42
|
+
private renderRadarChartSVG;
|
|
43
|
+
private renderLineDataset;
|
|
44
|
+
private renderAreaDataset;
|
|
45
|
+
private renderBarDataset;
|
|
46
|
+
private renderBarChart;
|
|
47
|
+
private renderScatterDataset;
|
|
48
|
+
private renderBubbleDataset;
|
|
49
|
+
private renderPieChart;
|
|
50
|
+
private renderRadarChart;
|
|
51
|
+
private getDataPoints;
|
|
52
|
+
private getYAxisRange;
|
|
53
|
+
private getXAxisCount;
|
|
54
|
+
private getDatasetColor;
|
|
55
|
+
private handleLegendClick;
|
|
56
|
+
private showTooltip;
|
|
57
|
+
private hideTooltip;
|
|
58
|
+
refresh(): void;
|
|
59
|
+
update(datasets: ChartDataset[]): void;
|
|
60
|
+
addDataset(dataset: ChartDataset): void;
|
|
61
|
+
removeDataset(index: number): void;
|
|
62
|
+
toggleDataset(index: number): void;
|
|
63
|
+
exportImage(format?: 'png' | 'svg'): string;
|
|
64
|
+
getData(): {
|
|
65
|
+
datasets: ChartDataset[];
|
|
66
|
+
labels: string[];
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
declare global {
|
|
70
|
+
interface HTMLElementTagNameMap {
|
|
71
|
+
'snice-chart': SniceChart;
|
|
72
|
+
}
|
|
73
|
+
}
|