snice 2.5.4 → 3.2.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 +537 -869
- package/bin/templates/base/src/components/counter-button.ts +13 -26
- package/bin/templates/base/src/controllers/counter-controller.ts +3 -3
- package/dist/components/accordion/snice-accordion-item.d.ts +4 -5
- package/dist/components/accordion/snice-accordion-item.js +37 -39
- package/dist/components/accordion/snice-accordion-item.js.map +1 -1
- package/dist/components/accordion/snice-accordion.d.ts +5 -11
- package/dist/components/accordion/snice-accordion.js +51 -52
- package/dist/components/accordion/snice-accordion.js.map +1 -1
- package/dist/components/alert/snice-alert.d.ts +2 -6
- package/dist/components/alert/snice-alert.js +41 -56
- package/dist/components/alert/snice-alert.js.map +1 -1
- package/dist/components/avatar/snice-avatar.d.ts +2 -6
- package/dist/components/avatar/snice-avatar.js +64 -71
- package/dist/components/avatar/snice-avatar.js.map +1 -1
- package/dist/components/badge/snice-badge.d.ts +2 -3
- package/dist/components/badge/snice-badge.js +22 -23
- 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 +5 -12
- package/dist/components/breadcrumbs/snice-breadcrumbs.js +88 -89
- package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -1
- package/dist/components/button/snice-button.d.ts +3 -7
- package/dist/components/button/snice-button.js +37 -58
- package/dist/components/button/snice-button.js.map +1 -1
- package/dist/components/card/snice-card.d.ts +5 -8
- package/dist/components/card/snice-card.js +71 -56
- package/dist/components/card/snice-card.js.map +1 -1
- package/dist/components/checkbox/snice-checkbox.d.ts +4 -13
- package/dist/components/checkbox/snice-checkbox.js +66 -137
- package/dist/components/checkbox/snice-checkbox.js.map +1 -1
- package/dist/components/chip/snice-chip.d.ts +5 -11
- package/dist/components/chip/snice-chip.js +44 -47
- package/dist/components/chip/snice-chip.js.map +1 -1
- 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/date-picker/snice-date-picker.d.ts +11 -11
- package/dist/components/date-picker/snice-date-picker.js +134 -133
- package/dist/components/date-picker/snice-date-picker.js.map +1 -1
- package/dist/components/divider/snice-divider.d.ts +2 -4
- package/dist/components/divider/snice-divider.js +14 -22
- package/dist/components/divider/snice-divider.js.map +1 -1
- package/dist/components/drawer/snice-drawer.d.ts +4 -4
- package/dist/components/drawer/snice-drawer.js +25 -19
- 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 +45 -0
- package/dist/components/file-upload/snice-file-upload.js +394 -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/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 +8 -6
- package/dist/components/input/snice-input.js +122 -105
- package/dist/components/input/snice-input.js.map +1 -1
- 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 +4 -4
- package/dist/components/layout/snice-layout-blog.js +21 -19
- 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 +16 -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 +14 -7
- package/dist/components/layout/snice-layout-centered.js.map +1 -1
- package/dist/components/layout/snice-layout-dashboard.d.ts +5 -5
- package/dist/components/layout/snice-layout-dashboard.js +38 -30
- 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 +17 -10
- package/dist/components/layout/snice-layout-fullscreen.js.map +1 -1
- package/dist/components/layout/snice-layout-landing.d.ts +4 -4
- package/dist/components/layout/snice-layout-landing.js +21 -19
- 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 +17 -6
- package/dist/components/layout/snice-layout-minimal.js.map +1 -1
- package/dist/components/layout/snice-layout-sidebar.d.ts +5 -4
- package/dist/components/layout/snice-layout-sidebar.js +42 -20
- 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 +14 -7
- package/dist/components/layout/snice-layout-split.js.map +1 -1
- package/dist/components/layout/snice-layout.d.ts +4 -4
- package/dist/components/layout/snice-layout.js +16 -10
- 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/login/snice-login.d.ts +6 -11
- package/dist/components/login/snice-login.js +97 -71
- package/dist/components/login/snice-login.js.map +1 -1
- package/dist/components/modal/snice-modal.d.ts +5 -9
- package/dist/components/modal/snice-modal.js +47 -78
- package/dist/components/modal/snice-modal.js.map +1 -1
- package/dist/components/nav/snice-nav.d.ts +13 -7
- package/dist/components/nav/snice-nav.js +191 -100
- package/dist/components/nav/snice-nav.js.map +1 -1
- package/dist/components/nav/snice-nav.types.d.ts +3 -3
- package/dist/components/pagination/snice-pagination.d.ts +6 -7
- package/dist/components/pagination/snice-pagination.js +94 -81
- package/dist/components/pagination/snice-pagination.js.map +1 -1
- package/dist/components/progress/snice-progress.d.ts +2 -7
- package/dist/components/progress/snice-progress.js +41 -98
- package/dist/components/progress/snice-progress.js.map +1 -1
- package/dist/components/radio/snice-radio.d.ts +4 -4
- package/dist/components/radio/snice-radio.js +52 -44
- package/dist/components/radio/snice-radio.js.map +1 -1
- package/dist/components/select/snice-option.d.ts +2 -1
- package/dist/components/select/snice-option.js +12 -5
- package/dist/components/select/snice-option.js.map +1 -1
- package/dist/components/select/snice-select.d.ts +9 -21
- package/dist/components/select/snice-select.js +98 -170
- package/dist/components/select/snice-select.js.map +1 -1
- package/dist/components/skeleton/snice-skeleton.d.ts +2 -6
- package/dist/components/skeleton/snice-skeleton.js +18 -49
- 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/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 +38 -26
- package/dist/components/switch/snice-switch.js.map +1 -1
- package/dist/components/table/snice-cell-actions.d.ts +24 -0
- package/dist/components/table/snice-cell-actions.js +149 -0
- package/dist/components/table/snice-cell-actions.js.map +1 -0
- package/dist/components/table/snice-cell-boolean.d.ts +2 -2
- package/dist/components/table/snice-cell-boolean.js +13 -7
- package/dist/components/table/snice-cell-boolean.js.map +1 -1
- package/dist/components/table/snice-cell-color.d.ts +18 -0
- package/dist/components/table/snice-cell-color.js +149 -0
- package/dist/components/table/snice-cell-color.js.map +1 -0
- package/dist/components/table/snice-cell-currency.d.ts +24 -0
- package/dist/components/table/snice-cell-currency.js +235 -0
- package/dist/components/table/snice-cell-currency.js.map +1 -0
- package/dist/components/table/snice-cell-date.d.ts +2 -2
- package/dist/components/table/snice-cell-date.js +14 -8
- 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 +12 -6
- package/dist/components/table/snice-cell-duration.js.map +1 -1
- package/dist/components/table/snice-cell-email.d.ts +15 -0
- package/dist/components/table/snice-cell-email.js +125 -0
- package/dist/components/table/snice-cell-email.js.map +1 -0
- package/dist/components/table/snice-cell-filesize.d.ts +2 -2
- package/dist/components/table/snice-cell-filesize.js +12 -6
- package/dist/components/table/snice-cell-filesize.js.map +1 -1
- package/dist/components/table/snice-cell-image.d.ts +20 -0
- package/dist/components/table/snice-cell-image.js +162 -0
- package/dist/components/table/snice-cell-image.js.map +1 -0
- package/dist/components/table/snice-cell-json.d.ts +20 -0
- package/dist/components/table/snice-cell-json.js +186 -0
- package/dist/components/table/snice-cell-json.js.map +1 -0
- package/dist/components/table/snice-cell-link.d.ts +17 -0
- package/dist/components/table/snice-cell-link.js +142 -0
- package/dist/components/table/snice-cell-link.js.map +1 -0
- package/dist/components/table/snice-cell-location.d.ts +19 -0
- package/dist/components/table/snice-cell-location.js +185 -0
- package/dist/components/table/snice-cell-location.js.map +1 -0
- package/dist/components/table/snice-cell-number.d.ts +2 -2
- package/dist/components/table/snice-cell-number.js +12 -6
- package/dist/components/table/snice-cell-number.js.map +1 -1
- package/dist/components/table/snice-cell-percentage.d.ts +22 -0
- package/dist/components/table/snice-cell-percentage.js +208 -0
- package/dist/components/table/snice-cell-percentage.js.map +1 -0
- package/dist/components/table/snice-cell-phone.d.ts +18 -0
- package/dist/components/table/snice-cell-phone.js +153 -0
- package/dist/components/table/snice-cell-phone.js.map +1 -0
- package/dist/components/table/snice-cell-progress.d.ts +2 -2
- package/dist/components/table/snice-cell-progress.js +12 -6
- 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 +12 -6
- 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 +13 -7
- package/dist/components/table/snice-cell-sparkline.js.map +1 -1
- package/dist/components/table/snice-cell-status.d.ts +17 -0
- package/dist/components/table/snice-cell-status.js +144 -0
- package/dist/components/table/snice-cell-status.js.map +1 -0
- package/dist/components/table/snice-cell-tag.d.ts +16 -0
- package/dist/components/table/snice-cell-tag.js +131 -0
- package/dist/components/table/snice-cell-tag.js.map +1 -0
- package/dist/components/table/snice-cell-text.d.ts +2 -2
- package/dist/components/table/snice-cell-text.js +14 -8
- 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 +12 -6
- 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 +6 -3
- package/dist/components/table/snice-column.js.map +1 -1
- package/dist/components/table/snice-header.d.ts +5 -5
- package/dist/components/table/snice-header.js +60 -50
- 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 +18 -11
- 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 +15 -8
- package/dist/components/table/snice-rating.js.map +1 -1
- package/dist/components/table/snice-row.d.ts +17 -6
- package/dist/components/table/snice-row.js +95 -44
- package/dist/components/table/snice-row.js.map +1 -1
- package/dist/components/table/snice-table.d.ts +18 -10
- package/dist/components/table/snice-table.js +355 -173
- package/dist/components/table/snice-table.js.map +1 -1
- package/dist/components/table/snice-table.types.d.ts +101 -2
- package/dist/components/tabs/snice-tab-panel.d.ts +2 -2
- package/dist/components/tabs/snice-tab-panel.js +12 -6
- package/dist/components/tabs/snice-tab-panel.js.map +1 -1
- package/dist/components/tabs/snice-tab.d.ts +6 -5
- package/dist/components/tabs/snice-tab.js +36 -19
- package/dist/components/tabs/snice-tab.js.map +1 -1
- package/dist/components/tabs/snice-tabs.d.ts +5 -5
- package/dist/components/tabs/snice-tabs.js +38 -28
- package/dist/components/tabs/snice-tabs.js.map +1 -1
- 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 +7 -7
- package/dist/components/toast/snice-toast-container.js +19 -12
- package/dist/components/toast/snice-toast-container.js.map +1 -1
- package/dist/components/toast/snice-toast.d.ts +3 -15
- package/dist/components/toast/snice-toast.js +49 -108
- 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 +15 -8
- package/dist/components/tooltip/snice-tooltip.js.map +1 -1
- package/dist/context.d.ts +44 -0
- package/dist/element-ready.d.ts +40 -0
- package/dist/{types/element.d.ts → element.d.ts} +2 -8
- package/dist/{types/events.d.ts → events.d.ts} +0 -4
- package/dist/index.cjs +2556 -605
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +21 -0
- package/dist/index.esm.js +2535 -604
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +2556 -605
- package/dist/index.iife.js.map +1 -1
- package/dist/method-decorators.d.ts +121 -0
- package/dist/on.d.ts +59 -0
- package/dist/parts.d.ts +156 -0
- package/dist/render-debug.d.ts +27 -0
- package/dist/render-tracker.d.ts +14 -0
- package/dist/render.d.ts +96 -0
- package/dist/symbols.cjs +163 -0
- package/dist/symbols.cjs.map +1 -1
- package/dist/{types/symbols.d.ts → symbols.d.ts} +22 -0
- package/dist/symbols.esm.js +27 -3
- package/dist/symbols.esm.js.map +1 -1
- package/dist/template.d.ts +99 -0
- package/dist/transitions.cjs +219 -0
- package/dist/transitions.esm.js +2 -2
- package/dist/types/context.d.ts +48 -0
- package/dist/types/element-options.d.ts +26 -0
- package/dist/types/index.d.ts +25 -9
- package/dist/types/nav-context.d.ts +19 -0
- package/dist/types/{types/on-options.d.ts → on-options.d.ts} +2 -0
- package/dist/types/{types/placard.d.ts → placard.d.ts} +0 -1
- package/docs/ai/README.md +26 -0
- package/docs/ai/api.md +175 -0
- package/docs/ai/architecture.md +160 -0
- package/docs/ai/components/accordion.md +174 -0
- package/docs/ai/components/alert.md +77 -0
- package/docs/ai/components/avatar.md +61 -0
- package/docs/ai/components/badge.md +69 -0
- package/docs/ai/components/banner.md +84 -0
- package/docs/ai/components/breadcrumbs.md +74 -0
- package/docs/ai/components/button.md +75 -0
- package/docs/ai/components/card.md +61 -0
- package/docs/ai/components/checkbox.md +74 -0
- package/docs/ai/components/chip.md +73 -0
- package/docs/ai/components/color-display.md +48 -0
- package/docs/ai/components/color-picker.md +75 -0
- package/docs/ai/components/date-picker.md +75 -0
- package/docs/ai/components/divider.md +66 -0
- package/docs/ai/components/drawer.md +80 -0
- package/docs/ai/components/empty-state.md +72 -0
- package/docs/ai/components/file-upload.md +93 -0
- package/docs/ai/components/image.md +60 -0
- package/docs/ai/components/input.md +111 -0
- package/docs/ai/components/kpi.md +158 -0
- package/docs/ai/components/link.md +77 -0
- package/docs/ai/components/login.md +109 -0
- package/docs/ai/components/modal.md +67 -0
- package/docs/ai/components/nav.md +76 -0
- package/docs/ai/components/pagination.md +55 -0
- package/docs/ai/components/progress.md +72 -0
- package/docs/ai/components/radio.md +79 -0
- package/docs/ai/components/select.md +92 -0
- package/docs/ai/components/skeleton.md +57 -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/stepper.md +216 -0
- package/docs/ai/components/switch.md +53 -0
- package/docs/ai/components/table.md +227 -0
- package/docs/ai/components/tabs.md +83 -0
- package/docs/ai/components/textarea.md +87 -0
- package/docs/ai/components/timeline.md +77 -0
- package/docs/ai/components/toast.md +140 -0
- package/docs/ai/components/tooltip.md +146 -0
- package/docs/ai/patterns.md +244 -0
- package/docs/components/accordion.md +558 -0
- package/docs/components/banner.md +106 -0
- package/docs/components/color-display.md +96 -0
- package/docs/components/color-picker.md +81 -0
- package/docs/components/drawer.md +602 -0
- package/docs/components/empty-state.md +79 -0
- package/docs/components/file-upload.md +263 -0
- package/docs/components/image.md +110 -0
- package/docs/components/kpi.md +251 -0
- package/docs/components/link.md +229 -0
- package/docs/components/modal.md +558 -0
- package/docs/components/nav.md +239 -0
- package/docs/components/pagination.md +289 -0
- package/docs/components/select.md +599 -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/stepper.md +410 -0
- package/docs/components/switch.md +354 -0
- package/docs/components/tabs.md +546 -0
- package/docs/components/textarea.md +235 -0
- package/docs/components/timeline.md +192 -0
- package/docs/components/toast.md +506 -0
- package/docs/components/tooltip.md +523 -0
- package/docs/controllers.md +744 -0
- package/docs/elements.md +855 -0
- package/docs/events.md +807 -0
- package/docs/migration-v2-to-v3.md +569 -0
- package/docs/observe.md +588 -0
- package/docs/placards.md +401 -0
- package/docs/request-response.md +852 -0
- package/docs/routing.md +1186 -0
- package/package.json +11 -11
- package/dist/components/snice-cell-C9N6yGxQ.js +0 -4
- package/dist/components/snice-cell-C9N6yGxQ.js.map +0 -1
- package/dist/types/types/index.d.ts +0 -23
- /package/dist/{types/controller.d.ts → controller.d.ts} +0 -0
- /package/dist/{types/global.d.ts → global.d.ts} +0 -0
- /package/dist/{types/observe.d.ts → observe.d.ts} +0 -0
- /package/dist/{types/request-response.d.ts → request-response.d.ts} +0 -0
- /package/dist/{types/router.d.ts → router.d.ts} +0 -0
- /package/dist/{types/testing.d.ts → testing.d.ts} +0 -0
- /package/dist/{types/transitions.d.ts → transitions.d.ts} +0 -0
- /package/dist/types/{types/adopted-options.d.ts → adopted-options.d.ts} +0 -0
- /package/dist/types/{types/app-context.d.ts → app-context.d.ts} +0 -0
- /package/dist/types/{types/dispatch-options.d.ts → dispatch-options.d.ts} +0 -0
- /package/dist/types/{types/guard.d.ts → guard.d.ts} +0 -0
- /package/dist/types/{types/i-controller.d.ts → i-controller.d.ts} +0 -0
- /package/dist/types/{types/moved-options.d.ts → moved-options.d.ts} +0 -0
- /package/dist/types/{types/observe-options.d.ts → observe-options.d.ts} +0 -0
- /package/dist/types/{types/page-options.d.ts → page-options.d.ts} +0 -0
- /package/dist/types/{types/part-options.d.ts → part-options.d.ts} +0 -0
- /package/dist/types/{types/property-converter.d.ts → property-converter.d.ts} +0 -0
- /package/dist/types/{types/property-options.d.ts → property-options.d.ts} +0 -0
- /package/dist/types/{types/query-options.d.ts → query-options.d.ts} +0 -0
- /package/dist/types/{types/request-options.d.ts → request-options.d.ts} +0 -0
- /package/dist/types/{types/respond-options.d.ts → respond-options.d.ts} +0 -0
- /package/dist/types/{types/route-params.d.ts → route-params.d.ts} +0 -0
- /package/dist/types/{types/router-instance.d.ts → router-instance.d.ts} +0 -0
- /package/dist/types/{types/router-options.d.ts → router-options.d.ts} +0 -0
- /package/dist/types/{types/simple-array.d.ts → simple-array.d.ts} +0 -0
- /package/dist/types/{types/snice-element.d.ts → snice-element.d.ts} +0 -0
- /package/dist/types/{types/snice-global.d.ts → snice-global.d.ts} +0 -0
- /package/dist/types/{types/transition.d.ts → transition.d.ts} +0 -0
- /package/dist/{types/utils.d.ts → utils.d.ts} +0 -0
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from 'tslib';
|
|
2
|
+
import { element, property, styles, render, css, unsafeHTML, html } from 'snice';
|
|
3
|
+
|
|
4
|
+
var cssContent = ":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;vertical-align:middle}.sparkline{display:inline-block}.sparkline__svg{display:block}.sparkline--primary .sparkline__dot,.sparkline--primary .sparkline__line{stroke:var(--snice-color-primary,rgb(59 130 246))}.sparkline--primary .sparkline__area{fill:var(--snice-color-primary,rgb(59 130 246));opacity:.2}.sparkline--success .sparkline__dot,.sparkline--success .sparkline__line{stroke:var(--snice-color-success,rgb(22 163 74))}.sparkline--success .sparkline__area{fill:var(--snice-color-success,rgb(22 163 74));opacity:.2}.sparkline--warning .sparkline__dot,.sparkline--warning .sparkline__line{stroke:var(--snice-color-warning,rgb(245 158 11))}.sparkline--warning .sparkline__area{fill:var(--snice-color-warning,rgb(245 158 11));opacity:.2}.sparkline--danger .sparkline__dot,.sparkline--danger .sparkline__line{stroke:var(--snice-color-danger,rgb(220 38 38))}.sparkline--danger .sparkline__area{fill:var(--snice-color-danger,rgb(220 38 38));opacity:.2}.sparkline--muted .sparkline__dot,.sparkline--muted .sparkline__line{stroke:var(--snice-color-text-secondary,rgb(107 114 128))}.sparkline--muted .sparkline__area{fill:var(--snice-color-text-secondary,rgb(107 114 128));opacity:.2}.sparkline--primary .sparkline__bar{fill:var(--snice-color-primary,rgb(59 130 246))}.sparkline--success .sparkline__bar{fill:var(--snice-color-success,rgb(22 163 74))}.sparkline--warning .sparkline__bar{fill:var(--snice-color-warning,rgb(245 158 11))}.sparkline--danger .sparkline__bar{fill:var(--snice-color-danger,rgb(220 38 38))}.sparkline--muted .sparkline__bar{fill:var(--snice-color-text-secondary,rgb(107 114 128))}.sparkline--custom .sparkline__dot,.sparkline--custom .sparkline__line{stroke:var(--sparkline-custom-color)}.sparkline--custom .sparkline__area{fill:var(--sparkline-custom-color);opacity:.2}.sparkline--custom .sparkline__bar{fill:var(--sparkline-custom-color)}.sparkline__line,.sparkline__line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sparkline__area{stroke:none}.sparkline__dot{fill:white}.sparkline__bar{stroke:none}";
|
|
5
|
+
|
|
6
|
+
let SniceSparkline = (() => {
|
|
7
|
+
let _classDecorators = [element('snice-sparkline')];
|
|
8
|
+
let _classDescriptor;
|
|
9
|
+
let _classExtraInitializers = [];
|
|
10
|
+
let _classThis;
|
|
11
|
+
let _classSuper = HTMLElement;
|
|
12
|
+
let _instanceExtraInitializers = [];
|
|
13
|
+
let _data_decorators;
|
|
14
|
+
let _data_initializers = [];
|
|
15
|
+
let _data_extraInitializers = [];
|
|
16
|
+
let _type_decorators;
|
|
17
|
+
let _type_initializers = [];
|
|
18
|
+
let _type_extraInitializers = [];
|
|
19
|
+
let _color_decorators;
|
|
20
|
+
let _color_initializers = [];
|
|
21
|
+
let _color_extraInitializers = [];
|
|
22
|
+
let _customColor_decorators;
|
|
23
|
+
let _customColor_initializers = [];
|
|
24
|
+
let _customColor_extraInitializers = [];
|
|
25
|
+
let _width_decorators;
|
|
26
|
+
let _width_initializers = [];
|
|
27
|
+
let _width_extraInitializers = [];
|
|
28
|
+
let _height_decorators;
|
|
29
|
+
let _height_initializers = [];
|
|
30
|
+
let _height_extraInitializers = [];
|
|
31
|
+
let _strokeWidth_decorators;
|
|
32
|
+
let _strokeWidth_initializers = [];
|
|
33
|
+
let _strokeWidth_extraInitializers = [];
|
|
34
|
+
let _showDots_decorators;
|
|
35
|
+
let _showDots_initializers = [];
|
|
36
|
+
let _showDots_extraInitializers = [];
|
|
37
|
+
let _showArea_decorators;
|
|
38
|
+
let _showArea_initializers = [];
|
|
39
|
+
let _showArea_extraInitializers = [];
|
|
40
|
+
let _smooth_decorators;
|
|
41
|
+
let _smooth_initializers = [];
|
|
42
|
+
let _smooth_extraInitializers = [];
|
|
43
|
+
let _min_decorators;
|
|
44
|
+
let _min_initializers = [];
|
|
45
|
+
let _min_extraInitializers = [];
|
|
46
|
+
let _max_decorators;
|
|
47
|
+
let _max_initializers = [];
|
|
48
|
+
let _max_extraInitializers = [];
|
|
49
|
+
let _componentStyles_decorators;
|
|
50
|
+
let _renderContent_decorators;
|
|
51
|
+
(class extends _classSuper {
|
|
52
|
+
static { _classThis = this; }
|
|
53
|
+
static {
|
|
54
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
55
|
+
_data_decorators = [property({ type: Array })];
|
|
56
|
+
_type_decorators = [property({})];
|
|
57
|
+
_color_decorators = [property({})];
|
|
58
|
+
_customColor_decorators = [property({})];
|
|
59
|
+
_width_decorators = [property({ type: Number })];
|
|
60
|
+
_height_decorators = [property({ type: Number })];
|
|
61
|
+
_strokeWidth_decorators = [property({ type: Number })];
|
|
62
|
+
_showDots_decorators = [property({ type: Boolean })];
|
|
63
|
+
_showArea_decorators = [property({ type: Boolean })];
|
|
64
|
+
_smooth_decorators = [property({ type: Boolean })];
|
|
65
|
+
_min_decorators = [property({ type: Number })];
|
|
66
|
+
_max_decorators = [property({ type: Number })];
|
|
67
|
+
_componentStyles_decorators = [styles()];
|
|
68
|
+
_renderContent_decorators = [render()];
|
|
69
|
+
__esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
70
|
+
__esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
71
|
+
__esDecorate(null, null, _data_decorators, { kind: "field", name: "data", static: false, private: false, access: { has: obj => "data" in obj, get: obj => obj.data, set: (obj, value) => { obj.data = value; } }, metadata: _metadata }, _data_initializers, _data_extraInitializers);
|
|
72
|
+
__esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
|
|
73
|
+
__esDecorate(null, null, _color_decorators, { kind: "field", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
|
|
74
|
+
__esDecorate(null, null, _customColor_decorators, { kind: "field", name: "customColor", static: false, private: false, access: { has: obj => "customColor" in obj, get: obj => obj.customColor, set: (obj, value) => { obj.customColor = value; } }, metadata: _metadata }, _customColor_initializers, _customColor_extraInitializers);
|
|
75
|
+
__esDecorate(null, null, _width_decorators, { kind: "field", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
|
|
76
|
+
__esDecorate(null, null, _height_decorators, { kind: "field", name: "height", static: false, private: false, access: { has: obj => "height" in obj, get: obj => obj.height, set: (obj, value) => { obj.height = value; } }, metadata: _metadata }, _height_initializers, _height_extraInitializers);
|
|
77
|
+
__esDecorate(null, null, _strokeWidth_decorators, { kind: "field", name: "strokeWidth", static: false, private: false, access: { has: obj => "strokeWidth" in obj, get: obj => obj.strokeWidth, set: (obj, value) => { obj.strokeWidth = value; } }, metadata: _metadata }, _strokeWidth_initializers, _strokeWidth_extraInitializers);
|
|
78
|
+
__esDecorate(null, null, _showDots_decorators, { kind: "field", name: "showDots", static: false, private: false, access: { has: obj => "showDots" in obj, get: obj => obj.showDots, set: (obj, value) => { obj.showDots = value; } }, metadata: _metadata }, _showDots_initializers, _showDots_extraInitializers);
|
|
79
|
+
__esDecorate(null, null, _showArea_decorators, { kind: "field", name: "showArea", static: false, private: false, access: { has: obj => "showArea" in obj, get: obj => obj.showArea, set: (obj, value) => { obj.showArea = value; } }, metadata: _metadata }, _showArea_initializers, _showArea_extraInitializers);
|
|
80
|
+
__esDecorate(null, null, _smooth_decorators, { kind: "field", name: "smooth", static: false, private: false, access: { has: obj => "smooth" in obj, get: obj => obj.smooth, set: (obj, value) => { obj.smooth = value; } }, metadata: _metadata }, _smooth_initializers, _smooth_extraInitializers);
|
|
81
|
+
__esDecorate(null, null, _min_decorators, { kind: "field", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
|
|
82
|
+
__esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
|
|
83
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
84
|
+
_classThis = _classDescriptor.value;
|
|
85
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
86
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
87
|
+
}
|
|
88
|
+
componentStyles() {
|
|
89
|
+
return css `${cssContent}`;
|
|
90
|
+
}
|
|
91
|
+
getMinMax() {
|
|
92
|
+
if (this.data.length === 0) {
|
|
93
|
+
return { min: 0, max: 100 };
|
|
94
|
+
}
|
|
95
|
+
const dataMin = Math.min(...this.data);
|
|
96
|
+
const dataMax = Math.max(...this.data);
|
|
97
|
+
return {
|
|
98
|
+
min: this.min !== undefined ? this.min : dataMin,
|
|
99
|
+
max: this.max !== undefined ? this.max : dataMax
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
normalizeValue(value, min, max) {
|
|
103
|
+
if (max === min)
|
|
104
|
+
return 0.5;
|
|
105
|
+
return (value - min) / (max - min);
|
|
106
|
+
}
|
|
107
|
+
getSmoothPath(points) {
|
|
108
|
+
if (points.length < 2)
|
|
109
|
+
return '';
|
|
110
|
+
if (points.length === 2) {
|
|
111
|
+
return `M ${points[0].x},${points[0].y} L ${points[1].x},${points[1].y}`;
|
|
112
|
+
}
|
|
113
|
+
const tension = 0.3;
|
|
114
|
+
let path = `M ${points[0].x},${points[0].y}`;
|
|
115
|
+
for (let i = 0; i < points.length - 1; i++) {
|
|
116
|
+
const p0 = points[i === 0 ? 0 : i - 1];
|
|
117
|
+
const p1 = points[i];
|
|
118
|
+
const p2 = points[i + 1];
|
|
119
|
+
const p3 = points[i + 2] || p2;
|
|
120
|
+
const cp1x = p1.x + (p2.x - p0.x) * tension;
|
|
121
|
+
const cp1y = p1.y + (p2.y - p0.y) * tension;
|
|
122
|
+
const cp2x = p2.x - (p3.x - p1.x) * tension;
|
|
123
|
+
const cp2y = p2.y - (p3.y - p1.y) * tension;
|
|
124
|
+
path += ` C ${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`;
|
|
125
|
+
}
|
|
126
|
+
return path;
|
|
127
|
+
}
|
|
128
|
+
buildSVGString() {
|
|
129
|
+
if (this.data.length === 0) {
|
|
130
|
+
return `<svg class="sparkline__svg" width="${this.width}" height="${this.height}" viewBox="0 0 ${this.width} ${this.height}" part="svg"></svg>`;
|
|
131
|
+
}
|
|
132
|
+
const { min, max } = this.getMinMax();
|
|
133
|
+
// Calculate padding to prevent clipping
|
|
134
|
+
// Bars don't need stroke padding, just minimal padding for anti-aliasing
|
|
135
|
+
let padding;
|
|
136
|
+
if (this.type === 'bar') {
|
|
137
|
+
padding = 1;
|
|
138
|
+
}
|
|
139
|
+
else {
|
|
140
|
+
padding = this.showDots ? this.strokeWidth + 2 : this.strokeWidth + 1;
|
|
141
|
+
}
|
|
142
|
+
const drawWidth = this.width - (padding * 2);
|
|
143
|
+
const drawHeight = this.height - (padding * 2);
|
|
144
|
+
let svgContent = '';
|
|
145
|
+
if (this.type === 'bar') {
|
|
146
|
+
const barWidth = drawWidth / this.data.length;
|
|
147
|
+
const gap = barWidth * 0.2;
|
|
148
|
+
const actualBarWidth = barWidth - gap;
|
|
149
|
+
const bars = this.data.map((value, index) => {
|
|
150
|
+
const normalizedValue = this.normalizeValue(value, min, max);
|
|
151
|
+
const barHeight = normalizedValue * drawHeight;
|
|
152
|
+
const x = padding + (index * barWidth) + gap / 2;
|
|
153
|
+
const y = padding + drawHeight - barHeight;
|
|
154
|
+
return `<rect class="sparkline__bar" x="${x}" y="${y}" width="${actualBarWidth}" height="${barHeight}" part="bar"/>`;
|
|
155
|
+
}).join('');
|
|
156
|
+
svgContent = bars;
|
|
157
|
+
}
|
|
158
|
+
else {
|
|
159
|
+
// line or area type
|
|
160
|
+
const pointsArray = this.data.map((value, index) => {
|
|
161
|
+
const x = padding + (index / (this.data.length - 1)) * drawWidth;
|
|
162
|
+
const y = padding + drawHeight - this.normalizeValue(value, min, max) * drawHeight;
|
|
163
|
+
return { x, y };
|
|
164
|
+
});
|
|
165
|
+
const shouldShowArea = this.showArea || this.type === 'area';
|
|
166
|
+
let elements = '';
|
|
167
|
+
if (this.smooth) {
|
|
168
|
+
const pathData = this.getSmoothPath(pointsArray);
|
|
169
|
+
if (shouldShowArea) {
|
|
170
|
+
const areaPath = `${pathData} L ${padding + drawWidth},${padding + drawHeight} L ${padding},${padding + drawHeight} Z`;
|
|
171
|
+
elements += `<path class="sparkline__area" d="${areaPath}" part="area"/>`;
|
|
172
|
+
}
|
|
173
|
+
elements += `<path class="sparkline__line" d="${pathData}" stroke-width="${this.strokeWidth}" part="line"/>`;
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
const points = pointsArray.map(p => `${p.x},${p.y}`).join(' ');
|
|
177
|
+
if (shouldShowArea) {
|
|
178
|
+
const areaPoints = `${padding},${padding + drawHeight} ${points} ${padding + drawWidth},${padding + drawHeight}`;
|
|
179
|
+
elements += `<polygon class="sparkline__area" points="${areaPoints}" part="area"/>`;
|
|
180
|
+
}
|
|
181
|
+
elements += `<polyline class="sparkline__line" points="${points}" stroke-width="${this.strokeWidth}" part="line"/>`;
|
|
182
|
+
}
|
|
183
|
+
if (this.showDots) {
|
|
184
|
+
const dots = pointsArray.map(p => {
|
|
185
|
+
return `<circle class="sparkline__dot" cx="${p.x}" cy="${p.y}" r="${this.strokeWidth}" stroke-width="${this.strokeWidth / 2}" part="dot"/>`;
|
|
186
|
+
}).join('');
|
|
187
|
+
elements += dots;
|
|
188
|
+
}
|
|
189
|
+
svgContent = elements;
|
|
190
|
+
}
|
|
191
|
+
return `<svg class="sparkline__svg" width="${this.width}" height="${this.height}" viewBox="0 0 ${this.width} ${this.height}" part="svg">${svgContent}</svg>`;
|
|
192
|
+
}
|
|
193
|
+
renderContent() {
|
|
194
|
+
const containerClasses = [
|
|
195
|
+
'sparkline',
|
|
196
|
+
this.customColor ? 'sparkline--custom' : `sparkline--${this.color}`
|
|
197
|
+
].join(' ');
|
|
198
|
+
const customStyle = this.customColor ? `
|
|
199
|
+
--sparkline-custom-color: ${this.customColor};
|
|
200
|
+
` : '';
|
|
201
|
+
return html `
|
|
202
|
+
<div class="${containerClasses}" part="container" style="${customStyle}">
|
|
203
|
+
${unsafeHTML(this.buildSVGString())}
|
|
204
|
+
</div>
|
|
205
|
+
`;
|
|
206
|
+
}
|
|
207
|
+
constructor() {
|
|
208
|
+
super(...arguments);
|
|
209
|
+
this.data = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _data_initializers, []));
|
|
210
|
+
this.type = (__runInitializers(this, _data_extraInitializers), __runInitializers(this, _type_initializers, 'line'));
|
|
211
|
+
this.color = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _color_initializers, 'primary'));
|
|
212
|
+
this.customColor = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _customColor_initializers, void 0));
|
|
213
|
+
this.width = (__runInitializers(this, _customColor_extraInitializers), __runInitializers(this, _width_initializers, 100));
|
|
214
|
+
this.height = (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, 30));
|
|
215
|
+
this.strokeWidth = (__runInitializers(this, _height_extraInitializers), __runInitializers(this, _strokeWidth_initializers, 2));
|
|
216
|
+
this.showDots = (__runInitializers(this, _strokeWidth_extraInitializers), __runInitializers(this, _showDots_initializers, false));
|
|
217
|
+
this.showArea = (__runInitializers(this, _showDots_extraInitializers), __runInitializers(this, _showArea_initializers, false));
|
|
218
|
+
this.smooth = (__runInitializers(this, _showArea_extraInitializers), __runInitializers(this, _smooth_initializers, false));
|
|
219
|
+
this.min = (__runInitializers(this, _smooth_extraInitializers), __runInitializers(this, _min_initializers, void 0));
|
|
220
|
+
this.max = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, void 0));
|
|
221
|
+
__runInitializers(this, _max_extraInitializers);
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
return _classThis;
|
|
225
|
+
})();
|
|
226
|
+
|
|
227
|
+
export { SniceSparkline };
|
|
228
|
+
//# sourceMappingURL=snice-sparkline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-sparkline.js","sources":["../../../components/sparkline/snice-sparkline.css?inline","../../../../components/sparkline/snice-sparkline.ts"],"sourcesContent":["export default \":host{display:inline-block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;vertical-align:middle}.sparkline{display:inline-block}.sparkline__svg{display:block}.sparkline--primary .sparkline__dot,.sparkline--primary .sparkline__line{stroke:var(--snice-color-primary,rgb(59 130 246))}.sparkline--primary .sparkline__area{fill:var(--snice-color-primary,rgb(59 130 246));opacity:.2}.sparkline--success .sparkline__dot,.sparkline--success .sparkline__line{stroke:var(--snice-color-success,rgb(22 163 74))}.sparkline--success .sparkline__area{fill:var(--snice-color-success,rgb(22 163 74));opacity:.2}.sparkline--warning .sparkline__dot,.sparkline--warning .sparkline__line{stroke:var(--snice-color-warning,rgb(245 158 11))}.sparkline--warning .sparkline__area{fill:var(--snice-color-warning,rgb(245 158 11));opacity:.2}.sparkline--danger .sparkline__dot,.sparkline--danger .sparkline__line{stroke:var(--snice-color-danger,rgb(220 38 38))}.sparkline--danger .sparkline__area{fill:var(--snice-color-danger,rgb(220 38 38));opacity:.2}.sparkline--muted .sparkline__dot,.sparkline--muted .sparkline__line{stroke:var(--snice-color-text-secondary,rgb(107 114 128))}.sparkline--muted .sparkline__area{fill:var(--snice-color-text-secondary,rgb(107 114 128));opacity:.2}.sparkline--primary .sparkline__bar{fill:var(--snice-color-primary,rgb(59 130 246))}.sparkline--success .sparkline__bar{fill:var(--snice-color-success,rgb(22 163 74))}.sparkline--warning .sparkline__bar{fill:var(--snice-color-warning,rgb(245 158 11))}.sparkline--danger .sparkline__bar{fill:var(--snice-color-danger,rgb(220 38 38))}.sparkline--muted .sparkline__bar{fill:var(--snice-color-text-secondary,rgb(107 114 128))}.sparkline--custom .sparkline__dot,.sparkline--custom .sparkline__line{stroke:var(--sparkline-custom-color)}.sparkline--custom .sparkline__area{fill:var(--sparkline-custom-color);opacity:.2}.sparkline--custom .sparkline__bar{fill:var(--sparkline-custom-color)}.sparkline__line,.sparkline__line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sparkline__area{stroke:none}.sparkline__dot{fill:white}.sparkline__bar{stroke:none}\";",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type SparklineType = 'line' | 'bar' | 'area';
|
|
2
|
+
export type SparklineColor = 'primary' | 'success' | 'warning' | 'danger' | 'muted';
|
|
3
|
+
export interface SniceSparklineElement extends HTMLElement {
|
|
4
|
+
data: number[];
|
|
5
|
+
type: SparklineType;
|
|
6
|
+
color: SparklineColor;
|
|
7
|
+
customColor?: string;
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
strokeWidth: number;
|
|
11
|
+
showDots: boolean;
|
|
12
|
+
showArea: boolean;
|
|
13
|
+
smooth: boolean;
|
|
14
|
+
min?: number;
|
|
15
|
+
max?: number;
|
|
16
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { SpinnerSize, SpinnerColor, SniceSpinnerElement } from './snice-spinner.types';
|
|
2
|
+
export declare class SniceSpinner extends HTMLElement implements SniceSpinnerElement {
|
|
3
|
+
size: SpinnerSize;
|
|
4
|
+
color: SpinnerColor;
|
|
5
|
+
label: string;
|
|
6
|
+
thickness: number;
|
|
7
|
+
renderContent(): import("snice").TemplateResult;
|
|
8
|
+
componentStyles(): import("snice").CSSResult;
|
|
9
|
+
private getSizeValue;
|
|
10
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from 'tslib';
|
|
2
|
+
import { element, property, render, styles, html, css } from 'snice';
|
|
3
|
+
|
|
4
|
+
var cssContent = ":host{--spinner-size:2.5rem;--spinner-stroke:4px;--spinner-color:var(--snice-color-primary, rgb(59 130 246));display:inline-block;width:var(--spinner-size);height:var(--spinner-size);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}:host([size=small]){--spinner-size:1.5rem;--spinner-stroke:3px}:host([size=medium]){--spinner-size:2.5rem;--spinner-stroke:4px}:host([size=large]){--spinner-size:3.5rem;--spinner-stroke:5px}:host([size=xl]){--spinner-size:5rem;--spinner-stroke:6px}:host([color=primary]){--spinner-color:var(--snice-color-primary, rgb(59 130 246))}:host([color=success]){--spinner-color:var(--snice-color-success, rgb(16 185 129))}:host([color=warning]){--spinner-color:var(--snice-color-warning, rgb(245 158 11))}:host([color=error]){--spinner-color:var(--snice-color-danger, rgb(239 68 68))}:host([color=info]){--spinner-color:var(--snice-color-info, rgb(99 102 241))}.spinner{position:relative;width:100%;height:100%}.spinner__circle{transform:rotate(-90deg);width:100%;height:100%;animation:2s linear infinite spinner-rotate}.spinner__circle-bar,.spinner__circle-bg{fill:none;stroke-width:var(--spinner-stroke);shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}.spinner__circle-bg{stroke:var(--spinner-color);opacity:.2}.spinner__circle-bar{stroke:var(--spinner-color);stroke-linecap:round;animation:1.5s ease-in-out infinite spinner-dash}@keyframes spinner-rotate{100%{transform:rotate(270deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--snice-font-size-xs, .625rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--spinner-color);white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([size=small]) .spinner__label{font-size:.5rem}:host([size=medium]) .spinner__label{font-size:var(--snice-font-size-xs, .625rem)}:host([size=large]) .spinner__label{font-size:var(--snice-font-size-sm, .75rem)}:host([size=xl]) .spinner__label{font-size:var(--snice-font-size-sm, .875rem)}";
|
|
5
|
+
|
|
6
|
+
let SniceSpinner = (() => {
|
|
7
|
+
let _classDecorators = [element('snice-spinner')];
|
|
8
|
+
let _classDescriptor;
|
|
9
|
+
let _classExtraInitializers = [];
|
|
10
|
+
let _classThis;
|
|
11
|
+
let _classSuper = HTMLElement;
|
|
12
|
+
let _instanceExtraInitializers = [];
|
|
13
|
+
let _size_decorators;
|
|
14
|
+
let _size_initializers = [];
|
|
15
|
+
let _size_extraInitializers = [];
|
|
16
|
+
let _color_decorators;
|
|
17
|
+
let _color_initializers = [];
|
|
18
|
+
let _color_extraInitializers = [];
|
|
19
|
+
let _label_decorators;
|
|
20
|
+
let _label_initializers = [];
|
|
21
|
+
let _label_extraInitializers = [];
|
|
22
|
+
let _thickness_decorators;
|
|
23
|
+
let _thickness_initializers = [];
|
|
24
|
+
let _thickness_extraInitializers = [];
|
|
25
|
+
let _renderContent_decorators;
|
|
26
|
+
let _componentStyles_decorators;
|
|
27
|
+
(class extends _classSuper {
|
|
28
|
+
static { _classThis = this; }
|
|
29
|
+
static {
|
|
30
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
31
|
+
_size_decorators = [property({})];
|
|
32
|
+
_color_decorators = [property({})];
|
|
33
|
+
_label_decorators = [property({})];
|
|
34
|
+
_thickness_decorators = [property({ type: Number, })];
|
|
35
|
+
_renderContent_decorators = [render()];
|
|
36
|
+
_componentStyles_decorators = [styles()];
|
|
37
|
+
__esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
38
|
+
__esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
39
|
+
__esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
|
|
40
|
+
__esDecorate(null, null, _color_decorators, { kind: "field", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
|
|
41
|
+
__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
|
|
42
|
+
__esDecorate(null, null, _thickness_decorators, { kind: "field", name: "thickness", static: false, private: false, access: { has: obj => "thickness" in obj, get: obj => obj.thickness, set: (obj, value) => { obj.thickness = value; } }, metadata: _metadata }, _thickness_initializers, _thickness_extraInitializers);
|
|
43
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
44
|
+
_classThis = _classDescriptor.value;
|
|
45
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
46
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
47
|
+
}
|
|
48
|
+
renderContent() {
|
|
49
|
+
const size = this.getSizeValue();
|
|
50
|
+
const strokeWidth = this.thickness;
|
|
51
|
+
const radius = (size - strokeWidth * 2) / 2;
|
|
52
|
+
const circumference = radius * 2 * Math.PI;
|
|
53
|
+
const cx = size / 2;
|
|
54
|
+
const cy = size / 2;
|
|
55
|
+
const viewBox = `0 0 ${size} ${size}`;
|
|
56
|
+
return html `
|
|
57
|
+
<div class="spinner" role="status" aria-label="${this.label || 'Loading'}">
|
|
58
|
+
<svg
|
|
59
|
+
class="spinner__circle"
|
|
60
|
+
viewBox="${viewBox}"
|
|
61
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
62
|
+
>
|
|
63
|
+
<circle
|
|
64
|
+
class="spinner__circle-bg"
|
|
65
|
+
cx="${cx}"
|
|
66
|
+
cy="${cy}"
|
|
67
|
+
r="${radius}"
|
|
68
|
+
></circle>
|
|
69
|
+
<circle
|
|
70
|
+
class="spinner__circle-bar"
|
|
71
|
+
cx="${cx}"
|
|
72
|
+
cy="${cy}"
|
|
73
|
+
r="${radius}"
|
|
74
|
+
stroke-dasharray="${circumference}"
|
|
75
|
+
stroke-dashoffset="0"
|
|
76
|
+
></circle>
|
|
77
|
+
</svg>
|
|
78
|
+
<if ${this.label}>
|
|
79
|
+
<span class="spinner__label">${this.label}</span>
|
|
80
|
+
</if>
|
|
81
|
+
</div>
|
|
82
|
+
`;
|
|
83
|
+
}
|
|
84
|
+
componentStyles() {
|
|
85
|
+
return css `${cssContent}`;
|
|
86
|
+
}
|
|
87
|
+
getSizeValue() {
|
|
88
|
+
switch (this.size) {
|
|
89
|
+
case 'small': return 24;
|
|
90
|
+
case 'medium': return 40;
|
|
91
|
+
case 'large': return 56;
|
|
92
|
+
case 'xl': return 80;
|
|
93
|
+
default: return 40;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
constructor() {
|
|
97
|
+
super(...arguments);
|
|
98
|
+
this.size = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _size_initializers, 'medium'));
|
|
99
|
+
this.color = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, 'primary'));
|
|
100
|
+
this.label = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _label_initializers, ''));
|
|
101
|
+
this.thickness = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _thickness_initializers, 4));
|
|
102
|
+
__runInitializers(this, _thickness_extraInitializers);
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
return _classThis;
|
|
106
|
+
})();
|
|
107
|
+
|
|
108
|
+
export { SniceSpinner };
|
|
109
|
+
//# sourceMappingURL=snice-spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-spinner.js","sources":["../../../components/spinner/snice-spinner.css?inline","../../../../components/spinner/snice-spinner.ts"],"sourcesContent":["export default \":host{--spinner-size:2.5rem;--spinner-stroke:4px;--spinner-color:var(--snice-color-primary, rgb(59 130 246));display:inline-block;width:var(--spinner-size);height:var(--spinner-size);font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}:host([size=small]){--spinner-size:1.5rem;--spinner-stroke:3px}:host([size=medium]){--spinner-size:2.5rem;--spinner-stroke:4px}:host([size=large]){--spinner-size:3.5rem;--spinner-stroke:5px}:host([size=xl]){--spinner-size:5rem;--spinner-stroke:6px}:host([color=primary]){--spinner-color:var(--snice-color-primary, rgb(59 130 246))}:host([color=success]){--spinner-color:var(--snice-color-success, rgb(16 185 129))}:host([color=warning]){--spinner-color:var(--snice-color-warning, rgb(245 158 11))}:host([color=error]){--spinner-color:var(--snice-color-danger, rgb(239 68 68))}:host([color=info]){--spinner-color:var(--snice-color-info, rgb(99 102 241))}.spinner{position:relative;width:100%;height:100%}.spinner__circle{transform:rotate(-90deg);width:100%;height:100%;animation:2s linear infinite spinner-rotate}.spinner__circle-bar,.spinner__circle-bg{fill:none;stroke-width:var(--spinner-stroke);shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}.spinner__circle-bg{stroke:var(--spinner-color);opacity:.2}.spinner__circle-bar{stroke:var(--spinner-color);stroke-linecap:round;animation:1.5s ease-in-out infinite spinner-dash}@keyframes spinner-rotate{100%{transform:rotate(270deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--snice-font-size-xs, .625rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--spinner-color);white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([size=small]) .spinner__label{font-size:.5rem}:host([size=medium]) .spinner__label{font-size:var(--snice-font-size-xs, .625rem)}:host([size=large]) .spinner__label{font-size:var(--snice-font-size-sm, .75rem)}:host([size=xl]) .spinner__label{font-size:var(--snice-font-size-sm, .875rem)}\";",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type SpinnerSize = 'small' | 'medium' | 'large' | 'xl';
|
|
2
|
+
export type SpinnerColor = 'primary' | 'success' | 'warning' | 'error' | 'info';
|
|
3
|
+
export interface SniceSpinnerElement extends HTMLElement {
|
|
4
|
+
size: SpinnerSize;
|
|
5
|
+
color: SpinnerColor;
|
|
6
|
+
label: string;
|
|
7
|
+
thickness: number;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SniceStepperPanelElement } from './snice-stepper-panel.types';
|
|
2
|
+
export declare class SniceStepperPanel extends HTMLElement implements SniceStepperPanelElement {
|
|
3
|
+
index: number;
|
|
4
|
+
active: boolean;
|
|
5
|
+
updateActiveAttribute(): void;
|
|
6
|
+
componentStyles(): import("snice").CSSResult;
|
|
7
|
+
renderContent(): import("snice").TemplateResult;
|
|
8
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from 'tslib';
|
|
2
|
+
import { element, property, watch, styles, render, css, html } from 'snice';
|
|
3
|
+
|
|
4
|
+
var cssContent = ":host{display:none;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([active]){display:block}.panel{padding:var(--snice-spacing-md,1rem)}";
|
|
5
|
+
|
|
6
|
+
let SniceStepperPanel = (() => {
|
|
7
|
+
let _classDecorators = [element('snice-stepper-panel')];
|
|
8
|
+
let _classDescriptor;
|
|
9
|
+
let _classExtraInitializers = [];
|
|
10
|
+
let _classThis;
|
|
11
|
+
let _classSuper = HTMLElement;
|
|
12
|
+
let _instanceExtraInitializers = [];
|
|
13
|
+
let _index_decorators;
|
|
14
|
+
let _index_initializers = [];
|
|
15
|
+
let _index_extraInitializers = [];
|
|
16
|
+
let _active_decorators;
|
|
17
|
+
let _active_initializers = [];
|
|
18
|
+
let _active_extraInitializers = [];
|
|
19
|
+
let _updateActiveAttribute_decorators;
|
|
20
|
+
let _componentStyles_decorators;
|
|
21
|
+
let _renderContent_decorators;
|
|
22
|
+
(class extends _classSuper {
|
|
23
|
+
static { _classThis = this; }
|
|
24
|
+
static {
|
|
25
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
26
|
+
_index_decorators = [property({ type: Number })];
|
|
27
|
+
_active_decorators = [property({ type: Boolean })];
|
|
28
|
+
_updateActiveAttribute_decorators = [watch('active')];
|
|
29
|
+
_componentStyles_decorators = [styles()];
|
|
30
|
+
_renderContent_decorators = [render()];
|
|
31
|
+
__esDecorate(this, null, _updateActiveAttribute_decorators, { kind: "method", name: "updateActiveAttribute", static: false, private: false, access: { has: obj => "updateActiveAttribute" in obj, get: obj => obj.updateActiveAttribute }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
32
|
+
__esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
33
|
+
__esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
34
|
+
__esDecorate(null, null, _index_decorators, { kind: "field", name: "index", static: false, private: false, access: { has: obj => "index" in obj, get: obj => obj.index, set: (obj, value) => { obj.index = value; } }, metadata: _metadata }, _index_initializers, _index_extraInitializers);
|
|
35
|
+
__esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
|
|
36
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
37
|
+
_classThis = _classDescriptor.value;
|
|
38
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
39
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
40
|
+
}
|
|
41
|
+
updateActiveAttribute() {
|
|
42
|
+
if (this.active) {
|
|
43
|
+
this.setAttribute('active', '');
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.removeAttribute('active');
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
componentStyles() {
|
|
50
|
+
return css `${cssContent}`;
|
|
51
|
+
}
|
|
52
|
+
renderContent() {
|
|
53
|
+
return html `
|
|
54
|
+
<div class="panel" part="panel">
|
|
55
|
+
<slot></slot>
|
|
56
|
+
</div>
|
|
57
|
+
`;
|
|
58
|
+
}
|
|
59
|
+
constructor() {
|
|
60
|
+
super(...arguments);
|
|
61
|
+
this.index = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _index_initializers, 0));
|
|
62
|
+
this.active = (__runInitializers(this, _index_extraInitializers), __runInitializers(this, _active_initializers, false));
|
|
63
|
+
__runInitializers(this, _active_extraInitializers);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
return _classThis;
|
|
67
|
+
})();
|
|
68
|
+
|
|
69
|
+
export { SniceStepperPanel };
|
|
70
|
+
//# sourceMappingURL=snice-stepper-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-stepper-panel.js","sources":["../../../components/stepper/snice-stepper-panel.css?inline","../../../../components/stepper/snice-stepper-panel.ts"],"sourcesContent":["export default \":host{display:none;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([active]){display:block}.panel{padding:var(--snice-spacing-md,1rem)}\";",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Step, StepperOrientation, SniceStepperElement } from './snice-stepper.types';
|
|
2
|
+
import type { SniceStepperPanelElement } from './snice-stepper-panel.types';
|
|
3
|
+
export declare class SniceStepper extends HTMLElement implements SniceStepperElement {
|
|
4
|
+
steps: Step[];
|
|
5
|
+
currentStep: number;
|
|
6
|
+
orientation: StepperOrientation;
|
|
7
|
+
clickable: boolean;
|
|
8
|
+
panels?: NodeListOf<SniceStepperPanelElement>;
|
|
9
|
+
init(): void;
|
|
10
|
+
componentStyles(): import("snice").CSSResult;
|
|
11
|
+
private getStepStatus;
|
|
12
|
+
private handleStepClick;
|
|
13
|
+
updatePanels(): void;
|
|
14
|
+
renderContent(): import("snice").TemplateResult;
|
|
15
|
+
}
|