@keenthemes/ktui 1.0.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/CONTRIBUTING.md +88 -0
- package/LICENSE.md +21 -0
- package/README.md +124 -0
- package/dist/ktui.js +19201 -0
- package/dist/ktui.min.js +2 -0
- package/dist/ktui.min.js.map +1 -0
- package/lib/cjs/components/accordion/accordion.js +168 -0
- package/lib/cjs/components/accordion/accordion.js.map +1 -0
- package/lib/cjs/components/accordion/index.js +6 -0
- package/lib/cjs/components/accordion/index.js.map +1 -0
- package/lib/cjs/components/accordion/types.js +3 -0
- package/lib/cjs/components/accordion/types.js.map +1 -0
- package/lib/cjs/components/collapse/collapse.js +169 -0
- package/lib/cjs/components/collapse/collapse.js.map +1 -0
- package/lib/cjs/components/collapse/index.js +6 -0
- package/lib/cjs/components/collapse/index.js.map +1 -0
- package/lib/cjs/components/collapse/types.js +3 -0
- package/lib/cjs/components/collapse/types.js.map +1 -0
- package/lib/cjs/components/component.js +135 -0
- package/lib/cjs/components/component.js.map +1 -0
- package/lib/cjs/components/config.js +26 -0
- package/lib/cjs/components/config.js.map +1 -0
- package/lib/cjs/components/config.umd.js +23 -0
- package/lib/cjs/components/config.umd.js.map +1 -0
- package/lib/cjs/components/constants.js +15 -0
- package/lib/cjs/components/constants.js.map +1 -0
- package/lib/cjs/components/datatable/datatable.js +1464 -0
- package/lib/cjs/components/datatable/datatable.js.map +1 -0
- package/lib/cjs/components/datatable/index.js +6 -0
- package/lib/cjs/components/datatable/index.js.map +1 -0
- package/lib/cjs/components/datatable/types.js +3 -0
- package/lib/cjs/components/datatable/types.js.map +1 -0
- package/lib/cjs/components/dismiss/dismiss.js +131 -0
- package/lib/cjs/components/dismiss/dismiss.js.map +1 -0
- package/lib/cjs/components/dismiss/index.js +6 -0
- package/lib/cjs/components/dismiss/index.js.map +1 -0
- package/lib/cjs/components/dismiss/types.js +3 -0
- package/lib/cjs/components/dismiss/types.js.map +1 -0
- package/lib/cjs/components/drawer/drawer.js +347 -0
- package/lib/cjs/components/drawer/drawer.js.map +1 -0
- package/lib/cjs/components/drawer/index.js +6 -0
- package/lib/cjs/components/drawer/index.js.map +1 -0
- package/lib/cjs/components/drawer/types.js +3 -0
- package/lib/cjs/components/drawer/types.js.map +1 -0
- package/lib/cjs/components/dropdown/dropdown.js +403 -0
- package/lib/cjs/components/dropdown/dropdown.js.map +1 -0
- package/lib/cjs/components/dropdown/index.js +6 -0
- package/lib/cjs/components/dropdown/index.js.map +1 -0
- package/lib/cjs/components/dropdown/types.js +3 -0
- package/lib/cjs/components/dropdown/types.js.map +1 -0
- package/lib/cjs/components/image-input/image-input.js +191 -0
- package/lib/cjs/components/image-input/image-input.js.map +1 -0
- package/lib/cjs/components/image-input/index.js +6 -0
- package/lib/cjs/components/image-input/index.js.map +1 -0
- package/lib/cjs/components/image-input/types.js +3 -0
- package/lib/cjs/components/image-input/types.js.map +1 -0
- package/lib/cjs/components/menu/index.js +6 -0
- package/lib/cjs/components/menu/index.js.map +1 -0
- package/lib/cjs/components/menu/menu.js +1021 -0
- package/lib/cjs/components/menu/menu.js.map +1 -0
- package/lib/cjs/components/menu/types.js +3 -0
- package/lib/cjs/components/menu/types.js.map +1 -0
- package/lib/cjs/components/modal/index.js +6 -0
- package/lib/cjs/components/modal/index.js.map +1 -0
- package/lib/cjs/components/modal/modal.js +316 -0
- package/lib/cjs/components/modal/modal.js.map +1 -0
- package/lib/cjs/components/modal/types.js +3 -0
- package/lib/cjs/components/modal/types.js.map +1 -0
- package/lib/cjs/components/reparent/index.js +6 -0
- package/lib/cjs/components/reparent/index.js.map +1 -0
- package/lib/cjs/components/reparent/reparent.js +93 -0
- package/lib/cjs/components/reparent/reparent.js.map +1 -0
- package/lib/cjs/components/reparent/types.js +3 -0
- package/lib/cjs/components/reparent/types.js.map +1 -0
- package/lib/cjs/components/scrollable/index.js +6 -0
- package/lib/cjs/components/scrollable/index.js.map +1 -0
- package/lib/cjs/components/scrollable/scrollable.js +259 -0
- package/lib/cjs/components/scrollable/scrollable.js.map +1 -0
- package/lib/cjs/components/scrollable/types.js +3 -0
- package/lib/cjs/components/scrollable/types.js.map +1 -0
- package/lib/cjs/components/scrollspy/index.js +6 -0
- package/lib/cjs/components/scrollspy/index.js.map +1 -0
- package/lib/cjs/components/scrollspy/scrollspy.js +174 -0
- package/lib/cjs/components/scrollspy/scrollspy.js.map +1 -0
- package/lib/cjs/components/scrollspy/types.js +3 -0
- package/lib/cjs/components/scrollspy/types.js.map +1 -0
- package/lib/cjs/components/scrollto/index.js +6 -0
- package/lib/cjs/components/scrollto/index.js.map +1 -0
- package/lib/cjs/components/scrollto/scrollto.js +103 -0
- package/lib/cjs/components/scrollto/scrollto.js.map +1 -0
- package/lib/cjs/components/scrollto/types.js +3 -0
- package/lib/cjs/components/scrollto/types.js.map +1 -0
- package/lib/cjs/components/stepper/index.js +6 -0
- package/lib/cjs/components/stepper/index.js.map +1 -0
- package/lib/cjs/components/stepper/stepper.js +258 -0
- package/lib/cjs/components/stepper/stepper.js.map +1 -0
- package/lib/cjs/components/stepper/types.js +3 -0
- package/lib/cjs/components/stepper/types.js.map +1 -0
- package/lib/cjs/components/sticky/index.js +6 -0
- package/lib/cjs/components/sticky/index.js.map +1 -0
- package/lib/cjs/components/sticky/sticky.js +297 -0
- package/lib/cjs/components/sticky/sticky.js.map +1 -0
- package/lib/cjs/components/sticky/types.js +3 -0
- package/lib/cjs/components/sticky/types.js.map +1 -0
- package/lib/cjs/components/tabs/index.js +6 -0
- package/lib/cjs/components/tabs/index.js.map +1 -0
- package/lib/cjs/components/tabs/tabs.js +146 -0
- package/lib/cjs/components/tabs/tabs.js.map +1 -0
- package/lib/cjs/components/tabs/types.js +3 -0
- package/lib/cjs/components/tabs/types.js.map +1 -0
- package/lib/cjs/components/theme/index.js +6 -0
- package/lib/cjs/components/theme/index.js.map +1 -0
- package/lib/cjs/components/theme/theme.js +147 -0
- package/lib/cjs/components/theme/theme.js.map +1 -0
- package/lib/cjs/components/theme/types.js +3 -0
- package/lib/cjs/components/theme/types.js.map +1 -0
- package/lib/cjs/components/toggle/index.js +6 -0
- package/lib/cjs/components/toggle/index.js.map +1 -0
- package/lib/cjs/components/toggle/toggle.js +139 -0
- package/lib/cjs/components/toggle/toggle.js.map +1 -0
- package/lib/cjs/components/toggle/types.js +3 -0
- package/lib/cjs/components/toggle/types.js.map +1 -0
- package/lib/cjs/components/toggle-password/index.js +6 -0
- package/lib/cjs/components/toggle-password/index.js.map +1 -0
- package/lib/cjs/components/toggle-password/toggle-password.js +131 -0
- package/lib/cjs/components/toggle-password/toggle-password.js.map +1 -0
- package/lib/cjs/components/toggle-password/types.js +3 -0
- package/lib/cjs/components/toggle-password/types.js.map +1 -0
- package/lib/cjs/components/tooltip/index.js +6 -0
- package/lib/cjs/components/tooltip/index.js.map +1 -0
- package/lib/cjs/components/tooltip/tooltip.js +271 -0
- package/lib/cjs/components/tooltip/tooltip.js.map +1 -0
- package/lib/cjs/components/tooltip/types.js +3 -0
- package/lib/cjs/components/tooltip/types.js.map +1 -0
- package/lib/cjs/helpers/data.js +33 -0
- package/lib/cjs/helpers/data.js.map +1 -0
- package/lib/cjs/helpers/dom.js +297 -0
- package/lib/cjs/helpers/dom.js.map +1 -0
- package/lib/cjs/helpers/event-handler.js +36 -0
- package/lib/cjs/helpers/event-handler.js.map +1 -0
- package/lib/cjs/helpers/utils.js +94 -0
- package/lib/cjs/helpers/utils.js.map +1 -0
- package/lib/cjs/index.js +105 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/types.js +3 -0
- package/lib/cjs/types.js.map +1 -0
- package/lib/esm/components/accordion/accordion.js +165 -0
- package/lib/esm/components/accordion/accordion.js.map +1 -0
- package/lib/esm/components/accordion/index.js +2 -0
- package/lib/esm/components/accordion/index.js.map +1 -0
- package/lib/esm/components/accordion/types.js +2 -0
- package/lib/esm/components/accordion/types.js.map +1 -0
- package/lib/esm/components/collapse/collapse.js +166 -0
- package/lib/esm/components/collapse/collapse.js.map +1 -0
- package/lib/esm/components/collapse/index.js +2 -0
- package/lib/esm/components/collapse/index.js.map +1 -0
- package/lib/esm/components/collapse/types.js +2 -0
- package/lib/esm/components/collapse/types.js.map +1 -0
- package/lib/esm/components/component.js +133 -0
- package/lib/esm/components/component.js.map +1 -0
- package/lib/esm/components/config.js +24 -0
- package/lib/esm/components/config.js.map +1 -0
- package/lib/esm/components/config.umd.js +23 -0
- package/lib/esm/components/config.umd.js.map +1 -0
- package/lib/esm/components/constants.js +12 -0
- package/lib/esm/components/constants.js.map +1 -0
- package/lib/esm/components/datatable/datatable.js +1461 -0
- package/lib/esm/components/datatable/datatable.js.map +1 -0
- package/lib/esm/components/datatable/index.js +2 -0
- package/lib/esm/components/datatable/index.js.map +1 -0
- package/lib/esm/components/datatable/types.js +2 -0
- package/lib/esm/components/datatable/types.js.map +1 -0
- package/lib/esm/components/dismiss/dismiss.js +128 -0
- package/lib/esm/components/dismiss/dismiss.js.map +1 -0
- package/lib/esm/components/dismiss/index.js +2 -0
- package/lib/esm/components/dismiss/index.js.map +1 -0
- package/lib/esm/components/dismiss/types.js +2 -0
- package/lib/esm/components/dismiss/types.js.map +1 -0
- package/lib/esm/components/drawer/drawer.js +344 -0
- package/lib/esm/components/drawer/drawer.js.map +1 -0
- package/lib/esm/components/drawer/index.js +2 -0
- package/lib/esm/components/drawer/index.js.map +1 -0
- package/lib/esm/components/drawer/types.js +2 -0
- package/lib/esm/components/drawer/types.js.map +1 -0
- package/lib/esm/components/dropdown/dropdown.js +400 -0
- package/lib/esm/components/dropdown/dropdown.js.map +1 -0
- package/lib/esm/components/dropdown/index.js +2 -0
- package/lib/esm/components/dropdown/index.js.map +1 -0
- package/lib/esm/components/dropdown/types.js +2 -0
- package/lib/esm/components/dropdown/types.js.map +1 -0
- package/lib/esm/components/image-input/image-input.js +188 -0
- package/lib/esm/components/image-input/image-input.js.map +1 -0
- package/lib/esm/components/image-input/index.js +2 -0
- package/lib/esm/components/image-input/index.js.map +1 -0
- package/lib/esm/components/image-input/types.js +2 -0
- package/lib/esm/components/image-input/types.js.map +1 -0
- package/lib/esm/components/menu/index.js +2 -0
- package/lib/esm/components/menu/index.js.map +1 -0
- package/lib/esm/components/menu/menu.js +1018 -0
- package/lib/esm/components/menu/menu.js.map +1 -0
- package/lib/esm/components/menu/types.js +2 -0
- package/lib/esm/components/menu/types.js.map +1 -0
- package/lib/esm/components/modal/index.js +2 -0
- package/lib/esm/components/modal/index.js.map +1 -0
- package/lib/esm/components/modal/modal.js +313 -0
- package/lib/esm/components/modal/modal.js.map +1 -0
- package/lib/esm/components/modal/types.js +2 -0
- package/lib/esm/components/modal/types.js.map +1 -0
- package/lib/esm/components/reparent/index.js +2 -0
- package/lib/esm/components/reparent/index.js.map +1 -0
- package/lib/esm/components/reparent/reparent.js +90 -0
- package/lib/esm/components/reparent/reparent.js.map +1 -0
- package/lib/esm/components/reparent/types.js +2 -0
- package/lib/esm/components/reparent/types.js.map +1 -0
- package/lib/esm/components/scrollable/index.js +2 -0
- package/lib/esm/components/scrollable/index.js.map +1 -0
- package/lib/esm/components/scrollable/scrollable.js +256 -0
- package/lib/esm/components/scrollable/scrollable.js.map +1 -0
- package/lib/esm/components/scrollable/types.js +2 -0
- package/lib/esm/components/scrollable/types.js.map +1 -0
- package/lib/esm/components/scrollspy/index.js +2 -0
- package/lib/esm/components/scrollspy/index.js.map +1 -0
- package/lib/esm/components/scrollspy/scrollspy.js +171 -0
- package/lib/esm/components/scrollspy/scrollspy.js.map +1 -0
- package/lib/esm/components/scrollspy/types.js +2 -0
- package/lib/esm/components/scrollspy/types.js.map +1 -0
- package/lib/esm/components/scrollto/index.js +2 -0
- package/lib/esm/components/scrollto/index.js.map +1 -0
- package/lib/esm/components/scrollto/scrollto.js +100 -0
- package/lib/esm/components/scrollto/scrollto.js.map +1 -0
- package/lib/esm/components/scrollto/types.js +2 -0
- package/lib/esm/components/scrollto/types.js.map +1 -0
- package/lib/esm/components/stepper/index.js +2 -0
- package/lib/esm/components/stepper/index.js.map +1 -0
- package/lib/esm/components/stepper/stepper.js +255 -0
- package/lib/esm/components/stepper/stepper.js.map +1 -0
- package/lib/esm/components/stepper/types.js +2 -0
- package/lib/esm/components/stepper/types.js.map +1 -0
- package/lib/esm/components/sticky/index.js +2 -0
- package/lib/esm/components/sticky/index.js.map +1 -0
- package/lib/esm/components/sticky/sticky.js +294 -0
- package/lib/esm/components/sticky/sticky.js.map +1 -0
- package/lib/esm/components/sticky/types.js +2 -0
- package/lib/esm/components/sticky/types.js.map +1 -0
- package/lib/esm/components/tabs/index.js +2 -0
- package/lib/esm/components/tabs/index.js.map +1 -0
- package/lib/esm/components/tabs/tabs.js +143 -0
- package/lib/esm/components/tabs/tabs.js.map +1 -0
- package/lib/esm/components/tabs/types.js +2 -0
- package/lib/esm/components/tabs/types.js.map +1 -0
- package/lib/esm/components/theme/index.js +2 -0
- package/lib/esm/components/theme/index.js.map +1 -0
- package/lib/esm/components/theme/theme.js +144 -0
- package/lib/esm/components/theme/theme.js.map +1 -0
- package/lib/esm/components/theme/types.js +2 -0
- package/lib/esm/components/theme/types.js.map +1 -0
- package/lib/esm/components/toggle/index.js +2 -0
- package/lib/esm/components/toggle/index.js.map +1 -0
- package/lib/esm/components/toggle/toggle.js +136 -0
- package/lib/esm/components/toggle/toggle.js.map +1 -0
- package/lib/esm/components/toggle/types.js +2 -0
- package/lib/esm/components/toggle/types.js.map +1 -0
- package/lib/esm/components/toggle-password/index.js +2 -0
- package/lib/esm/components/toggle-password/index.js.map +1 -0
- package/lib/esm/components/toggle-password/toggle-password.js +128 -0
- package/lib/esm/components/toggle-password/toggle-password.js.map +1 -0
- package/lib/esm/components/toggle-password/types.js +2 -0
- package/lib/esm/components/toggle-password/types.js.map +1 -0
- package/lib/esm/components/tooltip/index.js +2 -0
- package/lib/esm/components/tooltip/index.js.map +1 -0
- package/lib/esm/components/tooltip/tooltip.js +268 -0
- package/lib/esm/components/tooltip/tooltip.js.map +1 -0
- package/lib/esm/components/tooltip/types.js +2 -0
- package/lib/esm/components/tooltip/types.js.map +1 -0
- package/lib/esm/helpers/data.js +31 -0
- package/lib/esm/helpers/data.js.map +1 -0
- package/lib/esm/helpers/dom.js +295 -0
- package/lib/esm/helpers/dom.js.map +1 -0
- package/lib/esm/helpers/event-handler.js +34 -0
- package/lib/esm/helpers/event-handler.js.map +1 -0
- package/lib/esm/helpers/utils.js +92 -0
- package/lib/esm/helpers/utils.js.map +1 -0
- package/lib/esm/index.js +79 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/types.js +2 -0
- package/lib/esm/types.js.map +1 -0
- package/package.json +85 -0
- package/prettier.config.js +9 -0
- package/src/components/accordion/accordion-menu.css +51 -0
- package/src/components/accordion/accordion.css +86 -0
- package/src/components/accordion/accordion.ts +221 -0
- package/src/components/accordion/index.ts +7 -0
- package/src/components/accordion/types.ts +16 -0
- package/src/components/alert/alert.css +282 -0
- package/src/components/avatar/avatar.css +46 -0
- package/src/components/badge/badge.css +176 -0
- package/src/components/breadcrumb/breadcrumb.css +38 -0
- package/src/components/btn/btn.css +227 -0
- package/src/components/card/card.css +158 -0
- package/src/components/checkbox/checkbox.css +74 -0
- package/src/components/collapse/collapse.css +14 -0
- package/src/components/collapse/collapse.ts +200 -0
- package/src/components/collapse/index.ts +7 -0
- package/src/components/collapse/types.ts +16 -0
- package/src/components/component.ts +132 -0
- package/src/components/constants.ts +16 -0
- package/src/components/datatable/datatable-checkbox.ts +236 -0
- package/src/components/datatable/datatable-sort.ts +154 -0
- package/src/components/datatable/datatable.css +110 -0
- package/src/components/datatable/datatable.ts +1657 -0
- package/src/components/datatable/index.ts +19 -0
- package/src/components/datatable/types.ts +203 -0
- package/src/components/datepicker/calendar.ts +1397 -0
- package/src/components/datepicker/config.ts +368 -0
- package/src/components/datepicker/datepicker.css +7 -0
- package/src/components/datepicker/datepicker.ts +1287 -0
- package/src/components/datepicker/dropdown.ts +757 -0
- package/src/components/datepicker/events.ts +149 -0
- package/src/components/datepicker/index.ts +10 -0
- package/src/components/datepicker/keyboard.ts +646 -0
- package/src/components/datepicker/locales.ts +80 -0
- package/src/components/datepicker/templates.ts +792 -0
- package/src/components/datepicker/types.ts +154 -0
- package/src/components/datepicker/utils.ts +631 -0
- package/src/components/dismiss/dismiss.css +10 -0
- package/src/components/dismiss/dismiss.ts +152 -0
- package/src/components/dismiss/index.ts +7 -0
- package/src/components/dismiss/types.ts +17 -0
- package/src/components/drawer/drawer.css +97 -0
- package/src/components/drawer/drawer.ts +437 -0
- package/src/components/drawer/index.ts +7 -0
- package/src/components/drawer/types.ts +25 -0
- package/src/components/dropdown/dropdown-menu.css +56 -0
- package/src/components/dropdown/dropdown.css +46 -0
- package/src/components/dropdown/dropdown.ts +549 -0
- package/src/components/dropdown/index.ts +7 -0
- package/src/components/dropdown/types.ts +28 -0
- package/src/components/form/form.css +54 -0
- package/src/components/image-input/image-input.css +56 -0
- package/src/components/image-input/image-input.ts +249 -0
- package/src/components/image-input/index.ts +10 -0
- package/src/components/image-input/types.ts +12 -0
- package/src/components/input/input-group.css +42 -0
- package/src/components/input/input.css +136 -0
- package/src/components/kbd/kbd.css +30 -0
- package/src/components/label/label.css +20 -0
- package/src/components/link/link.css +81 -0
- package/src/components/modal/index.ts +7 -0
- package/src/components/modal/modal.css +73 -0
- package/src/components/modal/modal.ts +382 -0
- package/src/components/modal/types.ts +21 -0
- package/src/components/pagination/pagination.css +26 -0
- package/src/components/popover/popover.css +22 -0
- package/src/components/progress/progress.css +51 -0
- package/src/components/radio/radio.css +51 -0
- package/src/components/reparent/index.ts +7 -0
- package/src/components/reparent/reparent.ts +109 -0
- package/src/components/reparent/types.ts +15 -0
- package/src/components/scrollable/index.ts +10 -0
- package/src/components/scrollable/scrollable.css +29 -0
- package/src/components/scrollable/scrollable.ts +297 -0
- package/src/components/scrollable/types.ts +16 -0
- package/src/components/scrollspy/index.ts +7 -0
- package/src/components/scrollspy/scrollspy.css +13 -0
- package/src/components/scrollspy/scrollspy.ts +224 -0
- package/src/components/scrollspy/types.ts +15 -0
- package/src/components/scrollto/index.ts +7 -0
- package/src/components/scrollto/scrollto.ts +127 -0
- package/src/components/scrollto/types.ts +15 -0
- package/src/components/select/combobox.ts +305 -0
- package/src/components/select/config.ts +324 -0
- package/src/components/select/dropdown.ts +510 -0
- package/src/components/select/index.ts +13 -0
- package/src/components/select/option.ts +43 -0
- package/src/components/select/remote.ts +477 -0
- package/src/components/select/search.ts +430 -0
- package/src/components/select/select.css +105 -0
- package/src/components/select/select.ts +1916 -0
- package/src/components/select/tags.ts +123 -0
- package/src/components/select/templates.ts +531 -0
- package/src/components/select/types.ts +36 -0
- package/src/components/select/utils.ts +747 -0
- package/src/components/select/variants.css +5 -0
- package/src/components/separator/separator.css +14 -0
- package/src/components/skeleton/skeleton.css +10 -0
- package/src/components/stepper/index.ts +7 -0
- package/src/components/stepper/stepper.css +49 -0
- package/src/components/stepper/stepper.ts +308 -0
- package/src/components/stepper/types.ts +13 -0
- package/src/components/sticky/index.ts +7 -0
- package/src/components/sticky/sticky.css +22 -0
- package/src/components/sticky/sticky.ts +381 -0
- package/src/components/sticky/types.ts +23 -0
- package/src/components/switch/switch.css +110 -0
- package/src/components/table/table.css +168 -0
- package/src/components/tabs/index.ts +7 -0
- package/src/components/tabs/tabs.css +40 -0
- package/src/components/tabs/tabs.ts +190 -0
- package/src/components/tabs/types.ts +13 -0
- package/src/components/textarea/textarea.css +35 -0
- package/src/components/theme-switch/index.ts +10 -0
- package/src/components/theme-switch/theme-switch.css +22 -0
- package/src/components/theme-switch/theme-switch.ts +176 -0
- package/src/components/theme-switch/types.ts +15 -0
- package/src/components/toggle/index.ts +7 -0
- package/src/components/toggle/toggle.css +13 -0
- package/src/components/toggle/toggle.ts +173 -0
- package/src/components/toggle/types.ts +18 -0
- package/src/components/toggle-group/toggle-group.css +55 -0
- package/src/components/toggle-password/index.ts +10 -0
- package/src/components/toggle-password/toggle-password.css +13 -0
- package/src/components/toggle-password/toggle-password.ts +159 -0
- package/src/components/toggle-password/types.ts +13 -0
- package/src/components/tooltip/index.ts +7 -0
- package/src/components/tooltip/tooltip.css +18 -0
- package/src/components/tooltip/tooltip.ts +361 -0
- package/src/components/tooltip/types.ts +28 -0
- package/src/helpers/data.ts +46 -0
- package/src/helpers/dom.ts +405 -0
- package/src/helpers/event-handler.ts +61 -0
- package/src/helpers/utils.ts +183 -0
- package/src/index.ts +113 -0
- package/src/types.ts +23 -0
- package/styles.css +48 -0
- package/tsconfig.json +17 -0
- package/webpack.config.js +113 -0
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
/* eslint-disable require-jsdoc */
|
|
3
|
+
var __extends = (this && this.__extends) || (function () {
|
|
4
|
+
var extendStatics = function (d, b) {
|
|
5
|
+
extendStatics = Object.setPrototypeOf ||
|
|
6
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
+
return extendStatics(d, b);
|
|
9
|
+
};
|
|
10
|
+
return function (d, b) {
|
|
11
|
+
if (typeof b !== "function" && b !== null)
|
|
12
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
+
extendStatics(d, b);
|
|
14
|
+
function __() { this.constructor = d; }
|
|
15
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
+
};
|
|
17
|
+
})();
|
|
18
|
+
import KTData from '../../helpers/data';
|
|
19
|
+
import KTDom from '../../helpers/dom';
|
|
20
|
+
import KTEventHandler from '../../helpers/event-handler';
|
|
21
|
+
import KTComponent from '../component';
|
|
22
|
+
var KTTabs = /** @class */ (function (_super) {
|
|
23
|
+
__extends(KTTabs, _super);
|
|
24
|
+
function KTTabs(element, config) {
|
|
25
|
+
var _this = _super.call(this) || this;
|
|
26
|
+
_this._name = 'tabs';
|
|
27
|
+
_this._defaultConfig = {
|
|
28
|
+
hiddenClass: '',
|
|
29
|
+
};
|
|
30
|
+
_this._config = _this._defaultConfig;
|
|
31
|
+
_this._currentTabElement = null;
|
|
32
|
+
_this._currentContentElement = null;
|
|
33
|
+
_this._lastTabElement = null;
|
|
34
|
+
_this._lastContentElement = null;
|
|
35
|
+
_this._tabElements = null;
|
|
36
|
+
_this._isTransitioning = false;
|
|
37
|
+
if (KTData.has(element, _this._name))
|
|
38
|
+
return _this;
|
|
39
|
+
_this._init(element);
|
|
40
|
+
_this._buildConfig(config);
|
|
41
|
+
if (!_this._element)
|
|
42
|
+
return _this;
|
|
43
|
+
_this._tabElements = _this._element.querySelectorAll('[data-tab-toggle]');
|
|
44
|
+
_this._currentTabElement = _this._element.querySelector('.active[data-tab-toggle]');
|
|
45
|
+
_this._currentContentElement = _this._currentTabElement && (KTDom.getElement(_this._currentTabElement.getAttribute('data-tab-toggle')) || KTDom.getElement(_this._currentTabElement.getAttribute('href'))) || null;
|
|
46
|
+
_this._handlers();
|
|
47
|
+
return _this;
|
|
48
|
+
}
|
|
49
|
+
KTTabs.prototype._handlers = function () {
|
|
50
|
+
var _this = this;
|
|
51
|
+
if (!this._element)
|
|
52
|
+
return;
|
|
53
|
+
KTEventHandler.on(this._element, '[data-tab-toggle]', 'click', function (event, target) {
|
|
54
|
+
event.preventDefault();
|
|
55
|
+
_this._show(target);
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
KTTabs.prototype._show = function (tabElement) {
|
|
59
|
+
var _this = this;
|
|
60
|
+
var _a, _b, _c, _d, _e, _f;
|
|
61
|
+
if (this._isShown(tabElement) || this._isTransitioning)
|
|
62
|
+
return;
|
|
63
|
+
var payload = { cancel: false };
|
|
64
|
+
this._fireEvent('show', payload);
|
|
65
|
+
this._dispatchEvent('show', payload);
|
|
66
|
+
if (payload.cancel === true) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
(_a = this._currentTabElement) === null || _a === void 0 ? void 0 : _a.classList.remove('active');
|
|
70
|
+
(_b = this._currentContentElement) === null || _b === void 0 ? void 0 : _b.classList.add(this._getOption('hiddenClass'));
|
|
71
|
+
this._lastTabElement = this._currentTabElement;
|
|
72
|
+
(_c = this._getDropdownToggleElement(this._lastTabElement)) === null || _c === void 0 ? void 0 : _c.classList.remove('active');
|
|
73
|
+
this._lastContentElement = this._currentContentElement;
|
|
74
|
+
this._currentTabElement = tabElement;
|
|
75
|
+
this._currentContentElement = KTDom.getElement(tabElement.getAttribute('data-tab-toggle')) || KTDom.getElement(tabElement.getAttribute('href'));
|
|
76
|
+
(_d = this._currentTabElement) === null || _d === void 0 ? void 0 : _d.classList.add('active');
|
|
77
|
+
(_e = this._currentContentElement) === null || _e === void 0 ? void 0 : _e.classList.remove(this._getOption('hiddenClass'));
|
|
78
|
+
(_f = this._getDropdownToggleElement(this._currentTabElement)) === null || _f === void 0 ? void 0 : _f.classList.add('active');
|
|
79
|
+
this._currentContentElement.style.opacity = '0';
|
|
80
|
+
KTDom.reflow(this._currentContentElement);
|
|
81
|
+
this._currentContentElement.style.opacity = '1';
|
|
82
|
+
KTDom.transitionEnd(this._currentContentElement, function () {
|
|
83
|
+
_this._isTransitioning = false;
|
|
84
|
+
_this._currentContentElement.style.opacity = '';
|
|
85
|
+
_this._fireEvent('shown');
|
|
86
|
+
_this._dispatchEvent('shown');
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
KTTabs.prototype._getDropdownToggleElement = function (element) {
|
|
90
|
+
var containerElement = element.closest('.dropdown');
|
|
91
|
+
if (containerElement) {
|
|
92
|
+
return containerElement.querySelector('.dropdown-toggle');
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
return null;
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
KTTabs.prototype._isShown = function (tabElement) {
|
|
99
|
+
return tabElement.classList.contains('active');
|
|
100
|
+
};
|
|
101
|
+
KTTabs.prototype.isShown = function (tabElement) {
|
|
102
|
+
return this._isShown(tabElement);
|
|
103
|
+
};
|
|
104
|
+
KTTabs.prototype.show = function (tabElement) {
|
|
105
|
+
return this._show(tabElement);
|
|
106
|
+
};
|
|
107
|
+
KTTabs.keyboardArrow = function () {
|
|
108
|
+
};
|
|
109
|
+
KTTabs.keyboardJump = function () {
|
|
110
|
+
};
|
|
111
|
+
KTTabs.handleAccessibility = function () {
|
|
112
|
+
};
|
|
113
|
+
KTTabs.getInstance = function (element) {
|
|
114
|
+
if (!element)
|
|
115
|
+
return null;
|
|
116
|
+
if (KTData.has(element, 'tabs')) {
|
|
117
|
+
return KTData.get(element, 'tabs');
|
|
118
|
+
}
|
|
119
|
+
if (element.getAttribute('data-tabs') === "true") {
|
|
120
|
+
return new KTTabs(element);
|
|
121
|
+
}
|
|
122
|
+
return null;
|
|
123
|
+
};
|
|
124
|
+
KTTabs.getOrCreateInstance = function (element, config) {
|
|
125
|
+
return this.getInstance(element) || new KTTabs(element, config);
|
|
126
|
+
};
|
|
127
|
+
KTTabs.createInstances = function () {
|
|
128
|
+
var elements = document.querySelectorAll('[data-tabs="true"]');
|
|
129
|
+
elements.forEach(function (element) {
|
|
130
|
+
new KTTabs(element);
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
KTTabs.init = function () {
|
|
134
|
+
KTTabs.createInstances();
|
|
135
|
+
if (window.KT_TABS_INITIALIZED !== true) {
|
|
136
|
+
KTTabs.handleAccessibility();
|
|
137
|
+
window.KT_TABS_INITIALIZED = true;
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
return KTTabs;
|
|
141
|
+
}(KTComponent));
|
|
142
|
+
export { KTTabs };
|
|
143
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/tabs/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
/* eslint-disable require-jsdoc */
|
|
3
|
+
var __extends = (this && this.__extends) || (function () {
|
|
4
|
+
var extendStatics = function (d, b) {
|
|
5
|
+
extendStatics = Object.setPrototypeOf ||
|
|
6
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
+
return extendStatics(d, b);
|
|
9
|
+
};
|
|
10
|
+
return function (d, b) {
|
|
11
|
+
if (typeof b !== "function" && b !== null)
|
|
12
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
+
extendStatics(d, b);
|
|
14
|
+
function __() { this.constructor = d; }
|
|
15
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
+
};
|
|
17
|
+
})();
|
|
18
|
+
import KTData from '../../helpers/data';
|
|
19
|
+
import KTEventHandler from '../../helpers/event-handler';
|
|
20
|
+
import KTComponent from '../component';
|
|
21
|
+
var KTTheme = /** @class */ (function (_super) {
|
|
22
|
+
__extends(KTTheme, _super);
|
|
23
|
+
function KTTheme(element, config) {
|
|
24
|
+
if (config === void 0) { config = null; }
|
|
25
|
+
var _this = _super.call(this) || this;
|
|
26
|
+
_this._name = 'theme';
|
|
27
|
+
_this._defaultConfig = {
|
|
28
|
+
mode: 'light',
|
|
29
|
+
class: true,
|
|
30
|
+
attribute: 'data-theme-mode',
|
|
31
|
+
};
|
|
32
|
+
_this._mode = null;
|
|
33
|
+
_this._currentMode = null;
|
|
34
|
+
if (KTData.has(element, _this._name))
|
|
35
|
+
return _this;
|
|
36
|
+
_this._init(element);
|
|
37
|
+
_this._buildConfig(config);
|
|
38
|
+
_this._setMode((localStorage.getItem('theme') || _this._getOption('mode')));
|
|
39
|
+
_this._handlers();
|
|
40
|
+
return _this;
|
|
41
|
+
}
|
|
42
|
+
KTTheme.prototype._handlers = function () {
|
|
43
|
+
var _this = this;
|
|
44
|
+
if (!this._element)
|
|
45
|
+
return;
|
|
46
|
+
KTEventHandler.on(this._element, '[data-theme-toggle="true"]', 'click', function () {
|
|
47
|
+
_this._toggle();
|
|
48
|
+
});
|
|
49
|
+
KTEventHandler.on(this._element, '[data-theme-switch]', 'click', function (event, target) {
|
|
50
|
+
event.preventDefault();
|
|
51
|
+
var mode = target.getAttribute('data-theme-switch');
|
|
52
|
+
_this._setMode(mode);
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
KTTheme.prototype._toggle = function () {
|
|
56
|
+
var mode = this._currentMode === 'light' ? 'dark' : 'light';
|
|
57
|
+
this._setMode(mode);
|
|
58
|
+
};
|
|
59
|
+
KTTheme.prototype._setMode = function (mode) {
|
|
60
|
+
if (!this._element)
|
|
61
|
+
return;
|
|
62
|
+
var payload = { cancel: false };
|
|
63
|
+
this._fireEvent('change', payload);
|
|
64
|
+
this._dispatchEvent('change', payload);
|
|
65
|
+
if (payload.cancel === true) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
var currentMode = mode;
|
|
69
|
+
if (mode === 'system') {
|
|
70
|
+
currentMode = this._getSystemMode();
|
|
71
|
+
}
|
|
72
|
+
this._mode = mode;
|
|
73
|
+
this._currentMode = currentMode;
|
|
74
|
+
this._bindMode();
|
|
75
|
+
this._updateState();
|
|
76
|
+
localStorage.setItem('theme', this._mode);
|
|
77
|
+
this._element.setAttribute('data-theme-mode', mode);
|
|
78
|
+
this._fireEvent('changed', {});
|
|
79
|
+
this._dispatchEvent('changed', {});
|
|
80
|
+
};
|
|
81
|
+
KTTheme.prototype._getMode = function () {
|
|
82
|
+
return localStorage.getItem('theme') || this._mode;
|
|
83
|
+
};
|
|
84
|
+
KTTheme.prototype._getSystemMode = function () {
|
|
85
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
86
|
+
};
|
|
87
|
+
KTTheme.prototype._bindMode = function () {
|
|
88
|
+
if (!this._currentMode || !this._element) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
if (this._getOption('class')) {
|
|
92
|
+
this._element.classList.remove('dark');
|
|
93
|
+
this._element.classList.remove('light');
|
|
94
|
+
this._element.removeAttribute(this._getOption('attribute'));
|
|
95
|
+
this._element.classList.add(this._currentMode);
|
|
96
|
+
}
|
|
97
|
+
else {
|
|
98
|
+
this._element.classList.remove(this._currentMode);
|
|
99
|
+
this._element.setAttribute(this._getOption('attribute'), this._currentMode);
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
KTTheme.prototype._updateState = function () {
|
|
103
|
+
var _this = this;
|
|
104
|
+
var elements = document.querySelectorAll('input[type="checkbox"][data-theme-state]');
|
|
105
|
+
elements.forEach(function (element) {
|
|
106
|
+
if (element.getAttribute('data-theme-state') === _this._mode) {
|
|
107
|
+
element.checked = true;
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
KTTheme.prototype.getMode = function () {
|
|
112
|
+
return this._getMode();
|
|
113
|
+
};
|
|
114
|
+
KTTheme.prototype.setMode = function (mode) {
|
|
115
|
+
this.setMode(mode);
|
|
116
|
+
};
|
|
117
|
+
KTTheme.getInstance = function (element) {
|
|
118
|
+
if (!element)
|
|
119
|
+
return null;
|
|
120
|
+
if (KTData.has(element, 'theme')) {
|
|
121
|
+
return KTData.get(element, 'theme');
|
|
122
|
+
}
|
|
123
|
+
if (element.getAttribute('data-theme') !== "false") {
|
|
124
|
+
return new KTTheme(element);
|
|
125
|
+
}
|
|
126
|
+
return null;
|
|
127
|
+
};
|
|
128
|
+
KTTheme.getOrCreateInstance = function (element, config) {
|
|
129
|
+
if (element === void 0) { element = document.body; }
|
|
130
|
+
return this.getInstance(element) || new KTTheme(element, config);
|
|
131
|
+
};
|
|
132
|
+
KTTheme.createInstances = function () {
|
|
133
|
+
var elements = document.querySelectorAll('[data-theme]:not([data-theme="false"]');
|
|
134
|
+
elements.forEach(function (element) {
|
|
135
|
+
new KTTheme(element);
|
|
136
|
+
});
|
|
137
|
+
};
|
|
138
|
+
KTTheme.init = function () {
|
|
139
|
+
KTTheme.createInstances();
|
|
140
|
+
};
|
|
141
|
+
return KTTheme;
|
|
142
|
+
}(KTComponent));
|
|
143
|
+
export { KTTheme };
|
|
144
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/components/theme/theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/theme/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
/* eslint-disable require-jsdoc */
|
|
3
|
+
var __extends = (this && this.__extends) || (function () {
|
|
4
|
+
var extendStatics = function (d, b) {
|
|
5
|
+
extendStatics = Object.setPrototypeOf ||
|
|
6
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
+
return extendStatics(d, b);
|
|
9
|
+
};
|
|
10
|
+
return function (d, b) {
|
|
11
|
+
if (typeof b !== "function" && b !== null)
|
|
12
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
+
extendStatics(d, b);
|
|
14
|
+
function __() { this.constructor = d; }
|
|
15
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
+
};
|
|
17
|
+
})();
|
|
18
|
+
import KTData from '../../helpers/data';
|
|
19
|
+
import KTDom from '../../helpers/dom';
|
|
20
|
+
import KTComponent from '../component';
|
|
21
|
+
var KTToggle = /** @class */ (function (_super) {
|
|
22
|
+
__extends(KTToggle, _super);
|
|
23
|
+
function KTToggle(element, config) {
|
|
24
|
+
if (config === void 0) { config = null; }
|
|
25
|
+
var _this = _super.call(this) || this;
|
|
26
|
+
_this._name = 'toggle';
|
|
27
|
+
_this._defaultConfig = {
|
|
28
|
+
target: '',
|
|
29
|
+
activeClass: 'active',
|
|
30
|
+
class: '',
|
|
31
|
+
removeClass: '',
|
|
32
|
+
attribute: ''
|
|
33
|
+
};
|
|
34
|
+
_this._config = _this._defaultConfig;
|
|
35
|
+
if (KTData.has(element, _this._name))
|
|
36
|
+
return _this;
|
|
37
|
+
_this._init(element);
|
|
38
|
+
_this._buildConfig(config);
|
|
39
|
+
_this._targetElement = _this._getTargetElement();
|
|
40
|
+
if (!_this._targetElement) {
|
|
41
|
+
return _this;
|
|
42
|
+
}
|
|
43
|
+
_this._handlers();
|
|
44
|
+
return _this;
|
|
45
|
+
}
|
|
46
|
+
KTToggle.prototype._handlers = function () {
|
|
47
|
+
var _this = this;
|
|
48
|
+
if (!this._element)
|
|
49
|
+
return;
|
|
50
|
+
this._element.addEventListener('click', function () {
|
|
51
|
+
_this._toggle();
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
KTToggle.prototype._getTargetElement = function () {
|
|
55
|
+
return (KTDom.getElement(this._element.getAttribute('data-toggle')) ||
|
|
56
|
+
KTDom.getElement(this._getOption('target')));
|
|
57
|
+
};
|
|
58
|
+
KTToggle.prototype._toggle = function () {
|
|
59
|
+
if (!this._element)
|
|
60
|
+
return;
|
|
61
|
+
var payload = { cancel: false };
|
|
62
|
+
this._fireEvent('toggle', payload);
|
|
63
|
+
this._dispatchEvent('toggle', payload);
|
|
64
|
+
if (payload.cancel === true) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
this._element.classList.toggle(this._getOption('activeClass'));
|
|
68
|
+
this._update();
|
|
69
|
+
this._fireEvent('toggled');
|
|
70
|
+
this._dispatchEvent('toggled');
|
|
71
|
+
};
|
|
72
|
+
KTToggle.prototype._update = function () {
|
|
73
|
+
if (!this._targetElement)
|
|
74
|
+
return;
|
|
75
|
+
if (this._getOption('removeClass')) {
|
|
76
|
+
KTDom.removeClass(this._targetElement, this._getOption('removeClass'));
|
|
77
|
+
}
|
|
78
|
+
if (!this._isActive()) {
|
|
79
|
+
if (this._getOption('class')) {
|
|
80
|
+
KTDom.addClass(this._targetElement, this._getOption('class'));
|
|
81
|
+
}
|
|
82
|
+
if (this._getOption('attribute')) {
|
|
83
|
+
this._targetElement.setAttribute(this._getOption('attribute'), 'true');
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
if (this._getOption('class')) {
|
|
88
|
+
KTDom.removeClass(this._targetElement, this._getOption('class'));
|
|
89
|
+
}
|
|
90
|
+
if (this._getOption('attribute')) {
|
|
91
|
+
this._targetElement.removeAttribute(this._getOption('attribute'));
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
KTToggle.prototype._isActive = function () {
|
|
96
|
+
if (!this._element)
|
|
97
|
+
return false;
|
|
98
|
+
return (KTDom.hasClass(this._targetElement, this._getOption('class')) ||
|
|
99
|
+
this._targetElement.hasAttribute(this._getOption('attribute')));
|
|
100
|
+
};
|
|
101
|
+
KTToggle.prototype.toggle = function () {
|
|
102
|
+
this._toggle();
|
|
103
|
+
};
|
|
104
|
+
KTToggle.prototype.update = function () {
|
|
105
|
+
this._update();
|
|
106
|
+
};
|
|
107
|
+
KTToggle.prototype.isActive = function () {
|
|
108
|
+
return this._isActive();
|
|
109
|
+
};
|
|
110
|
+
KTToggle.getInstance = function (element) {
|
|
111
|
+
if (!element)
|
|
112
|
+
return null;
|
|
113
|
+
if (KTData.has(element, 'toggle')) {
|
|
114
|
+
return KTData.get(element, 'toggle');
|
|
115
|
+
}
|
|
116
|
+
if (element.getAttribute('data-toggle') !== "false") {
|
|
117
|
+
return new KTToggle(element);
|
|
118
|
+
}
|
|
119
|
+
return null;
|
|
120
|
+
};
|
|
121
|
+
KTToggle.getOrCreateInstance = function (element, config) {
|
|
122
|
+
return this.getInstance(element) || new KTToggle(element, config);
|
|
123
|
+
};
|
|
124
|
+
KTToggle.createInstances = function () {
|
|
125
|
+
var elements = document.querySelectorAll('[data-toggle]:not([data-toggle="false"]');
|
|
126
|
+
elements.forEach(function (element) {
|
|
127
|
+
new KTToggle(element);
|
|
128
|
+
});
|
|
129
|
+
};
|
|
130
|
+
KTToggle.init = function () {
|
|
131
|
+
KTToggle.createInstances();
|
|
132
|
+
};
|
|
133
|
+
return KTToggle;
|
|
134
|
+
}(KTComponent));
|
|
135
|
+
export { KTToggle };
|
|
136
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,kCAAkC;;;;;;;;;;;;;;;;AAElC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,WAAW,MAAM,cAAc,CAAC;AAGvC;IAA8B,4BAAW;IAYvC,kBAAY,OAAoB,EAAE,MAA6C;QAA7C,uBAAA,EAAA,aAA6C;QAC7E,YAAA,MAAK,WAAE,SAAC;QAZS,WAAK,GAAW,QAAQ,CAAC;QACzB,oBAAc,GAA4B;YAC3D,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,EAAE;YACT,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,EAAE;SACd,CAAC;QACiB,aAAO,GAA4B,KAAI,CAAC,cAAc,CAAC;QAMxE,IAAI,MAAM,CAAC,GAAG,CAAC,OAAsB,EAAE,KAAI,CAAC,KAAK,CAAC;yBAAS;QAE3D,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpB,KAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAE1B,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/C,IAAI,CAAC,KAAI,CAAC,cAAc,EAAE,CAAC;;QAE3B,CAAC;QAED,KAAI,CAAC,SAAS,EAAE,CAAC;;IACnB,CAAC;IAES,4BAAS,GAAnB;QAAA,iBAMC;QALC,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE;YACtC,KAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,oCAAiB,GAAzB;QACE,OAAO,CACL,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,aAAa,CAAW,CAAC;YACrE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAW,CAAC,CACtD,CAAC;IACJ,CAAC;IAES,0BAAO,GAAjB;QACE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,IAAM,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACvC,IAAI,OAAO,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAW,CAAC,CAAC;QACzE,IAAI,CAAC,OAAO,EAAE,CAAC;QAEf,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IAES,0BAAO,GAAjB;QACE,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QAEjC,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;YACnC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAW,CAAC,CAAC;QACnF,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAW,CAAC,CAAC;YAC1E,CAAC;YAED,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAW,EAAE,MAAM,CAAC,CAAC;YACnF,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7B,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAW,CAAC,CAAC;YAC7E,CAAC;YAED,IAAI,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAW,CAAC,CAAC;YAC9E,CAAC;QACH,CAAC;IACH,CAAC;IAEM,4BAAS,GAAhB;QACE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC;QAEjC,OAAO,CACL,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAW,CAAC;YACvE,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAW,CAAC,CACzE,CAAC;IACJ,CAAC;IAEM,yBAAM,GAAb;QACE,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEM,yBAAM,GAAb;QACE,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEM,2BAAQ,GAAf;QACE,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAEa,oBAAW,GAAzB,UAA0B,OAAoB;QAC5C,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAE5B,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YACnC,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAa,CAAC;QAClD,CAAC;QAED,IAAI,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,OAAO,EAAE,CAAC;YACrD,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAEC,OAAO,IAAI,CAAC;IACd,CAAC;IAEa,4BAAmB,GAAjC,UAAkC,OAAoB,EAAE,MAAgC;QACtF,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpE,CAAC;IAEa,wBAAe,GAA7B;QACE,IAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAAC;QACtF,QAAQ,CAAC,OAAO,CAAC,UAAC,OAAO;YACvB,IAAI,QAAQ,CAAC,OAAsB,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAEa,aAAI,GAAlB;QACE,QAAQ,CAAC,eAAe,EAAE,CAAC;IAC7B,CAAC;IACH,eAAC;AAAD,CAAC,AAtID,CAA8B,WAAW,GAsIxC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/toggle/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/toggle-password/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
2
|
+
/* eslint-disable require-jsdoc */
|
|
3
|
+
var __extends = (this && this.__extends) || (function () {
|
|
4
|
+
var extendStatics = function (d, b) {
|
|
5
|
+
extendStatics = Object.setPrototypeOf ||
|
|
6
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
+
return extendStatics(d, b);
|
|
9
|
+
};
|
|
10
|
+
return function (d, b) {
|
|
11
|
+
if (typeof b !== "function" && b !== null)
|
|
12
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
+
extendStatics(d, b);
|
|
14
|
+
function __() { this.constructor = d; }
|
|
15
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
+
};
|
|
17
|
+
})();
|
|
18
|
+
import KTData from '../../helpers/data';
|
|
19
|
+
import KTComponent from '../component';
|
|
20
|
+
var KTTogglePassword = /** @class */ (function (_super) {
|
|
21
|
+
__extends(KTTogglePassword, _super);
|
|
22
|
+
function KTTogglePassword(element, config) {
|
|
23
|
+
if (config === void 0) { config = null; }
|
|
24
|
+
var _this = _super.call(this) || this;
|
|
25
|
+
_this._name = 'toggle-password';
|
|
26
|
+
_this._defaultConfig = {
|
|
27
|
+
permanent: false
|
|
28
|
+
};
|
|
29
|
+
_this._config = _this._defaultConfig;
|
|
30
|
+
if (KTData.has(element, _this._name))
|
|
31
|
+
return _this;
|
|
32
|
+
_this._init(element);
|
|
33
|
+
_this._buildConfig(config);
|
|
34
|
+
_this._triggerElement = _this._element.querySelector('[data-toggle-password-trigger]');
|
|
35
|
+
_this._inputElement = _this._element.querySelector('input[type="password"]');
|
|
36
|
+
if (!_this._triggerElement || !_this._inputElement) {
|
|
37
|
+
return _this;
|
|
38
|
+
}
|
|
39
|
+
_this._handlers();
|
|
40
|
+
return _this;
|
|
41
|
+
}
|
|
42
|
+
KTTogglePassword.prototype._handlers = function () {
|
|
43
|
+
var _this = this;
|
|
44
|
+
if (!this._element)
|
|
45
|
+
return;
|
|
46
|
+
this._triggerElement.addEventListener('click', function () {
|
|
47
|
+
_this._toggle();
|
|
48
|
+
});
|
|
49
|
+
this._inputElement.addEventListener('input', function () {
|
|
50
|
+
_this._update();
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
KTTogglePassword.prototype._toggle = function () {
|
|
54
|
+
if (!this._element)
|
|
55
|
+
return;
|
|
56
|
+
var payload = { cancel: false };
|
|
57
|
+
this._fireEvent('toggle', payload);
|
|
58
|
+
this._dispatchEvent('toggle', payload);
|
|
59
|
+
if (payload.cancel === true) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
if (this._isVisible()) {
|
|
63
|
+
this._element.classList.remove('active');
|
|
64
|
+
this._setVisible(false);
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
this._element.classList.add('active');
|
|
68
|
+
this._setVisible(true);
|
|
69
|
+
}
|
|
70
|
+
this._fireEvent('toggled');
|
|
71
|
+
this._dispatchEvent('toggled');
|
|
72
|
+
};
|
|
73
|
+
KTTogglePassword.prototype._update = function () {
|
|
74
|
+
if (!this._element)
|
|
75
|
+
return;
|
|
76
|
+
if (this._getOption('permanent') === false) {
|
|
77
|
+
if (this._isVisible()) {
|
|
78
|
+
this._setVisible(false);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
KTTogglePassword.prototype._isVisible = function () {
|
|
83
|
+
return this._inputElement.getAttribute('type') === 'text';
|
|
84
|
+
};
|
|
85
|
+
KTTogglePassword.prototype._setVisible = function (flag) {
|
|
86
|
+
if (flag) {
|
|
87
|
+
this._inputElement.setAttribute('type', 'text');
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
this._inputElement.setAttribute('type', 'password');
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
KTTogglePassword.prototype.toggle = function () {
|
|
94
|
+
this._toggle();
|
|
95
|
+
};
|
|
96
|
+
KTTogglePassword.prototype.setVisible = function (flag) {
|
|
97
|
+
this._setVisible(flag);
|
|
98
|
+
};
|
|
99
|
+
KTTogglePassword.prototype.isVisible = function () {
|
|
100
|
+
return this._isVisible();
|
|
101
|
+
};
|
|
102
|
+
KTTogglePassword.getInstance = function (element) {
|
|
103
|
+
if (!element)
|
|
104
|
+
return null;
|
|
105
|
+
if (KTData.has(element, 'toggle-password')) {
|
|
106
|
+
return KTData.get(element, 'toggle-password');
|
|
107
|
+
}
|
|
108
|
+
if (element.getAttribute('data-toggle-password') === "true") {
|
|
109
|
+
return new KTTogglePassword(element);
|
|
110
|
+
}
|
|
111
|
+
return null;
|
|
112
|
+
};
|
|
113
|
+
KTTogglePassword.getOrCreateInstance = function (element, config) {
|
|
114
|
+
return this.getInstance(element) || new KTTogglePassword(element, config);
|
|
115
|
+
};
|
|
116
|
+
KTTogglePassword.createInstances = function () {
|
|
117
|
+
var elements = document.querySelectorAll('[data-toggle-password="true"]');
|
|
118
|
+
elements.forEach(function (element) {
|
|
119
|
+
new KTTogglePassword(element);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
KTTogglePassword.init = function () {
|
|
123
|
+
KTTogglePassword.createInstances();
|
|
124
|
+
};
|
|
125
|
+
return KTTogglePassword;
|
|
126
|
+
}(KTComponent));
|
|
127
|
+
export { KTTogglePassword };
|
|
128
|
+
//# sourceMappingURL=toggle-password.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-password.js","sourceRoot":"","sources":["../../../../src/components/toggle-password/toggle-password.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/toggle-password/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
|