@shohojdhara/atomix 0.1.14 → 0.1.16
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/css/atomix.css +1 -5
- package/dist/css/atomix.css.map +1 -1
- package/dist/js/194.js +2 -0
- package/dist/js/194.js.map +1 -0
- package/dist/js/atomix.react.esm.js +1 -1
- package/dist/js/atomix.react.esm.js.map +1 -1
- package/dist/js/atomix.react.umd.js +2 -0
- package/dist/js/atomix.react.umd.js.map +1 -0
- package/dist/js/chunks/esm/202.ff48d27672233280e021.js +2 -0
- package/dist/js/chunks/esm/202.ff48d27672233280e021.js.map +1 -0
- package/dist/js/chunks/esm/308.f873332126eba90e5c62.js +2 -0
- package/dist/js/chunks/esm/308.f873332126eba90e5c62.js.map +1 -0
- package/dist/js/chunks/esm/54.4db919e5e4e5cc6d7c72.js +2 -0
- package/dist/js/chunks/esm/54.4db919e5e4e5cc6d7c72.js.map +1 -0
- package/dist/js/chunks/esm/619.afc5a718eff77fa423b5.js +2 -0
- package/dist/js/chunks/esm/619.afc5a718eff77fa423b5.js.map +1 -0
- package/dist/js/chunks/esm/690.a9e968c7497d61e56cdc.js +2 -0
- package/dist/js/chunks/esm/690.a9e968c7497d61e56cdc.js.map +1 -0
- package/dist/js/chunks/esm/894.f1091a4a8758c26d29e4.js +2 -0
- package/dist/js/chunks/esm/894.f1091a4a8758c26d29e4.js.map +1 -0
- package/dist/js/chunks/esm/897.561a50f7d043d42169da.js +2 -0
- package/dist/js/chunks/esm/897.561a50f7d043d42169da.js.map +1 -0
- package/dist/js/chunks/umd/202.dac7605cc555b6bda542.js +2 -0
- package/dist/js/chunks/umd/202.dac7605cc555b6bda542.js.map +1 -0
- package/dist/js/chunks/umd/308.6709979849dcbdb90c9b.js +2 -0
- package/dist/js/chunks/umd/308.6709979849dcbdb90c9b.js.map +1 -0
- package/dist/js/chunks/umd/54.403470e1f7d0ef4424a7.js +2 -0
- package/dist/js/chunks/umd/54.403470e1f7d0ef4424a7.js.map +1 -0
- package/dist/js/chunks/umd/619.fa05ea98c10270eb64c5.js +2 -0
- package/dist/js/chunks/umd/619.fa05ea98c10270eb64c5.js.map +1 -0
- package/dist/js/chunks/umd/690.aa7054d1c53e5402c2d6.js +2 -0
- package/dist/js/chunks/umd/690.aa7054d1c53e5402c2d6.js.map +1 -0
- package/dist/js/chunks/umd/894.3e1eaf0a2aadf4434390.js +2 -0
- package/dist/js/{894.atomix.react.cjs.js.map → chunks/umd/894.3e1eaf0a2aadf4434390.js.map} +1 -1
- package/dist/js/chunks/umd/897.554ea37be4453698c167.js +2 -0
- package/dist/js/chunks/umd/897.554ea37be4453698c167.js.map +1 -0
- package/dist/types/components/Accordion/Accordion.d.ts +1 -2
- package/dist/types/components/Accordion/index.d.ts +2 -1
- package/dist/types/components/AtomixLogo.d.ts +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts +1 -2
- package/dist/types/components/Avatar/AvatarGroup.d.ts +3 -4
- package/dist/types/components/Avatar/index.d.ts +2 -1
- package/dist/types/components/Badge/Badge.d.ts +1 -2
- package/dist/types/components/Badge/index.d.ts +2 -1
- package/dist/types/components/Breadcrumb/Breadcrumb.d.ts +1 -2
- package/dist/types/components/Breadcrumb/index.d.ts +1 -0
- package/dist/types/components/Button/Button.d.ts +3 -2
- package/dist/types/components/Button/index.d.ts +3 -5
- package/dist/types/components/Callout/Callout.d.ts +1 -2
- package/dist/types/components/Card/Card.d.ts +1 -2
- package/dist/types/components/Card/ElevationCard.d.ts +1 -0
- package/dist/types/components/ColorModeToggle/ColorModeToggle.d.ts +2 -4
- package/dist/types/components/Countdown/Countdown.d.ts +2 -4
- package/dist/types/components/DataTable/DataTable.d.ts +1 -2
- package/dist/types/components/DataTable/index.d.ts +3 -2
- package/dist/types/components/DatePicker/DatePicker.d.ts +2 -3
- package/dist/types/components/Dropdown/Dropdown.d.ts +7 -2
- package/dist/types/components/Dropdown/index.d.ts +1 -1
- package/dist/types/components/EdgePanel/EdgePanel.d.ts +2 -3
- package/dist/types/components/Form/Checkbox.d.ts +1 -2
- package/dist/types/components/Form/Form.d.ts +1 -2
- package/dist/types/components/Form/FormGroup.d.ts +1 -2
- package/dist/types/components/Form/Input.d.ts +1 -2
- package/dist/types/components/Form/Radio.d.ts +1 -2
- package/dist/types/components/Form/Select.d.ts +1 -2
- package/dist/types/components/Form/Textarea.d.ts +1 -2
- package/dist/types/components/Hero/Hero.d.ts +1 -2
- package/dist/types/components/Icon/Icon.d.ts +2 -4
- package/dist/types/components/List/List.d.ts +1 -2
- package/dist/types/components/Messages/Messages.d.ts +1 -2
- package/dist/types/components/Messages/index.d.ts +2 -1
- package/dist/types/components/Modal/Modal.d.ts +1 -2
- package/dist/types/components/Navbar/Menu.d.ts +1 -2
- package/dist/types/components/Navbar/Nav.d.ts +1 -2
- package/dist/types/components/Navbar/NavDropdown.d.ts +2 -0
- package/dist/types/components/Navbar/NavItem.d.ts +2 -0
- package/dist/types/components/Navbar/Navbar.d.ts +1 -2
- package/dist/types/components/Pagination/Pagination.d.ts +20 -2
- package/dist/types/components/PhotoViewer/PhotoViewer.d.ts +1 -2
- package/dist/types/components/PhotoViewer/index.d.ts +2 -1
- package/dist/types/components/Popover/Popover.d.ts +8 -2
- package/dist/types/components/ProductReview/ProductReview.d.ts +2 -4
- package/dist/types/components/ProductReview/index.d.ts +2 -1
- package/dist/types/components/Progress/Progress.d.ts +1 -2
- package/dist/types/components/Rating/Rating.d.ts +1 -2
- package/dist/types/components/River/River.d.ts +1 -2
- package/dist/types/components/SectionIntro/SectionIntro.d.ts +2 -4
- package/dist/types/components/SectionIntro/index.d.ts +1 -2
- package/dist/types/components/Spinner/Spinner.d.ts +1 -2
- package/dist/types/components/Steps/Steps.d.ts +3 -5
- package/dist/types/components/Steps/index.d.ts +1 -2
- package/dist/types/components/Tab/Tab.d.ts +3 -5
- package/dist/types/components/Testimonial/Testimonial.d.ts +3 -5
- package/dist/types/components/Testimonial/index.d.ts +1 -2
- package/dist/types/components/Todo/Todo.d.ts +1 -2
- package/dist/types/components/Toggle/Toggle.d.ts +2 -4
- package/dist/types/components/Tooltip/Tooltip.d.ts +2 -4
- package/dist/types/components/Tooltip/index.d.ts +1 -1
- package/dist/types/components/Upload/Upload.d.ts +2 -4
- package/dist/types/components/Upload/index.d.ts +1 -2
- package/dist/types/components/index.d.ts +45 -78
- package/dist/types/index.d.ts +21 -53
- package/dist/types/layouts/index.d.ts +2 -11
- package/dist/types/lib/composables/index.d.ts +21 -13
- package/dist/types/lib/composables/useCheckbox.d.ts +1 -1
- package/dist/types/lib/composables/useDatePicker.d.ts +4 -4
- package/dist/types/lib/composables/useEdgePanel.d.ts +2 -2
- package/dist/types/lib/composables/usePhotoViewer.d.ts +2 -2
- package/dist/types/lib/index.d.ts +6 -8
- package/dist/types/lib/utils/index.d.ts +1 -0
- package/package.json +60 -36
- package/src/components/Accordion/Accordion.tsx +2 -3
- package/src/components/Accordion/index.ts +2 -1
- package/src/components/AtomixLogo/index.ts +0 -0
- package/src/components/AtomixLogo.tsx +3 -1
- package/src/components/Avatar/Avatar.stories.tsx +1 -0
- package/src/components/Avatar/Avatar.tsx +3 -9
- package/src/components/Avatar/AvatarGroup.tsx +3 -8
- package/src/components/Avatar/index.ts +2 -1
- package/src/components/Badge/Badge.tsx +3 -8
- package/src/components/Badge/index.ts +3 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +2 -7
- package/src/components/Breadcrumb/index.ts +1 -0
- package/src/components/Button/Button.tsx +5 -2
- package/src/components/Button/index.ts +3 -6
- package/src/components/Callout/Callout.tsx +3 -8
- package/src/components/Callout/scripts/bundle.ts +2 -12
- package/src/components/Card/Card.tsx +3 -8
- package/src/components/Card/ElevationCard.tsx +4 -0
- package/src/components/Card/scripts/bundle.ts +0 -7
- package/src/components/ColorModeToggle/ColorModeToggle.tsx +3 -7
- package/src/components/Countdown/Countdown.tsx +9 -17
- package/src/components/DataTable/DataTable.tsx +9 -14
- package/src/components/DataTable/index.ts +3 -2
- package/src/components/DataTable/scripts/bundle.ts +5 -13
- package/src/components/DatePicker/DatePicker.tsx +3 -5
- package/src/components/Dropdown/Dropdown.tsx +5 -10
- package/src/components/Dropdown/index.ts +2 -4
- package/src/components/EdgePanel/EdgePanel.tsx +4 -10
- package/src/components/Form/Checkbox.tsx +2 -7
- package/src/components/Form/Form.tsx +2 -7
- package/src/components/Form/FormGroup.tsx +2 -7
- package/src/components/Form/Input.tsx +2 -7
- package/src/components/Form/Radio.tsx +2 -7
- package/src/components/Form/Select.tsx +2 -6
- package/src/components/Form/Textarea.tsx +2 -7
- package/src/components/Hero/Hero.tsx +2 -7
- package/src/components/Icon/Icon.tsx +3 -10
- package/src/components/List/List.tsx +2 -7
- package/src/components/Messages/Messages.tsx +4 -9
- package/src/components/Messages/index.ts +2 -1
- package/src/components/Messages/scripts/bundle.ts +3 -3
- package/src/components/Modal/Modal.tsx +3 -10
- package/src/components/Navbar/MegaMenu.tsx +14 -14
- package/src/components/Navbar/Menu.tsx +14 -21
- package/src/components/Navbar/Nav.tsx +5 -9
- package/src/components/Navbar/NavDropdown.tsx +13 -7
- package/src/components/Navbar/NavItem.tsx +15 -10
- package/src/components/Navbar/Navbar.tsx +6 -11
- package/src/components/Pagination/Pagination.tsx +4 -10
- package/src/components/PhotoViewer/PhotoViewer.tsx +2 -7
- package/src/components/PhotoViewer/PhotoViewerImage.tsx +1 -1
- package/src/components/PhotoViewer/PhotoViewerNavigation.tsx +1 -1
- package/src/components/PhotoViewer/README.md +0 -0
- package/src/components/PhotoViewer/examples/ImageGallery.tsx +4 -3
- package/src/components/PhotoViewer/examples/SimpleGallery.tsx +1 -1
- package/src/components/PhotoViewer/index.ts +2 -1
- package/src/components/PhotoViewer/scripts/bundle.ts +2 -9
- package/src/components/Popover/Popover.tsx +8 -13
- package/src/components/Popover/scripts/index.ts +6 -1
- package/src/components/ProductReview/ProductReview.tsx +6 -30
- package/src/components/ProductReview/index.ts +2 -1
- package/src/components/Progress/Progress.tsx +1 -8
- package/src/components/Rating/Rating.tsx +3 -25
- package/src/components/Rating/scripts/ratingInteractions.ts +3 -3
- package/src/components/River/River.tsx +4 -9
- package/src/components/SectionIntro/SectionIntro.tsx +3 -10
- package/src/components/SectionIntro/index.ts +1 -2
- package/src/components/Spinner/Spinner.tsx +2 -6
- package/src/components/Steps/Steps.tsx +5 -12
- package/src/components/Steps/index.ts +1 -2
- package/src/components/Tab/Tab.tsx +4 -10
- package/src/components/Testimonial/Testimonial.tsx +4 -10
- package/src/components/Testimonial/index.ts +1 -2
- package/src/components/Todo/Todo.tsx +4 -9
- package/src/components/Todo/scripts/bundle.ts +0 -7
- package/src/components/Toggle/Toggle.tsx +4 -10
- package/src/components/Toggle/scripts/bundle.ts +0 -7
- package/src/components/Tooltip/Tooltip.tsx +3 -10
- package/src/components/Tooltip/index.ts +1 -3
- package/src/components/Upload/Upload.tsx +9 -15
- package/src/components/Upload/index.ts +1 -2
- package/src/components/index.ts +44 -79
- package/src/docs/atomix-component-guidelines.mdx +0 -0
- package/src/index.ts +15 -12
- package/src/layouts/MasonryGrid/MasonryGrid.stories.tsx +2 -1
- package/src/layouts/MasonryGrid/MasonryGrid.tsx +5 -4
- package/src/lib/README.md +0 -0
- package/src/lib/composables/useDropdown.ts +3 -3
- package/src/lib/composables/useNavbar.ts +1 -1
- package/src/lib/composables/usePhotoViewer.ts +7 -5
- package/src/lib/composables/usePopover.ts +15 -15
- package/src/styles/01-settings/_settings.typography.scss +6 -3
- package/src/styles/03-generic/_generic.fonts.scss +20 -17
- package/css.d.ts +0 -10
- package/dist/css/atomix.min.css +0 -6
- package/dist/css/atomix.min.css.map +0 -1
- package/dist/fonts/0120456a11178b96ab66.woff +0 -0
- package/dist/fonts/0368bc04e1a895283091.woff +0 -0
- package/dist/fonts/0c5c9ce9dec531aa6b29.ttf +0 -0
- package/dist/fonts/0f355f1a3d693807d51c.ttf +0 -0
- package/dist/fonts/1ec349085efa62caa303.woff2 +0 -0
- package/dist/fonts/20ab2fe497fc18409e34.woff +0 -0
- package/dist/fonts/253918dde62b7326497e.woff +0 -0
- package/dist/fonts/285bdad411fbc4cec20d.ttf +0 -0
- package/dist/fonts/2f638dd07520c36c8d6e.woff +0 -0
- package/dist/fonts/30c9e80ac7b5699e21cc.woff2 +0 -0
- package/dist/fonts/33311918c95bc02cfcb1.woff +0 -0
- package/dist/fonts/35321e45ab1847c10daa.ttf +0 -0
- package/dist/fonts/3d2344627a22c58c9273.woff +0 -0
- package/dist/fonts/413b33b6d0cbd31f8714.woff2 +0 -0
- package/dist/fonts/4cb90386814103ea6b7f.woff2 +0 -0
- package/dist/fonts/4ee1c663781c9449f03f.woff2 +0 -0
- package/dist/fonts/4f4da6c0a5ff8b4ed6c6.eot +0 -0
- package/dist/fonts/576bbf31cdb2297b27b2.ttf +0 -0
- package/dist/fonts/585df04788e75f68f0af.eot +0 -0
- package/dist/fonts/5b5bd27f87c5700e93ad.ttf +0 -0
- package/dist/fonts/5bb2f179b9eb3479b077.eot +0 -0
- package/dist/fonts/5ff5446a28faf327d927.woff +0 -0
- package/dist/fonts/6192a85735f85ab06ed3.eot +0 -0
- package/dist/fonts/61f88f014cff75e8080e.woff2 +0 -0
- package/dist/fonts/6425aa0b60538ee25c68.woff +0 -0
- package/dist/fonts/6751f7983394e890189f.eot +0 -0
- package/dist/fonts/6960ee84f2d467663c34.ttf +0 -0
- package/dist/fonts/70685e4ff0b8497285e5.woff2 +0 -0
- package/dist/fonts/757b7e91c3555d312bbc.woff +0 -0
- package/dist/fonts/7a4ea74d7f43e6ad17d8.eot +0 -0
- package/dist/fonts/8109c3cad37ea32e4d32.ttf +0 -0
- package/dist/fonts/82a7a6000e2c2ab2ec5c.woff2 +0 -0
- package/dist/fonts/83ef74d7fa1b36b3afd2.ttf +0 -0
- package/dist/fonts/877cf3e897d614d4e5cf.ttf +0 -0
- package/dist/fonts/88bb1a07aeaed7b24844.eot +0 -0
- package/dist/fonts/9393172982d357731e53.eot +0 -0
- package/dist/fonts/945eac608d80a8166c05.eot +0 -0
- package/dist/fonts/9b837d45dc4c53f310f4.woff2 +0 -0
- package/dist/fonts/a5dbd3668c70794eda4d.ttf +0 -0
- package/dist/fonts/a74f60429e1436a0a540.woff +0 -0
- package/dist/fonts/bbc297fd58abb3c9f79a.ttf +0 -0
- package/dist/fonts/bbefaa1b3e495e24cae7.woff2 +0 -0
- package/dist/fonts/c0c00fe55a6c5b4bdcc3.ttf +0 -0
- package/dist/fonts/c7508e4a1d238d320671.woff2 +0 -0
- package/dist/fonts/cb9059c1418f52b5cfb2.woff +0 -0
- package/dist/fonts/d11e8912a7532aae2979.eot +0 -0
- package/dist/fonts/d852d165ab8f7b51e9d9.woff +0 -0
- package/dist/fonts/de48437d7037bf4c1dd1.eot +0 -0
- package/dist/fonts/df470b39be2d4a1f1ce1.woff +0 -0
- package/dist/fonts/f2af4f9e9e7805d25995.woff2 +0 -0
- package/dist/fonts/f79a05c25b9f6148e22c.eot +0 -0
- package/dist/fonts/fcaafb0a12fec09b1f45.woff2 +0 -0
- package/dist/fonts/fcefb320a4d49f66bb12.eot +0 -0
- package/dist/fonts/fd66d70b84764f279e6a.ttf +0 -0
- package/dist/fonts/fdf78119a6d3da284d71.woff2 +0 -0
- package/dist/fonts/ff75ad5d1cd4cbfb2485.eot +0 -0
- package/dist/js/202.atomix.react.cjs.js +0 -2
- package/dist/js/202.atomix.react.cjs.js.map +0 -1
- package/dist/js/202.atomix.react.esm.js +0 -2
- package/dist/js/202.atomix.react.esm.js.map +0 -1
- package/dist/js/202.atomix.react.js +0 -2
- package/dist/js/202.atomix.react.js.map +0 -1
- package/dist/js/308.atomix.react.cjs.js +0 -2
- package/dist/js/308.atomix.react.cjs.js.map +0 -1
- package/dist/js/308.atomix.react.esm.js +0 -2
- package/dist/js/308.atomix.react.esm.js.map +0 -1
- package/dist/js/308.atomix.react.js +0 -2
- package/dist/js/308.atomix.react.js.map +0 -1
- package/dist/js/34.atomix.react.cjs.js +0 -2
- package/dist/js/34.atomix.react.cjs.js.map +0 -1
- package/dist/js/34.atomix.react.esm.js +0 -2
- package/dist/js/34.atomix.react.esm.js.map +0 -1
- package/dist/js/34.atomix.react.js +0 -2
- package/dist/js/34.atomix.react.js.map +0 -1
- package/dist/js/471.atomix.react.cjs.js +0 -2
- package/dist/js/471.atomix.react.cjs.js.map +0 -1
- package/dist/js/471.atomix.react.esm.js +0 -2
- package/dist/js/471.atomix.react.esm.js.map +0 -1
- package/dist/js/471.atomix.react.js +0 -2
- package/dist/js/471.atomix.react.js.map +0 -1
- package/dist/js/54.atomix.react.cjs.js +0 -2
- package/dist/js/54.atomix.react.cjs.js.map +0 -1
- package/dist/js/54.atomix.react.esm.js +0 -2
- package/dist/js/54.atomix.react.esm.js.map +0 -1
- package/dist/js/54.atomix.react.js +0 -2
- package/dist/js/54.atomix.react.js.map +0 -1
- package/dist/js/619.atomix.react.cjs.js +0 -2
- package/dist/js/619.atomix.react.cjs.js.map +0 -1
- package/dist/js/619.atomix.react.esm.js +0 -2
- package/dist/js/619.atomix.react.esm.js.map +0 -1
- package/dist/js/619.atomix.react.js +0 -2
- package/dist/js/619.atomix.react.js.map +0 -1
- package/dist/js/690.atomix.react.cjs.js +0 -2
- package/dist/js/690.atomix.react.cjs.js.map +0 -1
- package/dist/js/690.atomix.react.esm.js +0 -2
- package/dist/js/690.atomix.react.esm.js.map +0 -1
- package/dist/js/690.atomix.react.js +0 -2
- package/dist/js/690.atomix.react.js.map +0 -1
- package/dist/js/894.atomix.react.cjs.js +0 -2
- package/dist/js/894.atomix.react.esm.js +0 -2
- package/dist/js/894.atomix.react.esm.js.map +0 -1
- package/dist/js/894.atomix.react.js +0 -2
- package/dist/js/894.atomix.react.js.map +0 -1
- package/dist/js/897.atomix.react.cjs.js +0 -2
- package/dist/js/897.atomix.react.cjs.js.map +0 -1
- package/dist/js/897.atomix.react.esm.js +0 -2
- package/dist/js/897.atomix.react.esm.js.map +0 -1
- package/dist/js/897.atomix.react.js +0 -2
- package/dist/js/897.atomix.react.js.map +0 -1
- package/dist/js/atomix.react.cjs.js +0 -2
- package/dist/js/atomix.react.cjs.js.map +0 -1
- package/dist/js/atomix.react.js +0 -2
- package/dist/js/atomix.react.js.map +0 -1
- package/dist/js/main.js +0 -0
- package/dist/js/minified.js +0 -0
- package/dist/types/components/Accordion/scripts/accordionInteractions.d.ts +0 -19
- package/dist/types/components/Accordion/scripts/index.d.ts +0 -100
- package/dist/types/components/Avatar/scripts/index.d.ts +0 -105
- package/dist/types/components/Breadcrumb/scripts/breadcrumb.d.ts +0 -43
- package/dist/types/components/Breadcrumb/scripts/index.d.ts +0 -4
- package/dist/types/components/Button/scripts/buttonInteractions.d.ts +0 -20
- package/dist/types/components/Button/scripts/index.d.ts +0 -1
- package/dist/types/components/Card/scripts/index.d.ts +0 -80
- package/dist/types/components/Countdown/scripts/index.d.ts +0 -71
- package/dist/types/components/DataTable/scripts/index.d.ts +0 -174
- package/dist/types/components/DatePicker/scripts/componentInteractions.d.ts +0 -28
- package/dist/types/components/DatePicker/scripts/index.d.ts +0 -153
- package/dist/types/components/Dropdown/scripts/componentInteractions.d.ts +0 -26
- package/dist/types/components/Dropdown/scripts/index.d.ts +0 -114
- package/dist/types/components/EdgePanel/scripts/edgePanelInteractions.d.ts +0 -35
- package/dist/types/components/EdgePanel/scripts/index.d.ts +0 -126
- package/dist/types/components/Hero/scripts/heroInteractions.d.ts +0 -29
- package/dist/types/components/Hero/scripts/index.d.ts +0 -47
- package/dist/types/components/Modal/scripts/index.d.ts +0 -83
- package/dist/types/components/Modal/scripts/modalInteractions.d.ts +0 -28
- package/dist/types/components/Pagination/scripts/index.d.ts +0 -52
- package/dist/types/components/ProductReview/scripts/bundle.d.ts +0 -2
- package/dist/types/components/ProductReview/scripts/componentInteractions.d.ts +0 -43
- package/dist/types/components/Rating/scripts/bundle.d.ts +0 -3
- package/dist/types/components/Rating/scripts/index.d.ts +0 -74
- package/dist/types/components/Rating/scripts/ratingInteractions.d.ts +0 -28
- package/dist/types/components/Todo/scripts/index.d.ts +0 -115
- package/dist/types/components/Todo/scripts/todoInteractions.d.ts +0 -38
- package/dist/types/components/Tooltip/scripts/tooltipInteractions.d.ts +0 -23
- package/dist/types/htmlComponentsEntry.d.ts +0 -160
- package/src/components/Badge/index.tsx +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=202;export const __webpack_ids__=[202];export const __webpack_modules__={6202:(t,e,i)=>{i.r(e),i.d(e,{default:()=>a,initializeSteps:()=>l});var s=i(188);const c={activeIndex:0,vertical:!1};class n{selector;$element;options;$items;activeIndex;constructor(t,e={}){this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...c,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function l(t=s.UT.SELECTORS.STEPS,e={}){const i=[],c=document.querySelectorAll(t);return c.length?(c.forEach((t=>{try{const s=new n(t,e);i.push(s)}catch(s){}})),i):i}const a=n}};
|
|
2
|
+
//# sourceMappingURL=202.ff48d27672233280e021.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/202.ff48d27672233280e021.js","mappings":"qLAwBA,MAAMA,EAAgC,CACpCC,YAAa,EACbC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QACAC,OACAN,YAORO,WAAAA,CAAYJ,EAA4BE,EAAU,CAAC,GACjDG,KAAKL,SAAWA,GAAYM,EAAAA,GAAMC,UAAUD,MAC5CD,KAAKJ,SACiB,iBAAbD,EACHQ,SAASC,cAA2BT,GACpCA,EACNK,KAAKH,QAAU,IAAKN,KAAoBM,GACxCG,KAAKF,OAAS,KACdE,KAAKR,YAAcQ,KAAKH,QAAQL,aAAe,EAC/CQ,KAAKK,aACP,CAKQA,WAAAA,GACDL,KAAKJ,WAEVI,KAAKM,sBAGDN,KAAKH,QAAQJ,WAAaO,KAAKJ,SAASW,UAAUC,SAASP,EAAAA,GAAMQ,QAAQC,WAC3EV,KAAKJ,SAASW,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQC,UAG5CV,KAAKY,UAAUZ,KAAKR,aACtB,CAKQc,mBAAAA,GACDN,KAAKJ,WAEVI,KAAKF,OAASE,KAAKJ,SAASiB,iBAA8BZ,EAAAA,GAAMC,UAAUY,MAC5E,CAMOF,SAAAA,CAAUG,GACVf,KAAKF,QAAUiB,GAAQ,GAAcf,KAAKF,OAAOkB,OAArBD,IAGjCf,KAAKF,OAAOmB,SAAQ,CAACC,EAAMC,KACjBJ,EAAJI,GAEFD,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQW,QACjCF,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQY,YACxBF,IAAMJ,GAEfG,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQW,QACjCF,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQY,aAGpCH,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQW,QACpCF,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQY,WACtC,IAGFrB,KAAKR,YAAcuB,EACrB,CAKOQ,IAAAA,IACmBvB,KAAKF,QAAQkB,QAAU,GAAK,EAAhDhB,KAAKR,aACPQ,KAAKY,UAAUZ,KAAKR,YAAc,EAEtC,CAKOgC,QAAAA,GACDxB,KAAKR,YAAc,GACrBQ,KAAKY,UAAUZ,KAAKR,YAAc,EAEtC,CAKOiC,OAAAA,GACL,EAUG,SAASC,EAAgB/B,EAAWM,EAAAA,GAAMC,UAAUD,MAAOJ,EAAU,CAAC,GAC3E,MAAM8B,EAAkC,GAClCC,EAAgBzB,SAASU,iBAA8BlB,GAE7D,OAAKiC,EAAcZ,QAEnBY,EAAcX,SAASY,IACrB,IACE,MAAMC,EAAW,IAAIpC,EAAMmC,EAAShC,GACpC8B,EAAeI,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKL,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/Steps/scripts/index.ts"],"sourcesContent":["import { STEPS } from '../../../lib/constants/components';\n\n/**\n * Interface for Steps options\n */\ninterface StepsOptions {\n activeIndex?: number;\n vertical?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for Steps instance\n */\ninterface StepsInstance {\n setActive: (index: number) => void;\n next: () => void;\n previous: () => void;\n destroy: () => void;\n}\n\n/**\n * Default options for the Steps component\n */\nconst DEFAULT_OPTIONS: StepsOptions = {\n activeIndex: 0,\n vertical: false\n};\n\n/**\n * Class representing a Steps component\n */\nclass Steps implements StepsInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: StepsOptions;\n private $items: NodeListOf<HTMLElement> | null;\n private activeIndex: number;\n\n /**\n * Creates an instance of Steps\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || STEPS.SELECTORS.STEPS;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as StepsOptions;\n this.$items = null;\n this.activeIndex = this.options.activeIndex || 0;\n this._initialize();\n }\n\n /**\n * Initialize the steps component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n \n // Set vertical mode if specified\n if (this.options.vertical && !this.$element.classList.contains(STEPS.CLASSES.VERTICAL)) {\n this.$element.classList.add(STEPS.CLASSES.VERTICAL);\n }\n \n this.setActive(this.activeIndex);\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$items = this.$element.querySelectorAll<HTMLElement>(STEPS.SELECTORS.ITEM);\n }\n\n /**\n * Sets the active step\n * @param index - The index of the step to make active\n */\n public setActive(index: number): void {\n if (!this.$items || index < 0 || index >= this.$items.length) return;\n \n // Update all items\n this.$items.forEach((item, i) => {\n if (i < index) {\n // Steps before active are completed\n item.classList.add(STEPS.CLASSES.ACTIVE);\n item.classList.add(STEPS.CLASSES.COMPLETED);\n } else if (i === index) {\n // Current step is active but not completed\n item.classList.add(STEPS.CLASSES.ACTIVE);\n item.classList.remove(STEPS.CLASSES.COMPLETED);\n } else {\n // Future steps are neither active nor completed\n item.classList.remove(STEPS.CLASSES.ACTIVE);\n item.classList.remove(STEPS.CLASSES.COMPLETED);\n }\n });\n \n this.activeIndex = index;\n }\n\n /**\n * Moves to the next step\n */\n public next(): void {\n if (this.activeIndex < (this.$items?.length || 0) - 1) {\n this.setActive(this.activeIndex + 1);\n }\n }\n\n /**\n * Moves to the previous step\n */\n public previous(): void {\n if (this.activeIndex > 0) {\n this.setActive(this.activeIndex - 1);\n }\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n // No specific cleanup needed for steps component\n }\n}\n\n/**\n * Initialize all steps in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {StepsInstance[]} Array of Steps instances\n */\nexport function initializeSteps(selector = STEPS.SELECTORS.STEPS, options = {}): StepsInstance[] {\n const stepsInstances: StepsInstance[] = [];\n const stepsElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!stepsElements.length) return stepsInstances;\n\n stepsElements.forEach((element) => {\n try {\n const instance = new Steps(element, options);\n stepsInstances.push(instance);\n } catch (error) {\n console.error('Error initializing steps:', error);\n }\n });\n\n return stepsInstances;\n}\n\nexport default Steps; "],"names":["DEFAULT_OPTIONS","activeIndex","vertical","Steps","selector","$element","options","$items","constructor","this","STEPS","SELECTORS","document","querySelector","_initialize","_initializeElements","classList","contains","CLASSES","VERTICAL","add","setActive","querySelectorAll","ITEM","index","length","forEach","item","i","ACTIVE","COMPLETED","remove","next","previous","destroy","initializeSteps","stepsInstances","stepsElements","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=308;export const __webpack_ids__=[308];export const __webpack_modules__={3308:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r,initializeUploads:()=>o});var i=s(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{selector;$element;$input;$button;$loader;$loaderTitle;$loaderProgress;$loaderClose;options;currentFile;dragCounter;constructor(e,t={}){this.selector=e||i.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(i.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(i.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(i.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(i.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(i.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(i.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(i.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(i.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){return e.size>1024*(this.options.maxSizeInMB||5)*1024?(this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1):!(this.options.acceptedFileTypes?.length&&!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const s=t.split("/")[0];return e.type.startsWith(s+"/")}return e.type===t})))||(this.setStatus("error","File type not supported."),!1)}_simulateUpload(e){this.setStatus("loading");let t=0;const s=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(s),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(i.oH.ATTRIBUTES.PERCENTAGE,""+e);const s=this.$element.querySelector(i.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(i.oH.SELECTORS.LOADER_TIME);s&&(s.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(i.oH.CLASSES.LOADING,i.oH.CLASSES.SUCCESS,i.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(i.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(i.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(i.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(i.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(i.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(e=i.oH.SELECTORS.UPLOAD,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const i=new l(e,t);s.push(i)}catch(i){}})),s):s}const r=l}};
|
|
2
|
+
//# sourceMappingURL=308.f873332126eba90e5c62.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/308.f873332126eba90e5c62.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Upload/scripts/index.ts"],"sourcesContent":["import { UPLOAD } from '../../../lib/constants/components';\n\n/**\n * Interface for Upload options\n */\ninterface UploadOptions {\n disabled?: boolean;\n maxSizeInMB?: number;\n acceptedFileTypes?: string[];\n multiple?: boolean;\n onFileSelect?: (files: File[]) => void;\n onFileUpload?: (file: File, progress: number) => void;\n onFileUploadComplete?: (file: File) => void;\n onFileUploadError?: (file: File, error: string) => void;\n [key: string]: any;\n}\n\n/**\n * Interface for Upload instance\n */\ninterface UploadInstance {\n setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;\n setProgress: (percentage: number, timeLeft?: string) => void;\n setFile: (file: File | null) => void;\n disable: () => void;\n enable: () => void;\n destroy: () => void;\n}\n\n/**\n * Default options for the Upload component\n */\nconst DEFAULT_OPTIONS: UploadOptions = {\n disabled: false,\n maxSizeInMB: 5,\n acceptedFileTypes: ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],\n multiple: false\n};\n\n/**\n * Class representing an Upload component\n */\nclass Upload implements UploadInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private $input: HTMLInputElement | null;\n private $button: HTMLButtonElement | null;\n private $loader: HTMLElement | null;\n private $loaderTitle: HTMLElement | null;\n private $loaderProgress: HTMLElement | null;\n private $loaderClose: HTMLButtonElement | null;\n private options: UploadOptions;\n private currentFile: File | null;\n private dragCounter: number;\n\n /**\n * Creates an instance of Upload\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || UPLOAD.SELECTORS.UPLOAD;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as UploadOptions;\n this.$input = null;\n this.$button = null;\n this.$loader = null;\n this.$loaderTitle = null;\n this.$loaderProgress = null;\n this.$loaderClose = null;\n this.currentFile = null;\n this.dragCounter = 0;\n this._initialize();\n }\n\n /**\n * Initialize the upload component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Create a hidden file input element\n this._createHiddenInput();\n\n // Get references to elements\n this.$button = this.$element.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.BUTTON);\n this.$loader = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER);\n this.$loaderTitle = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TITLE);\n this.$loaderProgress = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PROGRESS);\n this.$loaderClose = this.$element?.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.LOADER_CLOSE);\n\n // Apply disabled state if specified\n if (this.options.disabled) {\n this.disable();\n }\n\n // Set up event listeners\n this._setupEventListeners();\n }\n\n /**\n * Creates a hidden file input element and appends it to the element\n */\n private _createHiddenInput(): void {\n if (!this.$element) return;\n\n // Create input element\n const input = document.createElement('input');\n input.type = 'file';\n input.style.display = 'none';\n input.accept = this.options.acceptedFileTypes?.join(',') || '';\n input.multiple = !!this.options.multiple;\n \n // Append to element\n this.$element.appendChild(input);\n this.$input = input;\n }\n\n /**\n * Set up all event listeners\n */\n private _setupEventListeners(): void {\n if (!this.$element || !this.$input || !this.$button) return;\n\n // Button click handler\n this.$button.addEventListener('click', this._handleButtonClick.bind(this));\n\n // Input change handler\n this.$input.addEventListener('change', this._handleFileSelect.bind(this));\n\n // Drag and drop handlers\n this.$element.addEventListener('dragenter', this._handleDragEnter.bind(this));\n this.$element.addEventListener('dragleave', this._handleDragLeave.bind(this));\n this.$element.addEventListener('dragover', this._handleDragOver.bind(this));\n this.$element.addEventListener('drop', this._handleDrop.bind(this));\n\n // Close button handler\n if (this.$loaderClose) {\n this.$loaderClose.addEventListener('click', this._handleClose.bind(this));\n }\n }\n\n /**\n * Handle button click\n */\n private _handleButtonClick(event: MouseEvent): void {\n event.preventDefault();\n if (this.$input && !this.options.disabled) {\n this.$input.click();\n }\n }\n\n /**\n * Handle file selection from the input element\n */\n private _handleFileSelect(event: Event): void {\n if (!this.$input?.files?.length) return;\n \n const files = Array.from(this.$input.files);\n this._processFiles(files);\n }\n\n /**\n * Handle drag enter event\n */\n private _handleDragEnter(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter++;\n if (this.dragCounter === 1) {\n this.$element?.classList.add(UPLOAD.CLASSES.DRAGGING);\n }\n }\n\n /**\n * Handle drag leave event\n */\n private _handleDragLeave(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter--;\n if (this.dragCounter === 0) {\n this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n }\n }\n\n /**\n * Handle drag over event\n */\n private _handleDragOver(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n }\n\n /**\n * Handle drop event\n */\n private _handleDrop(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter = 0;\n this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n \n if (!event.dataTransfer?.files.length) return;\n \n const files = Array.from(event.dataTransfer.files);\n this._processFiles(files);\n }\n\n /**\n * Handle close button click\n */\n private _handleClose(event: MouseEvent): void {\n event.preventDefault();\n \n // Reset state\n this.setStatus('idle');\n this.setFile(null);\n \n // Reset input\n if (this.$input) {\n this.$input.value = '';\n }\n }\n\n /**\n * Process the selected files\n */\n private _processFiles(files: File[]): void {\n if (!files.length) return;\n \n // If multiple is not allowed, take only the first file\n const filesToProcess = this.options.multiple ? files : [files[0]];\n \n // Validate files\n const validFiles = filesToProcess.filter(file => this._validateFile(file));\n \n // Notify about file selection\n if (validFiles.length && this.options.onFileSelect) {\n this.options.onFileSelect(validFiles);\n }\n \n // Process the first valid file\n if (validFiles.length) {\n this.setFile(validFiles[0]);\n this._simulateUpload(validFiles[0]);\n }\n }\n\n /**\n * Validate a file based on size and type\n */\n private _validateFile(file: File): boolean {\n const maxSizeInBytes = (this.options.maxSizeInMB || 5) * 1024 * 1024;\n \n // Check file size\n if (file.size > maxSizeInBytes) {\n this.setStatus('error', `File too large. Maximum size is ${this.options.maxSizeInMB}MB.`);\n return false;\n }\n \n // Check file type if acceptedFileTypes is provided\n if (this.options.acceptedFileTypes?.length) {\n const isAcceptedType = this.options.acceptedFileTypes.some(type => {\n // Handle wildcards like image/*\n if (type.endsWith('/*')) {\n const mainType = type.split('/')[0];\n return file.type.startsWith(`${mainType}/`);\n }\n return file.type === type;\n });\n \n if (!isAcceptedType) {\n this.setStatus('error', 'File type not supported.');\n return false;\n }\n }\n \n return true;\n }\n\n /**\n * Simulate a file upload process\n * In a real implementation, this would be replaced with actual upload logic\n */\n private _simulateUpload(file: File): void {\n this.setStatus('loading');\n let progress = 0;\n \n const interval = setInterval(() => {\n progress += 5;\n \n if (progress < 100) {\n this.setProgress(progress, `${Math.ceil((100 - progress) / 5)} seconds left`);\n \n if (this.options.onFileUpload) {\n this.options.onFileUpload(file, progress);\n }\n } else {\n clearInterval(interval);\n this.setStatus('success', 'Upload successful');\n \n if (this.options.onFileUploadComplete) {\n this.options.onFileUploadComplete(file);\n }\n }\n }, 500);\n }\n\n /**\n * Set current file\n */\n public setFile(file: File | null): void {\n this.currentFile = file;\n \n if (file && this.$loaderTitle) {\n this.$loaderTitle.textContent = file.name;\n }\n }\n\n /**\n * Set upload progress\n */\n public setProgress(percentage: number, timeLeft?: string): void {\n if (!this.$element || !this.$loaderProgress) return;\n \n // Set percentage as CSS variable\n this.$element.style.setProperty(UPLOAD.ATTRIBUTES.PERCENTAGE, percentage.toString());\n \n // Update the loader elements if they exist\n const $par = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PAR);\n const $time = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TIME);\n \n if ($par) {\n $par.textContent = `${percentage}%`;\n }\n \n if ($time && timeLeft) {\n $time.textContent = timeLeft;\n }\n }\n\n /**\n * Set upload status\n */\n public setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void {\n if (!this.$element) return;\n \n // Remove all status classes\n this.$element.classList.remove(\n UPLOAD.CLASSES.LOADING,\n UPLOAD.CLASSES.SUCCESS,\n UPLOAD.CLASSES.ERROR\n );\n \n // Add appropriate class based on status\n switch (status) {\n case 'loading':\n this.$element.classList.add(UPLOAD.CLASSES.LOADING);\n break;\n case 'success':\n this.$element.classList.add(UPLOAD.CLASSES.SUCCESS);\n break;\n case 'error':\n this.$element.classList.add(UPLOAD.CLASSES.ERROR);\n break;\n }\n \n // Update message if provided and loader exists\n if (message && this.$loaderProgress) {\n this.$loaderProgress.textContent = message;\n }\n }\n\n /**\n * Disable the upload component\n */\n public disable(): void {\n if (!this.$element || !this.$button) return;\n \n this.$element.classList.add(UPLOAD.CLASSES.DISABLED);\n this.$button.disabled = true;\n this.options.disabled = true;\n }\n\n /**\n * Enable the upload component\n */\n public enable(): void {\n if (!this.$element || !this.$button) return;\n \n this.$element.classList.remove(UPLOAD.CLASSES.DISABLED);\n this.$button.disabled = false;\n this.options.disabled = false;\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$input || !this.$button) return;\n \n // Remove event listeners\n this.$button.removeEventListener('click', this._handleButtonClick.bind(this));\n this.$input.removeEventListener('change', this._handleFileSelect.bind(this));\n this.$element.removeEventListener('dragenter', this._handleDragEnter.bind(this));\n this.$element.removeEventListener('dragleave', this._handleDragLeave.bind(this));\n this.$element.removeEventListener('dragover', this._handleDragOver.bind(this));\n this.$element.removeEventListener('drop', this._handleDrop.bind(this));\n \n if (this.$loaderClose) {\n this.$loaderClose.removeEventListener('click', this._handleClose.bind(this));\n }\n \n // Remove input element\n if (this.$input.parentNode) {\n this.$input.parentNode.removeChild(this.$input);\n }\n }\n}\n\n/**\n * Initialize all upload components in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {UploadInstance[]} Array of Upload instances\n */\nexport function initializeUploads(selector = UPLOAD.SELECTORS.UPLOAD, options = {}): UploadInstance[] {\n const uploadInstances: UploadInstance[] = [];\n const uploadElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : UPLOAD.SELECTORS.UPLOAD);\n\n if (!uploadElements.length) return uploadInstances;\n\n uploadElements.forEach((element) => {\n try {\n const instance = new Upload(element, options);\n uploadInstances.push(instance);\n } catch (error) {\n console.error('Error initializing upload:', error);\n }\n });\n\n return uploadInstances;\n}\n\nexport default Upload; "],"names":["DEFAULT_OPTIONS","disabled","maxSizeInMB","acceptedFileTypes","multiple","Upload","selector","$element","$input","$button","$loader","$loaderTitle","$loaderProgress","$loaderClose","options","currentFile","dragCounter","constructor","this","UPLOAD","SELECTORS","document","querySelector","_initialize","_createHiddenInput","BUTTON","LOADER","LOADER_TITLE","LOADER_PROGRESS","LOADER_CLOSE","disable","_setupEventListeners","input","createElement","type","style","display","accept","join","appendChild","addEventListener","_handleButtonClick","bind","_handleFileSelect","_handleDragEnter","_handleDragLeave","_handleDragOver","_handleDrop","_handleClose","event","preventDefault","click","files","length","Array","from","_processFiles","classList","add","CLASSES","DRAGGING","remove","dataTransfer","setStatus","setFile","value","validFiles","filter","file","_validateFile","onFileSelect","_simulateUpload","size","some","endsWith","mainType","split","startsWith","progress","interval","setInterval","setProgress","Math","ceil","onFileUpload","clearInterval","onFileUploadComplete","textContent","name","percentage","timeLeft","setProperty","ATTRIBUTES","PERCENTAGE","$par","LOADER_PAR","$time","LOADER_TIME","status","message","LOADING","SUCCESS","ERROR","DISABLED","enable","destroy","removeEventListener","parentNode","removeChild","initializeUploads","uploadInstances","uploadElements","querySelectorAll","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=54;export const __webpack_ids__=[54];export const __webpack_modules__={5054:(t,s,e)=>{e.r(s),e.d(s,{default:()=>l,initializeTabs:()=>o});var i=e(188);const n={navItems:i.wn.SELECTORS.NAV_ITEMS,navBtn:i.wn.SELECTORS.NAV_BTN,panels:i.wn.SELECTORS.PANELS,panelBodys:i.wn.SELECTORS.PANEL_BODIES,activeClass:i.wn.CLASSES.ACTIVE,activeIndex:i.wn.DEFAULTS.ACTIVE_INDEX};class a{selector;$element;options;$navItems;$panels;$panelBodys;constructor(t,s={}){this.selector=t||i.wn.SELECTORS.TAB,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}_initializeElements(){this.$element&&(this.$navItems=this.$element.querySelectorAll(this.options.navItems),this.$panels=this.$element.querySelectorAll(this.options.panels),this.$panelBodys=this.$element.querySelectorAll(this.options.panelBodys))}_bindEvents(){this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.addEventListener("click",(()=>this._handleTabClick(s)))}))}_handleTabClick(t){const s=t.dataset.tabindex;void 0!==s&&(this._hideAllTabs(),this._showTab(s))}_hideAllTabs(){this.$panels&&this.$navItems&&(this.$panels.forEach((t=>{t.style.height="0px",t.classList.remove(this.options.activeClass),t.style.opacity="0"})),this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.classList.remove(this.options.activeClass)})))}_showTab(t){this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach(((s,e)=>{if(s.dataset.tabindex==""+t){const t=this.$panelBodys?.[e];t&&(s.classList.add(this.options.activeClass),requestAnimationFrame((()=>{s.style.height=t.clientHeight+"px",s.style.opacity="1"})))}})),this.$navItems.forEach(((s,e)=>{const i=s.querySelector(this.options.navBtn);i&&i.dataset.tabindex==""+t&&i.classList.add(this.options.activeClass)})))}destroy(){this.$element&&this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.removeEventListener("click",(()=>this._handleTabClick(s)))}))}}function o(t=i.wn.SELECTORS.TAB,s={}){const e=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const i=new a(t,s);e.push(i)}catch(i){}})),e):e}const l=a}};
|
|
2
|
+
//# sourceMappingURL=54.4db919e5e4e5cc6d7c72.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/54.4db919e5e4e5cc6d7c72.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Tab/scripts/index.ts"],"sourcesContent":["import { TAB } from '../../../lib/constants/components';\n\n/**\n * Interface for Tab options\n */\ninterface TabOptions {\n navItems: string;\n navBtn: string;\n panels: string;\n panelBodys: string;\n activeClass: string;\n activeIndex: number;\n [key: string]: any;\n}\n\n/**\n * Interface for Tab instance\n */\ninterface TabInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the tab component\n */\nconst DEFAULT_OPTIONS = {\n navItems: TAB.SELECTORS.NAV_ITEMS,\n navBtn: TAB.SELECTORS.NAV_BTN,\n panels: TAB.SELECTORS.PANELS,\n panelBodys: TAB.SELECTORS.PANEL_BODIES,\n activeClass: TAB.CLASSES.ACTIVE,\n activeIndex: TAB.DEFAULTS.ACTIVE_INDEX\n};\n\n/**\n * Class representing a Tab component\n */\nclass Tab implements TabInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TabOptions;\n private $navItems: NodeListOf<HTMLElement> | null;\n private $panels: NodeListOf<HTMLElement> | null;\n private $panelBodys: NodeListOf<HTMLElement> | null;\n\n /**\n * Creates an instance of Tab\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TAB.SELECTORS.TAB;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TabOptions;\n this.$navItems = null;\n this.$panels = null;\n this.$panelBodys = null;\n this._initialize();\n }\n\n /**\n * Initialize the tab component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n this._showTab(this.options.activeIndex);\n this._bindEvents();\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$navItems = this.$element.querySelectorAll<HTMLElement>(this.options.navItems);\n this.$panels = this.$element.querySelectorAll<HTMLElement>(this.options.panels);\n this.$panelBodys = this.$element.querySelectorAll<HTMLElement>(this.options.panelBodys);\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.$navItems) return;\n \n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.addEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n\n /**\n * Handle tab click event\n * @param btn - The clicked tab button\n */\n private _handleTabClick(btn: HTMLElement): void {\n const tabIndex = btn.dataset.tabindex;\n if (tabIndex === undefined) return;\n \n this._hideAllTabs();\n this._showTab(tabIndex);\n }\n\n /**\n * Hide all tabs\n */\n private _hideAllTabs(): void {\n if (!this.$panels || !this.$navItems) return;\n \n this.$panels.forEach((panel) => {\n panel.style.height = '0px';\n panel.classList.remove(this.options.activeClass);\n panel.style.opacity = '0';\n });\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.classList.remove(this.options.activeClass);\n }\n });\n }\n\n /**\n * Show tab at specified index\n * @param index - The index of tab to show\n */\n private _showTab(index: number | string): void {\n if (!this.$panels || !this.$navItems || !this.$panelBodys) return;\n \n this.$panels.forEach((panel, pIndex) => {\n if (panel.dataset.tabindex == index.toString()) {\n const panelBody = this.$panelBodys?.[pIndex];\n if (panelBody) {\n panel.classList.add(this.options.activeClass);\n requestAnimationFrame(() => {\n panel.style.height = `${panelBody.clientHeight}px`;\n panel.style.opacity = '1';\n });\n }\n }\n });\n\n this.$navItems.forEach((navItem, nIndex) => {\n const btn = navItem.querySelector<HTMLElement>(this.options.navBtn);\n if (btn && btn.dataset.tabindex == index.toString()) {\n btn.classList.add(this.options.activeClass);\n }\n });\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$navItems) return;\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n // Need to recreate the bound function to remove it correctly\n btn.removeEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n}\n\n/**\n * Initialize all tabs in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TabInstance[]} Array of Tab instances\n */\nexport function initializeTabs(selector = TAB.SELECTORS.TAB, options = {}): TabInstance[] {\n const tabInstances: TabInstance[] = [];\n const tabElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!tabElements.length) return tabInstances;\n\n tabElements.forEach((element) => {\n try {\n const instance = new Tab(element, options);\n tabInstances.push(instance);\n } catch (error) {\n console.error('Error initializing tab:', error);\n }\n });\n\n return tabInstances;\n}\n\nexport default Tab; "],"names":["DEFAULT_OPTIONS","navItems","TAB","SELECTORS","NAV_ITEMS","navBtn","NAV_BTN","panels","PANELS","panelBodys","PANEL_BODIES","activeClass","CLASSES","ACTIVE","activeIndex","DEFAULTS","ACTIVE_INDEX","Tab","selector","$element","options","$navItems","$panels","$panelBodys","constructor","this","document","querySelector","_initialize","_initializeElements","_showTab","_bindEvents","querySelectorAll","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","undefined","_hideAllTabs","panel","style","height","classList","remove","opacity","index","pIndex","panelBody","add","requestAnimationFrame","clientHeight","navItem","nIndex","destroy","removeEventListener","initializeTabs","tabInstances","tabElements","length","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=619;export const __webpack_ids__=[619];export const __webpack_modules__={5619:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c,initializeRivers:()=>r});var n=s(188);const i={center:!1,breakout:!1,reverse:!1,showOverlay:!0};class o{$element;options;constructor(e,t={}){this.$element=e,this.options={...i,...t},this.init()}init(){this.options.contentWidth&&this.$element.style.setProperty(n.zN.ATTRIBUTES.CONTENT_WIDTH,this.options.contentWidth),this.options.backgroundImageSrc&&this.setupBackgroundImage()}setupBackgroundImage(){if(!this.$element||!this.options.backgroundImageSrc)return;let e=this.$element.querySelector(n.zN.SELECTORS.BG);if(!e){e=document.createElement("div"),e.className=n.zN.SELECTORS.BG.replace(".","");const t=document.createElement("img");if(t.src=this.options.backgroundImageSrc,t.alt="Background",t.className=n.zN.SELECTORS.BG_IMAGE.replace(".",""),e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className=n.zN.SELECTORS.OVERLAY.replace(".",""),e.appendChild(t)}this.$element.firstChild?this.$element.insertBefore(e,this.$element.firstChild):this.$element.appendChild(e)}}destroy(){}}function r(e=n.zN.SELECTORS.RIVER,t={}){const s=[],i=document.querySelectorAll("string"==typeof e?e:n.zN.SELECTORS.RIVER);return i.length?(i.forEach((e=>{try{const n=new o(e,t);s.push(n)}catch(n){}})),s):s}const c=o}};
|
|
2
|
+
//# sourceMappingURL=619.afc5a718eff77fa423b5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/619.afc5a718eff77fa423b5.js","mappings":"sLA0BA,MAAMA,EAAgC,CACpCC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,aAAa,GAMf,MAAMC,EACIC,SACAC,QAORC,WAAAA,CAAYC,EAAsBF,EAAU,CAAC,GAC3CG,KAAKJ,SAAWG,EAChBC,KAAKH,QAAU,IAAKP,KAAoBO,GACxCG,KAAKC,MACP,CAKAA,IAAAA,GACMD,KAAKH,QAAQK,cACfF,KAAKJ,SAASO,MAAMC,YAClBC,EAAAA,GAAMC,WAAWC,cACjBP,KAAKH,QAAQK,cAKbF,KAAKH,QAAQW,oBACfR,KAAKS,sBAET,CAKQA,oBAAAA,GACN,IAAKT,KAAKJ,WAAaI,KAAKH,QAAQW,mBAAoB,OAGxD,IAAIE,EAAMV,KAAKJ,SAASe,cAAcN,EAAAA,GAAMO,UAAUC,IAEtD,IAAKH,EAAK,CAERA,EAAMI,SAASC,cAAc,OAC7BL,EAAIM,UAAYX,EAAAA,GAAMO,UAAUC,GAAGI,QAAQ,IAAK,IAGhD,MAAMC,EAAWJ,SAASC,cAAc,OAOxC,GANAG,EAASC,IAAMnB,KAAKH,QAAQW,mBAC5BU,EAASE,IAAM,aACfF,EAASF,UAAYX,EAAAA,GAAMO,UAAUS,SAASJ,QAAQ,IAAK,IAC3DP,EAAIY,YAAYJ,GAGZlB,KAAKH,QAAQH,YAAa,CAC5B,MAAM6B,EAAWT,SAASC,cAAc,OACxCQ,EAASP,UAAYX,EAAAA,GAAMO,UAAUY,QAAQP,QAAQ,IAAK,IAC1DP,EAAIY,YAAYC,EAClB,CAGIvB,KAAKJ,SAAS6B,WAChBzB,KAAKJ,SAAS8B,aAAahB,EAAKV,KAAKJ,SAAS6B,YAE9CzB,KAAKJ,SAAS0B,YAAYZ,EAE9B,CACF,CAKAiB,OAAAA,GACE,EAUG,SAASC,EAAiBC,EAAWxB,EAAAA,GAAMO,UAAUP,MAAOR,EAAU,CAAC,GAC5E,MAAMiC,EAAkC,GAClCC,EAAgBjB,SAASkB,iBAAkD,iBAAbH,EAAwBA,EAAWxB,EAAAA,GAAMO,UAAUP,OAEvH,OAAK0B,EAAcE,QAEnBF,EAAcG,SAASnC,IACrB,IACE,MAAMoC,EAAW,IAAIxC,EAAMI,EAASF,GACpCiC,EAAeM,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKP,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/River/scripts/index.ts"],"sourcesContent":["import { RIVER } from '../../../lib/constants/components';\n\n/**\n * Interface for River options\n */\ninterface RiverOptions {\n center?: boolean;\n breakout?: boolean;\n reverse?: boolean;\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n contentWidth?: string;\n [key: string]: any;\n}\n\n/**\n * Interface for River instance\n */\ninterface RiverInstance {\n init(): void;\n destroy(): void;\n}\n\n/**\n * Default options for the River component\n */\nconst DEFAULT_OPTIONS: RiverOptions = {\n center: false,\n breakout: false,\n reverse: false,\n showOverlay: true\n};\n\n/**\n * Class representing a River component\n */\nclass River implements RiverInstance {\n private $element: HTMLElement;\n private options: RiverOptions;\n\n /**\n * Creates an instance of River\n * @param element - The river element\n * @param options - Custom options to override defaults\n */\n constructor(element: HTMLElement, options = {}) {\n this.$element = element;\n this.options = { ...DEFAULT_OPTIONS, ...options };\n this.init();\n }\n\n /**\n * Initialize the river component\n */\n init(): void {\n if (this.options.contentWidth) {\n this.$element.style.setProperty(\n RIVER.ATTRIBUTES.CONTENT_WIDTH,\n this.options.contentWidth\n );\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n this.setupBackgroundImage();\n }\n }\n\n /**\n * Setup background image\n */\n private setupBackgroundImage(): void {\n if (!this.$element || !this.options.backgroundImageSrc) return;\n\n // Check if background already exists\n let $bg = this.$element.querySelector(RIVER.SELECTORS.BG);\n \n if (!$bg) {\n // Create background container\n $bg = document.createElement('div');\n $bg.className = RIVER.SELECTORS.BG.replace('.', '');\n \n // Create background image\n const $bgImage = document.createElement('img');\n $bgImage.src = this.options.backgroundImageSrc;\n $bgImage.alt = 'Background';\n $bgImage.className = RIVER.SELECTORS.BG_IMAGE.replace('.', '');\n $bg.appendChild($bgImage);\n \n // Create overlay if needed\n if (this.options.showOverlay) {\n const $overlay = document.createElement('div');\n $overlay.className = RIVER.SELECTORS.OVERLAY.replace('.', '');\n $bg.appendChild($overlay);\n }\n \n // Add background to the element (as first child)\n if (this.$element.firstChild) {\n this.$element.insertBefore($bg, this.$element.firstChild);\n } else {\n this.$element.appendChild($bg);\n }\n }\n }\n\n /**\n * Clean up component\n */\n destroy(): void {\n // Remove any event listeners or cleanup here\n }\n}\n\n/**\n * Initialize all river components in the document\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n * @returns Array of River instances\n */\nexport function initializeRivers(selector = RIVER.SELECTORS.RIVER, options = {}): RiverInstance[] {\n const riverInstances: RiverInstance[] = [];\n const riverElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : RIVER.SELECTORS.RIVER);\n\n if (!riverElements.length) return riverInstances;\n\n riverElements.forEach((element) => {\n try {\n const instance = new River(element, options);\n riverInstances.push(instance);\n } catch (error) {\n console.error('Error initializing river:', error);\n }\n });\n\n return riverInstances;\n}\n\nexport default River; "],"names":["DEFAULT_OPTIONS","center","breakout","reverse","showOverlay","River","$element","options","constructor","element","this","init","contentWidth","style","setProperty","RIVER","ATTRIBUTES","CONTENT_WIDTH","backgroundImageSrc","setupBackgroundImage","$bg","querySelector","SELECTORS","BG","document","createElement","className","replace","$bgImage","src","alt","BG_IMAGE","appendChild","$overlay","OVERLAY","firstChild","insertBefore","destroy","initializeRivers","selector","riverInstances","riverElements","querySelectorAll","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=690;export const __webpack_ids__=[690];export const __webpack_modules__={3690:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l,initializeSectionIntros:()=>c});var i=s(188);const n={alignment:"left",showOverlay:!1,size:"md",skeleton:!1};class o{selector;$element;options;constructor(e,t={}){this.selector=e||i.DJ.SELECTORS.SECTION_INTRO,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this._initialize()}_initialize(){if(this.$element&&("center"!==this.options.alignment||this.$element.classList.contains(i.DJ.CLASSES.CENTER)||this.$element.classList.add(i.DJ.CLASSES.CENTER),"sm"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.LARGE)||this.$element.classList.add(i.DJ.CLASSES.LARGE):this.$element.classList.add(i.DJ.CLASSES.SMALL),this.options.backgroundImageSrc)){let e=this.$element.querySelector(".c-sectionintro__bg");if(!e){e=document.createElement("div"),e.className="c-sectionintro__bg";const t=document.createElement("img");if(t.className="c-sectionintro__bg-image",t.src=this.options.backgroundImageSrc,t.alt="Background",e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className="c-sectionintro__overlay",e.appendChild(t)}this.$element.insertBefore(e,this.$element.firstChild)}}}destroy(){if(this.$element&&(this.$element.classList.remove(i.DJ.CLASSES.CENTER),this.$element.classList.remove(i.DJ.CLASSES.SMALL),this.$element.classList.remove(i.DJ.CLASSES.LARGE),this.options.backgroundImageSrc)){const e=this.$element.querySelector(".c-sectionintro__bg");e&&this.$element.removeChild(e)}}}function c(e=i.DJ.SELECTORS.SECTION_INTRO,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.DJ.SELECTORS.SECTION_INTRO);return n.length?(n.forEach((e=>{try{const i=new o(e,t);s.push(i)}catch(i){}})),s):s}const l=o}};
|
|
2
|
+
//# sourceMappingURL=690.a9e968c7497d61e56cdc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/690.a9e968c7497d61e56cdc.js","mappings":"6LAwBA,MAAMA,EAAuC,CAC3CC,UAAW,OACXC,aAAa,EACbC,KAAM,KACNC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QAORC,WAAAA,CAAYH,EAA4BE,EAAU,CAAC,GACjDE,KAAKJ,SAAWA,GAAYK,EAAAA,GAAcC,UAAUD,cACpDD,KAAKH,SACiB,iBAAbD,EACHO,SAASC,cAA2BR,GACpCA,EACNI,KAAKF,QAAU,IAAKR,KAAoBQ,GACxCE,KAAKK,aACP,CAKQA,WAAAA,GACN,GAAKL,KAAKH,WAGqB,WAA3BG,KAAKF,QAAQP,WAA2BS,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQC,SACjGT,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQC,QAI1B,OAAtBT,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQG,OAEzD,OAAtBX,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQI,QAC/FZ,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQI,OAFlDZ,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQG,OAMhDX,KAAKF,QAAQe,oBAAoB,CACnC,IAAIC,EAAYd,KAAKH,SAASO,cAAc,uBAG5C,IAAKU,EAAW,CACdA,EAAYX,SAASY,cAAc,OACnCD,EAAUE,UAAY,qBAEtB,MAAMC,EAAad,SAASY,cAAc,OAQ1C,GAPAE,EAAWD,UAAY,2BACvBC,EAAWC,IAAMlB,KAAKF,QAAQe,mBAC9BI,EAAWE,IAAM,aAEjBL,EAAUM,YAAYH,GAGlBjB,KAAKF,QAAQN,YAAa,CAC5B,MAAM6B,EAAiBlB,SAASY,cAAc,OAC9CM,EAAeL,UAAY,0BAC3BF,EAAUM,YAAYC,EACxB,CAGArB,KAAKH,SAASyB,aAAaR,EAAWd,KAAKH,SAAS0B,WACtD,CACF,CACF,CAKOC,OAAAA,GACL,GAAKxB,KAAKH,WAGVG,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQC,QAGrDT,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQG,OACrDX,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQI,OAGjDZ,KAAKF,QAAQe,oBAAoB,CACnC,MAAMC,EAAYd,KAAKH,SAASO,cAAc,uBAC1CU,GACFd,KAAKH,SAAS6B,YAAYZ,EAE9B,CACF,EASK,SAASa,EAAwB/B,EAAWK,EAAAA,GAAcC,UAAUD,cAAeH,EAAU,CAAC,GACnG,MAAM8B,EAAgD,GAChDC,EAAuB1B,SAAS2B,iBAAkD,iBAAblC,EAAwBA,EAAWK,EAAAA,GAAcC,UAAUD,eAEtI,OAAK4B,EAAqBE,QAE1BF,EAAqBG,SAASC,IAC5B,IACE,MAAMC,EAAW,IAAIvC,EAAasC,EAASnC,GAC3C8B,EAAsBO,KAAKD,EAC7B,CAAE,MAAOE,GAET,KAGKR,GAXkCA,CAY3C,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/SectionIntro/scripts/index.ts"],"sourcesContent":["import { SECTION_INTRO } from '../../../lib/constants/components';\n\n/**\n * Interface for SectionIntro options\n */\ninterface SectionIntroOptions {\n alignment?: 'left' | 'center' | 'right';\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n size?: 'sm' | 'md' | 'lg';\n skeleton?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for SectionIntro instance\n */\ninterface SectionIntroInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the SectionIntro component\n */\nconst DEFAULT_OPTIONS: SectionIntroOptions = {\n alignment: 'left',\n showOverlay: false,\n size: 'md',\n skeleton: false\n};\n\n/**\n * Class representing a SectionIntro component\n */\nclass SectionIntro implements SectionIntroInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: SectionIntroOptions;\n\n /**\n * Creates an instance of SectionIntro\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || SECTION_INTRO.SELECTORS.SECTION_INTRO;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as SectionIntroOptions;\n this._initialize();\n }\n\n /**\n * Initialize the section intro component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Apply alignment classes if needed\n if (this.options.alignment === 'center' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.CENTER)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.CENTER);\n }\n\n // Apply size classes if specified\n if (this.options.size === 'sm' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.SMALL)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.SMALL);\n } else if (this.options.size === 'lg' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.LARGE)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.LARGE);\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n let bgElement = this.$element.querySelector('.c-sectionintro__bg');\n \n // Create background element if it doesn't exist\n if (!bgElement) {\n bgElement = document.createElement('div');\n bgElement.className = 'c-sectionintro__bg';\n \n const imgElement = document.createElement('img');\n imgElement.className = 'c-sectionintro__bg-image';\n imgElement.src = this.options.backgroundImageSrc;\n imgElement.alt = 'Background';\n \n bgElement.appendChild(imgElement);\n \n // Add overlay if needed\n if (this.options.showOverlay) {\n const overlayElement = document.createElement('div');\n overlayElement.className = 'c-sectionintro__overlay';\n bgElement.appendChild(overlayElement);\n }\n \n // Insert at the beginning of the element\n this.$element.insertBefore(bgElement, this.$element.firstChild);\n }\n }\n }\n\n /**\n * Clean up event listeners and remove added elements\n */\n public destroy(): void {\n if (!this.$element) return;\n \n // Remove alignment classes\n this.$element.classList.remove(SECTION_INTRO.CLASSES.CENTER);\n \n // Remove size classes\n this.$element.classList.remove(SECTION_INTRO.CLASSES.SMALL);\n this.$element.classList.remove(SECTION_INTRO.CLASSES.LARGE);\n \n // Remove background if it was dynamically added\n if (this.options.backgroundImageSrc) {\n const bgElement = this.$element.querySelector('.c-sectionintro__bg');\n if (bgElement) {\n this.$element.removeChild(bgElement);\n }\n }\n }\n}\n\n/**\n * Initialize all section intros in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {SectionIntroInstance[]} Array of SectionIntro instances\n */\nexport function initializeSectionIntros(selector = SECTION_INTRO.SELECTORS.SECTION_INTRO, options = {}): SectionIntroInstance[] {\n const sectionIntroInstances: SectionIntroInstance[] = [];\n const sectionIntroElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : SECTION_INTRO.SELECTORS.SECTION_INTRO);\n\n if (!sectionIntroElements.length) return sectionIntroInstances;\n\n sectionIntroElements.forEach((element) => {\n try {\n const instance = new SectionIntro(element, options);\n sectionIntroInstances.push(instance);\n } catch (error) {\n console.error('Error initializing section intro:', error);\n }\n });\n\n return sectionIntroInstances;\n}\n\nexport default SectionIntro;\n"],"names":["DEFAULT_OPTIONS","alignment","showOverlay","size","skeleton","SectionIntro","selector","$element","options","constructor","this","SECTION_INTRO","SELECTORS","document","querySelector","_initialize","classList","contains","CLASSES","CENTER","add","SMALL","LARGE","backgroundImageSrc","bgElement","createElement","className","imgElement","src","alt","appendChild","overlayElement","insertBefore","firstChild","destroy","remove","removeChild","initializeSectionIntros","sectionIntroInstances","sectionIntroElements","querySelectorAll","length","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=894;export const __webpack_ids__=[894];export const __webpack_modules__={3894:(t,s,e)=>{e.r(s),e.d(s,{default:()=>l,initializeTestimonials:()=>c});var i=e(188);const n={size:"",skeleton:!1};class o{selector;$element;options;constructor(t,s={}){this.selector=t||i.sr.SELECTORS.TESTIMONIAL,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this._initialize()}_initialize(){this.$element&&("sm"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.LARGE)||this.$element.classList.add(i.sr.CLASSES.LARGE):this.$element.classList.add(i.sr.CLASSES.SMALL))}destroy(){}}function c(t=i.sr.SELECTORS.TESTIMONIAL,s={}){const e=[],n=document.querySelectorAll("string"==typeof t?t:i.sr.SELECTORS.TESTIMONIAL);return n.length?(n.forEach((t=>{try{const i=new o(t,s);e.push(i)}catch(i){}})),e):e}const l=o}};
|
|
2
|
+
//# sourceMappingURL=894.f1091a4a8758c26d29e4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/894.f1091a4a8758c26d29e4.js","mappings":"4LAqBA,MAAMA,EAAsC,CAC1CC,KAAM,GACNC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QAORC,WAAAA,CAAYH,EAA4BE,EAAU,CAAC,GACjDE,KAAKJ,SAAWA,GAAYK,EAAAA,GAAYC,UAAUD,YAClDD,KAAKH,SACiB,iBAAbD,EACHO,SAASC,cAA2BR,GACpCA,EACNI,KAAKF,QAAU,IAAKN,KAAoBM,GACxCE,KAAKK,aACP,CAKQA,WAAAA,GACDL,KAAKH,WAGgB,OAAtBG,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAYO,QAAQC,OAEvD,OAAtBT,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAYO,QAAQE,QAC7FV,KAAKH,SAASS,UAAUK,IAAIV,EAAAA,GAAYO,QAAQE,OAFhDV,KAAKH,SAASS,UAAUK,IAAIV,EAAAA,GAAYO,QAAQC,OAIpD,CAKOG,OAAAA,GACL,EAUG,SAASC,EAAuBjB,EAAWK,EAAAA,GAAYC,UAAUD,YAAaH,EAAU,CAAC,GAC9F,MAAMgB,EAA8C,GAC9CC,EAAsBZ,SAASa,iBAAkD,iBAAbpB,EAAwBA,EAAWK,EAAAA,GAAYC,UAAUD,aAEnI,OAAKc,EAAoBE,QAEzBF,EAAoBG,SAASC,IAC3B,IACE,MAAMC,EAAW,IAAIzB,EAAYwB,EAASrB,GAC1CgB,EAAqBO,KAAKD,EAC5B,CAAE,MAAOE,GAET,KAGKR,GAXiCA,CAY1C,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/Testimonial/scripts/index.ts"],"sourcesContent":["import { TESTIMONIAL } from '../../../lib/constants/components';\n\n/**\n * Interface for Testimonial options\n */\ninterface TestimonialOptions {\n size?: 'sm' | 'lg' | '';\n skeleton?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for Testimonial instance\n */\ninterface TestimonialInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the Testimonial component\n */\nconst DEFAULT_OPTIONS: TestimonialOptions = {\n size: '',\n skeleton: false\n};\n\n/**\n * Class representing a Testimonial component\n */\nclass Testimonial implements TestimonialInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TestimonialOptions;\n\n /**\n * Creates an instance of Testimonial\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TESTIMONIAL.SELECTORS.TESTIMONIAL;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TestimonialOptions;\n this._initialize();\n }\n\n /**\n * Initialize the testimonial component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Apply size classes if specified\n if (this.options.size === 'sm' && !this.$element.classList.contains(TESTIMONIAL.CLASSES.SMALL)) {\n this.$element.classList.add(TESTIMONIAL.CLASSES.SMALL);\n } else if (this.options.size === 'lg' && !this.$element.classList.contains(TESTIMONIAL.CLASSES.LARGE)) {\n this.$element.classList.add(TESTIMONIAL.CLASSES.LARGE);\n }\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n // No specific cleanup needed for testimonial component\n }\n}\n\n/**\n * Initialize all testimonials in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TestimonialInstance[]} Array of Testimonial instances\n */\nexport function initializeTestimonials(selector = TESTIMONIAL.SELECTORS.TESTIMONIAL, options = {}): TestimonialInstance[] {\n const testimonialInstances: TestimonialInstance[] = [];\n const testimonialElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : TESTIMONIAL.SELECTORS.TESTIMONIAL);\n\n if (!testimonialElements.length) return testimonialInstances;\n\n testimonialElements.forEach((element) => {\n try {\n const instance = new Testimonial(element, options);\n testimonialInstances.push(instance);\n } catch (error) {\n console.error('Error initializing testimonial:', error);\n }\n });\n\n return testimonialInstances;\n}\n\nexport default Testimonial; "],"names":["DEFAULT_OPTIONS","size","skeleton","Testimonial","selector","$element","options","constructor","this","TESTIMONIAL","SELECTORS","document","querySelector","_initialize","classList","contains","CLASSES","SMALL","LARGE","add","destroy","initializeTestimonials","testimonialInstances","testimonialElements","querySelectorAll","length","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const __webpack_id__=897;export const __webpack_ids__=[897];export const __webpack_modules__={897:(t,e,s)=>{s.r(e),s.d(e,{default:()=>o,initializeToggles:()=>l});var n=s(188);class i{element;isOn;constructor(t){this.element=t,this.isOn=!1,this._initialize()}_initialize(){this._bindEvents(),this.element.classList.contains(n.DR.CLASSES.IS_ON)&&(this.isOn=!0)}_bindEvents(){this.element.addEventListener("click",this._handleToggle.bind(this))}_handleToggle(){this.isOn?this.turnOff():this.turnOn()}turnOn(){this.element.classList.add(n.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}turnOff(){this.element.classList.remove(n.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}destroy(){this.element.removeEventListener("click",this._handleToggle)}}function l(){const t=[],e=document.querySelectorAll(n.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((e=>{try{const s=new i(e);t.push(s)}catch(s){}})),t):t}const o=i}};
|
|
2
|
+
//# sourceMappingURL=897.561a50f7d043d42169da.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/esm/897.561a50f7d043d42169da.js","mappings":"sLAcA,MAAMA,EACIC,QACAC,KAMRC,WAAAA,CAAYF,GACVG,KAAKH,QAAUA,EACfG,KAAKF,MAAO,EACZE,KAAKC,aACP,CAKQA,WAAAA,GACND,KAAKE,cAEDF,KAAKH,QAAQM,UAAUC,SAASC,EAAAA,GAAOC,QAAQC,SACjDP,KAAKF,MAAO,EAEhB,CAKQI,WAAAA,GACNF,KAAKH,QAAQW,iBAAiB,QAASR,KAAKS,cAAcC,KAAKV,MACjE,CAKQS,aAAAA,GACDT,KAAKF,KAGRE,KAAKW,UAFLX,KAAKY,QAIT,CAKOA,MAAAA,GACLZ,KAAKH,QAAQM,UAAUU,IAAIR,EAAAA,GAAOC,QAAQC,OAC1CP,KAAKF,MAAO,EAGZE,KAAKH,QAAQiB,cAAc,IAAIC,YAAY,YAAa,CACtDC,SAAS,IAEb,CAKOL,OAAAA,GACLX,KAAKH,QAAQM,UAAUc,OAAOZ,EAAAA,GAAOC,QAAQC,OAC7CP,KAAKF,MAAO,EAGZE,KAAKH,QAAQiB,cAAc,IAAIC,YAAY,aAAc,CACvDC,SAAS,IAEb,CAKOE,OAAAA,GACLlB,KAAKH,QAAQsB,oBAAoB,QAASnB,KAAKS,cACjD,EAOK,SAASW,IACd,MAAMC,EAAoC,GACpCC,EAAiBC,SAASC,iBAA8BnB,EAAAA,GAAOoB,UAAUpB,QAE/E,OAAKiB,EAAeI,QAEpBJ,EAAeK,SAAS9B,IACtB,IACE,MAAM+B,EAAW,IAAIhC,EAAOC,GAC5BwB,EAAgBQ,KAAKD,EACvB,CAAE,MAAOE,GAET,KAGKT,GAX4BA,CAYrC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/Toggle/scripts/index.ts"],"sourcesContent":["import { TOGGLE } from '../../../lib/constants/components';\n\n/**\n * Interface for Toggle instance\n */\ninterface ToggleInstance {\n turnOn: () => void;\n turnOff: () => void;\n destroy: () => void;\n}\n\n/**\n * Class representing a Toggle component\n */\nclass Toggle implements ToggleInstance {\n private element: HTMLElement;\n private isOn: boolean;\n\n /**\n * Creates an instance of Toggle\n * @param element - The toggle container element\n */\n constructor(element: HTMLElement) {\n this.element = element;\n this.isOn = false;\n this._initialize();\n }\n\n /**\n * Initialize the toggle component\n */\n private _initialize(): void {\n this._bindEvents();\n // Check if toggle should be initially on\n if (this.element.classList.contains(TOGGLE.CLASSES.IS_ON)) {\n this.isOn = true;\n }\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n this.element.addEventListener('click', this._handleToggle.bind(this));\n }\n\n /**\n * Handle toggle click\n */\n private _handleToggle(): void {\n if (!this.isOn) {\n this.turnOn();\n } else {\n this.turnOff();\n }\n }\n\n /**\n * Turn on the toggle\n */\n public turnOn(): void {\n this.element.classList.add(TOGGLE.CLASSES.IS_ON);\n this.isOn = true;\n \n // Dispatch custom event\n this.element.dispatchEvent(new CustomEvent('toggle:on', { \n bubbles: true \n }));\n }\n\n /**\n * Turn off the toggle\n */\n public turnOff(): void {\n this.element.classList.remove(TOGGLE.CLASSES.IS_ON);\n this.isOn = false;\n \n // Dispatch custom event\n this.element.dispatchEvent(new CustomEvent('toggle:off', { \n bubbles: true \n }));\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n this.element.removeEventListener('click', this._handleToggle);\n }\n}\n\n/**\n * Initialize all toggles in the document\n * @returns Array of toggle instances\n */\nexport function initializeToggles(): ToggleInstance[] {\n const toggleInstances: ToggleInstance[] = [];\n const toggleElements = document.querySelectorAll<HTMLElement>(TOGGLE.SELECTORS.TOGGLE);\n\n if (!toggleElements.length) return toggleInstances;\n\n toggleElements.forEach((element) => {\n try {\n const instance = new Toggle(element);\n toggleInstances.push(instance);\n } catch (error) {\n console.error('Error initializing toggle:', error);\n }\n });\n\n return toggleInstances;\n}\n\nexport default Toggle; "],"names":["Toggle","element","isOn","constructor","this","_initialize","_bindEvents","classList","contains","TOGGLE","CLASSES","IS_ON","addEventListener","_handleToggle","bind","turnOff","turnOn","add","dispatchEvent","CustomEvent","bubbles","remove","destroy","removeEventListener","initializeToggles","toggleInstances","toggleElements","document","querySelectorAll","SELECTORS","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[202],{6202:(t,e,i)=>{i.r(e),i.d(e,{default:()=>l,initializeSteps:()=>h});var s=i(188);const n={activeIndex:0,vertical:!1};class c{selector;$element;options;$items;activeIndex;constructor(t,e={}){this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function h(t=s.UT.SELECTORS.STEPS,e={}){const i=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const s=new c(t,e);i.push(s)}catch(s){}})),i):i}const l=c}}]);
|
|
2
|
+
//# sourceMappingURL=202.dac7605cc555b6bda542.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/202.dac7605cc555b6bda542.js","mappings":"gKAwBA,MAAMA,EAAgC,CACpCC,YAAa,EACbC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QACAC,OACAN,YAORO,WAAAA,CAAYJ,EAA4BE,EAAU,CAAC,GACjDG,KAAKL,SAAWA,GAAYM,EAAAA,GAAMC,UAAUD,MAC5CD,KAAKJ,SACiB,iBAAbD,EACHQ,SAASC,cAA2BT,GACpCA,EACNK,KAAKH,QAAU,IAAKN,KAAoBM,GACxCG,KAAKF,OAAS,KACdE,KAAKR,YAAcQ,KAAKH,QAAQL,aAAe,EAC/CQ,KAAKK,aACP,CAKQA,WAAAA,GACDL,KAAKJ,WAEVI,KAAKM,sBAGDN,KAAKH,QAAQJ,WAAaO,KAAKJ,SAASW,UAAUC,SAASP,EAAAA,GAAMQ,QAAQC,WAC3EV,KAAKJ,SAASW,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQC,UAG5CV,KAAKY,UAAUZ,KAAKR,aACtB,CAKQc,mBAAAA,GACDN,KAAKJ,WAEVI,KAAKF,OAASE,KAAKJ,SAASiB,iBAA8BZ,EAAAA,GAAMC,UAAUY,MAC5E,CAMOF,SAAAA,CAAUG,GACVf,KAAKF,QAAUiB,GAAQ,GAAcf,KAAKF,OAAOkB,OAArBD,IAGjCf,KAAKF,OAAOmB,SAAQ,CAACC,EAAMC,KACjBJ,EAAJI,GAEFD,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQW,QACjCF,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQY,YACxBF,IAAMJ,GAEfG,EAAKX,UAAUI,IAAIV,EAAAA,GAAMQ,QAAQW,QACjCF,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQY,aAGpCH,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQW,QACpCF,EAAKX,UAAUe,OAAOrB,EAAAA,GAAMQ,QAAQY,WACtC,IAGFrB,KAAKR,YAAcuB,EACrB,CAKOQ,IAAAA,IACmBvB,KAAKF,QAAQkB,QAAU,GAAK,EAAhDhB,KAAKR,aACPQ,KAAKY,UAAUZ,KAAKR,YAAc,EAEtC,CAKOgC,QAAAA,GACDxB,KAAKR,YAAc,GACrBQ,KAAKY,UAAUZ,KAAKR,YAAc,EAEtC,CAKOiC,OAAAA,GACL,EAUG,SAASC,EAAgB/B,EAAWM,EAAAA,GAAMC,UAAUD,MAAOJ,EAAU,CAAC,GAC3E,MAAM8B,EAAkC,GAClCC,EAAgBzB,SAASU,iBAA8BlB,GAE7D,OAAKiC,EAAcZ,QAEnBY,EAAcX,SAASY,IACrB,IACE,MAAMC,EAAW,IAAIpC,EAAMmC,EAAShC,GACpC8B,EAAeI,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKL,GAX2BA,CAYpC,CAEA,S","sources":["webpack://Atomix/./src/components/Steps/scripts/index.ts"],"sourcesContent":["import { STEPS } from '../../../lib/constants/components';\n\n/**\n * Interface for Steps options\n */\ninterface StepsOptions {\n activeIndex?: number;\n vertical?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for Steps instance\n */\ninterface StepsInstance {\n setActive: (index: number) => void;\n next: () => void;\n previous: () => void;\n destroy: () => void;\n}\n\n/**\n * Default options for the Steps component\n */\nconst DEFAULT_OPTIONS: StepsOptions = {\n activeIndex: 0,\n vertical: false\n};\n\n/**\n * Class representing a Steps component\n */\nclass Steps implements StepsInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: StepsOptions;\n private $items: NodeListOf<HTMLElement> | null;\n private activeIndex: number;\n\n /**\n * Creates an instance of Steps\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || STEPS.SELECTORS.STEPS;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as StepsOptions;\n this.$items = null;\n this.activeIndex = this.options.activeIndex || 0;\n this._initialize();\n }\n\n /**\n * Initialize the steps component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n \n // Set vertical mode if specified\n if (this.options.vertical && !this.$element.classList.contains(STEPS.CLASSES.VERTICAL)) {\n this.$element.classList.add(STEPS.CLASSES.VERTICAL);\n }\n \n this.setActive(this.activeIndex);\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$items = this.$element.querySelectorAll<HTMLElement>(STEPS.SELECTORS.ITEM);\n }\n\n /**\n * Sets the active step\n * @param index - The index of the step to make active\n */\n public setActive(index: number): void {\n if (!this.$items || index < 0 || index >= this.$items.length) return;\n \n // Update all items\n this.$items.forEach((item, i) => {\n if (i < index) {\n // Steps before active are completed\n item.classList.add(STEPS.CLASSES.ACTIVE);\n item.classList.add(STEPS.CLASSES.COMPLETED);\n } else if (i === index) {\n // Current step is active but not completed\n item.classList.add(STEPS.CLASSES.ACTIVE);\n item.classList.remove(STEPS.CLASSES.COMPLETED);\n } else {\n // Future steps are neither active nor completed\n item.classList.remove(STEPS.CLASSES.ACTIVE);\n item.classList.remove(STEPS.CLASSES.COMPLETED);\n }\n });\n \n this.activeIndex = index;\n }\n\n /**\n * Moves to the next step\n */\n public next(): void {\n if (this.activeIndex < (this.$items?.length || 0) - 1) {\n this.setActive(this.activeIndex + 1);\n }\n }\n\n /**\n * Moves to the previous step\n */\n public previous(): void {\n if (this.activeIndex > 0) {\n this.setActive(this.activeIndex - 1);\n }\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n // No specific cleanup needed for steps component\n }\n}\n\n/**\n * Initialize all steps in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {StepsInstance[]} Array of Steps instances\n */\nexport function initializeSteps(selector = STEPS.SELECTORS.STEPS, options = {}): StepsInstance[] {\n const stepsInstances: StepsInstance[] = [];\n const stepsElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!stepsElements.length) return stepsInstances;\n\n stepsElements.forEach((element) => {\n try {\n const instance = new Steps(element, options);\n stepsInstances.push(instance);\n } catch (error) {\n console.error('Error initializing steps:', error);\n }\n });\n\n return stepsInstances;\n}\n\nexport default Steps; "],"names":["DEFAULT_OPTIONS","activeIndex","vertical","Steps","selector","$element","options","$items","constructor","this","STEPS","SELECTORS","document","querySelector","_initialize","_initializeElements","classList","contains","CLASSES","VERTICAL","add","setActive","querySelectorAll","ITEM","index","length","forEach","item","i","ACTIVE","COMPLETED","remove","next","previous","destroy","initializeSteps","stepsInstances","stepsElements","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[308],{3308:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r,initializeUploads:()=>o});var i=s(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{selector;$element;$input;$button;$loader;$loaderTitle;$loaderProgress;$loaderClose;options;currentFile;dragCounter;constructor(e,t={}){this.selector=e||i.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(i.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(i.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(i.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(i.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(i.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(i.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(i.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(i.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){return e.size>1024*(this.options.maxSizeInMB||5)*1024?(this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1):!(this.options.acceptedFileTypes?.length&&!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const s=t.split("/")[0];return e.type.startsWith(s+"/")}return e.type===t})))||(this.setStatus("error","File type not supported."),!1)}_simulateUpload(e){this.setStatus("loading");let t=0;const s=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(s),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(i.oH.ATTRIBUTES.PERCENTAGE,""+e);const s=this.$element.querySelector(i.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(i.oH.SELECTORS.LOADER_TIME);s&&(s.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(i.oH.CLASSES.LOADING,i.oH.CLASSES.SUCCESS,i.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(i.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(i.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(i.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(i.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(i.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(e=i.oH.SELECTORS.UPLOAD,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const i=new l(e,t);s.push(i)}catch(i){}})),s):s}const r=l}}]);
|
|
2
|
+
//# sourceMappingURL=308.6709979849dcbdb90c9b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/308.6709979849dcbdb90c9b.js","mappings":"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","sources":["webpack://Atomix/./src/components/Upload/scripts/index.ts"],"sourcesContent":["import { UPLOAD } from '../../../lib/constants/components';\n\n/**\n * Interface for Upload options\n */\ninterface UploadOptions {\n disabled?: boolean;\n maxSizeInMB?: number;\n acceptedFileTypes?: string[];\n multiple?: boolean;\n onFileSelect?: (files: File[]) => void;\n onFileUpload?: (file: File, progress: number) => void;\n onFileUploadComplete?: (file: File) => void;\n onFileUploadError?: (file: File, error: string) => void;\n [key: string]: any;\n}\n\n/**\n * Interface for Upload instance\n */\ninterface UploadInstance {\n setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;\n setProgress: (percentage: number, timeLeft?: string) => void;\n setFile: (file: File | null) => void;\n disable: () => void;\n enable: () => void;\n destroy: () => void;\n}\n\n/**\n * Default options for the Upload component\n */\nconst DEFAULT_OPTIONS: UploadOptions = {\n disabled: false,\n maxSizeInMB: 5,\n acceptedFileTypes: ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],\n multiple: false\n};\n\n/**\n * Class representing an Upload component\n */\nclass Upload implements UploadInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private $input: HTMLInputElement | null;\n private $button: HTMLButtonElement | null;\n private $loader: HTMLElement | null;\n private $loaderTitle: HTMLElement | null;\n private $loaderProgress: HTMLElement | null;\n private $loaderClose: HTMLButtonElement | null;\n private options: UploadOptions;\n private currentFile: File | null;\n private dragCounter: number;\n\n /**\n * Creates an instance of Upload\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || UPLOAD.SELECTORS.UPLOAD;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as UploadOptions;\n this.$input = null;\n this.$button = null;\n this.$loader = null;\n this.$loaderTitle = null;\n this.$loaderProgress = null;\n this.$loaderClose = null;\n this.currentFile = null;\n this.dragCounter = 0;\n this._initialize();\n }\n\n /**\n * Initialize the upload component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Create a hidden file input element\n this._createHiddenInput();\n\n // Get references to elements\n this.$button = this.$element.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.BUTTON);\n this.$loader = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER);\n this.$loaderTitle = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TITLE);\n this.$loaderProgress = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PROGRESS);\n this.$loaderClose = this.$element?.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.LOADER_CLOSE);\n\n // Apply disabled state if specified\n if (this.options.disabled) {\n this.disable();\n }\n\n // Set up event listeners\n this._setupEventListeners();\n }\n\n /**\n * Creates a hidden file input element and appends it to the element\n */\n private _createHiddenInput(): void {\n if (!this.$element) return;\n\n // Create input element\n const input = document.createElement('input');\n input.type = 'file';\n input.style.display = 'none';\n input.accept = this.options.acceptedFileTypes?.join(',') || '';\n input.multiple = !!this.options.multiple;\n \n // Append to element\n this.$element.appendChild(input);\n this.$input = input;\n }\n\n /**\n * Set up all event listeners\n */\n private _setupEventListeners(): void {\n if (!this.$element || !this.$input || !this.$button) return;\n\n // Button click handler\n this.$button.addEventListener('click', this._handleButtonClick.bind(this));\n\n // Input change handler\n this.$input.addEventListener('change', this._handleFileSelect.bind(this));\n\n // Drag and drop handlers\n this.$element.addEventListener('dragenter', this._handleDragEnter.bind(this));\n this.$element.addEventListener('dragleave', this._handleDragLeave.bind(this));\n this.$element.addEventListener('dragover', this._handleDragOver.bind(this));\n this.$element.addEventListener('drop', this._handleDrop.bind(this));\n\n // Close button handler\n if (this.$loaderClose) {\n this.$loaderClose.addEventListener('click', this._handleClose.bind(this));\n }\n }\n\n /**\n * Handle button click\n */\n private _handleButtonClick(event: MouseEvent): void {\n event.preventDefault();\n if (this.$input && !this.options.disabled) {\n this.$input.click();\n }\n }\n\n /**\n * Handle file selection from the input element\n */\n private _handleFileSelect(event: Event): void {\n if (!this.$input?.files?.length) return;\n \n const files = Array.from(this.$input.files);\n this._processFiles(files);\n }\n\n /**\n * Handle drag enter event\n */\n private _handleDragEnter(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter++;\n if (this.dragCounter === 1) {\n this.$element?.classList.add(UPLOAD.CLASSES.DRAGGING);\n }\n }\n\n /**\n * Handle drag leave event\n */\n private _handleDragLeave(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter--;\n if (this.dragCounter === 0) {\n this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n }\n }\n\n /**\n * Handle drag over event\n */\n private _handleDragOver(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n }\n\n /**\n * Handle drop event\n */\n private _handleDrop(event: DragEvent): void {\n event.preventDefault();\n if (this.options.disabled) return;\n \n this.dragCounter = 0;\n this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n \n if (!event.dataTransfer?.files.length) return;\n \n const files = Array.from(event.dataTransfer.files);\n this._processFiles(files);\n }\n\n /**\n * Handle close button click\n */\n private _handleClose(event: MouseEvent): void {\n event.preventDefault();\n \n // Reset state\n this.setStatus('idle');\n this.setFile(null);\n \n // Reset input\n if (this.$input) {\n this.$input.value = '';\n }\n }\n\n /**\n * Process the selected files\n */\n private _processFiles(files: File[]): void {\n if (!files.length) return;\n \n // If multiple is not allowed, take only the first file\n const filesToProcess = this.options.multiple ? files : [files[0]];\n \n // Validate files\n const validFiles = filesToProcess.filter(file => this._validateFile(file));\n \n // Notify about file selection\n if (validFiles.length && this.options.onFileSelect) {\n this.options.onFileSelect(validFiles);\n }\n \n // Process the first valid file\n if (validFiles.length) {\n this.setFile(validFiles[0]);\n this._simulateUpload(validFiles[0]);\n }\n }\n\n /**\n * Validate a file based on size and type\n */\n private _validateFile(file: File): boolean {\n const maxSizeInBytes = (this.options.maxSizeInMB || 5) * 1024 * 1024;\n \n // Check file size\n if (file.size > maxSizeInBytes) {\n this.setStatus('error', `File too large. Maximum size is ${this.options.maxSizeInMB}MB.`);\n return false;\n }\n \n // Check file type if acceptedFileTypes is provided\n if (this.options.acceptedFileTypes?.length) {\n const isAcceptedType = this.options.acceptedFileTypes.some(type => {\n // Handle wildcards like image/*\n if (type.endsWith('/*')) {\n const mainType = type.split('/')[0];\n return file.type.startsWith(`${mainType}/`);\n }\n return file.type === type;\n });\n \n if (!isAcceptedType) {\n this.setStatus('error', 'File type not supported.');\n return false;\n }\n }\n \n return true;\n }\n\n /**\n * Simulate a file upload process\n * In a real implementation, this would be replaced with actual upload logic\n */\n private _simulateUpload(file: File): void {\n this.setStatus('loading');\n let progress = 0;\n \n const interval = setInterval(() => {\n progress += 5;\n \n if (progress < 100) {\n this.setProgress(progress, `${Math.ceil((100 - progress) / 5)} seconds left`);\n \n if (this.options.onFileUpload) {\n this.options.onFileUpload(file, progress);\n }\n } else {\n clearInterval(interval);\n this.setStatus('success', 'Upload successful');\n \n if (this.options.onFileUploadComplete) {\n this.options.onFileUploadComplete(file);\n }\n }\n }, 500);\n }\n\n /**\n * Set current file\n */\n public setFile(file: File | null): void {\n this.currentFile = file;\n \n if (file && this.$loaderTitle) {\n this.$loaderTitle.textContent = file.name;\n }\n }\n\n /**\n * Set upload progress\n */\n public setProgress(percentage: number, timeLeft?: string): void {\n if (!this.$element || !this.$loaderProgress) return;\n \n // Set percentage as CSS variable\n this.$element.style.setProperty(UPLOAD.ATTRIBUTES.PERCENTAGE, percentage.toString());\n \n // Update the loader elements if they exist\n const $par = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PAR);\n const $time = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TIME);\n \n if ($par) {\n $par.textContent = `${percentage}%`;\n }\n \n if ($time && timeLeft) {\n $time.textContent = timeLeft;\n }\n }\n\n /**\n * Set upload status\n */\n public setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void {\n if (!this.$element) return;\n \n // Remove all status classes\n this.$element.classList.remove(\n UPLOAD.CLASSES.LOADING,\n UPLOAD.CLASSES.SUCCESS,\n UPLOAD.CLASSES.ERROR\n );\n \n // Add appropriate class based on status\n switch (status) {\n case 'loading':\n this.$element.classList.add(UPLOAD.CLASSES.LOADING);\n break;\n case 'success':\n this.$element.classList.add(UPLOAD.CLASSES.SUCCESS);\n break;\n case 'error':\n this.$element.classList.add(UPLOAD.CLASSES.ERROR);\n break;\n }\n \n // Update message if provided and loader exists\n if (message && this.$loaderProgress) {\n this.$loaderProgress.textContent = message;\n }\n }\n\n /**\n * Disable the upload component\n */\n public disable(): void {\n if (!this.$element || !this.$button) return;\n \n this.$element.classList.add(UPLOAD.CLASSES.DISABLED);\n this.$button.disabled = true;\n this.options.disabled = true;\n }\n\n /**\n * Enable the upload component\n */\n public enable(): void {\n if (!this.$element || !this.$button) return;\n \n this.$element.classList.remove(UPLOAD.CLASSES.DISABLED);\n this.$button.disabled = false;\n this.options.disabled = false;\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$input || !this.$button) return;\n \n // Remove event listeners\n this.$button.removeEventListener('click', this._handleButtonClick.bind(this));\n this.$input.removeEventListener('change', this._handleFileSelect.bind(this));\n this.$element.removeEventListener('dragenter', this._handleDragEnter.bind(this));\n this.$element.removeEventListener('dragleave', this._handleDragLeave.bind(this));\n this.$element.removeEventListener('dragover', this._handleDragOver.bind(this));\n this.$element.removeEventListener('drop', this._handleDrop.bind(this));\n \n if (this.$loaderClose) {\n this.$loaderClose.removeEventListener('click', this._handleClose.bind(this));\n }\n \n // Remove input element\n if (this.$input.parentNode) {\n this.$input.parentNode.removeChild(this.$input);\n }\n }\n}\n\n/**\n * Initialize all upload components in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {UploadInstance[]} Array of Upload instances\n */\nexport function initializeUploads(selector = UPLOAD.SELECTORS.UPLOAD, options = {}): UploadInstance[] {\n const uploadInstances: UploadInstance[] = [];\n const uploadElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : UPLOAD.SELECTORS.UPLOAD);\n\n if (!uploadElements.length) return uploadInstances;\n\n uploadElements.forEach((element) => {\n try {\n const instance = new Upload(element, options);\n uploadInstances.push(instance);\n } catch (error) {\n console.error('Error initializing upload:', error);\n }\n });\n\n return uploadInstances;\n}\n\nexport default Upload; "],"names":["DEFAULT_OPTIONS","disabled","maxSizeInMB","acceptedFileTypes","multiple","Upload","selector","$element","$input","$button","$loader","$loaderTitle","$loaderProgress","$loaderClose","options","currentFile","dragCounter","constructor","this","UPLOAD","SELECTORS","document","querySelector","_initialize","_createHiddenInput","BUTTON","LOADER","LOADER_TITLE","LOADER_PROGRESS","LOADER_CLOSE","disable","_setupEventListeners","input","createElement","type","style","display","accept","join","appendChild","addEventListener","_handleButtonClick","bind","_handleFileSelect","_handleDragEnter","_handleDragLeave","_handleDragOver","_handleDrop","_handleClose","event","preventDefault","click","files","length","Array","from","_processFiles","classList","add","CLASSES","DRAGGING","remove","dataTransfer","setStatus","setFile","value","validFiles","filter","file","_validateFile","onFileSelect","_simulateUpload","size","some","endsWith","mainType","split","startsWith","progress","interval","setInterval","setProgress","Math","ceil","onFileUpload","clearInterval","onFileUploadComplete","textContent","name","percentage","timeLeft","setProperty","ATTRIBUTES","PERCENTAGE","$par","LOADER_PAR","$time","LOADER_TIME","status","message","LOADING","SUCCESS","ERROR","DISABLED","enable","destroy","removeEventListener","parentNode","removeChild","initializeUploads","uploadInstances","uploadElements","querySelectorAll","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[54],{5054:(t,s,e)=>{e.r(s),e.d(s,{default:()=>o,initializeTabs:()=>l});var i=e(188);const n={navItems:i.wn.SELECTORS.NAV_ITEMS,navBtn:i.wn.SELECTORS.NAV_BTN,panels:i.wn.SELECTORS.PANELS,panelBodys:i.wn.SELECTORS.PANEL_BODIES,activeClass:i.wn.CLASSES.ACTIVE,activeIndex:i.wn.DEFAULTS.ACTIVE_INDEX};class a{selector;$element;options;$navItems;$panels;$panelBodys;constructor(t,s={}){this.selector=t||i.wn.SELECTORS.TAB,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}_initializeElements(){this.$element&&(this.$navItems=this.$element.querySelectorAll(this.options.navItems),this.$panels=this.$element.querySelectorAll(this.options.panels),this.$panelBodys=this.$element.querySelectorAll(this.options.panelBodys))}_bindEvents(){this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.addEventListener("click",(()=>this._handleTabClick(s)))}))}_handleTabClick(t){const s=t.dataset.tabindex;void 0!==s&&(this._hideAllTabs(),this._showTab(s))}_hideAllTabs(){this.$panels&&this.$navItems&&(this.$panels.forEach((t=>{t.style.height="0px",t.classList.remove(this.options.activeClass),t.style.opacity="0"})),this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.classList.remove(this.options.activeClass)})))}_showTab(t){this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach(((s,e)=>{if(s.dataset.tabindex==""+t){const t=this.$panelBodys?.[e];t&&(s.classList.add(this.options.activeClass),requestAnimationFrame((()=>{s.style.height=t.clientHeight+"px",s.style.opacity="1"})))}})),this.$navItems.forEach(((s,e)=>{const i=s.querySelector(this.options.navBtn);i&&i.dataset.tabindex==""+t&&i.classList.add(this.options.activeClass)})))}destroy(){this.$element&&this.$navItems&&this.$navItems.forEach((t=>{const s=t.querySelector(this.options.navBtn);s&&s.removeEventListener("click",(()=>this._handleTabClick(s)))}))}}function l(t=i.wn.SELECTORS.TAB,s={}){const e=[],n=document.querySelectorAll(t);return n.length?(n.forEach((t=>{try{const i=new a(t,s);e.push(i)}catch(i){}})),e):e}const o=a}}]);
|
|
2
|
+
//# sourceMappingURL=54.403470e1f7d0ef4424a7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/54.403470e1f7d0ef4424a7.js","mappings":"8JAyBA,MAAMA,EAAkB,CACtBC,SAAUC,EAAAA,GAAIC,UAAUC,UACxBC,OAAQH,EAAAA,GAAIC,UAAUG,QACtBC,OAAQL,EAAAA,GAAIC,UAAUK,OACtBC,WAAYP,EAAAA,GAAIC,UAAUO,aAC1BC,YAAaT,EAAAA,GAAIU,QAAQC,OACzBC,YAAaZ,EAAAA,GAAIa,SAASC,cAM5B,MAAMC,EACIC,SACAC,SACAC,QACAC,UACAC,QACAC,YAORC,WAAAA,CAAYN,EAA4BE,EAAU,CAAC,GACjDK,KAAKP,SAAWA,GAAYhB,EAAAA,GAAIC,UAAUD,IAC1CuB,KAAKN,SACiB,iBAAbD,EACHQ,SAASC,cAA2BT,GACpCA,EACNO,KAAKL,QAAU,IAAKpB,KAAoBoB,GACxCK,KAAKJ,UAAY,KACjBI,KAAKH,QAAU,KACfG,KAAKF,YAAc,KACnBE,KAAKG,aACP,CAKQA,WAAAA,GACDH,KAAKN,WAEVM,KAAKI,sBACLJ,KAAKK,SAASL,KAAKL,QAAQN,aAC3BW,KAAKM,cACP,CAKQF,mBAAAA,GACDJ,KAAKN,WAEVM,KAAKJ,UAAYI,KAAKN,SAASa,iBAA8BP,KAAKL,QAAQnB,UAC1EwB,KAAKH,QAAUG,KAAKN,SAASa,iBAA8BP,KAAKL,QAAQb,QACxEkB,KAAKF,YAAcE,KAAKN,SAASa,iBAA8BP,KAAKL,QAAQX,YAC9E,CAKQsB,WAAAA,GACDN,KAAKJ,WAEVI,KAAKJ,UAAUY,SAASC,IACtB,MAAMC,EAAMD,EAAKP,cAA2BF,KAAKL,QAAQf,QACrD8B,GACFA,EAAIC,iBAAiB,SAAS,IAAMX,KAAKY,gBAAgBF,IAC3D,GAEJ,CAMQE,eAAAA,CAAgBF,GACtB,MAAMG,EAAWH,EAAII,QAAQC,cACZC,IAAbH,IAEJb,KAAKiB,eACLjB,KAAKK,SAASQ,GAChB,CAKQI,YAAAA,GACDjB,KAAKH,SAAYG,KAAKJ,YAE3BI,KAAKH,QAAQW,SAASU,IACpBA,EAAMC,MAAMC,OAAS,MACrBF,EAAMG,UAAUC,OAAOtB,KAAKL,QAAQT,aACpCgC,EAAMC,MAAMI,QAAU,GAAG,IAG3BvB,KAAKJ,UAAUY,SAASC,IACtB,MAAMC,EAAMD,EAAKP,cAA2BF,KAAKL,QAAQf,QACrD8B,GACFA,EAAIW,UAAUC,OAAOtB,KAAKL,QAAQT,YACpC,IAEJ,CAMQmB,QAAAA,CAASmB,GACVxB,KAAKH,SAAYG,KAAKJ,WAAcI,KAAKF,cAE9CE,KAAKH,QAAQW,SAAQ,CAACU,EAAOO,KAC3B,GAAIP,EAAMJ,QAAQC,UAAYS,KAAkB,CAC9C,MAAME,EAAY1B,KAAKF,cAAc2B,GACjCC,IACFR,EAAMG,UAAUM,IAAI3B,KAAKL,QAAQT,aACjC0C,uBAAsB,KACpBV,EAAMC,MAAMC,OAAYM,EAAUG,aAAb,KACrBX,EAAMC,MAAMI,QAAU,GAAG,IAG/B,KAGFvB,KAAKJ,UAAUY,SAAQ,CAACsB,EAASC,KAC/B,MAAMrB,EAAMoB,EAAQ5B,cAA2BF,KAAKL,QAAQf,QACxD8B,GAAOA,EAAII,QAAQC,UAAYS,MACjCd,EAAIW,UAAUM,IAAI3B,KAAKL,QAAQT,YACjC,IAEJ,CAKO8C,OAAAA,GACAhC,KAAKN,UAAaM,KAAKJ,WAE5BI,KAAKJ,UAAUY,SAASC,IACtB,MAAMC,EAAMD,EAAKP,cAA2BF,KAAKL,QAAQf,QACrD8B,GAEFA,EAAIuB,oBAAoB,SAAS,IAAMjC,KAAKY,gBAAgBF,IAC9D,GAEJ,EASK,SAASwB,EAAezC,EAAWhB,EAAAA,GAAIC,UAAUD,IAAKkB,EAAU,CAAC,GACtE,MAAMwC,EAA8B,GAC9BC,EAAcnC,SAASM,iBAA8Bd,GAE3D,OAAK2C,EAAYC,QAEjBD,EAAY5B,SAAS8B,IACnB,IACE,MAAMC,EAAW,IAAI/C,EAAI8C,EAAS3C,GAClCwC,EAAaK,KAAKD,EACpB,CAAE,MAAOE,GAET,KAGKN,GAXyBA,CAYlC,CAEA,S","sources":["webpack://Atomix/./src/components/Tab/scripts/index.ts"],"sourcesContent":["import { TAB } from '../../../lib/constants/components';\n\n/**\n * Interface for Tab options\n */\ninterface TabOptions {\n navItems: string;\n navBtn: string;\n panels: string;\n panelBodys: string;\n activeClass: string;\n activeIndex: number;\n [key: string]: any;\n}\n\n/**\n * Interface for Tab instance\n */\ninterface TabInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the tab component\n */\nconst DEFAULT_OPTIONS = {\n navItems: TAB.SELECTORS.NAV_ITEMS,\n navBtn: TAB.SELECTORS.NAV_BTN,\n panels: TAB.SELECTORS.PANELS,\n panelBodys: TAB.SELECTORS.PANEL_BODIES,\n activeClass: TAB.CLASSES.ACTIVE,\n activeIndex: TAB.DEFAULTS.ACTIVE_INDEX\n};\n\n/**\n * Class representing a Tab component\n */\nclass Tab implements TabInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TabOptions;\n private $navItems: NodeListOf<HTMLElement> | null;\n private $panels: NodeListOf<HTMLElement> | null;\n private $panelBodys: NodeListOf<HTMLElement> | null;\n\n /**\n * Creates an instance of Tab\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TAB.SELECTORS.TAB;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TabOptions;\n this.$navItems = null;\n this.$panels = null;\n this.$panelBodys = null;\n this._initialize();\n }\n\n /**\n * Initialize the tab component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n this._showTab(this.options.activeIndex);\n this._bindEvents();\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$navItems = this.$element.querySelectorAll<HTMLElement>(this.options.navItems);\n this.$panels = this.$element.querySelectorAll<HTMLElement>(this.options.panels);\n this.$panelBodys = this.$element.querySelectorAll<HTMLElement>(this.options.panelBodys);\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.$navItems) return;\n \n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.addEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n\n /**\n * Handle tab click event\n * @param btn - The clicked tab button\n */\n private _handleTabClick(btn: HTMLElement): void {\n const tabIndex = btn.dataset.tabindex;\n if (tabIndex === undefined) return;\n \n this._hideAllTabs();\n this._showTab(tabIndex);\n }\n\n /**\n * Hide all tabs\n */\n private _hideAllTabs(): void {\n if (!this.$panels || !this.$navItems) return;\n \n this.$panels.forEach((panel) => {\n panel.style.height = '0px';\n panel.classList.remove(this.options.activeClass);\n panel.style.opacity = '0';\n });\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.classList.remove(this.options.activeClass);\n }\n });\n }\n\n /**\n * Show tab at specified index\n * @param index - The index of tab to show\n */\n private _showTab(index: number | string): void {\n if (!this.$panels || !this.$navItems || !this.$panelBodys) return;\n \n this.$panels.forEach((panel, pIndex) => {\n if (panel.dataset.tabindex == index.toString()) {\n const panelBody = this.$panelBodys?.[pIndex];\n if (panelBody) {\n panel.classList.add(this.options.activeClass);\n requestAnimationFrame(() => {\n panel.style.height = `${panelBody.clientHeight}px`;\n panel.style.opacity = '1';\n });\n }\n }\n });\n\n this.$navItems.forEach((navItem, nIndex) => {\n const btn = navItem.querySelector<HTMLElement>(this.options.navBtn);\n if (btn && btn.dataset.tabindex == index.toString()) {\n btn.classList.add(this.options.activeClass);\n }\n });\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$navItems) return;\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n // Need to recreate the bound function to remove it correctly\n btn.removeEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n}\n\n/**\n * Initialize all tabs in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TabInstance[]} Array of Tab instances\n */\nexport function initializeTabs(selector = TAB.SELECTORS.TAB, options = {}): TabInstance[] {\n const tabInstances: TabInstance[] = [];\n const tabElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!tabElements.length) return tabInstances;\n\n tabElements.forEach((element) => {\n try {\n const instance = new Tab(element, options);\n tabInstances.push(instance);\n } catch (error) {\n console.error('Error initializing tab:', error);\n }\n });\n\n return tabInstances;\n}\n\nexport default Tab; "],"names":["DEFAULT_OPTIONS","navItems","TAB","SELECTORS","NAV_ITEMS","navBtn","NAV_BTN","panels","PANELS","panelBodys","PANEL_BODIES","activeClass","CLASSES","ACTIVE","activeIndex","DEFAULTS","ACTIVE_INDEX","Tab","selector","$element","options","$navItems","$panels","$panelBodys","constructor","this","document","querySelector","_initialize","_initializeElements","_showTab","_bindEvents","querySelectorAll","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","undefined","_hideAllTabs","panel","style","height","classList","remove","opacity","index","pIndex","panelBody","add","requestAnimationFrame","clientHeight","navItem","nIndex","destroy","removeEventListener","initializeTabs","tabInstances","tabElements","length","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[619],{5619:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c,initializeRivers:()=>r});var n=s(188);const i={center:!1,breakout:!1,reverse:!1,showOverlay:!0};class o{$element;options;constructor(e,t={}){this.$element=e,this.options={...i,...t},this.init()}init(){this.options.contentWidth&&this.$element.style.setProperty(n.zN.ATTRIBUTES.CONTENT_WIDTH,this.options.contentWidth),this.options.backgroundImageSrc&&this.setupBackgroundImage()}setupBackgroundImage(){if(!this.$element||!this.options.backgroundImageSrc)return;let e=this.$element.querySelector(n.zN.SELECTORS.BG);if(!e){e=document.createElement("div"),e.className=n.zN.SELECTORS.BG.replace(".","");const t=document.createElement("img");if(t.src=this.options.backgroundImageSrc,t.alt="Background",t.className=n.zN.SELECTORS.BG_IMAGE.replace(".",""),e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className=n.zN.SELECTORS.OVERLAY.replace(".",""),e.appendChild(t)}this.$element.firstChild?this.$element.insertBefore(e,this.$element.firstChild):this.$element.appendChild(e)}}destroy(){}}function r(e=n.zN.SELECTORS.RIVER,t={}){const s=[],i=document.querySelectorAll("string"==typeof e?e:n.zN.SELECTORS.RIVER);return i.length?(i.forEach((e=>{try{const n=new o(e,t);s.push(n)}catch(n){}})),s):s}const c=o}}]);
|
|
2
|
+
//# sourceMappingURL=619.fa05ea98c10270eb64c5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/619.fa05ea98c10270eb64c5.js","mappings":"iKA0BA,MAAMA,EAAgC,CACpCC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,aAAa,GAMf,MAAMC,EACIC,SACAC,QAORC,WAAAA,CAAYC,EAAsBF,EAAU,CAAC,GAC3CG,KAAKJ,SAAWG,EAChBC,KAAKH,QAAU,IAAKP,KAAoBO,GACxCG,KAAKC,MACP,CAKAA,IAAAA,GACMD,KAAKH,QAAQK,cACfF,KAAKJ,SAASO,MAAMC,YAClBC,EAAAA,GAAMC,WAAWC,cACjBP,KAAKH,QAAQK,cAKbF,KAAKH,QAAQW,oBACfR,KAAKS,sBAET,CAKQA,oBAAAA,GACN,IAAKT,KAAKJ,WAAaI,KAAKH,QAAQW,mBAAoB,OAGxD,IAAIE,EAAMV,KAAKJ,SAASe,cAAcN,EAAAA,GAAMO,UAAUC,IAEtD,IAAKH,EAAK,CAERA,EAAMI,SAASC,cAAc,OAC7BL,EAAIM,UAAYX,EAAAA,GAAMO,UAAUC,GAAGI,QAAQ,IAAK,IAGhD,MAAMC,EAAWJ,SAASC,cAAc,OAOxC,GANAG,EAASC,IAAMnB,KAAKH,QAAQW,mBAC5BU,EAASE,IAAM,aACfF,EAASF,UAAYX,EAAAA,GAAMO,UAAUS,SAASJ,QAAQ,IAAK,IAC3DP,EAAIY,YAAYJ,GAGZlB,KAAKH,QAAQH,YAAa,CAC5B,MAAM6B,EAAWT,SAASC,cAAc,OACxCQ,EAASP,UAAYX,EAAAA,GAAMO,UAAUY,QAAQP,QAAQ,IAAK,IAC1DP,EAAIY,YAAYC,EAClB,CAGIvB,KAAKJ,SAAS6B,WAChBzB,KAAKJ,SAAS8B,aAAahB,EAAKV,KAAKJ,SAAS6B,YAE9CzB,KAAKJ,SAAS0B,YAAYZ,EAE9B,CACF,CAKAiB,OAAAA,GACE,EAUG,SAASC,EAAiBC,EAAWxB,EAAAA,GAAMO,UAAUP,MAAOR,EAAU,CAAC,GAC5E,MAAMiC,EAAkC,GAClCC,EAAgBjB,SAASkB,iBAAkD,iBAAbH,EAAwBA,EAAWxB,EAAAA,GAAMO,UAAUP,OAEvH,OAAK0B,EAAcE,QAEnBF,EAAcG,SAASnC,IACrB,IACE,MAAMoC,EAAW,IAAIxC,EAAMI,EAASF,GACpCiC,EAAeM,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKP,GAX2BA,CAYpC,CAEA,S","sources":["webpack://Atomix/./src/components/River/scripts/index.ts"],"sourcesContent":["import { RIVER } from '../../../lib/constants/components';\n\n/**\n * Interface for River options\n */\ninterface RiverOptions {\n center?: boolean;\n breakout?: boolean;\n reverse?: boolean;\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n contentWidth?: string;\n [key: string]: any;\n}\n\n/**\n * Interface for River instance\n */\ninterface RiverInstance {\n init(): void;\n destroy(): void;\n}\n\n/**\n * Default options for the River component\n */\nconst DEFAULT_OPTIONS: RiverOptions = {\n center: false,\n breakout: false,\n reverse: false,\n showOverlay: true\n};\n\n/**\n * Class representing a River component\n */\nclass River implements RiverInstance {\n private $element: HTMLElement;\n private options: RiverOptions;\n\n /**\n * Creates an instance of River\n * @param element - The river element\n * @param options - Custom options to override defaults\n */\n constructor(element: HTMLElement, options = {}) {\n this.$element = element;\n this.options = { ...DEFAULT_OPTIONS, ...options };\n this.init();\n }\n\n /**\n * Initialize the river component\n */\n init(): void {\n if (this.options.contentWidth) {\n this.$element.style.setProperty(\n RIVER.ATTRIBUTES.CONTENT_WIDTH,\n this.options.contentWidth\n );\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n this.setupBackgroundImage();\n }\n }\n\n /**\n * Setup background image\n */\n private setupBackgroundImage(): void {\n if (!this.$element || !this.options.backgroundImageSrc) return;\n\n // Check if background already exists\n let $bg = this.$element.querySelector(RIVER.SELECTORS.BG);\n \n if (!$bg) {\n // Create background container\n $bg = document.createElement('div');\n $bg.className = RIVER.SELECTORS.BG.replace('.', '');\n \n // Create background image\n const $bgImage = document.createElement('img');\n $bgImage.src = this.options.backgroundImageSrc;\n $bgImage.alt = 'Background';\n $bgImage.className = RIVER.SELECTORS.BG_IMAGE.replace('.', '');\n $bg.appendChild($bgImage);\n \n // Create overlay if needed\n if (this.options.showOverlay) {\n const $overlay = document.createElement('div');\n $overlay.className = RIVER.SELECTORS.OVERLAY.replace('.', '');\n $bg.appendChild($overlay);\n }\n \n // Add background to the element (as first child)\n if (this.$element.firstChild) {\n this.$element.insertBefore($bg, this.$element.firstChild);\n } else {\n this.$element.appendChild($bg);\n }\n }\n }\n\n /**\n * Clean up component\n */\n destroy(): void {\n // Remove any event listeners or cleanup here\n }\n}\n\n/**\n * Initialize all river components in the document\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n * @returns Array of River instances\n */\nexport function initializeRivers(selector = RIVER.SELECTORS.RIVER, options = {}): RiverInstance[] {\n const riverInstances: RiverInstance[] = [];\n const riverElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : RIVER.SELECTORS.RIVER);\n\n if (!riverElements.length) return riverInstances;\n\n riverElements.forEach((element) => {\n try {\n const instance = new River(element, options);\n riverInstances.push(instance);\n } catch (error) {\n console.error('Error initializing river:', error);\n }\n });\n\n return riverInstances;\n}\n\nexport default River; "],"names":["DEFAULT_OPTIONS","center","breakout","reverse","showOverlay","River","$element","options","constructor","element","this","init","contentWidth","style","setProperty","RIVER","ATTRIBUTES","CONTENT_WIDTH","backgroundImageSrc","setupBackgroundImage","$bg","querySelector","SELECTORS","BG","document","createElement","className","replace","$bgImage","src","alt","BG_IMAGE","appendChild","$overlay","OVERLAY","firstChild","insertBefore","destroy","initializeRivers","selector","riverInstances","riverElements","querySelectorAll","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[690],{3690:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l,initializeSectionIntros:()=>c});var i=s(188);const n={alignment:"left",showOverlay:!1,size:"md",skeleton:!1};class o{selector;$element;options;constructor(e,t={}){this.selector=e||i.DJ.SELECTORS.SECTION_INTRO,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this._initialize()}_initialize(){if(this.$element&&("center"!==this.options.alignment||this.$element.classList.contains(i.DJ.CLASSES.CENTER)||this.$element.classList.add(i.DJ.CLASSES.CENTER),"sm"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.DJ.CLASSES.LARGE)||this.$element.classList.add(i.DJ.CLASSES.LARGE):this.$element.classList.add(i.DJ.CLASSES.SMALL),this.options.backgroundImageSrc)){let e=this.$element.querySelector(".c-sectionintro__bg");if(!e){e=document.createElement("div"),e.className="c-sectionintro__bg";const t=document.createElement("img");if(t.className="c-sectionintro__bg-image",t.src=this.options.backgroundImageSrc,t.alt="Background",e.appendChild(t),this.options.showOverlay){const t=document.createElement("div");t.className="c-sectionintro__overlay",e.appendChild(t)}this.$element.insertBefore(e,this.$element.firstChild)}}}destroy(){if(this.$element&&(this.$element.classList.remove(i.DJ.CLASSES.CENTER),this.$element.classList.remove(i.DJ.CLASSES.SMALL),this.$element.classList.remove(i.DJ.CLASSES.LARGE),this.options.backgroundImageSrc)){const e=this.$element.querySelector(".c-sectionintro__bg");e&&this.$element.removeChild(e)}}}function c(e=i.DJ.SELECTORS.SECTION_INTRO,t={}){const s=[],n=document.querySelectorAll("string"==typeof e?e:i.DJ.SELECTORS.SECTION_INTRO);return n.length?(n.forEach((e=>{try{const i=new o(e,t);s.push(i)}catch(i){}})),s):s}const l=o}}]);
|
|
2
|
+
//# sourceMappingURL=690.aa7054d1c53e5402c2d6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/690.aa7054d1c53e5402c2d6.js","mappings":"wKAwBA,MAAMA,EAAuC,CAC3CC,UAAW,OACXC,aAAa,EACbC,KAAM,KACNC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QAORC,WAAAA,CAAYH,EAA4BE,EAAU,CAAC,GACjDE,KAAKJ,SAAWA,GAAYK,EAAAA,GAAcC,UAAUD,cACpDD,KAAKH,SACiB,iBAAbD,EACHO,SAASC,cAA2BR,GACpCA,EACNI,KAAKF,QAAU,IAAKR,KAAoBQ,GACxCE,KAAKK,aACP,CAKQA,WAAAA,GACN,GAAKL,KAAKH,WAGqB,WAA3BG,KAAKF,QAAQP,WAA2BS,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQC,SACjGT,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQC,QAI1B,OAAtBT,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQG,OAEzD,OAAtBX,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAcO,QAAQI,QAC/FZ,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQI,OAFlDZ,KAAKH,SAASS,UAAUI,IAAIT,EAAAA,GAAcO,QAAQG,OAMhDX,KAAKF,QAAQe,oBAAoB,CACnC,IAAIC,EAAYd,KAAKH,SAASO,cAAc,uBAG5C,IAAKU,EAAW,CACdA,EAAYX,SAASY,cAAc,OACnCD,EAAUE,UAAY,qBAEtB,MAAMC,EAAad,SAASY,cAAc,OAQ1C,GAPAE,EAAWD,UAAY,2BACvBC,EAAWC,IAAMlB,KAAKF,QAAQe,mBAC9BI,EAAWE,IAAM,aAEjBL,EAAUM,YAAYH,GAGlBjB,KAAKF,QAAQN,YAAa,CAC5B,MAAM6B,EAAiBlB,SAASY,cAAc,OAC9CM,EAAeL,UAAY,0BAC3BF,EAAUM,YAAYC,EACxB,CAGArB,KAAKH,SAASyB,aAAaR,EAAWd,KAAKH,SAAS0B,WACtD,CACF,CACF,CAKOC,OAAAA,GACL,GAAKxB,KAAKH,WAGVG,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQC,QAGrDT,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQG,OACrDX,KAAKH,SAASS,UAAUmB,OAAOxB,EAAAA,GAAcO,QAAQI,OAGjDZ,KAAKF,QAAQe,oBAAoB,CACnC,MAAMC,EAAYd,KAAKH,SAASO,cAAc,uBAC1CU,GACFd,KAAKH,SAAS6B,YAAYZ,EAE9B,CACF,EASK,SAASa,EAAwB/B,EAAWK,EAAAA,GAAcC,UAAUD,cAAeH,EAAU,CAAC,GACnG,MAAM8B,EAAgD,GAChDC,EAAuB1B,SAAS2B,iBAAkD,iBAAblC,EAAwBA,EAAWK,EAAAA,GAAcC,UAAUD,eAEtI,OAAK4B,EAAqBE,QAE1BF,EAAqBG,SAASC,IAC5B,IACE,MAAMC,EAAW,IAAIvC,EAAasC,EAASnC,GAC3C8B,EAAsBO,KAAKD,EAC7B,CAAE,MAAOE,GAET,KAGKR,GAXkCA,CAY3C,CAEA,S","sources":["webpack://Atomix/./src/components/SectionIntro/scripts/index.ts"],"sourcesContent":["import { SECTION_INTRO } from '../../../lib/constants/components';\n\n/**\n * Interface for SectionIntro options\n */\ninterface SectionIntroOptions {\n alignment?: 'left' | 'center' | 'right';\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n size?: 'sm' | 'md' | 'lg';\n skeleton?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for SectionIntro instance\n */\ninterface SectionIntroInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the SectionIntro component\n */\nconst DEFAULT_OPTIONS: SectionIntroOptions = {\n alignment: 'left',\n showOverlay: false,\n size: 'md',\n skeleton: false\n};\n\n/**\n * Class representing a SectionIntro component\n */\nclass SectionIntro implements SectionIntroInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: SectionIntroOptions;\n\n /**\n * Creates an instance of SectionIntro\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || SECTION_INTRO.SELECTORS.SECTION_INTRO;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as SectionIntroOptions;\n this._initialize();\n }\n\n /**\n * Initialize the section intro component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Apply alignment classes if needed\n if (this.options.alignment === 'center' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.CENTER)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.CENTER);\n }\n\n // Apply size classes if specified\n if (this.options.size === 'sm' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.SMALL)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.SMALL);\n } else if (this.options.size === 'lg' && !this.$element.classList.contains(SECTION_INTRO.CLASSES.LARGE)) {\n this.$element.classList.add(SECTION_INTRO.CLASSES.LARGE);\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n let bgElement = this.$element.querySelector('.c-sectionintro__bg');\n \n // Create background element if it doesn't exist\n if (!bgElement) {\n bgElement = document.createElement('div');\n bgElement.className = 'c-sectionintro__bg';\n \n const imgElement = document.createElement('img');\n imgElement.className = 'c-sectionintro__bg-image';\n imgElement.src = this.options.backgroundImageSrc;\n imgElement.alt = 'Background';\n \n bgElement.appendChild(imgElement);\n \n // Add overlay if needed\n if (this.options.showOverlay) {\n const overlayElement = document.createElement('div');\n overlayElement.className = 'c-sectionintro__overlay';\n bgElement.appendChild(overlayElement);\n }\n \n // Insert at the beginning of the element\n this.$element.insertBefore(bgElement, this.$element.firstChild);\n }\n }\n }\n\n /**\n * Clean up event listeners and remove added elements\n */\n public destroy(): void {\n if (!this.$element) return;\n \n // Remove alignment classes\n this.$element.classList.remove(SECTION_INTRO.CLASSES.CENTER);\n \n // Remove size classes\n this.$element.classList.remove(SECTION_INTRO.CLASSES.SMALL);\n this.$element.classList.remove(SECTION_INTRO.CLASSES.LARGE);\n \n // Remove background if it was dynamically added\n if (this.options.backgroundImageSrc) {\n const bgElement = this.$element.querySelector('.c-sectionintro__bg');\n if (bgElement) {\n this.$element.removeChild(bgElement);\n }\n }\n }\n}\n\n/**\n * Initialize all section intros in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {SectionIntroInstance[]} Array of SectionIntro instances\n */\nexport function initializeSectionIntros(selector = SECTION_INTRO.SELECTORS.SECTION_INTRO, options = {}): SectionIntroInstance[] {\n const sectionIntroInstances: SectionIntroInstance[] = [];\n const sectionIntroElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : SECTION_INTRO.SELECTORS.SECTION_INTRO);\n\n if (!sectionIntroElements.length) return sectionIntroInstances;\n\n sectionIntroElements.forEach((element) => {\n try {\n const instance = new SectionIntro(element, options);\n sectionIntroInstances.push(instance);\n } catch (error) {\n console.error('Error initializing section intro:', error);\n }\n });\n\n return sectionIntroInstances;\n}\n\nexport default SectionIntro;\n"],"names":["DEFAULT_OPTIONS","alignment","showOverlay","size","skeleton","SectionIntro","selector","$element","options","constructor","this","SECTION_INTRO","SELECTORS","document","querySelector","_initialize","classList","contains","CLASSES","CENTER","add","SMALL","LARGE","backgroundImageSrc","bgElement","createElement","className","imgElement","src","alt","appendChild","overlayElement","insertBefore","firstChild","destroy","remove","removeChild","initializeSectionIntros","sectionIntroInstances","sectionIntroElements","querySelectorAll","length","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[894],{3894:(t,s,e)=>{e.r(s),e.d(s,{default:()=>l,initializeTestimonials:()=>c});var i=e(188);const n={size:"",skeleton:!1};class o{selector;$element;options;constructor(t,s={}){this.selector=t||i.sr.SELECTORS.TESTIMONIAL,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...s},this._initialize()}_initialize(){this.$element&&("sm"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.SMALL)?"lg"!==this.options.size||this.$element.classList.contains(i.sr.CLASSES.LARGE)||this.$element.classList.add(i.sr.CLASSES.LARGE):this.$element.classList.add(i.sr.CLASSES.SMALL))}destroy(){}}function c(t=i.sr.SELECTORS.TESTIMONIAL,s={}){const e=[],n=document.querySelectorAll("string"==typeof t?t:i.sr.SELECTORS.TESTIMONIAL);return n.length?(n.forEach((t=>{try{const i=new o(t,s);e.push(i)}catch(i){}})),e):e}const l=o}}]);
|
|
2
|
+
//# sourceMappingURL=894.3e1eaf0a2aadf4434390.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"js/894.
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/894.3e1eaf0a2aadf4434390.js","mappings":"uKAqBA,MAAMA,EAAsC,CAC1CC,KAAM,GACNC,UAAU,GAMZ,MAAMC,EACIC,SACAC,SACAC,QAORC,WAAAA,CAAYH,EAA4BE,EAAU,CAAC,GACjDE,KAAKJ,SAAWA,GAAYK,EAAAA,GAAYC,UAAUD,YAClDD,KAAKH,SACiB,iBAAbD,EACHO,SAASC,cAA2BR,GACpCA,EACNI,KAAKF,QAAU,IAAKN,KAAoBM,GACxCE,KAAKK,aACP,CAKQA,WAAAA,GACDL,KAAKH,WAGgB,OAAtBG,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAYO,QAAQC,OAEvD,OAAtBT,KAAKF,QAAQL,MAAkBO,KAAKH,SAASS,UAAUC,SAASN,EAAAA,GAAYO,QAAQE,QAC7FV,KAAKH,SAASS,UAAUK,IAAIV,EAAAA,GAAYO,QAAQE,OAFhDV,KAAKH,SAASS,UAAUK,IAAIV,EAAAA,GAAYO,QAAQC,OAIpD,CAKOG,OAAAA,GACL,EAUG,SAASC,EAAuBjB,EAAWK,EAAAA,GAAYC,UAAUD,YAAaH,EAAU,CAAC,GAC9F,MAAMgB,EAA8C,GAC9CC,EAAsBZ,SAASa,iBAAkD,iBAAbpB,EAAwBA,EAAWK,EAAAA,GAAYC,UAAUD,aAEnI,OAAKc,EAAoBE,QAEzBF,EAAoBG,SAASC,IAC3B,IACE,MAAMC,EAAW,IAAIzB,EAAYwB,EAASrB,GAC1CgB,EAAqBO,KAAKD,EAC5B,CAAE,MAAOE,GAET,KAGKR,GAXiCA,CAY1C,CAEA,S","sources":["webpack://Atomix/./src/components/Testimonial/scripts/index.ts"],"sourcesContent":["import { TESTIMONIAL } from '../../../lib/constants/components';\n\n/**\n * Interface for Testimonial options\n */\ninterface TestimonialOptions {\n size?: 'sm' | 'lg' | '';\n skeleton?: boolean;\n [key: string]: any;\n}\n\n/**\n * Interface for Testimonial instance\n */\ninterface TestimonialInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the Testimonial component\n */\nconst DEFAULT_OPTIONS: TestimonialOptions = {\n size: '',\n skeleton: false\n};\n\n/**\n * Class representing a Testimonial component\n */\nclass Testimonial implements TestimonialInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TestimonialOptions;\n\n /**\n * Creates an instance of Testimonial\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TESTIMONIAL.SELECTORS.TESTIMONIAL;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TestimonialOptions;\n this._initialize();\n }\n\n /**\n * Initialize the testimonial component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n // Apply size classes if specified\n if (this.options.size === 'sm' && !this.$element.classList.contains(TESTIMONIAL.CLASSES.SMALL)) {\n this.$element.classList.add(TESTIMONIAL.CLASSES.SMALL);\n } else if (this.options.size === 'lg' && !this.$element.classList.contains(TESTIMONIAL.CLASSES.LARGE)) {\n this.$element.classList.add(TESTIMONIAL.CLASSES.LARGE);\n }\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n // No specific cleanup needed for testimonial component\n }\n}\n\n/**\n * Initialize all testimonials in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TestimonialInstance[]} Array of Testimonial instances\n */\nexport function initializeTestimonials(selector = TESTIMONIAL.SELECTORS.TESTIMONIAL, options = {}): TestimonialInstance[] {\n const testimonialInstances: TestimonialInstance[] = [];\n const testimonialElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : TESTIMONIAL.SELECTORS.TESTIMONIAL);\n\n if (!testimonialElements.length) return testimonialInstances;\n\n testimonialElements.forEach((element) => {\n try {\n const instance = new Testimonial(element, options);\n testimonialInstances.push(instance);\n } catch (error) {\n console.error('Error initializing testimonial:', error);\n }\n });\n\n return testimonialInstances;\n}\n\nexport default Testimonial; "],"names":["DEFAULT_OPTIONS","size","skeleton","Testimonial","selector","$element","options","constructor","this","TESTIMONIAL","SELECTORS","document","querySelector","_initialize","classList","contains","CLASSES","SMALL","LARGE","add","destroy","initializeTestimonials","testimonialInstances","testimonialElements","querySelectorAll","length","forEach","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[897],{897:(t,e,s)=>{s.r(e),s.d(e,{default:()=>l,initializeToggles:()=>h});var i=s(188);class n{element;isOn;constructor(t){this.element=t,this.isOn=!1,this._initialize()}_initialize(){this._bindEvents(),this.element.classList.contains(i.DR.CLASSES.IS_ON)&&(this.isOn=!0)}_bindEvents(){this.element.addEventListener("click",this._handleToggle.bind(this))}_handleToggle(){this.isOn?this.turnOff():this.turnOn()}turnOn(){this.element.classList.add(i.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}turnOff(){this.element.classList.remove(i.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}destroy(){this.element.removeEventListener("click",this._handleToggle)}}function h(){const t=[],e=document.querySelectorAll(i.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((e=>{try{const s=new n(e);t.push(s)}catch(s){}})),t):t}const l=n}}]);
|
|
2
|
+
//# sourceMappingURL=897.554ea37be4453698c167.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"js/chunks/umd/897.554ea37be4453698c167.js","mappings":"iKAcA,MAAMA,EACIC,QACAC,KAMRC,WAAAA,CAAYF,GACVG,KAAKH,QAAUA,EACfG,KAAKF,MAAO,EACZE,KAAKC,aACP,CAKQA,WAAAA,GACND,KAAKE,cAEDF,KAAKH,QAAQM,UAAUC,SAASC,EAAAA,GAAOC,QAAQC,SACjDP,KAAKF,MAAO,EAEhB,CAKQI,WAAAA,GACNF,KAAKH,QAAQW,iBAAiB,QAASR,KAAKS,cAAcC,KAAKV,MACjE,CAKQS,aAAAA,GACDT,KAAKF,KAGRE,KAAKW,UAFLX,KAAKY,QAIT,CAKOA,MAAAA,GACLZ,KAAKH,QAAQM,UAAUU,IAAIR,EAAAA,GAAOC,QAAQC,OAC1CP,KAAKF,MAAO,EAGZE,KAAKH,QAAQiB,cAAc,IAAIC,YAAY,YAAa,CACtDC,SAAS,IAEb,CAKOL,OAAAA,GACLX,KAAKH,QAAQM,UAAUc,OAAOZ,EAAAA,GAAOC,QAAQC,OAC7CP,KAAKF,MAAO,EAGZE,KAAKH,QAAQiB,cAAc,IAAIC,YAAY,aAAc,CACvDC,SAAS,IAEb,CAKOE,OAAAA,GACLlB,KAAKH,QAAQsB,oBAAoB,QAASnB,KAAKS,cACjD,EAOK,SAASW,IACd,MAAMC,EAAoC,GACpCC,EAAiBC,SAASC,iBAA8BnB,EAAAA,GAAOoB,UAAUpB,QAE/E,OAAKiB,EAAeI,QAEpBJ,EAAeK,SAAS9B,IACtB,IACE,MAAM+B,EAAW,IAAIhC,EAAOC,GAC5BwB,EAAgBQ,KAAKD,EACvB,CAAE,MAAOE,GAET,KAGKT,GAX4BA,CAYrC,CAEA,S","sources":["webpack://Atomix/./src/components/Toggle/scripts/index.ts"],"sourcesContent":["import { TOGGLE } from '../../../lib/constants/components';\n\n/**\n * Interface for Toggle instance\n */\ninterface ToggleInstance {\n turnOn: () => void;\n turnOff: () => void;\n destroy: () => void;\n}\n\n/**\n * Class representing a Toggle component\n */\nclass Toggle implements ToggleInstance {\n private element: HTMLElement;\n private isOn: boolean;\n\n /**\n * Creates an instance of Toggle\n * @param element - The toggle container element\n */\n constructor(element: HTMLElement) {\n this.element = element;\n this.isOn = false;\n this._initialize();\n }\n\n /**\n * Initialize the toggle component\n */\n private _initialize(): void {\n this._bindEvents();\n // Check if toggle should be initially on\n if (this.element.classList.contains(TOGGLE.CLASSES.IS_ON)) {\n this.isOn = true;\n }\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n this.element.addEventListener('click', this._handleToggle.bind(this));\n }\n\n /**\n * Handle toggle click\n */\n private _handleToggle(): void {\n if (!this.isOn) {\n this.turnOn();\n } else {\n this.turnOff();\n }\n }\n\n /**\n * Turn on the toggle\n */\n public turnOn(): void {\n this.element.classList.add(TOGGLE.CLASSES.IS_ON);\n this.isOn = true;\n \n // Dispatch custom event\n this.element.dispatchEvent(new CustomEvent('toggle:on', { \n bubbles: true \n }));\n }\n\n /**\n * Turn off the toggle\n */\n public turnOff(): void {\n this.element.classList.remove(TOGGLE.CLASSES.IS_ON);\n this.isOn = false;\n \n // Dispatch custom event\n this.element.dispatchEvent(new CustomEvent('toggle:off', { \n bubbles: true \n }));\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n this.element.removeEventListener('click', this._handleToggle);\n }\n}\n\n/**\n * Initialize all toggles in the document\n * @returns Array of toggle instances\n */\nexport function initializeToggles(): ToggleInstance[] {\n const toggleInstances: ToggleInstance[] = [];\n const toggleElements = document.querySelectorAll<HTMLElement>(TOGGLE.SELECTORS.TOGGLE);\n\n if (!toggleElements.length) return toggleInstances;\n\n toggleElements.forEach((element) => {\n try {\n const instance = new Toggle(element);\n toggleInstances.push(instance);\n } catch (error) {\n console.error('Error initializing toggle:', error);\n }\n });\n\n return toggleInstances;\n}\n\nexport default Toggle; "],"names":["Toggle","element","isOn","constructor","this","_initialize","_bindEvents","classList","contains","TOGGLE","CLASSES","IS_ON","addEventListener","_handleToggle","bind","turnOff","turnOn","add","dispatchEvent","CustomEvent","bubbles","remove","destroy","removeEventListener","initializeToggles","toggleInstances","toggleElements","document","querySelectorAll","SELECTORS","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -33,6 +33,5 @@ export interface AccordionProps extends BaseComponentProps {
|
|
|
33
33
|
*/
|
|
34
34
|
onOpenChange?: (open: boolean) => void;
|
|
35
35
|
}
|
|
36
|
-
declare const Accordion: React.FC<AccordionProps>;
|
|
37
|
-
export { Accordion };
|
|
36
|
+
export declare const Accordion: React.FC<AccordionProps>;
|
|
38
37
|
export default Accordion;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AvatarGroupProps
|
|
3
|
-
declare const AvatarGroup: React.FC<AvatarGroupProps>;
|
|
4
|
-
export type { AvatarGroupProps
|
|
2
|
+
import { AvatarGroupProps } from '../../lib/types/components';
|
|
3
|
+
export declare const AvatarGroup: React.FC<AvatarGroupProps>;
|
|
4
|
+
export type { AvatarGroupProps };
|
|
5
5
|
export default AvatarGroup;
|
|
6
|
-
export { AvatarGroup };
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { ElementType } from 'react';
|
|
2
2
|
import { ButtonProps } from '../../lib/types/components';
|
|
3
|
-
type ButtonAsProp = {
|
|
3
|
+
export type ButtonAsProp = {
|
|
4
4
|
as?: ElementType;
|
|
5
5
|
to?: string;
|
|
6
6
|
href?: string;
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
9
|
export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
export {};
|
|
10
|
+
export type { ButtonProps };
|
|
11
|
+
export default Button;
|