@keenthemes/ktui 1.2.1 → 1.2.3
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/ktui.js +2216 -845
- package/dist/ktui.min.js +1 -1
- package/dist/ktui.min.js.map +1 -1
- package/dist/styles.css +24 -197
- package/lib/cjs/components/carousel/carousel.d.ts +102 -0
- package/lib/cjs/components/carousel/carousel.d.ts.map +1 -0
- package/lib/cjs/components/carousel/carousel.js +769 -0
- package/lib/cjs/components/carousel/carousel.js.map +1 -0
- package/lib/cjs/components/carousel/index.d.ts +7 -0
- package/lib/cjs/components/carousel/index.d.ts.map +1 -0
- package/lib/cjs/components/carousel/index.js +10 -0
- package/lib/cjs/components/carousel/index.js.map +1 -0
- package/lib/cjs/components/carousel/types.d.ts +36 -0
- package/lib/cjs/components/carousel/types.d.ts.map +1 -0
- package/lib/cjs/components/carousel/types.js +7 -0
- package/lib/cjs/components/carousel/types.js.map +1 -0
- package/lib/cjs/components/component.d.ts +3 -3
- package/lib/cjs/components/component.d.ts.map +1 -1
- package/lib/cjs/components/component.js +9 -1
- package/lib/cjs/components/component.js.map +1 -1
- package/lib/cjs/components/datatable/datatable-checkbox.d.ts +1 -1
- package/lib/cjs/components/datatable/datatable-checkbox.d.ts.map +1 -1
- package/lib/cjs/components/datatable/datatable-checkbox.js +1 -1
- package/lib/cjs/components/datatable/datatable-checkbox.js.map +1 -1
- package/lib/cjs/components/datatable/datatable-sort.d.ts +1 -1
- package/lib/cjs/components/datatable/datatable-sort.d.ts.map +1 -1
- package/lib/cjs/components/datatable/datatable-sort.js.map +1 -1
- package/lib/cjs/components/datatable/datatable.d.ts +2 -0
- package/lib/cjs/components/datatable/datatable.d.ts.map +1 -1
- package/lib/cjs/components/datatable/datatable.js +30 -17
- package/lib/cjs/components/datatable/datatable.js.map +1 -1
- package/lib/cjs/components/datatable/types.d.ts +2 -1
- package/lib/cjs/components/datatable/types.d.ts.map +1 -1
- package/lib/cjs/components/drawer/drawer.d.ts.map +1 -1
- package/lib/cjs/components/drawer/drawer.js +3 -16
- package/lib/cjs/components/drawer/drawer.js.map +1 -1
- package/lib/cjs/components/dropdown/dropdown.d.ts +1 -1
- package/lib/cjs/components/dropdown/dropdown.d.ts.map +1 -1
- package/lib/cjs/components/dropdown/dropdown.js +2 -3
- package/lib/cjs/components/dropdown/dropdown.js.map +1 -1
- package/lib/cjs/components/modal/modal.d.ts.map +1 -1
- package/lib/cjs/components/modal/modal.js +19 -13
- package/lib/cjs/components/modal/modal.js.map +1 -1
- package/lib/cjs/components/pin-input/index.d.ts +3 -0
- package/lib/cjs/components/pin-input/index.d.ts.map +1 -0
- package/lib/cjs/components/pin-input/index.js +6 -0
- package/lib/cjs/components/pin-input/index.js.map +1 -0
- package/lib/cjs/components/pin-input/pin-input.d.ts +56 -0
- package/lib/cjs/components/pin-input/pin-input.d.ts.map +1 -0
- package/lib/cjs/components/pin-input/pin-input.js +455 -0
- package/lib/cjs/components/pin-input/pin-input.js.map +1 -0
- package/lib/cjs/components/pin-input/types.d.ts +41 -0
- package/lib/cjs/components/pin-input/types.d.ts.map +1 -0
- package/lib/cjs/components/pin-input/types.js +6 -0
- package/lib/cjs/components/pin-input/types.js.map +1 -0
- package/lib/cjs/components/rating/rating.d.ts.map +1 -1
- package/lib/cjs/components/rating/rating.js.map +1 -1
- package/lib/cjs/components/select/combobox.d.ts.map +1 -1
- package/lib/cjs/components/select/combobox.js +25 -15
- package/lib/cjs/components/select/combobox.js.map +1 -1
- package/lib/cjs/components/select/config.d.ts +2 -2
- package/lib/cjs/components/select/config.d.ts.map +1 -1
- package/lib/cjs/components/select/config.js +10 -9
- package/lib/cjs/components/select/config.js.map +1 -1
- package/lib/cjs/components/select/dropdown.js.map +1 -1
- package/lib/cjs/components/select/option.d.ts +2 -1
- package/lib/cjs/components/select/option.d.ts.map +1 -1
- package/lib/cjs/components/select/option.js +9 -3
- package/lib/cjs/components/select/option.js.map +1 -1
- package/lib/cjs/components/select/remote.d.ts +1 -0
- package/lib/cjs/components/select/remote.d.ts.map +1 -1
- package/lib/cjs/components/select/remote.js +21 -14
- package/lib/cjs/components/select/remote.js.map +1 -1
- package/lib/cjs/components/select/search.d.ts +1 -1
- package/lib/cjs/components/select/search.d.ts.map +1 -1
- package/lib/cjs/components/select/search.js +34 -25
- package/lib/cjs/components/select/search.js.map +1 -1
- package/lib/cjs/components/select/select.d.ts +5 -3
- package/lib/cjs/components/select/select.d.ts.map +1 -1
- package/lib/cjs/components/select/select.js +31 -31
- package/lib/cjs/components/select/select.js.map +1 -1
- package/lib/cjs/components/select/tags.d.ts.map +1 -1
- package/lib/cjs/components/select/tags.js +22 -13
- package/lib/cjs/components/select/tags.js.map +1 -1
- package/lib/cjs/components/select/templates.d.ts.map +1 -1
- package/lib/cjs/components/select/templates.js +4 -4
- package/lib/cjs/components/select/templates.js.map +1 -1
- package/lib/cjs/components/select/types.d.ts +1 -1
- package/lib/cjs/components/select/types.d.ts.map +1 -1
- package/lib/cjs/components/select/utils.d.ts +4 -4
- package/lib/cjs/components/select/utils.d.ts.map +1 -1
- package/lib/cjs/components/select/utils.js +2 -3
- package/lib/cjs/components/select/utils.js.map +1 -1
- package/lib/cjs/components/sticky/sticky.d.ts +1 -1
- package/lib/cjs/components/sticky/sticky.d.ts.map +1 -1
- package/lib/cjs/components/sticky/sticky.js +13 -13
- package/lib/cjs/components/sticky/sticky.js.map +1 -1
- package/lib/cjs/components/theme-switch/theme-switch.d.ts +3 -0
- package/lib/cjs/components/theme-switch/theme-switch.d.ts.map +1 -1
- package/lib/cjs/components/theme-switch/theme-switch.js +17 -4
- package/lib/cjs/components/theme-switch/theme-switch.js.map +1 -1
- package/lib/cjs/components/toast/toast.d.ts.map +1 -1
- package/lib/cjs/components/toast/toast.js +17 -9
- package/lib/cjs/components/toast/toast.js.map +1 -1
- package/lib/cjs/components/toast/types.d.ts +3 -0
- package/lib/cjs/components/toast/types.d.ts.map +1 -1
- package/lib/cjs/components/toggle/toggle.d.ts +2 -0
- package/lib/cjs/components/toggle/toggle.d.ts.map +1 -1
- package/lib/cjs/components/toggle/toggle.js +11 -2
- package/lib/cjs/components/toggle/toggle.js.map +1 -1
- package/lib/cjs/components/toggle-password/toggle-password.d.ts.map +1 -1
- package/lib/cjs/components/toggle-password/toggle-password.js.map +1 -1
- package/lib/cjs/helpers/dom.d.ts +4 -4
- package/lib/cjs/helpers/dom.d.ts.map +1 -1
- package/lib/cjs/helpers/dom.js +8 -10
- package/lib/cjs/helpers/dom.js.map +1 -1
- package/lib/cjs/helpers/event-handler.d.ts +1 -1
- package/lib/cjs/helpers/event-handler.d.ts.map +1 -1
- package/lib/cjs/helpers/event-handler.js +3 -1
- package/lib/cjs/helpers/event-handler.js.map +1 -1
- package/lib/cjs/helpers/utils.d.ts +1 -1
- package/lib/cjs/helpers/utils.d.ts.map +1 -1
- package/lib/cjs/helpers/utils.js +4 -1
- package/lib/cjs/helpers/utils.js.map +1 -1
- package/lib/cjs/index.d.ts +8 -0
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js +9 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types.d.ts +1 -1
- package/lib/cjs/types.d.ts.map +1 -1
- package/lib/esm/components/carousel/carousel.d.ts +102 -0
- package/lib/esm/components/carousel/carousel.d.ts.map +1 -0
- package/lib/esm/components/carousel/carousel.js +766 -0
- package/lib/esm/components/carousel/carousel.js.map +1 -0
- package/lib/esm/components/carousel/index.d.ts +7 -0
- package/lib/esm/components/carousel/index.d.ts.map +1 -0
- package/lib/esm/components/carousel/index.js +6 -0
- package/lib/esm/components/carousel/index.js.map +1 -0
- package/lib/esm/components/carousel/types.d.ts +36 -0
- package/lib/esm/components/carousel/types.d.ts.map +1 -0
- package/lib/esm/components/carousel/types.js +6 -0
- package/lib/esm/components/carousel/types.js.map +1 -0
- package/lib/esm/components/component.d.ts +3 -3
- package/lib/esm/components/component.d.ts.map +1 -1
- package/lib/esm/components/component.js +9 -1
- package/lib/esm/components/component.js.map +1 -1
- package/lib/esm/components/datatable/datatable-checkbox.d.ts +1 -1
- package/lib/esm/components/datatable/datatable-checkbox.d.ts.map +1 -1
- package/lib/esm/components/datatable/datatable-checkbox.js +1 -1
- package/lib/esm/components/datatable/datatable-checkbox.js.map +1 -1
- package/lib/esm/components/datatable/datatable-sort.d.ts +1 -1
- package/lib/esm/components/datatable/datatable-sort.d.ts.map +1 -1
- package/lib/esm/components/datatable/datatable-sort.js.map +1 -1
- package/lib/esm/components/datatable/datatable.d.ts +2 -0
- package/lib/esm/components/datatable/datatable.d.ts.map +1 -1
- package/lib/esm/components/datatable/datatable.js +30 -17
- package/lib/esm/components/datatable/datatable.js.map +1 -1
- package/lib/esm/components/datatable/types.d.ts +2 -1
- package/lib/esm/components/datatable/types.d.ts.map +1 -1
- package/lib/esm/components/drawer/drawer.d.ts.map +1 -1
- package/lib/esm/components/drawer/drawer.js +3 -16
- package/lib/esm/components/drawer/drawer.js.map +1 -1
- package/lib/esm/components/dropdown/dropdown.d.ts +1 -1
- package/lib/esm/components/dropdown/dropdown.d.ts.map +1 -1
- package/lib/esm/components/dropdown/dropdown.js +2 -3
- package/lib/esm/components/dropdown/dropdown.js.map +1 -1
- package/lib/esm/components/modal/modal.d.ts.map +1 -1
- package/lib/esm/components/modal/modal.js +19 -13
- package/lib/esm/components/modal/modal.js.map +1 -1
- package/lib/esm/components/pin-input/index.d.ts +3 -0
- package/lib/esm/components/pin-input/index.d.ts.map +1 -0
- package/lib/esm/components/pin-input/index.js +2 -0
- package/lib/esm/components/pin-input/index.js.map +1 -0
- package/lib/esm/components/pin-input/pin-input.d.ts +56 -0
- package/lib/esm/components/pin-input/pin-input.d.ts.map +1 -0
- package/lib/esm/components/pin-input/pin-input.js +452 -0
- package/lib/esm/components/pin-input/pin-input.js.map +1 -0
- package/lib/esm/components/pin-input/types.d.ts +41 -0
- package/lib/esm/components/pin-input/types.d.ts.map +1 -0
- package/lib/esm/components/pin-input/types.js +5 -0
- package/lib/esm/components/pin-input/types.js.map +1 -0
- package/lib/esm/components/rating/rating.d.ts.map +1 -1
- package/lib/esm/components/rating/rating.js.map +1 -1
- package/lib/esm/components/select/combobox.d.ts.map +1 -1
- package/lib/esm/components/select/combobox.js +25 -15
- package/lib/esm/components/select/combobox.js.map +1 -1
- package/lib/esm/components/select/config.d.ts +2 -2
- package/lib/esm/components/select/config.d.ts.map +1 -1
- package/lib/esm/components/select/config.js +10 -9
- package/lib/esm/components/select/config.js.map +1 -1
- package/lib/esm/components/select/dropdown.js.map +1 -1
- package/lib/esm/components/select/option.d.ts +2 -1
- package/lib/esm/components/select/option.d.ts.map +1 -1
- package/lib/esm/components/select/option.js +9 -3
- package/lib/esm/components/select/option.js.map +1 -1
- package/lib/esm/components/select/remote.d.ts +1 -0
- package/lib/esm/components/select/remote.d.ts.map +1 -1
- package/lib/esm/components/select/remote.js +21 -14
- package/lib/esm/components/select/remote.js.map +1 -1
- package/lib/esm/components/select/search.d.ts +1 -1
- package/lib/esm/components/select/search.d.ts.map +1 -1
- package/lib/esm/components/select/search.js +34 -25
- package/lib/esm/components/select/search.js.map +1 -1
- package/lib/esm/components/select/select.d.ts +5 -3
- package/lib/esm/components/select/select.d.ts.map +1 -1
- package/lib/esm/components/select/select.js +31 -31
- package/lib/esm/components/select/select.js.map +1 -1
- package/lib/esm/components/select/tags.d.ts.map +1 -1
- package/lib/esm/components/select/tags.js +22 -13
- package/lib/esm/components/select/tags.js.map +1 -1
- package/lib/esm/components/select/templates.d.ts.map +1 -1
- package/lib/esm/components/select/templates.js +4 -4
- package/lib/esm/components/select/templates.js.map +1 -1
- package/lib/esm/components/select/types.d.ts +1 -1
- package/lib/esm/components/select/types.d.ts.map +1 -1
- package/lib/esm/components/select/utils.d.ts +4 -4
- package/lib/esm/components/select/utils.d.ts.map +1 -1
- package/lib/esm/components/select/utils.js +2 -3
- package/lib/esm/components/select/utils.js.map +1 -1
- package/lib/esm/components/sticky/sticky.d.ts +1 -1
- package/lib/esm/components/sticky/sticky.d.ts.map +1 -1
- package/lib/esm/components/sticky/sticky.js +13 -13
- package/lib/esm/components/sticky/sticky.js.map +1 -1
- package/lib/esm/components/theme-switch/theme-switch.d.ts +3 -0
- package/lib/esm/components/theme-switch/theme-switch.d.ts.map +1 -1
- package/lib/esm/components/theme-switch/theme-switch.js +17 -4
- package/lib/esm/components/theme-switch/theme-switch.js.map +1 -1
- package/lib/esm/components/toast/toast.d.ts.map +1 -1
- package/lib/esm/components/toast/toast.js +17 -9
- package/lib/esm/components/toast/toast.js.map +1 -1
- package/lib/esm/components/toast/types.d.ts +3 -0
- package/lib/esm/components/toast/types.d.ts.map +1 -1
- package/lib/esm/components/toggle/toggle.d.ts +2 -0
- package/lib/esm/components/toggle/toggle.d.ts.map +1 -1
- package/lib/esm/components/toggle/toggle.js +11 -2
- package/lib/esm/components/toggle/toggle.js.map +1 -1
- package/lib/esm/components/toggle-password/toggle-password.d.ts.map +1 -1
- package/lib/esm/components/toggle-password/toggle-password.js.map +1 -1
- package/lib/esm/helpers/dom.d.ts +4 -4
- package/lib/esm/helpers/dom.d.ts.map +1 -1
- package/lib/esm/helpers/dom.js +8 -10
- package/lib/esm/helpers/dom.js.map +1 -1
- package/lib/esm/helpers/event-handler.d.ts +1 -1
- package/lib/esm/helpers/event-handler.d.ts.map +1 -1
- package/lib/esm/helpers/event-handler.js +3 -1
- package/lib/esm/helpers/event-handler.js.map +1 -1
- package/lib/esm/helpers/utils.d.ts +1 -1
- package/lib/esm/helpers/utils.d.ts.map +1 -1
- package/lib/esm/helpers/utils.js +4 -1
- package/lib/esm/helpers/utils.js.map +1 -1
- package/lib/esm/index.d.ts +8 -0
- package/lib/esm/index.d.ts.map +1 -1
- package/lib/esm/index.js +6 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/types.d.ts +1 -1
- package/lib/esm/types.d.ts.map +1 -1
- package/package.json +5 -2
- package/src/components/carousel/__tests__/carousel.test.ts +326 -0
- package/src/components/carousel/carousel.css +42 -0
- package/src/components/carousel/carousel.ts +847 -0
- package/src/components/carousel/index.ts +11 -0
- package/src/components/carousel/types.ts +38 -0
- package/src/components/clipboard/__tests__/clipboard.test.ts +4 -4
- package/src/components/component.ts +15 -5
- package/src/components/datatable/__tests__/currency-sort.test.ts +4 -3
- package/src/components/datatable/__tests__/pagination-reset.test.ts +7 -4
- package/src/components/datatable/__tests__/setup.ts +1 -1
- package/src/components/datatable/datatable-checkbox.ts +6 -4
- package/src/components/datatable/datatable-sort.ts +27 -7
- package/src/components/datatable/datatable.ts +64 -37
- package/src/components/datatable/types.ts +3 -1
- package/src/components/drawer/drawer.ts +3 -18
- package/src/components/dropdown/dropdown.ts +2 -3
- package/src/components/modal/modal.ts +22 -14
- package/src/components/pin-input/__tests__/pin-input.test.ts +928 -0
- package/src/components/pin-input/index.ts +6 -0
- package/src/components/pin-input/pin-input.ts +499 -0
- package/src/components/pin-input/types.ts +45 -0
- package/src/components/rating/rating.ts +0 -1
- package/src/components/repeater/__tests__/repeater.test.ts +5 -5
- package/src/components/select/__tests__/ux-behaviors.test.ts +4 -3
- package/src/components/select/combobox.ts +23 -16
- package/src/components/select/config.ts +15 -14
- package/src/components/select/dropdown.ts +1 -1
- package/src/components/select/option.ts +14 -4
- package/src/components/select/remote.ts +68 -56
- package/src/components/select/search.ts +30 -27
- package/src/components/select/select.ts +41 -37
- package/src/components/select/tags.ts +14 -8
- package/src/components/select/templates.ts +11 -6
- package/src/components/select/types.ts +1 -1
- package/src/components/select/utils.ts +7 -9
- package/src/components/sticky/sticky.ts +2 -2
- package/src/components/theme-switch/theme-switch.ts +22 -4
- package/src/components/toast/toast.ts +34 -21
- package/src/components/toast/types.ts +5 -1
- package/src/components/toggle/toggle.ts +12 -2
- package/src/components/toggle-password/toggle-password.ts +0 -1
- package/src/helpers/dom.ts +14 -17
- package/src/helpers/event-handler.ts +5 -6
- package/src/helpers/utils.ts +5 -2
- package/src/index.ts +18 -0
- package/src/types.ts +1 -1
- package/styles.css +1 -0
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.
|
|
1
|
+
/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
--color-green-950: oklch(26.6% 0.065 152.934);
|
|
35
35
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
36
36
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
37
|
-
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
38
37
|
--color-blue-400: oklch(70.7% 0.165 254.624);
|
|
39
38
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
40
39
|
--color-blue-600: oklch(54.6% 0.245 262.881);
|
|
@@ -50,8 +49,6 @@
|
|
|
50
49
|
--color-violet-800: oklch(43.2% 0.232 292.759);
|
|
51
50
|
--color-violet-950: oklch(28.3% 0.141 291.089);
|
|
52
51
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
53
|
-
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
54
|
-
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
55
52
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
56
53
|
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
57
54
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
@@ -84,8 +81,6 @@
|
|
|
84
81
|
--container-2xl: 42rem;
|
|
85
82
|
--container-3xl: 48rem;
|
|
86
83
|
--container-4xl: 56rem;
|
|
87
|
-
--container-5xl: 64rem;
|
|
88
|
-
--container-6xl: 72rem;
|
|
89
84
|
--text-xs: 0.75rem;
|
|
90
85
|
--text-xs--line-height: calc(1 / 0.75);
|
|
91
86
|
--text-sm: 0.875rem;
|
|
@@ -350,9 +345,6 @@
|
|
|
350
345
|
max-width: 96rem;
|
|
351
346
|
}
|
|
352
347
|
}
|
|
353
|
-
.mx-2 {
|
|
354
|
-
margin-inline: calc(var(--spacing) * 2);
|
|
355
|
-
}
|
|
356
348
|
.mx-4 {
|
|
357
349
|
margin-inline: calc(var(--spacing) * 4);
|
|
358
350
|
}
|
|
@@ -410,9 +402,6 @@
|
|
|
410
402
|
.ml-2 {
|
|
411
403
|
margin-left: calc(var(--spacing) * 2);
|
|
412
404
|
}
|
|
413
|
-
.ml-4 {
|
|
414
|
-
margin-left: calc(var(--spacing) * 4);
|
|
415
|
-
}
|
|
416
405
|
.block {
|
|
417
406
|
display: block;
|
|
418
407
|
}
|
|
@@ -454,18 +443,12 @@
|
|
|
454
443
|
width: calc(var(--spacing) * 16);
|
|
455
444
|
height: calc(var(--spacing) * 16);
|
|
456
445
|
}
|
|
457
|
-
.h-4 {
|
|
458
|
-
height: calc(var(--spacing) * 4);
|
|
459
|
-
}
|
|
460
446
|
.h-5 {
|
|
461
447
|
height: calc(var(--spacing) * 5);
|
|
462
448
|
}
|
|
463
449
|
.h-6 {
|
|
464
450
|
height: calc(var(--spacing) * 6);
|
|
465
451
|
}
|
|
466
|
-
.h-64 {
|
|
467
|
-
height: calc(var(--spacing) * 64);
|
|
468
|
-
}
|
|
469
452
|
.max-h-48 {
|
|
470
453
|
max-height: calc(var(--spacing) * 48);
|
|
471
454
|
}
|
|
@@ -478,9 +461,6 @@
|
|
|
478
461
|
.max-h-\[250px\] {
|
|
479
462
|
max-height: 250px;
|
|
480
463
|
}
|
|
481
|
-
.min-h-16 {
|
|
482
|
-
min-height: calc(var(--spacing) * 16);
|
|
483
|
-
}
|
|
484
464
|
.min-h-\[3rem\] {
|
|
485
465
|
min-height: 3rem;
|
|
486
466
|
}
|
|
@@ -490,39 +470,12 @@
|
|
|
490
470
|
.min-h-screen {
|
|
491
471
|
min-height: 100vh;
|
|
492
472
|
}
|
|
493
|
-
.w-4 {
|
|
494
|
-
width: calc(var(--spacing) * 4);
|
|
495
|
-
}
|
|
496
473
|
.w-5 {
|
|
497
474
|
width: calc(var(--spacing) * 5);
|
|
498
475
|
}
|
|
499
476
|
.w-6 {
|
|
500
477
|
width: calc(var(--spacing) * 6);
|
|
501
478
|
}
|
|
502
|
-
.w-12 {
|
|
503
|
-
width: calc(var(--spacing) * 12);
|
|
504
|
-
}
|
|
505
|
-
.w-16 {
|
|
506
|
-
width: calc(var(--spacing) * 16);
|
|
507
|
-
}
|
|
508
|
-
.w-20 {
|
|
509
|
-
width: calc(var(--spacing) * 20);
|
|
510
|
-
}
|
|
511
|
-
.w-24 {
|
|
512
|
-
width: calc(var(--spacing) * 24);
|
|
513
|
-
}
|
|
514
|
-
.w-32 {
|
|
515
|
-
width: calc(var(--spacing) * 32);
|
|
516
|
-
}
|
|
517
|
-
.w-40 {
|
|
518
|
-
width: calc(var(--spacing) * 40);
|
|
519
|
-
}
|
|
520
|
-
.w-48 {
|
|
521
|
-
width: calc(var(--spacing) * 48);
|
|
522
|
-
}
|
|
523
|
-
.w-64 {
|
|
524
|
-
width: calc(var(--spacing) * 64);
|
|
525
|
-
}
|
|
526
479
|
.w-full {
|
|
527
480
|
width: 100%;
|
|
528
481
|
}
|
|
@@ -535,12 +488,6 @@
|
|
|
535
488
|
.max-w-4xl {
|
|
536
489
|
max-width: var(--container-4xl);
|
|
537
490
|
}
|
|
538
|
-
.max-w-5xl {
|
|
539
|
-
max-width: var(--container-5xl);
|
|
540
|
-
}
|
|
541
|
-
.max-w-6xl {
|
|
542
|
-
max-width: var(--container-6xl);
|
|
543
|
-
}
|
|
544
491
|
.max-w-lg {
|
|
545
492
|
max-width: var(--container-lg);
|
|
546
493
|
}
|
|
@@ -550,12 +497,6 @@
|
|
|
550
497
|
.max-w-sm {
|
|
551
498
|
max-width: var(--container-sm);
|
|
552
499
|
}
|
|
553
|
-
.min-w-\[60px\] {
|
|
554
|
-
min-width: 60px;
|
|
555
|
-
}
|
|
556
|
-
.min-w-\[130px\] {
|
|
557
|
-
min-width: 130px;
|
|
558
|
-
}
|
|
559
500
|
.shrink-0 {
|
|
560
501
|
flex-shrink: 0;
|
|
561
502
|
}
|
|
@@ -588,9 +529,6 @@
|
|
|
588
529
|
.list-decimal {
|
|
589
530
|
list-style-type: decimal;
|
|
590
531
|
}
|
|
591
|
-
.list-disc {
|
|
592
|
-
list-style-type: disc;
|
|
593
|
-
}
|
|
594
532
|
.appearance-none {
|
|
595
533
|
appearance: none;
|
|
596
534
|
}
|
|
@@ -630,9 +568,6 @@
|
|
|
630
568
|
.gap-2 {
|
|
631
569
|
gap: calc(var(--spacing) * 2);
|
|
632
570
|
}
|
|
633
|
-
.gap-2\.5 {
|
|
634
|
-
gap: calc(var(--spacing) * 2.5);
|
|
635
|
-
}
|
|
636
571
|
.gap-3 {
|
|
637
572
|
gap: calc(var(--spacing) * 3);
|
|
638
573
|
}
|
|
@@ -652,13 +587,6 @@
|
|
|
652
587
|
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
653
588
|
}
|
|
654
589
|
}
|
|
655
|
-
.space-y-1\.5 {
|
|
656
|
-
:where(& > :not(:last-child)) {
|
|
657
|
-
--tw-space-y-reverse: 0;
|
|
658
|
-
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
|
|
659
|
-
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
|
|
660
|
-
}
|
|
661
|
-
}
|
|
662
590
|
.space-y-2 {
|
|
663
591
|
:where(& > :not(:last-child)) {
|
|
664
592
|
--tw-space-y-reverse: 0;
|
|
@@ -694,20 +622,6 @@
|
|
|
694
622
|
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
695
623
|
}
|
|
696
624
|
}
|
|
697
|
-
.space-x-1 {
|
|
698
|
-
:where(& > :not(:last-child)) {
|
|
699
|
-
--tw-space-x-reverse: 0;
|
|
700
|
-
margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
|
|
701
|
-
margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
.space-x-2 {
|
|
705
|
-
:where(& > :not(:last-child)) {
|
|
706
|
-
--tw-space-x-reverse: 0;
|
|
707
|
-
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
|
|
708
|
-
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
|
709
|
-
}
|
|
710
|
-
}
|
|
711
625
|
.space-x-4 {
|
|
712
626
|
:where(& > :not(:last-child)) {
|
|
713
627
|
--tw-space-x-reverse: 0;
|
|
@@ -718,9 +632,6 @@
|
|
|
718
632
|
.overflow-auto {
|
|
719
633
|
overflow: auto;
|
|
720
634
|
}
|
|
721
|
-
.overflow-x-auto {
|
|
722
|
-
overflow-x: auto;
|
|
723
|
-
}
|
|
724
635
|
.overflow-y-auto {
|
|
725
636
|
overflow-y: auto;
|
|
726
637
|
}
|
|
@@ -748,14 +659,6 @@
|
|
|
748
659
|
border-top-style: var(--tw-border-style);
|
|
749
660
|
border-top-width: 1px;
|
|
750
661
|
}
|
|
751
|
-
.border-r {
|
|
752
|
-
border-right-style: var(--tw-border-style);
|
|
753
|
-
border-right-width: 1px;
|
|
754
|
-
}
|
|
755
|
-
.border-r-0 {
|
|
756
|
-
border-right-style: var(--tw-border-style);
|
|
757
|
-
border-right-width: 0px;
|
|
758
|
-
}
|
|
759
662
|
.border-b {
|
|
760
663
|
border-bottom-style: var(--tw-border-style);
|
|
761
664
|
border-bottom-width: 1px;
|
|
@@ -768,9 +671,6 @@
|
|
|
768
671
|
--tw-border-style: dashed;
|
|
769
672
|
border-style: dashed;
|
|
770
673
|
}
|
|
771
|
-
.border-blue-200 {
|
|
772
|
-
border-color: var(--color-blue-200);
|
|
773
|
-
}
|
|
774
674
|
.border-gray-200 {
|
|
775
675
|
border-color: var(--color-gray-200);
|
|
776
676
|
}
|
|
@@ -792,9 +692,6 @@
|
|
|
792
692
|
.bg-background {
|
|
793
693
|
background-color: var(--background);
|
|
794
694
|
}
|
|
795
|
-
.bg-blue-50 {
|
|
796
|
-
background-color: var(--color-blue-50);
|
|
797
|
-
}
|
|
798
695
|
.bg-blue-500 {
|
|
799
696
|
background-color: var(--color-blue-500);
|
|
800
697
|
}
|
|
@@ -807,9 +704,6 @@
|
|
|
807
704
|
.bg-gray-100 {
|
|
808
705
|
background-color: var(--color-gray-100);
|
|
809
706
|
}
|
|
810
|
-
.bg-gray-200 {
|
|
811
|
-
background-color: var(--color-gray-200);
|
|
812
|
-
}
|
|
813
707
|
.bg-gray-500 {
|
|
814
708
|
background-color: var(--color-gray-500);
|
|
815
709
|
}
|
|
@@ -819,9 +713,6 @@
|
|
|
819
713
|
.bg-green-500 {
|
|
820
714
|
background-color: var(--color-green-500);
|
|
821
715
|
}
|
|
822
|
-
.bg-green-600 {
|
|
823
|
-
background-color: var(--color-green-600);
|
|
824
|
-
}
|
|
825
716
|
.bg-pink-500 {
|
|
826
717
|
background-color: var(--color-pink-500);
|
|
827
718
|
}
|
|
@@ -831,15 +722,6 @@
|
|
|
831
722
|
.bg-purple-500 {
|
|
832
723
|
background-color: var(--color-purple-500);
|
|
833
724
|
}
|
|
834
|
-
.bg-purple-600 {
|
|
835
|
-
background-color: var(--color-purple-600);
|
|
836
|
-
}
|
|
837
|
-
.bg-red-50 {
|
|
838
|
-
background-color: var(--color-red-50);
|
|
839
|
-
}
|
|
840
|
-
.bg-red-600 {
|
|
841
|
-
background-color: var(--color-red-600);
|
|
842
|
-
}
|
|
843
725
|
.bg-transparent {
|
|
844
726
|
background-color: transparent;
|
|
845
727
|
}
|
|
@@ -864,9 +746,6 @@
|
|
|
864
746
|
.px-1 {
|
|
865
747
|
padding-inline: calc(var(--spacing) * 1);
|
|
866
748
|
}
|
|
867
|
-
.px-1\.5 {
|
|
868
|
-
padding-inline: calc(var(--spacing) * 1.5);
|
|
869
|
-
}
|
|
870
749
|
.px-2 {
|
|
871
750
|
padding-inline: calc(var(--spacing) * 2);
|
|
872
751
|
}
|
|
@@ -879,9 +758,6 @@
|
|
|
879
758
|
.px-6 {
|
|
880
759
|
padding-inline: calc(var(--spacing) * 6);
|
|
881
760
|
}
|
|
882
|
-
.py-0\.5 {
|
|
883
|
-
padding-block: calc(var(--spacing) * 0.5);
|
|
884
|
-
}
|
|
885
761
|
.py-1 {
|
|
886
762
|
padding-block: calc(var(--spacing) * 1);
|
|
887
763
|
}
|
|
@@ -906,9 +782,6 @@
|
|
|
906
782
|
.ps-5 {
|
|
907
783
|
padding-inline-start: calc(var(--spacing) * 5);
|
|
908
784
|
}
|
|
909
|
-
.pb-2 {
|
|
910
|
-
padding-bottom: calc(var(--spacing) * 2);
|
|
911
|
-
}
|
|
912
785
|
.pl-3 {
|
|
913
786
|
padding-left: calc(var(--spacing) * 3);
|
|
914
787
|
}
|
|
@@ -975,21 +848,12 @@
|
|
|
975
848
|
--tw-font-weight: var(--font-weight-semibold);
|
|
976
849
|
font-weight: var(--font-weight-semibold);
|
|
977
850
|
}
|
|
978
|
-
.whitespace-nowrap {
|
|
979
|
-
white-space: nowrap;
|
|
980
|
-
}
|
|
981
|
-
.text-blue-600 {
|
|
982
|
-
color: var(--color-blue-600);
|
|
983
|
-
}
|
|
984
851
|
.text-card {
|
|
985
852
|
color: var(--card);
|
|
986
853
|
}
|
|
987
854
|
.text-foreground {
|
|
988
855
|
color: var(--foreground);
|
|
989
856
|
}
|
|
990
|
-
.text-gray-400 {
|
|
991
|
-
color: var(--color-gray-400);
|
|
992
|
-
}
|
|
993
857
|
.text-gray-500 {
|
|
994
858
|
color: var(--color-gray-500);
|
|
995
859
|
}
|
|
@@ -1011,9 +875,6 @@
|
|
|
1011
875
|
.text-green-600 {
|
|
1012
876
|
color: var(--color-green-600);
|
|
1013
877
|
}
|
|
1014
|
-
.text-mono {
|
|
1015
|
-
color: var(--mono);
|
|
1016
|
-
}
|
|
1017
878
|
.text-muted-foreground {
|
|
1018
879
|
color: var(--muted-foreground);
|
|
1019
880
|
}
|
|
@@ -1029,21 +890,12 @@
|
|
|
1029
890
|
.text-primary-foreground {
|
|
1030
891
|
color: var(--primary-foreground);
|
|
1031
892
|
}
|
|
1032
|
-
.text-purple-600 {
|
|
1033
|
-
color: var(--color-purple-600);
|
|
1034
|
-
}
|
|
1035
893
|
.text-red-500 {
|
|
1036
894
|
color: var(--color-red-500);
|
|
1037
895
|
}
|
|
1038
896
|
.text-red-600 {
|
|
1039
897
|
color: var(--color-red-600);
|
|
1040
898
|
}
|
|
1041
|
-
.text-red-700 {
|
|
1042
|
-
color: var(--color-red-700);
|
|
1043
|
-
}
|
|
1044
|
-
.text-secondary-foreground {
|
|
1045
|
-
color: var(--secondary-foreground);
|
|
1046
|
-
}
|
|
1047
899
|
.text-transparent {
|
|
1048
900
|
color: transparent;
|
|
1049
901
|
}
|
|
@@ -1063,9 +915,6 @@
|
|
|
1063
915
|
.opacity-75 {
|
|
1064
916
|
opacity: 75%;
|
|
1065
917
|
}
|
|
1066
|
-
.opacity-100 {
|
|
1067
|
-
opacity: 100%;
|
|
1068
|
-
}
|
|
1069
918
|
.shadow {
|
|
1070
919
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1071
920
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1082,13 +931,6 @@
|
|
|
1082
931
|
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1083
932
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1084
933
|
}
|
|
1085
|
-
.ring-2 {
|
|
1086
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1087
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1088
|
-
}
|
|
1089
|
-
.ring-gray-400 {
|
|
1090
|
-
--tw-ring-color: var(--color-gray-400);
|
|
1091
|
-
}
|
|
1092
934
|
.outline {
|
|
1093
935
|
outline-style: var(--tw-outline-style);
|
|
1094
936
|
outline-width: 1px;
|
|
@@ -1144,13 +986,6 @@
|
|
|
1144
986
|
}
|
|
1145
987
|
}
|
|
1146
988
|
}
|
|
1147
|
-
.hover\:bg-gray-300 {
|
|
1148
|
-
&:hover {
|
|
1149
|
-
@media (hover: hover) {
|
|
1150
|
-
background-color: var(--color-gray-300);
|
|
1151
|
-
}
|
|
1152
|
-
}
|
|
1153
|
-
}
|
|
1154
989
|
.hover\:bg-gray-600 {
|
|
1155
990
|
&:hover {
|
|
1156
991
|
@media (hover: hover) {
|
|
@@ -1172,27 +1007,6 @@
|
|
|
1172
1007
|
}
|
|
1173
1008
|
}
|
|
1174
1009
|
}
|
|
1175
|
-
.hover\:bg-green-700 {
|
|
1176
|
-
&:hover {
|
|
1177
|
-
@media (hover: hover) {
|
|
1178
|
-
background-color: var(--color-green-700);
|
|
1179
|
-
}
|
|
1180
|
-
}
|
|
1181
|
-
}
|
|
1182
|
-
.hover\:bg-purple-700 {
|
|
1183
|
-
&:hover {
|
|
1184
|
-
@media (hover: hover) {
|
|
1185
|
-
background-color: var(--color-purple-700);
|
|
1186
|
-
}
|
|
1187
|
-
}
|
|
1188
|
-
}
|
|
1189
|
-
.hover\:bg-red-700 {
|
|
1190
|
-
&:hover {
|
|
1191
|
-
@media (hover: hover) {
|
|
1192
|
-
background-color: var(--color-red-700);
|
|
1193
|
-
}
|
|
1194
|
-
}
|
|
1195
|
-
}
|
|
1196
1010
|
.focus\:bg-none {
|
|
1197
1011
|
&:focus {
|
|
1198
1012
|
background-image: none;
|
|
@@ -1215,11 +1029,6 @@
|
|
|
1215
1029
|
--tw-ring-color: var(--color-blue-400);
|
|
1216
1030
|
}
|
|
1217
1031
|
}
|
|
1218
|
-
.focus\:ring-blue-500 {
|
|
1219
|
-
&:focus {
|
|
1220
|
-
--tw-ring-color: var(--color-blue-500);
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
1032
|
.focus\:ring-gray-400 {
|
|
1224
1033
|
&:focus {
|
|
1225
1034
|
--tw-ring-color: var(--color-gray-400);
|
|
@@ -1237,11 +1046,6 @@
|
|
|
1237
1046
|
outline-style: none;
|
|
1238
1047
|
}
|
|
1239
1048
|
}
|
|
1240
|
-
.sm\:w-48 {
|
|
1241
|
-
@media (width >= 40rem) {
|
|
1242
|
-
width: calc(var(--spacing) * 48);
|
|
1243
|
-
}
|
|
1244
|
-
}
|
|
1245
1049
|
.md\:grid-cols-2 {
|
|
1246
1050
|
@media (width >= 48rem) {
|
|
1247
1051
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
@@ -3322,6 +3126,29 @@
|
|
|
3322
3126
|
border-bottom-left-radius: calc(var(--radius) + 4px);
|
|
3323
3127
|
}
|
|
3324
3128
|
}
|
|
3129
|
+
@layer components {
|
|
3130
|
+
[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"]) [data-kt-carousel-viewport], [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"]) [data-kt-carousel-thumbnails] {
|
|
3131
|
+
scrollbar-width: none;
|
|
3132
|
+
-ms-overflow-style: none;
|
|
3133
|
+
}
|
|
3134
|
+
[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"]) [data-kt-carousel-viewport]::-webkit-scrollbar, [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"]) [data-kt-carousel-thumbnails]::-webkit-scrollbar {
|
|
3135
|
+
display: none;
|
|
3136
|
+
}
|
|
3137
|
+
[data-kt-carousel-thumbnail]:not(:disabled), [data-kt-carousel-pagination-item]:not(:disabled), [data-kt-carousel-prev]:not(:disabled), [data-kt-carousel-next]:not(:disabled) {
|
|
3138
|
+
cursor: pointer;
|
|
3139
|
+
}
|
|
3140
|
+
[data-kt-carousel-thumbnail] {
|
|
3141
|
+
transition-property: border-color, background-color, color, box-shadow, opacity;
|
|
3142
|
+
transition-duration: 0.2s;
|
|
3143
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3144
|
+
}
|
|
3145
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3146
|
+
[data-kt-carousel-thumbnail] {
|
|
3147
|
+
transition-duration: 0.01ms;
|
|
3148
|
+
transition-property: none;
|
|
3149
|
+
}
|
|
3150
|
+
}
|
|
3151
|
+
}
|
|
3325
3152
|
@layer components {
|
|
3326
3153
|
.kt-checkbox {
|
|
3327
3154
|
cursor: pointer;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
|
|
3
|
+
* Copyright 2025 by Keenthemes Inc
|
|
4
|
+
*/
|
|
5
|
+
import KTComponent from '../component';
|
|
6
|
+
import { KTCarouselConfigInterface, KTCarouselInterface } from './types';
|
|
7
|
+
declare global {
|
|
8
|
+
interface Window {
|
|
9
|
+
KTCarousel: typeof KTCarousel;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export declare class KTCarousel extends KTComponent implements KTCarouselInterface {
|
|
13
|
+
protected _name: string;
|
|
14
|
+
protected _defaultConfig: KTCarouselConfigInterface;
|
|
15
|
+
protected _config: KTCarouselConfigInterface;
|
|
16
|
+
private _viewport;
|
|
17
|
+
private _slides;
|
|
18
|
+
private _index;
|
|
19
|
+
private _autoplayTimer;
|
|
20
|
+
private _programmaticScroll;
|
|
21
|
+
private _resizeObserver;
|
|
22
|
+
private _prefersReducedMotion;
|
|
23
|
+
private _onPrevClick;
|
|
24
|
+
private _onNextClick;
|
|
25
|
+
private _onScroll;
|
|
26
|
+
private _onScrollEnd;
|
|
27
|
+
private _onKeyDown;
|
|
28
|
+
private _onPointerDown;
|
|
29
|
+
private _onPointerMove;
|
|
30
|
+
private _onPointerUp;
|
|
31
|
+
private _paginationHandlers;
|
|
32
|
+
private _thumbHandlers;
|
|
33
|
+
private _programmaticScrollPrevIndex;
|
|
34
|
+
private _programmaticScrollTargetIndex;
|
|
35
|
+
private _programmaticScrollUserInitiated;
|
|
36
|
+
private _programmaticScrollFallbackTimer;
|
|
37
|
+
private _scrollSyncRaf;
|
|
38
|
+
private _pauseAutoplay;
|
|
39
|
+
private _resumeAutoplay;
|
|
40
|
+
private _dragStartX;
|
|
41
|
+
private _dragStartScroll;
|
|
42
|
+
private _dragging;
|
|
43
|
+
private _dragMoved;
|
|
44
|
+
private _pointerId;
|
|
45
|
+
private _prevButtons;
|
|
46
|
+
private _nextButtons;
|
|
47
|
+
private _currentLabels;
|
|
48
|
+
private _totalLabels;
|
|
49
|
+
constructor(element: HTMLElement, config?: Partial<KTCarouselConfigInterface> | null);
|
|
50
|
+
private _readPrefersReducedMotion;
|
|
51
|
+
private _syncShowScrollbarAttribute;
|
|
52
|
+
private static _resolveViewportStatic;
|
|
53
|
+
private static _collectSlidesStatic;
|
|
54
|
+
private _isRtl;
|
|
55
|
+
private _scrollBehavior;
|
|
56
|
+
private _effectiveDraggable;
|
|
57
|
+
private _bindControls;
|
|
58
|
+
private _bindIndexedClickStrips;
|
|
59
|
+
private _bindScrollSync;
|
|
60
|
+
private _bindKeyboard;
|
|
61
|
+
private _bindAutoplayHoverPause;
|
|
62
|
+
private _bindDraggable;
|
|
63
|
+
private _bindAutoHeight;
|
|
64
|
+
private _observeActiveSlideForHeight;
|
|
65
|
+
private _applyAutoHeight;
|
|
66
|
+
private _nearestIndex;
|
|
67
|
+
private _syncIndexFromScroll;
|
|
68
|
+
private _applyScrollDerivedIndexChange;
|
|
69
|
+
private _setStripItemsActiveState;
|
|
70
|
+
/**
|
|
71
|
+
* Scroll the viewport only. Avoid `Element.scrollIntoView`, which walks
|
|
72
|
+
* ancestor scroll containers and can pull the whole docs page to an embedded
|
|
73
|
+
* carousel (e.g. autoplay ticking on `/docs/carousel`).
|
|
74
|
+
*/
|
|
75
|
+
private _scrollToIndex;
|
|
76
|
+
private _clearProgrammaticScrollFallbackTimer;
|
|
77
|
+
private _completeProgrammaticScroll;
|
|
78
|
+
goTo(index: number, userInitiated?: boolean): void;
|
|
79
|
+
next(userInitiated?: boolean): void;
|
|
80
|
+
prev(userInitiated?: boolean): void;
|
|
81
|
+
getIndex(): number;
|
|
82
|
+
getSlideCount(): number;
|
|
83
|
+
private _getChangeEventName;
|
|
84
|
+
private _dispatchChange;
|
|
85
|
+
private _updateInfo;
|
|
86
|
+
private _updatePaginationState;
|
|
87
|
+
private _updateThumbState;
|
|
88
|
+
/**
|
|
89
|
+
* Keep the active thumb visible inside each thumbnail strip by scrolling
|
|
90
|
+
* that container only (no `scrollIntoView`, which can scroll ancestor pages).
|
|
91
|
+
*/
|
|
92
|
+
private _scrollActiveThumbnailsIntoView;
|
|
93
|
+
private _alignElementInScrollContainer;
|
|
94
|
+
private _startAutoplay;
|
|
95
|
+
private _stopAutoplay;
|
|
96
|
+
dispose(): void;
|
|
97
|
+
static getInstance(element: HTMLElement): KTCarousel | null;
|
|
98
|
+
static getOrCreateInstance(element: HTMLElement, config?: Partial<KTCarouselConfigInterface>): KTCarousel | null;
|
|
99
|
+
static createInstances(): void;
|
|
100
|
+
static init(): void;
|
|
101
|
+
}
|
|
102
|
+
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"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"}
|