snice 2.1.5 → 2.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/dist/components/accordion/snice-accordion-item.d.ts +25 -0
- package/dist/components/accordion/snice-accordion-item.js +255 -0
- package/dist/components/accordion/snice-accordion-item.js.map +1 -0
- package/dist/components/accordion/snice-accordion.d.ts +28 -0
- package/dist/components/accordion/snice-accordion.js +206 -0
- package/dist/components/accordion/snice-accordion.js.map +1 -0
- package/dist/components/accordion/snice-accordion.types.d.ts +29 -0
- package/dist/components/alert/snice-alert.d.ts +26 -0
- package/dist/components/alert/snice-alert.js +180 -0
- package/dist/components/alert/snice-alert.js.map +1 -0
- package/{components/alert/snice-alert.types.ts → dist/components/alert/snice-alert.types.d.ts} +8 -9
- package/dist/components/avatar/snice-avatar.d.ts +24 -0
- package/dist/components/avatar/snice-avatar.js +180 -0
- package/dist/components/avatar/snice-avatar.js.map +1 -0
- package/dist/components/avatar/snice-avatar.types.d.ts +12 -0
- package/dist/components/badge/snice-badge.d.ts +25 -0
- package/dist/components/badge/snice-badge.js +169 -0
- package/dist/components/badge/snice-badge.js.map +1 -0
- package/{components/badge/snice-badge.types.ts → dist/components/badge/snice-badge.types.d.ts} +11 -12
- package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +27 -0
- package/dist/components/breadcrumbs/snice-breadcrumbs.js +214 -0
- package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -0
- package/dist/components/breadcrumbs/snice-breadcrumbs.types.d.ts +23 -0
- package/dist/components/breadcrumbs/snice-crumb.d.ts +9 -0
- package/dist/components/breadcrumbs/snice-crumb.js +63 -0
- package/dist/components/breadcrumbs/snice-crumb.js.map +1 -0
- package/dist/components/button/snice-button.d.ts +32 -0
- package/dist/components/button/snice-button.js +232 -0
- package/dist/components/button/snice-button.js.map +1 -0
- package/dist/components/button/snice-button.types.d.ts +23 -0
- package/dist/components/card/snice-card.d.ts +19 -0
- package/dist/components/card/snice-card.js +136 -0
- package/dist/components/card/snice-card.js.map +1 -0
- package/{components/card/snice-card.types.ts → dist/components/card/snice-card.types.d.ts} +6 -7
- package/dist/components/checkbox/snice-checkbox.d.ts +34 -0
- package/dist/components/checkbox/snice-checkbox.js +286 -0
- package/dist/components/checkbox/snice-checkbox.js.map +1 -0
- package/dist/components/checkbox/snice-checkbox.types.d.ts +20 -0
- package/dist/components/chip/snice-chip.d.ts +28 -0
- package/dist/components/chip/snice-chip.js +199 -0
- package/dist/components/chip/snice-chip.js.map +1 -0
- package/dist/components/chip/snice-chip.types.d.ts +14 -0
- package/dist/components/date-picker/snice-date-picker.d.ts +82 -0
- package/dist/components/date-picker/snice-date-picker.js +847 -0
- package/dist/components/date-picker/snice-date-picker.js.map +1 -0
- package/dist/components/date-picker/snice-date-picker.types.d.ts +71 -0
- package/dist/components/divider/snice-divider.d.ts +17 -0
- package/dist/components/divider/snice-divider.js +122 -0
- package/dist/components/divider/snice-divider.js.map +1 -0
- package/{components/divider/snice-divider.types.ts → dist/components/divider/snice-divider.types.d.ts} +9 -10
- package/dist/components/drawer/snice-drawer.d.ts +37 -0
- package/dist/components/drawer/snice-drawer.js +337 -0
- package/dist/components/drawer/snice-drawer.js.map +1 -0
- package/dist/components/drawer/snice-drawer.types.d.ts +16 -0
- package/dist/components/input/snice-input.d.ts +65 -0
- package/dist/components/input/snice-input.js +567 -0
- package/dist/components/input/snice-input.js.map +1 -0
- package/dist/components/input/snice-input.types.d.ts +53 -0
- package/dist/components/layout/snice-layout-blog.d.ts +4 -0
- package/dist/components/layout/snice-layout-blog.js +67 -0
- package/dist/components/layout/snice-layout-blog.js.map +1 -0
- package/dist/components/layout/snice-layout-card.d.ts +6 -0
- package/dist/components/layout/snice-layout-card.js +64 -0
- package/dist/components/layout/snice-layout-card.js.map +1 -0
- package/dist/components/layout/snice-layout-centered.d.ts +5 -0
- package/dist/components/layout/snice-layout-centered.js +48 -0
- package/dist/components/layout/snice-layout-centered.js.map +1 -0
- package/dist/components/layout/snice-layout-dashboard.d.ts +4 -0
- package/dist/components/layout/snice-layout-dashboard.js +64 -0
- package/dist/components/layout/snice-layout-dashboard.js.map +1 -0
- package/dist/components/layout/snice-layout-fullscreen.d.ts +5 -0
- package/dist/components/layout/snice-layout-fullscreen.js +60 -0
- package/dist/components/layout/snice-layout-fullscreen.js.map +1 -0
- package/dist/components/layout/snice-layout-landing.d.ts +4 -0
- package/dist/components/layout/snice-layout-landing.js +66 -0
- package/dist/components/layout/snice-layout-landing.js.map +1 -0
- package/dist/components/layout/snice-layout-minimal.d.ts +4 -0
- package/dist/components/layout/snice-layout-minimal.js +38 -0
- package/dist/components/layout/snice-layout-minimal.js.map +1 -0
- package/dist/components/layout/snice-layout-sidebar.d.ts +5 -0
- package/dist/components/layout/snice-layout-sidebar.js +74 -0
- package/dist/components/layout/snice-layout-sidebar.js.map +1 -0
- package/dist/components/layout/snice-layout-split.d.ts +6 -0
- package/dist/components/layout/snice-layout-split.js +58 -0
- package/dist/components/layout/snice-layout-split.js.map +1 -0
- package/dist/components/layout/snice-layout.d.ts +4 -0
- package/dist/components/layout/snice-layout.js +54 -0
- package/dist/components/layout/snice-layout.js.map +1 -0
- package/{components/layout/snice-layout.types.ts → dist/components/layout/snice-layout.types.d.ts} +1 -3
- package/dist/components/login/snice-login.d.ts +44 -0
- package/dist/components/login/snice-login.js +382 -0
- package/dist/components/login/snice-login.js.map +1 -0
- package/dist/components/login/snice-login.types.d.ts +26 -0
- package/dist/components/modal/snice-modal.d.ts +32 -0
- package/dist/components/modal/snice-modal.js +280 -0
- package/dist/components/modal/snice-modal.js.map +1 -0
- package/dist/components/modal/snice-modal.types.d.ts +18 -0
- package/dist/components/pagination/snice-pagination.d.ts +26 -0
- package/dist/components/pagination/snice-pagination.js +373 -0
- package/dist/components/pagination/snice-pagination.js.map +1 -0
- package/dist/components/pagination/snice-pagination.types.d.ts +18 -0
- package/dist/components/progress/snice-progress.d.ts +35 -0
- package/dist/components/progress/snice-progress.js +305 -0
- package/dist/components/progress/snice-progress.js.map +1 -0
- package/dist/components/progress/snice-progress.types.d.ts +18 -0
- package/dist/components/radio/snice-radio.d.ts +33 -0
- package/dist/components/radio/snice-radio.js +279 -0
- package/dist/components/radio/snice-radio.js.map +1 -0
- package/dist/components/radio/snice-radio.types.d.ts +19 -0
- package/dist/components/select/snice-option.d.ts +17 -0
- package/dist/components/select/snice-option.js +88 -0
- package/dist/components/select/snice-option.js.map +1 -0
- package/{components/select/snice-option.types.ts → dist/components/select/snice-option.types.d.ts} +8 -8
- package/dist/components/select/snice-select.d.ts +89 -0
- package/dist/components/select/snice-select.js +864 -0
- package/dist/components/select/snice-select.js.map +1 -0
- package/dist/components/select/snice-select.types.d.ts +49 -0
- package/dist/components/skeleton/snice-skeleton.d.ts +16 -0
- package/dist/components/skeleton/snice-skeleton.js +166 -0
- package/dist/components/skeleton/snice-skeleton.js.map +1 -0
- package/{components/skeleton/snice-skeleton.types.ts → dist/components/skeleton/snice-skeleton.types.d.ts} +7 -8
- package/dist/components/snice-cell-C8aBfN72.js +4 -0
- package/dist/components/snice-cell-C8aBfN72.js.map +1 -0
- package/dist/components/switch/snice-switch.d.ts +38 -0
- package/dist/components/switch/snice-switch.js +305 -0
- package/dist/components/switch/snice-switch.js.map +1 -0
- package/dist/components/switch/snice-switch.types.d.ts +21 -0
- package/dist/components/symbols.d.ts +1 -0
- package/dist/components/symbols.js +22 -0
- package/dist/components/symbols.js.map +1 -0
- package/dist/components/table/snice-cell-boolean.d.ts +21 -0
- package/dist/components/table/snice-cell-boolean.js +164 -0
- package/dist/components/table/snice-cell-boolean.js.map +1 -0
- package/dist/components/table/snice-cell-date.d.ts +24 -0
- package/dist/components/table/snice-cell-date.js +253 -0
- package/dist/components/table/snice-cell-date.js.map +1 -0
- package/dist/components/table/snice-cell-duration.d.ts +16 -0
- package/dist/components/table/snice-cell-duration.js +130 -0
- package/dist/components/table/snice-cell-duration.js.map +1 -0
- package/dist/components/table/snice-cell-filesize.d.ts +16 -0
- package/dist/components/table/snice-cell-filesize.js +126 -0
- package/dist/components/table/snice-cell-filesize.js.map +1 -0
- package/dist/components/table/snice-cell-number.d.ts +23 -0
- package/dist/components/table/snice-cell-number.js +215 -0
- package/dist/components/table/snice-cell-number.js.map +1 -0
- package/dist/components/table/snice-cell-progress.d.ts +17 -0
- package/dist/components/table/snice-cell-progress.js +121 -0
- package/dist/components/table/snice-cell-progress.js.map +1 -0
- package/dist/components/table/snice-cell-rating.d.ts +17 -0
- package/dist/components/table/snice-cell-rating.js +120 -0
- package/dist/components/table/snice-cell-rating.js.map +1 -0
- package/dist/components/table/snice-cell-sparkline.d.ts +29 -0
- package/dist/components/table/snice-cell-sparkline.js +306 -0
- package/dist/components/table/snice-cell-sparkline.js.map +1 -0
- package/dist/components/table/snice-cell-text.d.ts +19 -0
- package/dist/components/table/snice-cell-text.js +161 -0
- package/dist/components/table/snice-cell-text.js.map +1 -0
- package/dist/components/table/snice-cell.d.ts +32 -0
- package/dist/components/table/snice-cell.js +458 -0
- package/dist/components/table/snice-cell.js.map +1 -0
- package/dist/components/table/snice-column.d.ts +62 -0
- package/dist/components/table/snice-column.js +506 -0
- package/dist/components/table/snice-column.js.map +1 -0
- package/dist/components/table/snice-header.d.ts +33 -0
- package/dist/components/table/snice-header.js +289 -0
- package/dist/components/table/snice-header.js.map +1 -0
- package/dist/components/table/snice-progress.d.ts +10 -0
- package/dist/components/table/snice-progress.js +105 -0
- package/dist/components/table/snice-progress.js.map +1 -0
- package/dist/components/table/snice-rating.d.ts +9 -0
- package/dist/components/table/snice-rating.js +81 -0
- package/dist/components/table/snice-rating.js.map +1 -0
- package/dist/components/table/snice-row.d.ts +43 -0
- package/dist/components/table/snice-row.js +353 -0
- package/dist/components/table/snice-row.js.map +1 -0
- package/dist/components/table/snice-table.d.ts +69 -0
- package/dist/components/table/snice-table.js +792 -0
- package/dist/components/table/snice-table.js.map +1 -0
- package/dist/components/table/snice-table.types.d.ts +137 -0
- package/dist/components/tabs/snice-tab-panel.d.ts +12 -0
- package/dist/components/tabs/snice-tab-panel.js +87 -0
- package/dist/components/tabs/snice-tab-panel.js.map +1 -0
- package/dist/components/tabs/snice-tab.d.ts +13 -0
- package/dist/components/tabs/snice-tab.js +98 -0
- package/dist/components/tabs/snice-tab.js.map +1 -0
- package/dist/components/tabs/snice-tabs.d.ts +34 -0
- package/dist/components/tabs/snice-tabs.js +375 -0
- package/dist/components/tabs/snice-tabs.js.map +1 -0
- package/dist/components/tabs/snice-tabs.types.d.ts +23 -0
- package/dist/components/toast/snice-toast-container.d.ts +25 -0
- package/dist/components/toast/snice-toast-container.js +252 -0
- package/dist/components/toast/snice-toast-container.js.map +1 -0
- package/dist/components/toast/snice-toast.d.ts +23 -0
- package/dist/components/toast/snice-toast.js +321 -0
- package/dist/components/toast/snice-toast.js.map +1 -0
- package/dist/components/toast/snice-toast.types.d.ts +30 -0
- package/dist/components/tooltip/snice-tooltip.d.ts +50 -0
- package/dist/components/tooltip/snice-tooltip.js +644 -0
- package/dist/components/tooltip/snice-tooltip.js.map +1 -0
- package/dist/components/tooltip/snice-tooltip.types.d.ts +18 -0
- package/dist/components/transitions.d.ts +11 -0
- package/dist/components/transitions.js +72 -0
- package/dist/components/transitions.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.min.js +1 -1
- package/dist/index.iife.js +1 -1
- package/dist/index.iife.min.js +1 -1
- package/dist/symbols.esm.js +1 -1
- package/dist/transitions.esm.js +1 -1
- package/package.json +10 -6
- package/components/accordion/demo.html +0 -403
- package/components/accordion/snice-accordion-item.css +0 -85
- package/components/accordion/snice-accordion-item.ts +0 -226
- package/components/accordion/snice-accordion.css +0 -31
- package/components/accordion/snice-accordion.ts +0 -182
- package/components/accordion/snice-accordion.types.ts +0 -32
- package/components/alert/demo.html +0 -445
- package/components/alert/snice-alert.css +0 -195
- package/components/alert/snice-alert.ts +0 -141
- package/components/avatar/demo.html +0 -598
- package/components/avatar/snice-avatar.css +0 -131
- package/components/avatar/snice-avatar.ts +0 -136
- package/components/avatar/snice-avatar.types.ts +0 -13
- package/components/badge/demo.html +0 -523
- package/components/badge/snice-badge.css +0 -161
- package/components/badge/snice-badge.ts +0 -117
- package/components/breadcrumbs/demo.html +0 -404
- package/components/breadcrumbs/snice-breadcrumbs.css +0 -133
- package/components/breadcrumbs/snice-breadcrumbs.ts +0 -191
- package/components/breadcrumbs/snice-breadcrumbs.types.ts +0 -26
- package/components/breadcrumbs/snice-crumb.ts +0 -26
- package/components/button/demo.html +0 -42
- package/components/button/snice-button.css +0 -230
- package/components/button/snice-button.ts +0 -169
- package/components/button/snice-button.types.ts +0 -25
- package/components/card/demo.html +0 -525
- package/components/card/snice-card.css +0 -140
- package/components/card/snice-card.ts +0 -102
- package/components/checkbox/demo.html +0 -253
- package/components/checkbox/snice-checkbox.css +0 -164
- package/components/checkbox/snice-checkbox.ts +0 -223
- package/components/checkbox/snice-checkbox.types.ts +0 -22
- package/components/chip/demo.html +0 -383
- package/components/chip/snice-chip.css +0 -195
- package/components/chip/snice-chip.ts +0 -139
- package/components/chip/snice-chip.types.ts +0 -15
- package/components/date-picker/README.md +0 -233
- package/components/date-picker/demo.html +0 -191
- package/components/date-picker/snice-date-picker.css +0 -330
- package/components/date-picker/snice-date-picker.ts +0 -777
- package/components/date-picker/snice-date-picker.types.ts +0 -83
- package/components/divider/demo.html +0 -233
- package/components/divider/snice-divider.css +0 -155
- package/components/divider/snice-divider.ts +0 -69
- package/components/drawer/demo.html +0 -328
- package/components/drawer/snice-drawer.css +0 -476
- package/components/drawer/snice-drawer.ts +0 -287
- package/components/drawer/snice-drawer.types.ts +0 -17
- package/components/global.d.ts +0 -14
- package/components/input/demo.html +0 -303
- package/components/input/snice-input.css +0 -257
- package/components/input/snice-input.ts +0 -442
- package/components/input/snice-input.types.ts +0 -59
- package/components/input/test.html +0 -77
- package/components/layout/README.md +0 -260
- package/components/layout/demo.html +0 -538
- package/components/layout/snice-layout-blog.css +0 -129
- package/components/layout/snice-layout-blog.ts +0 -48
- package/components/layout/snice-layout-card.css +0 -104
- package/components/layout/snice-layout-card.ts +0 -35
- package/components/layout/snice-layout-centered.css +0 -51
- package/components/layout/snice-layout-centered.ts +0 -22
- package/components/layout/snice-layout-dashboard.css +0 -98
- package/components/layout/snice-layout-dashboard.ts +0 -45
- package/components/layout/snice-layout-fullscreen.css +0 -72
- package/components/layout/snice-layout-fullscreen.ts +0 -34
- package/components/layout/snice-layout-landing.css +0 -92
- package/components/layout/snice-layout-landing.ts +0 -47
- package/components/layout/snice-layout-minimal.css +0 -16
- package/components/layout/snice-layout-minimal.ts +0 -19
- package/components/layout/snice-layout-sidebar.css +0 -117
- package/components/layout/snice-layout-sidebar.ts +0 -48
- package/components/layout/snice-layout-split.css +0 -103
- package/components/layout/snice-layout-split.ts +0 -29
- package/components/layout/snice-layout.css +0 -72
- package/components/layout/snice-layout.ts +0 -35
- package/components/login/demo-auth-controller.ts +0 -185
- package/components/login/demo.html +0 -470
- package/components/login/snice-login.css +0 -204
- package/components/login/snice-login.ts +0 -326
- package/components/login/snice-login.types.ts +0 -29
- package/components/modal/demo.html +0 -291
- package/components/modal/snice-modal.css +0 -203
- package/components/modal/snice-modal.ts +0 -233
- package/components/modal/snice-modal.types.ts +0 -21
- package/components/pagination/demo.html +0 -395
- package/components/pagination/snice-pagination.ts +0 -333
- package/components/pagination/snice-pagination.types.ts +0 -21
- package/components/progress/demo.html +0 -510
- package/components/progress/snice-progress.css +0 -267
- package/components/progress/snice-progress.ts +0 -247
- package/components/progress/snice-progress.types.ts +0 -19
- package/components/radio/demo.html +0 -287
- package/components/radio/snice-radio.css +0 -171
- package/components/radio/snice-radio.ts +0 -218
- package/components/radio/snice-radio.types.ts +0 -21
- package/components/select/demo.html +0 -511
- package/components/select/snice-option.ts +0 -52
- package/components/select/snice-select.css +0 -392
- package/components/select/snice-select.ts +0 -796
- package/components/select/snice-select.types.ts +0 -55
- package/components/skeleton/demo.html +0 -514
- package/components/skeleton/snice-skeleton.css +0 -109
- package/components/skeleton/snice-skeleton.ts +0 -126
- package/components/switch/demo.html +0 -284
- package/components/switch/snice-switch.css +0 -221
- package/components/switch/snice-switch.ts +0 -229
- package/components/switch/snice-switch.types.ts +0 -23
- package/components/symbols.ts +0 -23
- package/components/table/demo-table-controller.ts +0 -100
- package/components/table/demo.html +0 -480
- package/components/table/snice-cell-boolean.ts +0 -112
- package/components/table/snice-cell-date.ts +0 -210
- package/components/table/snice-cell-duration.ts +0 -91
- package/components/table/snice-cell-filesize.ts +0 -90
- package/components/table/snice-cell-number.ts +0 -165
- package/components/table/snice-cell-progress.ts +0 -83
- package/components/table/snice-cell-rating.ts +0 -82
- package/components/table/snice-cell-sparkline.ts +0 -253
- package/components/table/snice-cell-text.ts +0 -125
- package/components/table/snice-cell.css +0 -296
- package/components/table/snice-cell.ts +0 -473
- package/components/table/snice-column.ts +0 -353
- package/components/table/snice-header.css +0 -243
- package/components/table/snice-header.ts +0 -261
- package/components/table/snice-progress.ts +0 -66
- package/components/table/snice-rating.ts +0 -45
- package/components/table/snice-row.css +0 -255
- package/components/table/snice-row.ts +0 -331
- package/components/table/snice-table.css +0 -241
- package/components/table/snice-table.ts +0 -737
- package/components/table/snice-table.types.ts +0 -158
- package/components/tabs/demo.html +0 -487
- package/components/tabs/snice-tab-panel.css +0 -264
- package/components/tabs/snice-tab-panel.ts +0 -47
- package/components/tabs/snice-tab.css +0 -96
- package/components/tabs/snice-tab.ts +0 -65
- package/components/tabs/snice-tabs.css +0 -189
- package/components/tabs/snice-tabs.ts +0 -332
- package/components/tabs/snice-tabs.types.ts +0 -28
- package/components/theme/theme.css +0 -234
- package/components/toast/demo.html +0 -329
- package/components/toast/snice-toast-container.ts +0 -256
- package/components/toast/snice-toast.css +0 -213
- package/components/toast/snice-toast.ts +0 -276
- package/components/toast/snice-toast.types.ts +0 -35
- package/components/tooltip/demo.html +0 -350
- package/components/tooltip/snice-tooltip-portal.css +0 -79
- package/components/tooltip/snice-tooltip.css +0 -117
- package/components/tooltip/snice-tooltip.ts +0 -612
- package/components/tooltip/snice-tooltip.types.ts +0 -32
- package/components/transitions.ts +0 -94
- package/components/tsconfig.json +0 -18
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
import { __runInitializers, __esDecorate } from 'tslib';
|
|
2
|
+
import { element, property, query, queryAll, ready, watch, on, dispatch } from 'snice';
|
|
3
|
+
import { transitions } from '../transitions.js';
|
|
4
|
+
import 'snice/transitions';
|
|
5
|
+
|
|
6
|
+
var css = '';
|
|
7
|
+
|
|
8
|
+
let SniceTabs = (() => {
|
|
9
|
+
let _classDecorators = [element('snice-tabs')];
|
|
10
|
+
let _classDescriptor;
|
|
11
|
+
let _classExtraInitializers = [];
|
|
12
|
+
let _classThis;
|
|
13
|
+
let _classSuper = HTMLElement;
|
|
14
|
+
let _instanceExtraInitializers = [];
|
|
15
|
+
let _placement_decorators;
|
|
16
|
+
let _placement_initializers = [];
|
|
17
|
+
let _placement_extraInitializers = [];
|
|
18
|
+
let _selected_decorators;
|
|
19
|
+
let _selected_initializers = [];
|
|
20
|
+
let _selected_extraInitializers = [];
|
|
21
|
+
let _noScrollControls_decorators;
|
|
22
|
+
let _noScrollControls_initializers = [];
|
|
23
|
+
let _noScrollControls_extraInitializers = [];
|
|
24
|
+
let _transition_decorators;
|
|
25
|
+
let _transition_initializers = [];
|
|
26
|
+
let _transition_extraInitializers = [];
|
|
27
|
+
let _nav_decorators;
|
|
28
|
+
let _nav_initializers = [];
|
|
29
|
+
let _nav_extraInitializers = [];
|
|
30
|
+
let _navTrack_decorators;
|
|
31
|
+
let _navTrack_initializers = [];
|
|
32
|
+
let _navTrack_extraInitializers = [];
|
|
33
|
+
let _indicator_decorators;
|
|
34
|
+
let _indicator_initializers = [];
|
|
35
|
+
let _indicator_extraInitializers = [];
|
|
36
|
+
let _scrollButtonStart_decorators;
|
|
37
|
+
let _scrollButtonStart_initializers = [];
|
|
38
|
+
let _scrollButtonStart_extraInitializers = [];
|
|
39
|
+
let _scrollButtonEnd_decorators;
|
|
40
|
+
let _scrollButtonEnd_initializers = [];
|
|
41
|
+
let _scrollButtonEnd_extraInitializers = [];
|
|
42
|
+
let _tabsContainer_decorators;
|
|
43
|
+
let _tabsContainer_initializers = [];
|
|
44
|
+
let _tabsContainer_extraInitializers = [];
|
|
45
|
+
let _tabs_decorators;
|
|
46
|
+
let _tabs_initializers = [];
|
|
47
|
+
let _tabs_extraInitializers = [];
|
|
48
|
+
let _panels_decorators;
|
|
49
|
+
let _panels_initializers = [];
|
|
50
|
+
let _panels_extraInitializers = [];
|
|
51
|
+
let _panelsContainer_decorators;
|
|
52
|
+
let _panelsContainer_initializers = [];
|
|
53
|
+
let _panelsContainer_extraInitializers = [];
|
|
54
|
+
let _init_decorators;
|
|
55
|
+
let _handleSelectedChange_decorators;
|
|
56
|
+
let _handlePlacementChange_decorators;
|
|
57
|
+
let _scrollStart_decorators;
|
|
58
|
+
let _scrollEnd_decorators;
|
|
59
|
+
let _handleScroll_decorators;
|
|
60
|
+
let _handleTabSelect_decorators;
|
|
61
|
+
let _selectTab_decorators;
|
|
62
|
+
(class extends _classSuper {
|
|
63
|
+
static { _classThis = this; }
|
|
64
|
+
constructor() {
|
|
65
|
+
super(...arguments);
|
|
66
|
+
this.placement = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _placement_initializers, 'top'));
|
|
67
|
+
this.selected = (__runInitializers(this, _placement_extraInitializers), __runInitializers(this, _selected_initializers, 0));
|
|
68
|
+
this.noScrollControls = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _noScrollControls_initializers, false));
|
|
69
|
+
this.transition = (__runInitializers(this, _noScrollControls_extraInitializers), __runInitializers(this, _transition_initializers, 'none'));
|
|
70
|
+
this.nav = (__runInitializers(this, _transition_extraInitializers), __runInitializers(this, _nav_initializers, void 0));
|
|
71
|
+
this.navTrack = (__runInitializers(this, _nav_extraInitializers), __runInitializers(this, _navTrack_initializers, void 0));
|
|
72
|
+
this.indicator = (__runInitializers(this, _navTrack_extraInitializers), __runInitializers(this, _indicator_initializers, void 0));
|
|
73
|
+
this.scrollButtonStart = (__runInitializers(this, _indicator_extraInitializers), __runInitializers(this, _scrollButtonStart_initializers, void 0));
|
|
74
|
+
this.scrollButtonEnd = (__runInitializers(this, _scrollButtonStart_extraInitializers), __runInitializers(this, _scrollButtonEnd_initializers, void 0));
|
|
75
|
+
this.tabsContainer = (__runInitializers(this, _scrollButtonEnd_extraInitializers), __runInitializers(this, _tabsContainer_initializers, void 0));
|
|
76
|
+
this.tabs = (__runInitializers(this, _tabsContainer_extraInitializers), __runInitializers(this, _tabs_initializers, void 0));
|
|
77
|
+
this.panels = (__runInitializers(this, _tabs_extraInitializers), __runInitializers(this, _panels_initializers, void 0));
|
|
78
|
+
this.panelsContainer = (__runInitializers(this, _panels_extraInitializers), __runInitializers(this, _panelsContainer_initializers, void 0));
|
|
79
|
+
this.previousSelected = (__runInitializers(this, _panelsContainer_extraInitializers), -1);
|
|
80
|
+
}
|
|
81
|
+
static {
|
|
82
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
83
|
+
_placement_decorators = [property({ reflect: true })];
|
|
84
|
+
_selected_decorators = [property({ reflect: true })];
|
|
85
|
+
_noScrollControls_decorators = [property({ type: Boolean, reflect: true })];
|
|
86
|
+
_transition_decorators = [property({ reflect: true })];
|
|
87
|
+
_nav_decorators = [query('.tabs__nav')];
|
|
88
|
+
_navTrack_decorators = [query('.tabs__nav-track')];
|
|
89
|
+
_indicator_decorators = [query('.tabs__indicator')];
|
|
90
|
+
_scrollButtonStart_decorators = [query('.tabs__scroll-button--start')];
|
|
91
|
+
_scrollButtonEnd_decorators = [query('.tabs__scroll-button--end')];
|
|
92
|
+
_tabsContainer_decorators = [query('.tabs')];
|
|
93
|
+
_tabs_decorators = [queryAll('snice-tab[slot="nav"]', { light: true, shadow: false })];
|
|
94
|
+
_panels_decorators = [queryAll('snice-tab-panel', { light: true, shadow: false })];
|
|
95
|
+
_panelsContainer_decorators = [query('.tabs__panels')];
|
|
96
|
+
_init_decorators = [ready()];
|
|
97
|
+
_handleSelectedChange_decorators = [watch('selected')];
|
|
98
|
+
_handlePlacementChange_decorators = [watch('placement')];
|
|
99
|
+
_scrollStart_decorators = [on('click', '.tabs__scroll-button--start')];
|
|
100
|
+
_scrollEnd_decorators = [on('click', '.tabs__scroll-button--end')];
|
|
101
|
+
_handleScroll_decorators = [on('scroll', '.tabs__nav')];
|
|
102
|
+
_handleTabSelect_decorators = [on('@snice/tab-select')];
|
|
103
|
+
_selectTab_decorators = [dispatch('@snice/tab-change', { bubbles: true, composed: true })];
|
|
104
|
+
__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);
|
|
105
|
+
__esDecorate(this, null, _handleSelectedChange_decorators, { kind: "method", name: "handleSelectedChange", static: false, private: false, access: { has: obj => "handleSelectedChange" in obj, get: obj => obj.handleSelectedChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
106
|
+
__esDecorate(this, null, _handlePlacementChange_decorators, { kind: "method", name: "handlePlacementChange", static: false, private: false, access: { has: obj => "handlePlacementChange" in obj, get: obj => obj.handlePlacementChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
107
|
+
__esDecorate(this, null, _scrollStart_decorators, { kind: "method", name: "scrollStart", static: false, private: false, access: { has: obj => "scrollStart" in obj, get: obj => obj.scrollStart }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
108
|
+
__esDecorate(this, null, _scrollEnd_decorators, { kind: "method", name: "scrollEnd", static: false, private: false, access: { has: obj => "scrollEnd" in obj, get: obj => obj.scrollEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
109
|
+
__esDecorate(this, null, _handleScroll_decorators, { kind: "method", name: "handleScroll", static: false, private: false, access: { has: obj => "handleScroll" in obj, get: obj => obj.handleScroll }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
110
|
+
__esDecorate(this, null, _handleTabSelect_decorators, { kind: "method", name: "handleTabSelect", static: false, private: false, access: { has: obj => "handleTabSelect" in obj, get: obj => obj.handleTabSelect }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
111
|
+
__esDecorate(this, null, _selectTab_decorators, { kind: "method", name: "selectTab", static: false, private: false, access: { has: obj => "selectTab" in obj, get: obj => obj.selectTab }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
112
|
+
__esDecorate(null, null, _placement_decorators, { kind: "field", name: "placement", static: false, private: false, access: { has: obj => "placement" in obj, get: obj => obj.placement, set: (obj, value) => { obj.placement = value; } }, metadata: _metadata }, _placement_initializers, _placement_extraInitializers);
|
|
113
|
+
__esDecorate(null, null, _selected_decorators, { kind: "field", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
|
|
114
|
+
__esDecorate(null, null, _noScrollControls_decorators, { kind: "field", name: "noScrollControls", static: false, private: false, access: { has: obj => "noScrollControls" in obj, get: obj => obj.noScrollControls, set: (obj, value) => { obj.noScrollControls = value; } }, metadata: _metadata }, _noScrollControls_initializers, _noScrollControls_extraInitializers);
|
|
115
|
+
__esDecorate(null, null, _transition_decorators, { kind: "field", name: "transition", static: false, private: false, access: { has: obj => "transition" in obj, get: obj => obj.transition, set: (obj, value) => { obj.transition = value; } }, metadata: _metadata }, _transition_initializers, _transition_extraInitializers);
|
|
116
|
+
__esDecorate(null, null, _nav_decorators, { kind: "field", name: "nav", static: false, private: false, access: { has: obj => "nav" in obj, get: obj => obj.nav, set: (obj, value) => { obj.nav = value; } }, metadata: _metadata }, _nav_initializers, _nav_extraInitializers);
|
|
117
|
+
__esDecorate(null, null, _navTrack_decorators, { kind: "field", name: "navTrack", static: false, private: false, access: { has: obj => "navTrack" in obj, get: obj => obj.navTrack, set: (obj, value) => { obj.navTrack = value; } }, metadata: _metadata }, _navTrack_initializers, _navTrack_extraInitializers);
|
|
118
|
+
__esDecorate(null, null, _indicator_decorators, { kind: "field", name: "indicator", static: false, private: false, access: { has: obj => "indicator" in obj, get: obj => obj.indicator, set: (obj, value) => { obj.indicator = value; } }, metadata: _metadata }, _indicator_initializers, _indicator_extraInitializers);
|
|
119
|
+
__esDecorate(null, null, _scrollButtonStart_decorators, { kind: "field", name: "scrollButtonStart", static: false, private: false, access: { has: obj => "scrollButtonStart" in obj, get: obj => obj.scrollButtonStart, set: (obj, value) => { obj.scrollButtonStart = value; } }, metadata: _metadata }, _scrollButtonStart_initializers, _scrollButtonStart_extraInitializers);
|
|
120
|
+
__esDecorate(null, null, _scrollButtonEnd_decorators, { kind: "field", name: "scrollButtonEnd", static: false, private: false, access: { has: obj => "scrollButtonEnd" in obj, get: obj => obj.scrollButtonEnd, set: (obj, value) => { obj.scrollButtonEnd = value; } }, metadata: _metadata }, _scrollButtonEnd_initializers, _scrollButtonEnd_extraInitializers);
|
|
121
|
+
__esDecorate(null, null, _tabsContainer_decorators, { kind: "field", name: "tabsContainer", static: false, private: false, access: { has: obj => "tabsContainer" in obj, get: obj => obj.tabsContainer, set: (obj, value) => { obj.tabsContainer = value; } }, metadata: _metadata }, _tabsContainer_initializers, _tabsContainer_extraInitializers);
|
|
122
|
+
__esDecorate(null, null, _tabs_decorators, { kind: "field", name: "tabs", static: false, private: false, access: { has: obj => "tabs" in obj, get: obj => obj.tabs, set: (obj, value) => { obj.tabs = value; } }, metadata: _metadata }, _tabs_initializers, _tabs_extraInitializers);
|
|
123
|
+
__esDecorate(null, null, _panels_decorators, { kind: "field", name: "panels", static: false, private: false, access: { has: obj => "panels" in obj, get: obj => obj.panels, set: (obj, value) => { obj.panels = value; } }, metadata: _metadata }, _panels_initializers, _panels_extraInitializers);
|
|
124
|
+
__esDecorate(null, null, _panelsContainer_decorators, { kind: "field", name: "panelsContainer", static: false, private: false, access: { has: obj => "panelsContainer" in obj, get: obj => obj.panelsContainer, set: (obj, value) => { obj.panelsContainer = value; } }, metadata: _metadata }, _panelsContainer_initializers, _panelsContainer_extraInitializers);
|
|
125
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
126
|
+
_classThis = _classDescriptor.value;
|
|
127
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
128
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
129
|
+
}
|
|
130
|
+
html() {
|
|
131
|
+
return /*html*/ `
|
|
132
|
+
<div class="tabs tabs--${this.placement}" part="base">
|
|
133
|
+
<div class="tabs__nav-container" part="nav-container">
|
|
134
|
+
${!this.noScrollControls ? /*html*/ `
|
|
135
|
+
<button class="tabs__scroll-button tabs__scroll-button--start" part="scroll-button scroll-button-start" tabindex="-1" aria-label="Scroll left">
|
|
136
|
+
<svg viewBox="0 0 24 24" width="16" height="16">
|
|
137
|
+
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" fill="currentColor"/>
|
|
138
|
+
</svg>
|
|
139
|
+
</button>
|
|
140
|
+
` : ''}
|
|
141
|
+
|
|
142
|
+
<div class="tabs__nav" part="nav" role="tablist">
|
|
143
|
+
<div class="tabs__nav-track">
|
|
144
|
+
<slot name="nav"></slot>
|
|
145
|
+
<div class="tabs__indicator" part="indicator"></div>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
${!this.noScrollControls ? /*html*/ `
|
|
150
|
+
<button class="tabs__scroll-button tabs__scroll-button--end" part="scroll-button scroll-button-end" tabindex="-1" aria-label="Scroll right">
|
|
151
|
+
<svg viewBox="0 0 24 24" width="16" height="16">
|
|
152
|
+
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="currentColor"/>
|
|
153
|
+
</svg>
|
|
154
|
+
</button>
|
|
155
|
+
` : ''}
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<div class="tabs__panels" part="panels">
|
|
159
|
+
<slot></slot>
|
|
160
|
+
</div>
|
|
161
|
+
</div>
|
|
162
|
+
`;
|
|
163
|
+
}
|
|
164
|
+
css() {
|
|
165
|
+
return css;
|
|
166
|
+
}
|
|
167
|
+
init() {
|
|
168
|
+
this.setupTabs();
|
|
169
|
+
this.updateScrollButtons();
|
|
170
|
+
// Update scroll buttons on resize
|
|
171
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
172
|
+
this.updateScrollButtons();
|
|
173
|
+
this.updateIndicator();
|
|
174
|
+
});
|
|
175
|
+
if (this.nav) {
|
|
176
|
+
resizeObserver.observe(this.nav);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
handleSelectedChange() {
|
|
180
|
+
this.updateSelection();
|
|
181
|
+
this.updateIndicator();
|
|
182
|
+
}
|
|
183
|
+
handlePlacementChange() {
|
|
184
|
+
if (!this.tabsContainer)
|
|
185
|
+
return;
|
|
186
|
+
// Remove all placement classes
|
|
187
|
+
this.tabsContainer.classList.remove('tabs--top', 'tabs--bottom', 'tabs--start', 'tabs--end');
|
|
188
|
+
// Add the new placement class
|
|
189
|
+
this.tabsContainer.classList.add(`tabs--${this.placement}`);
|
|
190
|
+
// Update indicator position
|
|
191
|
+
this.updateIndicator();
|
|
192
|
+
// Update scroll buttons visibility
|
|
193
|
+
this.updateScrollButtons();
|
|
194
|
+
}
|
|
195
|
+
scrollStart() {
|
|
196
|
+
if (!this.nav)
|
|
197
|
+
return;
|
|
198
|
+
const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
|
|
199
|
+
if (isHorizontal) {
|
|
200
|
+
this.nav.scrollBy({ left: -200, behavior: 'smooth' });
|
|
201
|
+
}
|
|
202
|
+
else {
|
|
203
|
+
this.nav.scrollBy({ top: -200, behavior: 'smooth' });
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
scrollEnd() {
|
|
207
|
+
if (!this.nav)
|
|
208
|
+
return;
|
|
209
|
+
const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
|
|
210
|
+
if (isHorizontal) {
|
|
211
|
+
this.nav.scrollBy({ left: 200, behavior: 'smooth' });
|
|
212
|
+
}
|
|
213
|
+
else {
|
|
214
|
+
this.nav.scrollBy({ top: 200, behavior: 'smooth' });
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
handleScroll() {
|
|
218
|
+
this.updateScrollButtons();
|
|
219
|
+
this.updateIndicator();
|
|
220
|
+
}
|
|
221
|
+
handleTabSelect(event) {
|
|
222
|
+
if (!this.tabs)
|
|
223
|
+
return;
|
|
224
|
+
const tab = event.detail.tab;
|
|
225
|
+
const index = Array.from(this.tabs).indexOf(tab);
|
|
226
|
+
if (index >= 0) {
|
|
227
|
+
this.selectTab(index);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
setupTabs() {
|
|
231
|
+
this.updateSelection();
|
|
232
|
+
// Delay indicator update to ensure DOM is ready
|
|
233
|
+
requestAnimationFrame(() => {
|
|
234
|
+
this.updateIndicator();
|
|
235
|
+
});
|
|
236
|
+
}
|
|
237
|
+
selectTab(index) {
|
|
238
|
+
if (!this.tabs || !this.panels || index < 0 || index >= this.tabs.length)
|
|
239
|
+
return;
|
|
240
|
+
const oldIndex = this.selected;
|
|
241
|
+
this.selected = index;
|
|
242
|
+
return {
|
|
243
|
+
index,
|
|
244
|
+
oldIndex,
|
|
245
|
+
tab: this.tabs[index],
|
|
246
|
+
panel: this.panels[index]
|
|
247
|
+
};
|
|
248
|
+
}
|
|
249
|
+
updateSelection() {
|
|
250
|
+
if (!this.tabs || !this.panels)
|
|
251
|
+
return;
|
|
252
|
+
this.tabs.forEach((tab, index) => {
|
|
253
|
+
const isSelected = index === this.selected;
|
|
254
|
+
tab.setAttribute('aria-selected', String(isSelected));
|
|
255
|
+
tab.setAttribute('tabindex', isSelected ? '0' : '-1');
|
|
256
|
+
tab.classList.toggle('snice-tab--active', isSelected);
|
|
257
|
+
});
|
|
258
|
+
// Handle panel transitions
|
|
259
|
+
const oldPanel = this.previousSelected >= 0 ? this.panels[this.previousSelected] : null;
|
|
260
|
+
const newPanel = this.panels[this.selected];
|
|
261
|
+
if (this.transition && this.transition !== 'none' && oldPanel && newPanel && oldPanel !== newPanel) {
|
|
262
|
+
// Get transition config and set CSS variables for timing
|
|
263
|
+
const transitionConfig = transitions[this.transition];
|
|
264
|
+
const outDuration = transitionConfig?.outDuration || 300;
|
|
265
|
+
const inDuration = transitionConfig?.inDuration || 300;
|
|
266
|
+
const maxDuration = Math.max(outDuration, inDuration);
|
|
267
|
+
// Update CSS custom property for transition duration
|
|
268
|
+
this.style.setProperty('--snice-tabs-transition-duration', `${maxDuration}ms`);
|
|
269
|
+
// Lock container height BEFORE any changes to prevent ANY reflow
|
|
270
|
+
if (this.panelsContainer) {
|
|
271
|
+
const currentHeight = this.panelsContainer.offsetHeight;
|
|
272
|
+
this.panelsContainer.style.height = `${currentHeight}px`;
|
|
273
|
+
this.panelsContainer.style.overflow = 'hidden';
|
|
274
|
+
}
|
|
275
|
+
// Now show new panel to measure it
|
|
276
|
+
newPanel.hidden = false;
|
|
277
|
+
newPanel.setAttribute('transition-in', this.transition);
|
|
278
|
+
oldPanel.setAttribute('transition-out', this.transition);
|
|
279
|
+
// Pass timing info to panels via properties
|
|
280
|
+
newPanel.transitionDuration = inDuration;
|
|
281
|
+
oldPanel.transitionDuration = outDuration;
|
|
282
|
+
// Hide old panel well before transition completes to avoid flicker
|
|
283
|
+
setTimeout(() => {
|
|
284
|
+
oldPanel.hidden = true;
|
|
285
|
+
oldPanel.removeAttribute('transition-out');
|
|
286
|
+
}, outDuration - 50); // Hide 50ms early to prevent flicker
|
|
287
|
+
// Clean up new panel transition attribute and unlock height
|
|
288
|
+
setTimeout(() => {
|
|
289
|
+
newPanel.removeAttribute('transition-in');
|
|
290
|
+
if (this.panelsContainer) {
|
|
291
|
+
// Reset to auto height without animation to prevent bounce
|
|
292
|
+
this.panelsContainer.style.height = '';
|
|
293
|
+
this.panelsContainer.style.overflow = '';
|
|
294
|
+
}
|
|
295
|
+
}, maxDuration);
|
|
296
|
+
}
|
|
297
|
+
else {
|
|
298
|
+
// No transition - immediate switch
|
|
299
|
+
this.panels.forEach((panel, index) => {
|
|
300
|
+
const isSelected = index === this.selected;
|
|
301
|
+
panel.setAttribute('aria-hidden', String(!isSelected));
|
|
302
|
+
panel.hidden = !isSelected;
|
|
303
|
+
});
|
|
304
|
+
}
|
|
305
|
+
// Update aria attributes
|
|
306
|
+
this.panels.forEach((panel, index) => {
|
|
307
|
+
panel.setAttribute('aria-hidden', String(index !== this.selected));
|
|
308
|
+
});
|
|
309
|
+
this.previousSelected = this.selected;
|
|
310
|
+
}
|
|
311
|
+
updateIndicator() {
|
|
312
|
+
if (!this.indicator || !this.tabs || !this.tabs.length || !this.navTrack)
|
|
313
|
+
return;
|
|
314
|
+
const activeTab = this.tabs[this.selected];
|
|
315
|
+
if (!activeTab)
|
|
316
|
+
return;
|
|
317
|
+
const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
|
|
318
|
+
// Get the position of the active tab relative to the nav track container
|
|
319
|
+
// We need to calculate this manually since tabs are in light DOM and indicator is in shadow DOM
|
|
320
|
+
let offset = 0;
|
|
321
|
+
// Sum up the widths/heights of all tabs before the active one
|
|
322
|
+
for (let i = 0; i < this.selected; i++) {
|
|
323
|
+
if (isHorizontal) {
|
|
324
|
+
offset += this.tabs[i].offsetWidth;
|
|
325
|
+
}
|
|
326
|
+
else {
|
|
327
|
+
offset += this.tabs[i].offsetHeight;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
if (isHorizontal) {
|
|
331
|
+
this.indicator.style.width = `${activeTab.offsetWidth}px`;
|
|
332
|
+
this.indicator.style.height = '2px';
|
|
333
|
+
this.indicator.style.transform = `translateX(${offset}px)`;
|
|
334
|
+
}
|
|
335
|
+
else {
|
|
336
|
+
this.indicator.style.width = '2px';
|
|
337
|
+
this.indicator.style.height = `${activeTab.offsetHeight}px`;
|
|
338
|
+
this.indicator.style.transform = `translateY(${offset}px)`;
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
updateScrollButtons() {
|
|
342
|
+
if (!this.nav || this.noScrollControls)
|
|
343
|
+
return;
|
|
344
|
+
const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
|
|
345
|
+
const hasOverflow = isHorizontal
|
|
346
|
+
? this.nav.scrollWidth > this.nav.clientWidth
|
|
347
|
+
: this.nav.scrollHeight > this.nav.clientHeight;
|
|
348
|
+
const canScrollStart = isHorizontal
|
|
349
|
+
? this.nav.scrollLeft > 0
|
|
350
|
+
: this.nav.scrollTop > 0;
|
|
351
|
+
const canScrollEnd = isHorizontal
|
|
352
|
+
? this.nav.scrollLeft < this.nav.scrollWidth - this.nav.clientWidth
|
|
353
|
+
: this.nav.scrollTop < this.nav.scrollHeight - this.nav.clientHeight;
|
|
354
|
+
// Show/hide buttons based on overflow
|
|
355
|
+
this.scrollButtonStart?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
|
|
356
|
+
this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
|
|
357
|
+
// Disable buttons when can't scroll in that direction
|
|
358
|
+
this.scrollButtonStart?.classList.toggle('tabs__scroll-button--disabled', !canScrollStart);
|
|
359
|
+
this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--disabled', !canScrollEnd);
|
|
360
|
+
}
|
|
361
|
+
show(index) {
|
|
362
|
+
this.selectTab(index);
|
|
363
|
+
}
|
|
364
|
+
getTab(index) {
|
|
365
|
+
return this.tabs?.[index];
|
|
366
|
+
}
|
|
367
|
+
getPanel(index) {
|
|
368
|
+
return this.panels?.[index];
|
|
369
|
+
}
|
|
370
|
+
});
|
|
371
|
+
return _classThis;
|
|
372
|
+
})();
|
|
373
|
+
|
|
374
|
+
export { SniceTabs };
|
|
375
|
+
//# sourceMappingURL=snice-tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-tabs.js","sources":["../../../snice-tabs.css?inline","../../../../components/tabs/snice-tabs.ts"],"sourcesContent":["export default '';",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type TabsPlacement = 'top' | 'bottom' | 'start' | 'end';
|
|
2
|
+
export interface SniceTabElement extends HTMLElement {
|
|
3
|
+
disabled: boolean;
|
|
4
|
+
closable: boolean;
|
|
5
|
+
focus(options?: FocusOptions): void;
|
|
6
|
+
blur(): void;
|
|
7
|
+
}
|
|
8
|
+
export interface SniceTabPanelElement extends HTMLElement {
|
|
9
|
+
name: string;
|
|
10
|
+
hidden: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface TabChangeDetail {
|
|
13
|
+
index: number;
|
|
14
|
+
oldIndex: number;
|
|
15
|
+
tab: SniceTabElement;
|
|
16
|
+
panel: SniceTabPanelElement;
|
|
17
|
+
}
|
|
18
|
+
export interface TabSelectDetail {
|
|
19
|
+
tab: SniceTabElement;
|
|
20
|
+
}
|
|
21
|
+
export interface TabCloseDetail {
|
|
22
|
+
tab: SniceTabElement;
|
|
23
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ToastPosition, ToastOptions, SniceToastContainerElement } from './snice-toast.types';
|
|
2
|
+
import './snice-toast';
|
|
3
|
+
export declare class SniceToastContainer extends HTMLElement implements SniceToastContainerElement {
|
|
4
|
+
position: ToastPosition;
|
|
5
|
+
private toastIdCounter;
|
|
6
|
+
private toasts;
|
|
7
|
+
html(): string;
|
|
8
|
+
css(): string;
|
|
9
|
+
init(): void;
|
|
10
|
+
cleanup(): void;
|
|
11
|
+
show(message: string, options?: ToastOptions): string;
|
|
12
|
+
hide(id: string): void;
|
|
13
|
+
clear(): void;
|
|
14
|
+
}
|
|
15
|
+
export declare class Toast {
|
|
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;
|
|
22
|
+
static hide(id: string): void;
|
|
23
|
+
static clear(): void;
|
|
24
|
+
}
|
|
25
|
+
export default Toast;
|