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 @@
|
|
|
1
|
+
{"version":3,"file":"snice-timeline.js","sources":["../../../components/timeline/snice-timeline.css?inline","../../../../components/timeline/snice-timeline.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.timeline{position:relative;padding:0;margin:0}.timeline--vertical{display:flex;flex-direction:column;gap:0}.timeline--vertical .timeline-item{display:flex;position:relative;padding-bottom:var(--snice-spacing-xl,2rem)}.timeline--vertical .timeline-item:last-child{padding-bottom:0}.timeline--vertical .timeline-item::before{content:'';position:absolute;left:.625rem;top:var(--snice-spacing-xl,2rem);bottom:var(--snice-spacing-xs,-.5rem);width:2px;background:var(--snice-color-border,rgb(226 226 226))}.timeline--vertical .timeline-item:last-child::before{display:none}.timeline--vertical.timeline--left .timeline-item{padding-left:var(--snice-spacing-2xl,2.5rem)}.timeline--vertical.timeline--left .timeline-item__marker{left:0}.timeline--vertical.timeline--right .timeline-item{padding-right:var(--snice-spacing-2xl,2.5rem);flex-direction:row-reverse}.timeline--vertical.timeline--right .timeline-item__marker{right:0}.timeline--vertical.timeline--right .timeline-item::before{left:auto;right:.625rem}.timeline--vertical.timeline--right .timeline-item__content{text-align:right}.timeline--vertical.timeline--alternate{padding:0 var(--snice-spacing-2xl,2.5rem)}.timeline--vertical.timeline--alternate .timeline-item{padding-left:var(--snice-spacing-2xl,2.5rem);padding-right:0}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n){padding-left:0;padding-right:var(--snice-spacing-2xl,2.5rem);flex-direction:row-reverse}.timeline--vertical.timeline--alternate .timeline-item__marker{left:calc(-1 * var(--snice-spacing-2xl,2.5rem))}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n) .timeline-item__marker{left:auto;right:calc(-1 * var(--snice-spacing-2xl,2.5rem))}.timeline--vertical.timeline--alternate .timeline-item::before{left:calc(-1 * var(--snice-spacing-2xl,2.5rem) + .625rem)}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n)::before{left:auto;right:calc(-1 * var(--snice-spacing-2xl,2.5rem) + .625rem)}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n) .timeline-item__content{text-align:right}.timeline--horizontal{display:flex;flex-direction:row;gap:var(--snice-spacing-xl,2rem);padding-top:var(--snice-spacing-2xl,2.5rem);overflow-x:auto}.timeline--horizontal .timeline-item{display:flex;flex-direction:column;position:relative;min-width:200px}.timeline--horizontal .timeline-item::before{content:'';position:absolute;left:var(--snice-spacing-xl,2rem);right:calc(-1 * var(--snice-spacing-xl,2rem));top:.625rem;height:2px;background:var(--snice-color-border,rgb(226 226 226))}.timeline--horizontal .timeline-item:last-child::before{display:none}.timeline--horizontal .timeline-item__marker{top:0;left:0}.timeline--horizontal .timeline-item__content{padding-top:var(--snice-spacing-xl,2rem)}.timeline--reverse.timeline--vertical{flex-direction:column-reverse}.timeline--reverse.timeline--horizontal{flex-direction:row-reverse}.timeline-item__marker{position:absolute;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--snice-color-background,rgb(255 255 255));border:2px solid var(--snice-color-border,rgb(226 226 226));z-index:1}.timeline-item__icon{font-size:var(--snice-font-size-xs, .75rem);line-height:1;color:var(--snice-color-text,rgb(23 23 23))}.timeline-item--default .timeline-item__marker{border-color:var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background,rgb(255 255 255))}.timeline-item--success .timeline-item__marker{border-color:var(--snice-color-success,rgb(22 163 74));background:var(--snice-color-success-light,rgb(209 250 229))}.timeline-item--success .timeline-item__icon{color:var(--snice-color-success,rgb(22 163 74))}.timeline-item--warning .timeline-item__marker{border-color:var(--snice-color-warning,rgb(245 158 11));background:var(--snice-color-warning-light,rgb(254 243 199))}.timeline-item--warning .timeline-item__icon{color:var(--snice-color-warning,rgb(245 158 11))}.timeline-item--error .timeline-item__marker{border-color:var(--snice-color-danger,rgb(220 38 38));background:var(--snice-color-danger-light,rgb(254 226 226))}.timeline-item--error .timeline-item__icon{color:var(--snice-color-danger,rgb(220 38 38))}.timeline-item--info .timeline-item__marker{border-color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-info-light,rgb(219 234 254))}.timeline-item--info .timeline-item__icon{color:var(--snice-color-primary,rgb(37 99 235))}.timeline-item__content{flex:1}.timeline-item__timestamp{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin-bottom:var(--snice-spacing-2xs,.25rem)}.timeline-item__title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.timeline-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}\";",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type TimelineOrientation = 'vertical' | 'horizontal';
|
|
2
|
+
export type TimelinePosition = 'left' | 'right' | 'alternate';
|
|
3
|
+
export type TimelineItemVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
4
|
+
export interface TimelineItem {
|
|
5
|
+
timestamp?: string;
|
|
6
|
+
title: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
variant?: TimelineItemVariant;
|
|
10
|
+
}
|
|
11
|
+
export interface SniceTimelineElement extends HTMLElement {
|
|
12
|
+
orientation: TimelineOrientation;
|
|
13
|
+
position: TimelinePosition;
|
|
14
|
+
items: TimelineItem[];
|
|
15
|
+
reverse: boolean;
|
|
16
|
+
}
|
|
@@ -4,8 +4,8 @@ export declare class SniceToastContainer extends HTMLElement implements SniceToa
|
|
|
4
4
|
position: ToastPosition;
|
|
5
5
|
private toastIdCounter;
|
|
6
6
|
private toasts;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
renderContent(): import("snice").TemplateResult;
|
|
8
|
+
componentStyles(): import("snice").CSSResult;
|
|
9
9
|
init(): void;
|
|
10
10
|
cleanup(): void;
|
|
11
11
|
show(message: string, options?: ToastOptions): string;
|
|
@@ -14,11 +14,11 @@ export declare class SniceToastContainer extends HTMLElement implements SniceToa
|
|
|
14
14
|
}
|
|
15
15
|
export declare class Toast {
|
|
16
16
|
private static ensureContainer;
|
|
17
|
-
static show(message: string, options?: ToastOptions): string
|
|
18
|
-
static success(message: string, options?: ToastOptions): string
|
|
19
|
-
static error(message: string, options?: ToastOptions): string
|
|
20
|
-
static warning(message: string, options?: ToastOptions): string
|
|
21
|
-
static info(message: string, options?: ToastOptions): string
|
|
17
|
+
static show(message: string, options?: ToastOptions): Promise<string>;
|
|
18
|
+
static success(message: string, options?: ToastOptions): Promise<string>;
|
|
19
|
+
static error(message: string, options?: ToastOptions): Promise<string>;
|
|
20
|
+
static warning(message: string, options?: ToastOptions): Promise<string>;
|
|
21
|
+
static info(message: string, options?: ToastOptions): Promise<string>;
|
|
22
22
|
static hide(id: string): void;
|
|
23
23
|
static clear(): void;
|
|
24
24
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __runInitializers, __esDecorate } from 'tslib';
|
|
2
|
-
import { element, property, ready, dispose } from 'snice';
|
|
2
|
+
import { element, property, render, styles, ready, dispose, html, css } from 'snice';
|
|
3
3
|
import { getSymbol } from '../symbols.js';
|
|
4
4
|
import './snice-toast.js';
|
|
5
5
|
|
|
@@ -19,6 +19,8 @@ let SniceToastContainer = (() => {
|
|
|
19
19
|
let _position_decorators;
|
|
20
20
|
let _position_initializers = [];
|
|
21
21
|
let _position_extraInitializers = [];
|
|
22
|
+
let _renderContent_decorators;
|
|
23
|
+
let _componentStyles_decorators;
|
|
22
24
|
let _init_decorators;
|
|
23
25
|
let _cleanup_decorators;
|
|
24
26
|
(class extends _classSuper {
|
|
@@ -32,8 +34,12 @@ let SniceToastContainer = (() => {
|
|
|
32
34
|
static {
|
|
33
35
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
34
36
|
_position_decorators = [property({})];
|
|
37
|
+
_renderContent_decorators = [render()];
|
|
38
|
+
_componentStyles_decorators = [styles()];
|
|
35
39
|
_init_decorators = [ready()];
|
|
36
40
|
_cleanup_decorators = [dispose()];
|
|
41
|
+
__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);
|
|
42
|
+
__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);
|
|
37
43
|
__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);
|
|
38
44
|
__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);
|
|
39
45
|
__esDecorate(null, null, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
|
|
@@ -42,13 +48,13 @@ let SniceToastContainer = (() => {
|
|
|
42
48
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
43
49
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
44
50
|
}
|
|
45
|
-
|
|
46
|
-
return /*html*/ `
|
|
51
|
+
renderContent() {
|
|
52
|
+
return html /*html*/ `
|
|
47
53
|
<div class="toast-wrapper"></div>
|
|
48
54
|
`;
|
|
49
55
|
}
|
|
50
|
-
|
|
51
|
-
return /*css*/ `
|
|
56
|
+
componentStyles() {
|
|
57
|
+
return css /*css*/ `
|
|
52
58
|
:host {
|
|
53
59
|
position: fixed;
|
|
54
60
|
z-index: 10000;
|
|
@@ -195,20 +201,21 @@ class Toast {
|
|
|
195
201
|
document.body.appendChild(container);
|
|
196
202
|
return container;
|
|
197
203
|
}
|
|
198
|
-
static show(message, options = {}) {
|
|
204
|
+
static async show(message, options = {}) {
|
|
199
205
|
const container = Toast.ensureContainer(options.position);
|
|
206
|
+
await container.ready;
|
|
200
207
|
return container.show(message, options);
|
|
201
208
|
}
|
|
202
|
-
static success(message, options = {}) {
|
|
209
|
+
static async success(message, options = {}) {
|
|
203
210
|
return Toast.show(message, { ...options, type: 'success' });
|
|
204
211
|
}
|
|
205
|
-
static error(message, options = {}) {
|
|
212
|
+
static async error(message, options = {}) {
|
|
206
213
|
return Toast.show(message, { ...options, type: 'error' });
|
|
207
214
|
}
|
|
208
|
-
static warning(message, options = {}) {
|
|
215
|
+
static async warning(message, options = {}) {
|
|
209
216
|
return Toast.show(message, { ...options, type: 'warning' });
|
|
210
217
|
}
|
|
211
|
-
static info(message, options = {}) {
|
|
218
|
+
static async info(message, options = {}) {
|
|
212
219
|
return Toast.show(message, { ...options, type: 'info' });
|
|
213
220
|
}
|
|
214
221
|
static hide(id) {
|
|
@@ -228,11 +235,11 @@ class Toast {
|
|
|
228
235
|
function initializeGlobalEventListener() {
|
|
229
236
|
if (globalThis[TOAST_LISTENER_INITIALIZED])
|
|
230
237
|
return;
|
|
231
|
-
document.documentElement.addEventListener(TOAST_EVENT_SHOW, (event) => {
|
|
238
|
+
document.documentElement.addEventListener(TOAST_EVENT_SHOW, async (event) => {
|
|
232
239
|
const customEvent = event;
|
|
233
240
|
const { message, options = {} } = customEvent.detail;
|
|
234
241
|
// Show the toast
|
|
235
|
-
const toastId = Toast.show(message, options);
|
|
242
|
+
const toastId = await Toast.show(message, options);
|
|
236
243
|
// Dispatch response event with toast ID if the original event requested it
|
|
237
244
|
if (customEvent.detail.options?.id) {
|
|
238
245
|
const responseEvent = new CustomEvent(TOAST_EVENT_RESPONSE, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snice-toast-container.js","sources":["../../../../components/toast/snice-toast-container.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA;AACA,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;AAC9D,MAAM,0BAA0B,GAAG,SAAS,CAAC,cAAc,EAAE,sBAAsB,CAAC;AAEpF;AACA,MAAM,gBAAgB,GAAG,mBAAmB;AAC5C,MAAM,oBAAoB,GAAG,uBAAuB;IAGvC,mBAAmB,GAAA,CAAA,MAAA;4BAD/B,OAAO,CAAC,uBAAuB,CAAC,CAAA;;;;sBACQ,WAAW
|
|
1
|
+
{"version":3,"file":"snice-toast-container.js","sources":["../../../../components/toast/snice-toast-container.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -4,20 +4,8 @@ export declare class SniceToast extends HTMLElement implements SniceToastElement
|
|
|
4
4
|
message: string;
|
|
5
5
|
closable: boolean;
|
|
6
6
|
icon: boolean;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
closeButton?: HTMLElement;
|
|
11
|
-
html(): string;
|
|
12
|
-
css(): string;
|
|
13
|
-
private setHidden;
|
|
14
|
-
updateType(): void;
|
|
15
|
-
updateMessage(): void;
|
|
16
|
-
updateClosable(): void;
|
|
17
|
-
updateIcon(): void;
|
|
18
|
-
handleClose(): {
|
|
19
|
-
id: string | null;
|
|
20
|
-
};
|
|
7
|
+
renderContent(): import("snice").TemplateResult;
|
|
8
|
+
componentStyles(): import("snice").CSSResult;
|
|
9
|
+
private dispatchCloseEvent;
|
|
21
10
|
hide(): void;
|
|
22
|
-
private getIcon;
|
|
23
11
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from 'tslib';
|
|
2
|
-
import { element, property,
|
|
2
|
+
import { element, property, render, styles, dispatch, html, css } from 'snice';
|
|
3
3
|
|
|
4
4
|
let SniceToast = (() => {
|
|
5
5
|
let _classDecorators = [element('snice-toast')];
|
|
@@ -20,23 +20,9 @@ let SniceToast = (() => {
|
|
|
20
20
|
let _icon_decorators;
|
|
21
21
|
let _icon_initializers = [];
|
|
22
22
|
let _icon_extraInitializers = [];
|
|
23
|
-
let
|
|
24
|
-
let
|
|
25
|
-
let
|
|
26
|
-
let _iconElement_decorators;
|
|
27
|
-
let _iconElement_initializers = [];
|
|
28
|
-
let _iconElement_extraInitializers = [];
|
|
29
|
-
let _contentElement_decorators;
|
|
30
|
-
let _contentElement_initializers = [];
|
|
31
|
-
let _contentElement_extraInitializers = [];
|
|
32
|
-
let _closeButton_decorators;
|
|
33
|
-
let _closeButton_initializers = [];
|
|
34
|
-
let _closeButton_extraInitializers = [];
|
|
35
|
-
let _updateType_decorators;
|
|
36
|
-
let _updateMessage_decorators;
|
|
37
|
-
let _updateClosable_decorators;
|
|
38
|
-
let _updateIcon_decorators;
|
|
39
|
-
let _handleClose_decorators;
|
|
23
|
+
let _renderContent_decorators;
|
|
24
|
+
let _componentStyles_decorators;
|
|
25
|
+
let _dispatchCloseEvent_decorators;
|
|
40
26
|
(class extends _classSuper {
|
|
41
27
|
static { _classThis = this; }
|
|
42
28
|
static {
|
|
@@ -45,48 +31,63 @@ let SniceToast = (() => {
|
|
|
45
31
|
_message_decorators = [property({})];
|
|
46
32
|
_closable_decorators = [property({ type: Boolean, })];
|
|
47
33
|
_icon_decorators = [property({ type: Boolean, })];
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
_updateClosable_decorators = [watch('closable')];
|
|
55
|
-
_updateIcon_decorators = [watch('icon')];
|
|
56
|
-
_handleClose_decorators = [on('click', '.toast-close'), dispatch('close-toast')];
|
|
57
|
-
__esDecorate(this, null, _updateType_decorators, { kind: "method", name: "updateType", static: false, private: false, access: { has: obj => "updateType" in obj, get: obj => obj.updateType }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
58
|
-
__esDecorate(this, null, _updateMessage_decorators, { kind: "method", name: "updateMessage", static: false, private: false, access: { has: obj => "updateMessage" in obj, get: obj => obj.updateMessage }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
59
|
-
__esDecorate(this, null, _updateClosable_decorators, { kind: "method", name: "updateClosable", static: false, private: false, access: { has: obj => "updateClosable" in obj, get: obj => obj.updateClosable }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
60
|
-
__esDecorate(this, null, _updateIcon_decorators, { kind: "method", name: "updateIcon", static: false, private: false, access: { has: obj => "updateIcon" in obj, get: obj => obj.updateIcon }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
61
|
-
__esDecorate(this, null, _handleClose_decorators, { kind: "method", name: "handleClose", static: false, private: false, access: { has: obj => "handleClose" in obj, get: obj => obj.handleClose }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
34
|
+
_renderContent_decorators = [render()];
|
|
35
|
+
_componentStyles_decorators = [styles()];
|
|
36
|
+
_dispatchCloseEvent_decorators = [dispatch('close-toast')];
|
|
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(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
62
40
|
__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);
|
|
63
41
|
__esDecorate(null, null, _message_decorators, { kind: "field", name: "message", static: false, private: false, access: { has: obj => "message" in obj, get: obj => obj.message, set: (obj, value) => { obj.message = value; } }, metadata: _metadata }, _message_initializers, _message_extraInitializers);
|
|
64
42
|
__esDecorate(null, null, _closable_decorators, { kind: "field", name: "closable", static: false, private: false, access: { has: obj => "closable" in obj, get: obj => obj.closable, set: (obj, value) => { obj.closable = value; } }, metadata: _metadata }, _closable_initializers, _closable_extraInitializers);
|
|
65
43
|
__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
|
|
66
|
-
__esDecorate(null, null, _toastElement_decorators, { kind: "field", name: "toastElement", static: false, private: false, access: { has: obj => "toastElement" in obj, get: obj => obj.toastElement, set: (obj, value) => { obj.toastElement = value; } }, metadata: _metadata }, _toastElement_initializers, _toastElement_extraInitializers);
|
|
67
|
-
__esDecorate(null, null, _iconElement_decorators, { kind: "field", name: "iconElement", static: false, private: false, access: { has: obj => "iconElement" in obj, get: obj => obj.iconElement, set: (obj, value) => { obj.iconElement = value; } }, metadata: _metadata }, _iconElement_initializers, _iconElement_extraInitializers);
|
|
68
|
-
__esDecorate(null, null, _contentElement_decorators, { kind: "field", name: "contentElement", static: false, private: false, access: { has: obj => "contentElement" in obj, get: obj => obj.contentElement, set: (obj, value) => { obj.contentElement = value; } }, metadata: _metadata }, _contentElement_initializers, _contentElement_extraInitializers);
|
|
69
|
-
__esDecorate(null, null, _closeButton_decorators, { kind: "field", name: "closeButton", static: false, private: false, access: { has: obj => "closeButton" in obj, get: obj => obj.closeButton, set: (obj, value) => { obj.closeButton = value; } }, metadata: _metadata }, _closeButton_initializers, _closeButton_extraInitializers);
|
|
70
44
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
71
45
|
_classThis = _classDescriptor.value;
|
|
72
46
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
73
47
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
74
48
|
}
|
|
75
|
-
|
|
76
|
-
return /*html*/ `
|
|
49
|
+
renderContent() {
|
|
50
|
+
return html /*html*/ `
|
|
77
51
|
<div class="toast toast--${this.type}" role="alert" aria-live="polite">
|
|
78
|
-
<
|
|
52
|
+
<if ${this.icon}>
|
|
53
|
+
<span class="toast-icon">
|
|
54
|
+
<case ${this.type}>
|
|
55
|
+
<when value="success">
|
|
56
|
+
<svg viewBox="0 0 20 20" fill="currentColor">
|
|
57
|
+
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
|
|
58
|
+
</svg>
|
|
59
|
+
</when>
|
|
60
|
+
<when value="error">
|
|
61
|
+
<svg viewBox="0 0 20 20" fill="currentColor">
|
|
62
|
+
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 7a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
|
|
63
|
+
</svg>
|
|
64
|
+
</when>
|
|
65
|
+
<when value="warning">
|
|
66
|
+
<svg viewBox="0 0 20 20" fill="currentColor">
|
|
67
|
+
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
|
|
68
|
+
</svg>
|
|
69
|
+
</when>
|
|
70
|
+
<default>
|
|
71
|
+
<svg viewBox="0 0 20 20" fill="currentColor">
|
|
72
|
+
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
|
|
73
|
+
</svg>
|
|
74
|
+
</default>
|
|
75
|
+
</case>
|
|
76
|
+
</span>
|
|
77
|
+
</if>
|
|
79
78
|
<span class="toast-content">${this.message}</span>
|
|
80
|
-
<
|
|
81
|
-
<
|
|
82
|
-
<
|
|
83
|
-
|
|
84
|
-
|
|
79
|
+
<if ${this.closable}>
|
|
80
|
+
<button class="toast-close" aria-label="Close" @click=${this.dispatchCloseEvent}>
|
|
81
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
|
|
82
|
+
<path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"/>
|
|
83
|
+
</svg>
|
|
84
|
+
</button>
|
|
85
|
+
</if>
|
|
85
86
|
</div>
|
|
86
87
|
`;
|
|
87
88
|
}
|
|
88
|
-
|
|
89
|
-
return /*css*/ `
|
|
89
|
+
componentStyles() {
|
|
90
|
+
return css /*css*/ `
|
|
90
91
|
:host {
|
|
91
92
|
pointer-events: auto;
|
|
92
93
|
display: block;
|
|
@@ -239,79 +240,19 @@ let SniceToast = (() => {
|
|
|
239
240
|
}
|
|
240
241
|
`;
|
|
241
242
|
}
|
|
242
|
-
|
|
243
|
-
setHidden(selector, hide) {
|
|
244
|
-
const element = this.shadowRoot?.querySelector(selector);
|
|
245
|
-
if (element) {
|
|
246
|
-
if (hide) {
|
|
247
|
-
element.setAttribute('hidden', '');
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
element.removeAttribute('hidden');
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
updateType() {
|
|
255
|
-
if (this.toastElement) {
|
|
256
|
-
// Remove old type class
|
|
257
|
-
this.toastElement.className = this.toastElement.className.replace(/toast--\w+/, '');
|
|
258
|
-
// Add new type class
|
|
259
|
-
this.toastElement.classList.add(`toast--${this.type}`);
|
|
260
|
-
}
|
|
261
|
-
// Update icon
|
|
262
|
-
if (this.iconElement) {
|
|
263
|
-
this.iconElement.innerHTML = this.getIcon(this.type);
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
updateMessage() {
|
|
267
|
-
if (this.contentElement) {
|
|
268
|
-
this.contentElement.textContent = this.message;
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
updateClosable() {
|
|
272
|
-
this.setHidden('.toast-close', !this.closable);
|
|
273
|
-
}
|
|
274
|
-
updateIcon() {
|
|
275
|
-
this.setHidden('.toast-icon', !this.icon);
|
|
276
|
-
}
|
|
277
|
-
handleClose() {
|
|
243
|
+
dispatchCloseEvent() {
|
|
278
244
|
return { id: this.getAttribute('toast-id') };
|
|
279
245
|
}
|
|
280
246
|
hide() {
|
|
281
247
|
this.classList.add('hiding');
|
|
282
248
|
}
|
|
283
|
-
getIcon(type) {
|
|
284
|
-
switch (type) {
|
|
285
|
-
case 'success':
|
|
286
|
-
return `<svg viewBox="0 0 20 20" fill="currentColor">
|
|
287
|
-
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
|
|
288
|
-
</svg>`;
|
|
289
|
-
case 'error':
|
|
290
|
-
return `<svg viewBox="0 0 20 20" fill="currentColor">
|
|
291
|
-
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 7a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
|
|
292
|
-
</svg>`;
|
|
293
|
-
case 'warning':
|
|
294
|
-
return `<svg viewBox="0 0 20 20" fill="currentColor">
|
|
295
|
-
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
|
|
296
|
-
</svg>`;
|
|
297
|
-
case 'info':
|
|
298
|
-
default:
|
|
299
|
-
return `<svg viewBox="0 0 20 20" fill="currentColor">
|
|
300
|
-
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
|
|
301
|
-
</svg>`;
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
249
|
constructor() {
|
|
305
250
|
super(...arguments);
|
|
306
251
|
this.type = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, 'info'));
|
|
307
252
|
this.message = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _message_initializers, ''));
|
|
308
253
|
this.closable = (__runInitializers(this, _message_extraInitializers), __runInitializers(this, _closable_initializers, true));
|
|
309
254
|
this.icon = (__runInitializers(this, _closable_extraInitializers), __runInitializers(this, _icon_initializers, true));
|
|
310
|
-
|
|
311
|
-
this.iconElement = (__runInitializers(this, _toastElement_extraInitializers), __runInitializers(this, _iconElement_initializers, void 0));
|
|
312
|
-
this.contentElement = (__runInitializers(this, _iconElement_extraInitializers), __runInitializers(this, _contentElement_initializers, void 0));
|
|
313
|
-
this.closeButton = (__runInitializers(this, _contentElement_extraInitializers), __runInitializers(this, _closeButton_initializers, void 0));
|
|
314
|
-
__runInitializers(this, _closeButton_extraInitializers);
|
|
255
|
+
__runInitializers(this, _icon_extraInitializers);
|
|
315
256
|
}
|
|
316
257
|
});
|
|
317
258
|
return _classThis;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snice-toast.js","sources":["../../../../components/toast/snice-toast.ts"],"sourcesContent":[null],"names":[],"mappings":";;;IAIa,UAAU,GAAA,CAAA,MAAA;4BADtB,OAAO,CAAC,aAAa,CAAC,CAAA;;;;sBACS,WAAW
|
|
1
|
+
{"version":3,"file":"snice-toast.js","sources":["../../../../components/toast/snice-toast.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -19,8 +19,8 @@ export declare class SniceTooltip extends HTMLElement implements SniceTooltipEle
|
|
|
19
19
|
private activePosition;
|
|
20
20
|
private portalElement?;
|
|
21
21
|
private static ensurePortalStyles;
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
renderContent(): import("snice").TemplateResult;
|
|
23
|
+
componentStyles(): import("snice").CSSResult;
|
|
24
24
|
init(): void;
|
|
25
25
|
cleanup(): void;
|
|
26
26
|
updateContent(): void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __runInitializers, __esDecorate } from 'tslib';
|
|
2
|
-
import { element, property, query, ready, dispose, watch, on } from 'snice';
|
|
2
|
+
import { element, property, query, render, styles, ready, dispose, watch, on, html, css } from 'snice';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var cssContent = ":host{--tooltip-bg:#333;--tooltip-color:white;--tooltip-padding:0.5rem 0.75rem;--tooltip-radius:6px;--tooltip-font-size:0.875rem;--tooltip-arrow-size:6px;--tooltip-max-width:15.625rem;position:relative;display:inline-block}.tooltip-trigger{display:inline-block}.tooltip{position:fixed;z-index:var(--tooltip-z-index,10000);padding:var(--tooltip-padding);background:var(--tooltip-bg);color:var(--tooltip-color);border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);line-height:1.4;max-width:var(--tooltip-max-width);width:max-content;pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}.tooltip--visible{opacity:1;transform:scale(1)}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.tooltip--top .tooltip__arrow,.tooltip--top-end .tooltip__arrow,.tooltip--top-start .tooltip__arrow{bottom:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;border-top-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow,.tooltip--bottom-end .tooltip__arrow,.tooltip--bottom-start .tooltip__arrow{top:calc(var(--tooltip-arrow-size) * -1);border-width:0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);border-bottom-color:var(--tooltip-bg)}.tooltip--left .tooltip__arrow,.tooltip--left-end .tooltip__arrow,.tooltip--left-start .tooltip__arrow{right:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);border-left-color:var(--tooltip-bg)}.tooltip--right .tooltip__arrow,.tooltip--right-end .tooltip__arrow,.tooltip--right-start .tooltip__arrow{left:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;border-right-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow,.tooltip--top .tooltip__arrow{left:50%;transform:translateX(-50%)}.tooltip--bottom-start .tooltip__arrow,.tooltip--top-start .tooltip__arrow{left:1rem}.tooltip--bottom-end .tooltip__arrow,.tooltip--top-end .tooltip__arrow{right:1rem}.tooltip--left .tooltip__arrow,.tooltip--right .tooltip__arrow{top:50%;transform:translateY(-50%)}.tooltip--left-start .tooltip__arrow,.tooltip--right-start .tooltip__arrow{top:1rem}.tooltip--left-end .tooltip__arrow,.tooltip--right-end .tooltip__arrow{bottom:1rem;top:auto}[hidden]{display:none!important}";
|
|
5
5
|
|
|
6
|
-
var portalCss = ".snice-tooltip--visible
|
|
6
|
+
var portalCss = ".snice-tooltip--visible{opacity:1!important;transform:scale(1)!important}.snice-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.snice-tooltip--top .snice-tooltip__arrow,.snice-tooltip--top-end .snice-tooltip__arrow,.snice-tooltip--top-start .snice-tooltip__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#333}.snice-tooltip--bottom .snice-tooltip__arrow,.snice-tooltip--bottom-end .snice-tooltip__arrow,.snice-tooltip--bottom-start .snice-tooltip__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#333}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--left-end .snice-tooltip__arrow,.snice-tooltip--left-start .snice-tooltip__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#333}.snice-tooltip--right .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#333}.snice-tooltip--bottom .snice-tooltip__arrow,.snice-tooltip--top .snice-tooltip__arrow{left:50%;transform:translateX(-50%)}.snice-tooltip--bottom-start .snice-tooltip__arrow,.snice-tooltip--top-start .snice-tooltip__arrow{left:16px}.snice-tooltip--bottom-end .snice-tooltip__arrow,.snice-tooltip--top-end .snice-tooltip__arrow{right:16px}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--right .snice-tooltip__arrow{top:50%;transform:translateY(-50%)}.snice-tooltip--left-start .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow{top:16px}.snice-tooltip--left-end .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow{bottom:16px;top:auto}";
|
|
7
7
|
|
|
8
8
|
let SniceTooltip = (() => {
|
|
9
9
|
let _classDecorators = [element('snice-tooltip')];
|
|
@@ -51,6 +51,8 @@ let SniceTooltip = (() => {
|
|
|
51
51
|
let _arrowElement_decorators;
|
|
52
52
|
let _arrowElement_initializers = [];
|
|
53
53
|
let _arrowElement_extraInitializers = [];
|
|
54
|
+
let _renderContent_decorators;
|
|
55
|
+
let _componentStyles_decorators;
|
|
54
56
|
let _init_decorators;
|
|
55
57
|
let _cleanup_decorators;
|
|
56
58
|
let _updateContent_decorators;
|
|
@@ -103,6 +105,8 @@ let SniceTooltip = (() => {
|
|
|
103
105
|
_strictPositioning_decorators = [property({ type: Boolean, attribute: 'strict-positioning', })];
|
|
104
106
|
_tooltipElement_decorators = [query('.tooltip')];
|
|
105
107
|
_arrowElement_decorators = [query('.tooltip__arrow')];
|
|
108
|
+
_renderContent_decorators = [render()];
|
|
109
|
+
_componentStyles_decorators = [styles()];
|
|
106
110
|
_init_decorators = [ready()];
|
|
107
111
|
_cleanup_decorators = [dispose()];
|
|
108
112
|
_updateContent_decorators = [watch('content')];
|
|
@@ -115,6 +119,8 @@ let SniceTooltip = (() => {
|
|
|
115
119
|
_handleFocusIn_decorators = [on('focusin')];
|
|
116
120
|
_handleFocusOut_decorators = [on('focusout')];
|
|
117
121
|
_handleClick_decorators = [on('click')];
|
|
122
|
+
__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);
|
|
123
|
+
__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);
|
|
118
124
|
__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);
|
|
119
125
|
__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);
|
|
120
126
|
__esDecorate(this, null, _updateContent_decorators, { kind: "method", name: "updateContent", static: false, private: false, access: { has: obj => "updateContent" in obj, get: obj => obj.updateContent }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
@@ -167,8 +173,8 @@ let SniceTooltip = (() => {
|
|
|
167
173
|
console.warn('Failed to inject tooltip portal styles:', error);
|
|
168
174
|
}
|
|
169
175
|
}
|
|
170
|
-
|
|
171
|
-
return /*html*/ `
|
|
176
|
+
renderContent() {
|
|
177
|
+
return html /*html*/ `
|
|
172
178
|
<div class="tooltip-trigger">
|
|
173
179
|
<slot></slot>
|
|
174
180
|
</div>
|
|
@@ -178,8 +184,8 @@ let SniceTooltip = (() => {
|
|
|
178
184
|
</div>
|
|
179
185
|
`;
|
|
180
186
|
}
|
|
181
|
-
|
|
182
|
-
return css
|
|
187
|
+
componentStyles() {
|
|
188
|
+
return css /*css*/ `${cssContent}`;
|
|
183
189
|
}
|
|
184
190
|
init() {
|
|
185
191
|
if (this.tooltipElement) {
|
|
@@ -323,7 +329,8 @@ let SniceTooltip = (() => {
|
|
|
323
329
|
}
|
|
324
330
|
}
|
|
325
331
|
toggle() {
|
|
326
|
-
|
|
332
|
+
const isVisible = this.portalElement?.classList.contains('snice-tooltip--visible');
|
|
333
|
+
if (!isVisible) {
|
|
327
334
|
this.show();
|
|
328
335
|
}
|
|
329
336
|
else {
|