@shohojdhara/atomix 0.1.3 → 0.1.5
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-0.1.3.css → atomix-0.1.5.css} +1 -1
- package/dist/css/{atomix-0.1.3.css.map → atomix-0.1.5.css.map} +1 -1
- package/dist/css/{atomix-0.1.3.min.css → atomix-0.1.5.min.css} +1 -1
- package/dist/css/{atomix-0.1.3.min.css.map → atomix-0.1.5.min.css.map} +1 -1
- package/dist/js/202.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/202.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/202.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/202.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/202.atomix-0.1.5.react.js +2 -0
- package/dist/js/202.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/308.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/308.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/308.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/308.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/308.atomix-0.1.5.react.js +2 -0
- package/dist/js/308.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/34.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/34.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/34.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/34.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/34.atomix-0.1.5.react.js +2 -0
- package/dist/js/34.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/471.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/471.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/471.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/471.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/471.atomix-0.1.5.react.js +2 -0
- package/dist/js/471.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/54.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/54.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/54.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/54.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/54.atomix-0.1.5.react.js +2 -0
- package/dist/js/54.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/619.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/619.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/619.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/619.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/619.atomix-0.1.5.react.js +2 -0
- package/dist/js/619.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/690.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/690.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/690.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/690.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/690.atomix-0.1.5.react.js +2 -0
- package/dist/js/690.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/894.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/894.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/894.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/894.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/894.atomix-0.1.5.react.js +2 -0
- package/dist/js/894.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/897.atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/897.atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/897.atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/897.atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/897.atomix-0.1.5.react.js +2 -0
- package/dist/js/897.atomix-0.1.5.react.js.map +1 -0
- package/dist/js/atomix-0.1.5.react.cjs.js +2 -0
- package/dist/js/atomix-0.1.5.react.cjs.js.map +1 -0
- package/dist/js/atomix-0.1.5.react.esm.js +2 -0
- package/dist/js/atomix-0.1.5.react.esm.js.map +1 -0
- package/dist/js/atomix-0.1.5.react.js +2 -0
- package/dist/js/atomix-0.1.5.react.js.map +1 -0
- package/package.json +3 -3
- package/src/components/Accordion/Accordion.tsx +11 -2
- package/src/components/Avatar/Avatar.tsx +12 -2
- package/src/components/Avatar/AvatarGroup.tsx +11 -2
- package/src/components/Badge/Badge.tsx +13 -2
- package/src/components/Badge/index.tsx +2 -4
- package/src/components/Breadcrumb/Breadcrumb.tsx +9 -3
- package/src/components/Callout/Callout.tsx +13 -2
- package/src/components/Card/Card.tsx +12 -2
- package/src/components/ColorModeToggle/ColorModeToggle.tsx +11 -2
- package/src/components/ColorModeToggle/index.ts +2 -1
- package/src/components/Countdown/Countdown.tsx +13 -3
- package/src/components/DataTable/DataTable.tsx +11 -2
- package/src/components/DatePicker/DatePicker.tsx +5 -0
- package/src/components/Dropdown/Dropdown.tsx +14 -1
- package/src/components/EdgePanel/EdgePanel.tsx +15 -2
- package/src/components/Form/Checkbox.tsx +12 -2
- package/src/components/Form/Form.tsx +11 -2
- package/src/components/Form/FormGroup.tsx +11 -2
- package/src/components/Form/Input.tsx +11 -2
- package/src/components/Form/Radio.tsx +11 -2
- package/src/components/Form/Select.tsx +11 -2
- package/src/components/Form/Textarea.tsx +11 -2
- package/src/components/Form/index.ts +7 -7
- package/src/components/Hero/Hero.tsx +13 -4
- package/src/components/Hero/index.ts +2 -2
- package/src/components/Icon/Icon.tsx +12 -3
- package/src/components/List/List.tsx +13 -2
- package/src/components/Messages/Messages.tsx +11 -4
- package/src/components/Messages/index.ts +1 -1
- package/src/components/Modal/Modal.tsx +11 -2
- package/src/components/Navbar/Menu.tsx +12 -1
- package/src/components/Navbar/Nav.tsx +12 -2
- package/src/components/Navbar/Navbar.tsx +14 -2
- package/src/components/Pagination/Pagination.tsx +14 -2
- package/src/components/PhotoViewer/PhotoViewer.tsx +10 -1
- package/src/components/Popover/Popover.tsx +13 -2
- package/src/components/ProductReview/ProductReview.tsx +11 -2
- package/src/components/Progress/Progress.tsx +10 -2
- package/src/components/Rating/Rating.tsx +9 -2
- package/src/components/River/River.tsx +11 -4
- package/src/components/River/index.ts +1 -3
- package/src/components/SectionIntro/SectionIntro.tsx +11 -2
- package/src/components/Spinner/Spinner.tsx +12 -2
- package/src/components/Spinner/index.ts +2 -1
- package/src/components/Steps/Steps.tsx +13 -4
- package/src/components/Tab/Tab.tsx +14 -4
- package/src/components/Testimonial/Testimonial.tsx +13 -4
- package/src/components/Todo/Todo.tsx +11 -2
- package/src/components/Toggle/Toggle.tsx +13 -3
- package/src/components/Tooltip/Tooltip.tsx +14 -3
- package/src/components/Upload/Upload.tsx +12 -3
- package/src/components/index.ts +81 -40
- package/src/index.ts +5 -9
- package/dist/js/13.atomix-0.1.3.react.cjs.js +0 -2
- package/dist/js/13.atomix-0.1.3.react.cjs.js.map +0 -1
- package/dist/js/13.atomix-0.1.3.react.esm.js +0 -2
- package/dist/js/13.atomix-0.1.3.react.esm.js.map +0 -1
- package/dist/js/13.atomix-0.1.3.react.js +0 -2
- package/dist/js/13.atomix-0.1.3.react.js.map +0 -1
- package/dist/js/646.atomix-0.1.3.react.cjs.js +0 -2
- package/dist/js/646.atomix-0.1.3.react.cjs.js.map +0 -1
- package/dist/js/646.atomix-0.1.3.react.esm.js +0 -2
- package/dist/js/646.atomix-0.1.3.react.esm.js.map +0 -1
- package/dist/js/646.atomix-0.1.3.react.js +0 -2
- package/dist/js/646.atomix-0.1.3.react.js.map +0 -1
- package/dist/js/979.atomix-0.1.3.react.cjs.js +0 -2
- package/dist/js/979.atomix-0.1.3.react.cjs.js.map +0 -1
- package/dist/js/979.atomix-0.1.3.react.esm.js +0 -2
- package/dist/js/979.atomix-0.1.3.react.esm.js.map +0 -1
- package/dist/js/979.atomix-0.1.3.react.js +0 -2
- package/dist/js/979.atomix-0.1.3.react.js.map +0 -1
- package/dist/js/989.atomix-0.1.3.react.cjs.js +0 -2
- package/dist/js/989.atomix-0.1.3.react.cjs.js.map +0 -1
- package/dist/js/989.atomix-0.1.3.react.esm.js +0 -2
- package/dist/js/989.atomix-0.1.3.react.esm.js.map +0 -1
- package/dist/js/989.atomix-0.1.3.react.js +0 -2
- package/dist/js/989.atomix-0.1.3.react.js.map +0 -1
- package/dist/js/atomix-0.1.3.react.cjs.js +0 -2
- package/dist/js/atomix-0.1.3.react.cjs.js.map +0 -1
- package/dist/js/atomix-0.1.3.react.esm.js +0 -2
- package/dist/js/atomix-0.1.3.react.esm.js.map +0 -1
- package/dist/js/atomix-0.1.3.react.js +0 -2
- package/dist/js/atomix-0.1.3.react.js.map +0 -1
- package/dist/types/components/Accordion/Accordion.d.ts +0 -17
- package/dist/types/components/Accordion/index.d.ts +0 -2
- package/dist/types/components/Accordion/scripts/accordionInteractions.d.ts +0 -19
- package/dist/types/components/Accordion/scripts/constants.d.ts +0 -24
- package/dist/types/components/Accordion/scripts/index.d.ts +0 -100
- package/dist/types/components/AtomixLogo/AtomixLogo.d.ts +0 -8
- package/dist/types/components/AtomixLogo/index.d.ts +0 -3
- package/dist/types/components/AtomixLogo.d.ts +0 -8
- package/dist/types/components/Avatar/Avatar.d.ts +0 -4
- package/dist/types/components/Avatar/AvatarGroup.d.ts +0 -4
- package/dist/types/components/Avatar/index.d.ts +0 -2
- package/dist/types/components/Avatar/scripts/index.d.ts +0 -105
- package/dist/types/components/Badge/Badge.d.ts +0 -3
- package/dist/types/components/Badge/index.d.ts +0 -3
- package/dist/types/components/Breadcrumb/Breadcrumb.d.ts +0 -43
- package/dist/types/components/Breadcrumb/index.d.ts +0 -2
- 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/Breadcrumb/scripts/types.d.ts +0 -59
- package/dist/types/components/Button/Button.d.ts +0 -10
- package/dist/types/components/Button/index.d.ts +0 -5
- 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/Callout/Callout.d.ts +0 -6
- package/dist/types/components/Callout/index.d.ts +0 -1
- package/dist/types/components/Callout/scripts/CalloutInteractions.d.ts +0 -92
- package/dist/types/components/Callout/scripts/index.d.ts +0 -53
- package/dist/types/components/Card/Card.d.ts +0 -4
- package/dist/types/components/Card/ElevationCard.d.ts +0 -4
- package/dist/types/components/Card/index.d.ts +0 -9
- package/dist/types/components/Card/scripts/cardInteractions.d.ts +0 -37
- package/dist/types/components/Card/scripts/index.d.ts +0 -80
- package/dist/types/components/ColorModeToggle/ColorModeToggle.d.ts +0 -6
- package/dist/types/components/ColorModeToggle/index.d.ts +0 -1
- package/dist/types/components/Countdown/Countdown.d.ts +0 -17
- package/dist/types/components/Countdown/index.d.ts +0 -2
- package/dist/types/components/Countdown/scripts/index.d.ts +0 -71
- package/dist/types/components/DataTable/DataTable.d.ts +0 -17
- package/dist/types/components/DataTable/index.d.ts +0 -2
- package/dist/types/components/DataTable/scripts/index.d.ts +0 -174
- package/dist/types/components/DatePicker/DatePicker.d.ts +0 -8
- package/dist/types/components/DatePicker/index.d.ts +0 -4
- 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/DatePicker/types.d.ts +0 -127
- package/dist/types/components/DatePicker/utils.d.ts +0 -39
- package/dist/types/components/Dropdown/Dropdown.d.ts +0 -18
- package/dist/types/components/Dropdown/index.d.ts +0 -5
- 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/EdgePanel.d.ts +0 -3
- package/dist/types/components/EdgePanel/index.d.ts +0 -1
- 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/Form/Checkbox.d.ts +0 -7
- package/dist/types/components/Form/Form.d.ts +0 -7
- package/dist/types/components/Form/FormGroup.d.ts +0 -7
- package/dist/types/components/Form/Input.d.ts +0 -7
- package/dist/types/components/Form/Radio.d.ts +0 -7
- package/dist/types/components/Form/Select.d.ts +0 -7
- package/dist/types/components/Form/Textarea.d.ts +0 -7
- package/dist/types/components/Form/index.d.ts +0 -7
- package/dist/types/components/Hero/Hero.d.ts +0 -4
- package/dist/types/components/Hero/index.d.ts +0 -5
- 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/Icon/Icon.d.ts +0 -36
- package/dist/types/components/Icon/index.d.ts +0 -2
- package/dist/types/components/List/List.d.ts +0 -4
- package/dist/types/components/List/ListGroup.d.ts +0 -4
- package/dist/types/components/List/index.d.ts +0 -2
- package/dist/types/components/Messages/Messages.d.ts +0 -8
- package/dist/types/components/Messages/index.d.ts +0 -2
- package/dist/types/components/Messages/scripts/componentInteractions.d.ts +0 -49
- package/dist/types/components/Messages/scripts/index.d.ts +0 -110
- package/dist/types/components/Modal/Modal.d.ts +0 -7
- package/dist/types/components/Modal/index.d.ts +0 -1
- 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/Navbar/MegaMenu.d.ts +0 -5
- package/dist/types/components/Navbar/Menu.d.ts +0 -13
- package/dist/types/components/Navbar/Nav.d.ts +0 -3
- package/dist/types/components/Navbar/NavDropdown.d.ts +0 -3
- package/dist/types/components/Navbar/NavItem.d.ts +0 -3
- package/dist/types/components/Navbar/Navbar.d.ts +0 -3
- package/dist/types/components/Navbar/index.d.ts +0 -6
- package/dist/types/components/Pagination/Pagination.d.ts +0 -6
- package/dist/types/components/Pagination/index.d.ts +0 -1
- package/dist/types/components/Pagination/scripts/index.d.ts +0 -52
- package/dist/types/components/PhotoViewer/PhotoViewer.d.ts +0 -21
- package/dist/types/components/PhotoViewer/PhotoViewerHeader.d.ts +0 -45
- package/dist/types/components/PhotoViewer/PhotoViewerImage.d.ts +0 -51
- package/dist/types/components/PhotoViewer/PhotoViewerInfo.d.ts +0 -21
- package/dist/types/components/PhotoViewer/PhotoViewerNavigation.d.ts +0 -28
- package/dist/types/components/PhotoViewer/PhotoViewerThumbnails.d.ts +0 -21
- package/dist/types/components/PhotoViewer/examples/ImageGallery.d.ts +0 -11
- package/dist/types/components/PhotoViewer/examples/SimpleGallery.d.ts +0 -3
- package/dist/types/components/PhotoViewer/examples/index.d.ts +0 -2
- package/dist/types/components/PhotoViewer/index.d.ts +0 -12
- package/dist/types/components/PhotoViewer/scripts/PhotoViewerInteractions.d.ts +0 -44
- package/dist/types/components/PhotoViewer/scripts/index.d.ts +0 -110
- package/dist/types/components/Popover/Popover.d.ts +0 -10
- package/dist/types/components/Popover/index.d.ts +0 -4
- package/dist/types/components/Popover/scripts/componentInteractions.d.ts +0 -60
- package/dist/types/components/Popover/scripts/index.d.ts +0 -89
- package/dist/types/components/ProductReview/ProductReview.d.ts +0 -41
- package/dist/types/components/ProductReview/index.d.ts +0 -2
- 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/ProductReview/scripts/index.d.ts +0 -2
- package/dist/types/components/Progress/Progress.d.ts +0 -3
- package/dist/types/components/Progress/index.d.ts +0 -1
- package/dist/types/components/Progress/scripts/componentInteractions.d.ts +0 -29
- package/dist/types/components/Progress/scripts/index.d.ts +0 -64
- package/dist/types/components/Rating/Rating.d.ts +0 -21
- package/dist/types/components/Rating/index.d.ts +0 -4
- 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/River/River.d.ts +0 -8
- package/dist/types/components/River/index.d.ts +0 -4
- package/dist/types/components/River/scripts/index.d.ts +0 -40
- package/dist/types/components/SectionIntro/SectionIntro.d.ts +0 -62
- package/dist/types/components/SectionIntro/index.d.ts +0 -4
- package/dist/types/components/SectionIntro/scripts/componentInteractions.d.ts +0 -13
- package/dist/types/components/SectionIntro/scripts/index.d.ts +0 -36
- package/dist/types/components/Spinner/Spinner.d.ts +0 -3
- package/dist/types/components/Spinner/index.d.ts +0 -1
- package/dist/types/components/Steps/Steps.d.ts +0 -42
- package/dist/types/components/Steps/index.d.ts +0 -4
- package/dist/types/components/Steps/scripts/index.d.ts +0 -58
- package/dist/types/components/Tab/Tab.d.ts +0 -41
- package/dist/types/components/Tab/index.d.ts +0 -2
- package/dist/types/components/Tab/scripts/index.d.ts +0 -61
- package/dist/types/components/Testimonial/Testimonial.d.ts +0 -46
- package/dist/types/components/Testimonial/index.d.ts +0 -4
- package/dist/types/components/Testimonial/scripts/index.d.ts +0 -36
- package/dist/types/components/Todo/Todo.d.ts +0 -4
- package/dist/types/components/Todo/index.d.ts +0 -1
- 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/Todo/scripts/types.d.ts +0 -17
- package/dist/types/components/Toggle/Toggle.d.ts +0 -27
- package/dist/types/components/Toggle/index.d.ts +0 -2
- package/dist/types/components/Toggle/scripts/index.d.ts +0 -50
- package/dist/types/components/Toggle/scripts/toggleInteractions.d.ts +0 -23
- package/dist/types/components/Tooltip/Tooltip.d.ts +0 -32
- package/dist/types/components/Tooltip/index.d.ts +0 -3
- package/dist/types/components/Tooltip/scripts/index.d.ts +0 -123
- package/dist/types/components/Tooltip/scripts/tooltipInteractions.d.ts +0 -23
- package/dist/types/components/Upload/Upload.d.ts +0 -64
- package/dist/types/components/Upload/index.d.ts +0 -4
- package/dist/types/components/Upload/scripts/index.d.ts +0 -118
- package/dist/types/components/index.d.ts +0 -37
- package/dist/types/htmlComponentsEntry.d.ts +0 -160
- package/dist/types/index.d.ts +0 -3
- package/dist/types/layouts/Grid/Container.d.ts +0 -38
- package/dist/types/layouts/Grid/Grid.d.ts +0 -37
- package/dist/types/layouts/Grid/GridCol.d.ts +0 -64
- package/dist/types/layouts/Grid/Row.d.ts +0 -38
- package/dist/types/layouts/Grid/index.d.ts +0 -8
- package/dist/types/layouts/MasonryGrid/MasonryGrid.d.ts +0 -71
- package/dist/types/layouts/MasonryGrid/MasonryGridItem.d.ts +0 -24
- package/dist/types/layouts/MasonryGrid/index.d.ts +0 -4
- package/dist/types/lib/composables/index.d.ts +0 -21
- package/dist/types/lib/composables/useAccordion.d.ts +0 -30
- package/dist/types/lib/composables/useBadge.d.ts +0 -10
- package/dist/types/lib/composables/useBreadcrumb.d.ts +0 -13
- package/dist/types/lib/composables/useButton.d.ts +0 -11
- package/dist/types/lib/composables/useCallout.d.ts +0 -11
- package/dist/types/lib/composables/useCard.d.ts +0 -8
- package/dist/types/lib/composables/useCheckbox.d.ts +0 -11
- package/dist/types/lib/composables/useDataTable.d.ts +0 -66
- package/dist/types/lib/composables/useDatePicker.d.ts +0 -91
- package/dist/types/lib/composables/useDropdown.d.ts +0 -26
- package/dist/types/lib/composables/useEdgePanel.d.ts +0 -15
- package/dist/types/lib/composables/useForm.d.ts +0 -12
- package/dist/types/lib/composables/useFormGroup.d.ts +0 -10
- package/dist/types/lib/composables/useHero.d.ts +0 -53
- package/dist/types/lib/composables/useInput.d.ts +0 -12
- package/dist/types/lib/composables/useMessages.d.ts +0 -38
- package/dist/types/lib/composables/useModal.d.ts +0 -40
- package/dist/types/lib/composables/useNavbar.d.ts +0 -59
- package/dist/types/lib/composables/usePagination.d.ts +0 -13
- package/dist/types/lib/composables/usePhotoViewer.d.ts +0 -57
- package/dist/types/lib/composables/usePopover.d.ts +0 -30
- package/dist/types/lib/composables/useProgress.d.ts +0 -38
- package/dist/types/lib/composables/useRadio.d.ts +0 -10
- package/dist/types/lib/composables/useRating.d.ts +0 -52
- package/dist/types/lib/composables/useRiver.d.ts +0 -107
- package/dist/types/lib/composables/useSelect.d.ts +0 -10
- package/dist/types/lib/composables/useSpinner.d.ts +0 -10
- package/dist/types/lib/composables/useTextarea.d.ts +0 -10
- package/dist/types/lib/composables/useTodo.d.ts +0 -19
- package/dist/types/lib/constants/components.d.ts +0 -921
- package/dist/types/lib/constants/index.d.ts +0 -1
- package/dist/types/lib/index.d.ts +0 -4
- package/dist/types/lib/types/components.d.ts +0 -1947
- package/dist/types/lib/types/index.d.ts +0 -2
- package/dist/types/lib/utils/dom.d.ts +0 -26
- package/dist/types/lib/utils/icons.d.ts +0 -20
- package/dist/types/lib/utils/index.d.ts +0 -2
- package/dist/types/lib/utils/useForkRef.d.ts +0 -10
package/src/components/index.ts
CHANGED
|
@@ -1,112 +1,153 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Components Index - Explicit exports for better tree-shaking and compatibility
|
|
2
2
|
|
|
3
3
|
// Accordion
|
|
4
|
-
export
|
|
4
|
+
export { default as Accordion } from './Accordion/Accordion';
|
|
5
|
+
export type { AccordionProps } from './Accordion/Accordion';
|
|
5
6
|
|
|
6
|
-
// Avatar
|
|
7
|
-
export
|
|
7
|
+
// Avatar
|
|
8
|
+
export { default as Avatar } from './Avatar/Avatar';
|
|
9
|
+
export type { AvatarProps } from './Avatar/Avatar';
|
|
8
10
|
|
|
9
11
|
// Badge
|
|
10
|
-
export
|
|
12
|
+
export { default as Badge } from './Badge/Badge';
|
|
13
|
+
export type { BadgeProps } from './Badge/Badge';
|
|
11
14
|
|
|
12
15
|
// Breadcrumb
|
|
13
|
-
export
|
|
16
|
+
export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
|
|
17
|
+
export type { BreadcrumbProps } from './Breadcrumb/Breadcrumb';
|
|
14
18
|
|
|
15
19
|
// Button
|
|
16
|
-
export
|
|
20
|
+
export { default as Button } from './Button';
|
|
21
|
+
export type { ButtonProps } from './Button';
|
|
17
22
|
|
|
18
23
|
// Callout
|
|
19
|
-
export
|
|
24
|
+
export { default as Callout } from './Callout/Callout';
|
|
25
|
+
export type { CalloutProps } from './Callout/Callout';
|
|
20
26
|
|
|
21
27
|
// Card
|
|
22
|
-
export
|
|
28
|
+
export { default as Card } from './Card/Card';
|
|
29
|
+
export type { CardProps } from './Card/Card';
|
|
23
30
|
|
|
24
31
|
// ColorModeToggle
|
|
25
|
-
export
|
|
32
|
+
export { default as ColorModeToggle } from './ColorModeToggle/ColorModeToggle';
|
|
33
|
+
export type { ColorModeToggleProps } from './ColorModeToggle/ColorModeToggle';
|
|
26
34
|
|
|
27
35
|
// Countdown
|
|
28
|
-
export
|
|
36
|
+
export { default as Countdown } from './Countdown/Countdown';
|
|
37
|
+
export type { CountdownProps } from './Countdown/Countdown';
|
|
29
38
|
|
|
30
39
|
// DataTable
|
|
31
|
-
export
|
|
40
|
+
export { default as DataTable } from './DataTable/DataTable';
|
|
41
|
+
export type { DataTableProps } from './DataTable/DataTable';
|
|
32
42
|
|
|
33
43
|
// DatePicker
|
|
34
|
-
export
|
|
44
|
+
export { default as DatePicker } from './DatePicker/DatePicker';
|
|
45
|
+
export type { DatePickerProps } from './DatePicker/DatePicker';
|
|
35
46
|
|
|
36
47
|
// Dropdown
|
|
37
|
-
export
|
|
48
|
+
export { default as Dropdown } from './Dropdown/Dropdown';
|
|
49
|
+
export type { DropdownProps } from './Dropdown/Dropdown';
|
|
38
50
|
|
|
39
51
|
// EdgePanel
|
|
40
|
-
export
|
|
52
|
+
export { default as EdgePanel } from './EdgePanel/EdgePanel';
|
|
53
|
+
export type { EdgePanelProps } from './EdgePanel/EdgePanel';
|
|
41
54
|
|
|
42
|
-
// Form components
|
|
43
|
-
export
|
|
55
|
+
// Form components - you might want to break these down further
|
|
56
|
+
export { default as Form } from './Form/Form';
|
|
57
|
+
export { default as Input } from './Form/Input';
|
|
58
|
+
export { default as Textarea } from './Form/Textarea';
|
|
59
|
+
export { default as Select } from './Form/Select';
|
|
60
|
+
export { default as Checkbox } from './Form/Checkbox';
|
|
61
|
+
export { default as Radio } from './Form/Radio';
|
|
44
62
|
|
|
45
63
|
// Hero
|
|
46
|
-
export
|
|
64
|
+
export { default as Hero } from './Hero/Hero';
|
|
65
|
+
export type { HeroProps } from './Hero/Hero';
|
|
47
66
|
|
|
48
67
|
// Icon
|
|
49
|
-
export
|
|
68
|
+
export { default as Icon } from './Icon/Icon';
|
|
69
|
+
export type { IconProps } from './Icon/Icon';
|
|
50
70
|
|
|
51
71
|
// List
|
|
52
|
-
export
|
|
72
|
+
export { default as List } from './List/List';
|
|
73
|
+
export type { ListProps } from './List/List';
|
|
53
74
|
|
|
54
75
|
// Messages
|
|
55
|
-
export
|
|
76
|
+
export { default as Messages } from './Messages/Messages';
|
|
77
|
+
export type { MessagesProps } from './Messages/Messages';
|
|
56
78
|
|
|
57
79
|
// Modal
|
|
58
|
-
export
|
|
80
|
+
export { default as Modal } from './Modal/Modal';
|
|
81
|
+
export type { ModalProps } from './Modal/Modal';
|
|
59
82
|
|
|
60
83
|
// Navbar
|
|
61
|
-
export
|
|
84
|
+
export { default as Navbar } from './Navbar/Navbar';
|
|
85
|
+
export type { NavbarProps } from './Navbar/Navbar';
|
|
62
86
|
|
|
63
87
|
// Pagination
|
|
64
|
-
export
|
|
88
|
+
export { default as Pagination } from './Pagination/Pagination';
|
|
89
|
+
export type { PaginationProps } from './Pagination/Pagination';
|
|
65
90
|
|
|
66
91
|
// PhotoViewer
|
|
67
|
-
export
|
|
92
|
+
export { default as PhotoViewer } from './PhotoViewer/PhotoViewer';
|
|
93
|
+
export type { PhotoViewerProps } from './PhotoViewer/PhotoViewer';
|
|
68
94
|
|
|
69
95
|
// Popover
|
|
70
|
-
export
|
|
96
|
+
export { default as Popover } from './Popover/Popover';
|
|
97
|
+
export type { PopoverProps } from './Popover/Popover';
|
|
71
98
|
|
|
72
99
|
// ProductReview
|
|
73
|
-
export
|
|
100
|
+
export { default as ProductReview } from './ProductReview/ProductReview';
|
|
101
|
+
export type { ProductReviewProps } from './ProductReview/ProductReview';
|
|
74
102
|
|
|
75
103
|
// Progress
|
|
76
|
-
export
|
|
104
|
+
export { default as Progress } from './Progress/Progress';
|
|
105
|
+
export type { ProgressProps } from './Progress/Progress';
|
|
77
106
|
|
|
78
107
|
// Rating
|
|
79
|
-
export
|
|
108
|
+
export { default as Rating } from './Rating/Rating';
|
|
109
|
+
export type { RatingProps } from './Rating/Rating';
|
|
80
110
|
|
|
81
111
|
// River
|
|
82
|
-
export
|
|
112
|
+
export { default as River } from './River/River';
|
|
113
|
+
export type { RiverProps } from './River/River';
|
|
83
114
|
|
|
84
115
|
// SectionIntro
|
|
85
|
-
export
|
|
116
|
+
export { default as SectionIntro } from './SectionIntro/SectionIntro';
|
|
117
|
+
export type { SectionIntroProps } from './SectionIntro/SectionIntro';
|
|
86
118
|
|
|
87
119
|
// Spinner
|
|
88
|
-
export
|
|
120
|
+
export { default as Spinner } from './Spinner/Spinner';
|
|
121
|
+
export type { SpinnerProps } from './Spinner/Spinner';
|
|
89
122
|
|
|
90
123
|
// Steps
|
|
91
|
-
export
|
|
124
|
+
export { default as Steps } from './Steps/Steps';
|
|
125
|
+
export type { StepsProps } from './Steps/Steps';
|
|
92
126
|
|
|
93
127
|
// Tab
|
|
94
|
-
export
|
|
128
|
+
export { default as Tab } from './Tab/Tab';
|
|
129
|
+
export type { TabProps } from './Tab/Tab';
|
|
95
130
|
|
|
96
131
|
// Testimonial
|
|
97
|
-
export
|
|
132
|
+
export { default as Testimonial } from './Testimonial/Testimonial';
|
|
133
|
+
export type { TestimonialProps } from './Testimonial/Testimonial';
|
|
98
134
|
|
|
99
135
|
// Todo
|
|
100
|
-
export
|
|
136
|
+
export { default as Todo } from './Todo/Todo';
|
|
137
|
+
export type { TodoProps } from './Todo/Todo';
|
|
101
138
|
|
|
102
139
|
// Toggle
|
|
103
|
-
export
|
|
140
|
+
export { default as Toggle } from './Toggle/Toggle';
|
|
141
|
+
export type { ToggleProps } from './Toggle/Toggle';
|
|
104
142
|
|
|
105
143
|
// Tooltip
|
|
106
|
-
export
|
|
144
|
+
export { default as Tooltip } from './Tooltip/Tooltip';
|
|
145
|
+
export type { TooltipProps } from './Tooltip/Tooltip';
|
|
107
146
|
|
|
108
147
|
// Upload
|
|
109
|
-
export
|
|
148
|
+
export { default as Upload } from './Upload/Upload';
|
|
149
|
+
export type { UploadProps } from './Upload/Upload';
|
|
110
150
|
|
|
111
151
|
// AtomixLogo
|
|
112
|
-
export
|
|
152
|
+
export { default as AtomixLogo } from './AtomixLogo/AtomixLogo';
|
|
153
|
+
export type { AtomixLogoProps } from './AtomixLogo/AtomixLogo';
|
package/src/index.ts
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
//
|
|
2
|
-
|
|
3
|
-
// Export all components
|
|
1
|
+
// Export all components explicitly
|
|
4
2
|
export * from './components';
|
|
5
3
|
|
|
6
|
-
// Export utilities and hooks
|
|
7
4
|
|
|
8
|
-
//
|
|
5
|
+
// Default export for backward compatibility
|
|
9
6
|
import * as components from './components';
|
|
10
7
|
import * as utilities from './lib';
|
|
11
8
|
|
|
12
|
-
|
|
13
|
-
const AtomixReact: Record<string, unknown> = {
|
|
9
|
+
const Atomix = {
|
|
14
10
|
...components,
|
|
15
11
|
...utilities,
|
|
16
|
-
};
|
|
12
|
+
} as any;
|
|
17
13
|
|
|
18
|
-
export default
|
|
14
|
+
export default Atomix;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[13],{13:(t,e,r)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function o(t,e,r){return(e=l(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,l(i.key),i)}}function l(t){var e=function(t,e){if("object"!=i(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==i(e)?e:e+""}r.r(e),r.d(e,{default:()=>s});const s=function(){return t=function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.options=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null},r),this.ratingElement=this.element.querySelector(".c-rating"),this.textareaElement=this.element.querySelector(".c-product-review__textarea"),this.submitButton=this.element.querySelector(".c-product-review__actions .c-btn"),this.formElement=this.element.querySelector(".c-product-review__form"),this.onSubmit=this.options.onSubmit,this.init()},e=[{key:"init",value:function(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}},{key:"setupAccessibility",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t,e){t.setAttribute("role","radio"),t.setAttribute("aria-label","".concat(e+1," star").concat(0===e?"":"s"))}))),this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}},{key:"handleSubmit",value:function(t){if(t.preventDefault(),this.ratingElement&&this.textareaElement){var e=parseFloat(this.ratingElement.getAttribute("data-value")||"0"),r=this.textareaElement.value;this.onSubmit&&e>0&&this.onSubmit(e,r),this.showSuccessState()}}},{key:"showSuccessState",value:function(){}},{key:"reset",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("data-value","0"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t){t.classList.remove("c-rating__star--full","c-rating__star--half")}))),this.textareaElement&&(this.textareaElement.value="")}},{key:"destroy",value:function(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}],e&&a(t.prototype,e),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,r}()}}]);
|
|
2
|
-
//# sourceMappingURL=13.atomix-0.1.3.react.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/13.atomix-0.1.3.react.cjs.js","mappings":"qrCAEA,QCCkC,WAoChC,O,EAtBA,SAAAA,EAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,G,4FAACG,CAAA,KAAAN,GACjDO,KAAKN,QAAUA,EACfM,KAAKL,Q,+VAAOM,CAAA,CACVC,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,MACPb,GAGLK,KAAKS,cAAgBT,KAAKN,QAAQgB,cAAc,aAChDV,KAAKW,gBAAkBX,KAAKN,QAAQgB,cAAc,+BAClDV,KAAKY,aAAeZ,KAAKN,QAAQgB,cAAc,qCAC/CV,KAAKa,YAAcb,KAAKN,QAAQgB,cAAc,2BAC9CV,KAAKQ,SAAWR,KAAKL,QAAQa,SAE7BR,KAAKc,MACP,E,EAEA,EAAAC,IAAA,OAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYI,iBAAiB,SAAUjB,KAAKkB,aAAaC,KAAKnB,OAIrEA,KAAKoB,oBACP,GAEA,CAAAL,IAAA,qBAAAC,MAGA,WAEMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,OAAQ,cACxCrB,KAAKS,cAAcY,aAAa,aAAc,UAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAACC,EAAMC,GACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAFK,OAAKD,EAAQ,EAAC,SAAAC,OAAkB,IAAVD,EAAc,GAAK,KACzE,KAGEzB,KAAKW,iBACPX,KAAKW,gBAAgBU,aAAa,gBAAiB,QAEvD,GAEA,CAAAN,IAAA,eAAAC,MAIA,SAAaW,GAGX,GAFAA,EAAEC,iBAEG5B,KAAKS,eAAkBT,KAAKW,gBAAjC,CAEA,IAAMkB,EAASC,WAAW9B,KAAKS,cAAcsB,aAAa,eAAiB,KACrEC,EAAWhC,KAAKW,gBAAwCK,MAE1DhB,KAAKQ,UAAYqB,EAAS,GAC5B7B,KAAKQ,SAASqB,EAAQG,GAIxBhC,KAAKiC,kBAVmD,CAW1D,GAEA,CAAAlB,IAAA,mBAAAC,MAGA,WAEE,GAGF,CAAAD,IAAA,QAAAC,MAGA,WACMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,aAAc,KAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAAAC,GACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAChD,KAGEnC,KAAKW,kBACNX,KAAKW,gBAAwCK,MAAQ,GAE1D,GAEA,CAAAD,IAAA,UAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYuB,oBAAoB,SAAUpC,KAAKkB,aAAaC,KAAKnB,MAI1E,I,4FAAC,CA5H+B,E","sources":["webpack://@shohojdhara/atomix/./src/components/ProductReview/scripts/bundle.ts","webpack://@shohojdhara/atomix/./src/components/ProductReview/scripts/componentInteractions.ts"],"sourcesContent":["import ProductReview from './componentInteractions';\n\nexport default ProductReview;\n","/**\n * Class for handling ProductReview component interactions\n */\nexport default class ProductReview {\n element: HTMLElement;\n options: any;\n ratingElement: HTMLElement | null;\n textareaElement: HTMLElement | null;\n submitButton: HTMLElement | null;\n formElement: HTMLFormElement | null;\n onSubmit: ((rating: number, comment: string) => void) | null;\n \n /**\n * Create a new ProductReview instance\n * @param element - The product review container element\n * @param options - Configuration options\n */\n constructor(element: HTMLElement, options: any = {}) {\n this.element = element;\n this.options = {\n productName: '',\n productImage: null,\n initialRating: 0,\n maxRating: 5,\n allowHalf: true,\n ratingColor: 'warning',\n onSubmit: null,\n ...options\n };\n \n this.ratingElement = this.element.querySelector('.c-rating');\n this.textareaElement = this.element.querySelector('.c-product-review__textarea');\n this.submitButton = this.element.querySelector('.c-product-review__actions .c-btn');\n this.formElement = this.element.querySelector('.c-product-review__form') as HTMLFormElement;\n this.onSubmit = this.options.onSubmit;\n \n this.init();\n }\n \n /**\n * Initialize the product review component\n */\n init() {\n if (this.formElement) {\n this.formElement.addEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Add any additional initialization logic here\n this.setupAccessibility();\n }\n \n /**\n * Set up accessibility features\n */\n setupAccessibility() {\n // Add ARIA attributes for better accessibility\n if (this.ratingElement) {\n this.ratingElement.setAttribute('role', 'radiogroup');\n this.ratingElement.setAttribute('aria-label', 'Rating');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach((star, index) => {\n star.setAttribute('role', 'radio');\n star.setAttribute('aria-label', `${index + 1} star${index === 0 ? '' : 's'}`);\n });\n }\n \n if (this.textareaElement) {\n this.textareaElement.setAttribute('aria-required', 'false');\n }\n }\n \n /**\n * Handle form submission\n * @param e - Submit event\n */\n handleSubmit(e: Event) {\n e.preventDefault();\n \n if (!this.ratingElement || !this.textareaElement) return;\n \n const rating = parseFloat(this.ratingElement.getAttribute('data-value') || '0');\n const comment = (this.textareaElement as HTMLTextAreaElement).value;\n \n if (this.onSubmit && rating > 0) {\n this.onSubmit(rating, comment);\n }\n \n // Show success state\n this.showSuccessState();\n }\n \n /**\n * Show the success state after submission\n */\n showSuccessState() {\n // This will be handled by React state in the component\n // But we could add additional logic here if needed\n }\n \n /**\n * Reset the form\n */\n reset() {\n if (this.ratingElement) {\n this.ratingElement.setAttribute('data-value', '0');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach(star => {\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n });\n }\n \n if (this.textareaElement) {\n (this.textareaElement as HTMLTextAreaElement).value = '';\n }\n }\n \n /**\n * Clean up event listeners\n */\n destroy() {\n if (this.formElement) {\n this.formElement.removeEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Clean up any other event listeners\n }\n}\n"],"names":["ProductReview","element","options","arguments","length","undefined","_classCallCheck","this","_objectSpread","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","key","value","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","concat","e","preventDefault","rating","parseFloat","getAttribute","comment","showSuccessState","classList","remove","removeEventListener"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export const __webpack_id__=13;export const __webpack_ids__=[13];export const __webpack_modules__={13:(t,e,r)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function o(t,e,r){return(e=l(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,l(i.key),i)}}function l(t){var e=function(t,e){if("object"!=i(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==i(e)?e:e+""}r.r(e),r.d(e,{default:()=>s});const s=function(){return t=function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.options=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null},r),this.ratingElement=this.element.querySelector(".c-rating"),this.textareaElement=this.element.querySelector(".c-product-review__textarea"),this.submitButton=this.element.querySelector(".c-product-review__actions .c-btn"),this.formElement=this.element.querySelector(".c-product-review__form"),this.onSubmit=this.options.onSubmit,this.init()},e=[{key:"init",value:function(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}},{key:"setupAccessibility",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t,e){t.setAttribute("role","radio"),t.setAttribute("aria-label","".concat(e+1," star").concat(0===e?"":"s"))}))),this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}},{key:"handleSubmit",value:function(t){if(t.preventDefault(),this.ratingElement&&this.textareaElement){var e=parseFloat(this.ratingElement.getAttribute("data-value")||"0"),r=this.textareaElement.value;this.onSubmit&&e>0&&this.onSubmit(e,r),this.showSuccessState()}}},{key:"showSuccessState",value:function(){}},{key:"reset",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("data-value","0"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t){t.classList.remove("c-rating__star--full","c-rating__star--half")}))),this.textareaElement&&(this.textareaElement.value="")}},{key:"destroy",value:function(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}],e&&a(t.prototype,e),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,r}()}};
|
|
2
|
-
//# sourceMappingURL=13.atomix-0.1.3.react.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/13.atomix-0.1.3.react.esm.js","mappings":"+qCAEA,QCCkC,WAoChC,O,EAtBA,SAAAA,EAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,G,4FAACG,CAAA,KAAAN,GACjDO,KAAKN,QAAUA,EACfM,KAAKL,Q,+VAAOM,CAAA,CACVC,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,MACPb,GAGLK,KAAKS,cAAgBT,KAAKN,QAAQgB,cAAc,aAChDV,KAAKW,gBAAkBX,KAAKN,QAAQgB,cAAc,+BAClDV,KAAKY,aAAeZ,KAAKN,QAAQgB,cAAc,qCAC/CV,KAAKa,YAAcb,KAAKN,QAAQgB,cAAc,2BAC9CV,KAAKQ,SAAWR,KAAKL,QAAQa,SAE7BR,KAAKc,MACP,E,EAEA,EAAAC,IAAA,OAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYI,iBAAiB,SAAUjB,KAAKkB,aAAaC,KAAKnB,OAIrEA,KAAKoB,oBACP,GAEA,CAAAL,IAAA,qBAAAC,MAGA,WAEMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,OAAQ,cACxCrB,KAAKS,cAAcY,aAAa,aAAc,UAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAACC,EAAMC,GACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAFK,OAAKD,EAAQ,EAAC,SAAAC,OAAkB,IAAVD,EAAc,GAAK,KACzE,KAGEzB,KAAKW,iBACPX,KAAKW,gBAAgBU,aAAa,gBAAiB,QAEvD,GAEA,CAAAN,IAAA,eAAAC,MAIA,SAAaW,GAGX,GAFAA,EAAEC,iBAEG5B,KAAKS,eAAkBT,KAAKW,gBAAjC,CAEA,IAAMkB,EAASC,WAAW9B,KAAKS,cAAcsB,aAAa,eAAiB,KACrEC,EAAWhC,KAAKW,gBAAwCK,MAE1DhB,KAAKQ,UAAYqB,EAAS,GAC5B7B,KAAKQ,SAASqB,EAAQG,GAIxBhC,KAAKiC,kBAVmD,CAW1D,GAEA,CAAAlB,IAAA,mBAAAC,MAGA,WAEE,GAGF,CAAAD,IAAA,QAAAC,MAGA,WACMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,aAAc,KAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAAAC,GACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAChD,KAGEnC,KAAKW,kBACNX,KAAKW,gBAAwCK,MAAQ,GAE1D,GAEA,CAAAD,IAAA,UAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYuB,oBAAoB,SAAUpC,KAAKkB,aAAaC,KAAKnB,MAI1E,I,4FAAC,CA5H+B,E","sources":["webpack://@shohojdhara/atomix/./src/components/ProductReview/scripts/bundle.ts","webpack://@shohojdhara/atomix/./src/components/ProductReview/scripts/componentInteractions.ts"],"sourcesContent":["import ProductReview from './componentInteractions';\n\nexport default ProductReview;\n","/**\n * Class for handling ProductReview component interactions\n */\nexport default class ProductReview {\n element: HTMLElement;\n options: any;\n ratingElement: HTMLElement | null;\n textareaElement: HTMLElement | null;\n submitButton: HTMLElement | null;\n formElement: HTMLFormElement | null;\n onSubmit: ((rating: number, comment: string) => void) | null;\n \n /**\n * Create a new ProductReview instance\n * @param element - The product review container element\n * @param options - Configuration options\n */\n constructor(element: HTMLElement, options: any = {}) {\n this.element = element;\n this.options = {\n productName: '',\n productImage: null,\n initialRating: 0,\n maxRating: 5,\n allowHalf: true,\n ratingColor: 'warning',\n onSubmit: null,\n ...options\n };\n \n this.ratingElement = this.element.querySelector('.c-rating');\n this.textareaElement = this.element.querySelector('.c-product-review__textarea');\n this.submitButton = this.element.querySelector('.c-product-review__actions .c-btn');\n this.formElement = this.element.querySelector('.c-product-review__form') as HTMLFormElement;\n this.onSubmit = this.options.onSubmit;\n \n this.init();\n }\n \n /**\n * Initialize the product review component\n */\n init() {\n if (this.formElement) {\n this.formElement.addEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Add any additional initialization logic here\n this.setupAccessibility();\n }\n \n /**\n * Set up accessibility features\n */\n setupAccessibility() {\n // Add ARIA attributes for better accessibility\n if (this.ratingElement) {\n this.ratingElement.setAttribute('role', 'radiogroup');\n this.ratingElement.setAttribute('aria-label', 'Rating');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach((star, index) => {\n star.setAttribute('role', 'radio');\n star.setAttribute('aria-label', `${index + 1} star${index === 0 ? '' : 's'}`);\n });\n }\n \n if (this.textareaElement) {\n this.textareaElement.setAttribute('aria-required', 'false');\n }\n }\n \n /**\n * Handle form submission\n * @param e - Submit event\n */\n handleSubmit(e: Event) {\n e.preventDefault();\n \n if (!this.ratingElement || !this.textareaElement) return;\n \n const rating = parseFloat(this.ratingElement.getAttribute('data-value') || '0');\n const comment = (this.textareaElement as HTMLTextAreaElement).value;\n \n if (this.onSubmit && rating > 0) {\n this.onSubmit(rating, comment);\n }\n \n // Show success state\n this.showSuccessState();\n }\n \n /**\n * Show the success state after submission\n */\n showSuccessState() {\n // This will be handled by React state in the component\n // But we could add additional logic here if needed\n }\n \n /**\n * Reset the form\n */\n reset() {\n if (this.ratingElement) {\n this.ratingElement.setAttribute('data-value', '0');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach(star => {\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n });\n }\n \n if (this.textareaElement) {\n (this.textareaElement as HTMLTextAreaElement).value = '';\n }\n }\n \n /**\n * Clean up event listeners\n */\n destroy() {\n if (this.formElement) {\n this.formElement.removeEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Clean up any other event listeners\n }\n}\n"],"names":["ProductReview","element","options","arguments","length","undefined","_classCallCheck","this","_objectSpread","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","key","value","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","concat","e","preventDefault","rating","parseFloat","getAttribute","comment","showSuccessState","classList","remove","removeEventListener"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[13],{13:(t,e,r)=>{function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function o(t,e,r){return(e=l(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,l(i.key),i)}}function l(t){var e=function(t,e){if("object"!=i(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==i(e)?e:e+""}r.r(e),r.d(e,{default:()=>u});const u=function(){return t=function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.options=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null},r),this.ratingElement=this.element.querySelector(".c-rating"),this.textareaElement=this.element.querySelector(".c-product-review__textarea"),this.submitButton=this.element.querySelector(".c-product-review__actions .c-btn"),this.formElement=this.element.querySelector(".c-product-review__form"),this.onSubmit=this.options.onSubmit,this.init()},e=[{key:"init",value:function(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}},{key:"setupAccessibility",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t,e){t.setAttribute("role","radio"),t.setAttribute("aria-label","".concat(e+1," star").concat(0===e?"":"s"))}))),this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}},{key:"handleSubmit",value:function(t){if(t.preventDefault(),this.ratingElement&&this.textareaElement){var e=parseFloat(this.ratingElement.getAttribute("data-value")||"0"),r=this.textareaElement.value;this.onSubmit&&e>0&&this.onSubmit(e,r),this.showSuccessState()}}},{key:"showSuccessState",value:function(){}},{key:"reset",value:function(){this.ratingElement&&(this.ratingElement.setAttribute("data-value","0"),this.ratingElement.querySelectorAll(".c-rating__star").forEach((function(t){t.classList.remove("c-rating__star--full","c-rating__star--half")}))),this.textareaElement&&(this.textareaElement.value="")}},{key:"destroy",value:function(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}],e&&a(t.prototype,e),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,r}()}}]);
|
|
2
|
-
//# sourceMappingURL=13.atomix-0.1.3.react.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/13.atomix-0.1.3.react.js","mappings":"2pCAEA,QCCkC,WAoChC,O,EAtBA,SAAAA,EAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,G,4FAACG,CAAA,KAAAN,GACjDO,KAAKN,QAAUA,EACfM,KAAKL,Q,+VAAOM,CAAA,CACVC,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,MACPb,GAGLK,KAAKS,cAAgBT,KAAKN,QAAQgB,cAAc,aAChDV,KAAKW,gBAAkBX,KAAKN,QAAQgB,cAAc,+BAClDV,KAAKY,aAAeZ,KAAKN,QAAQgB,cAAc,qCAC/CV,KAAKa,YAAcb,KAAKN,QAAQgB,cAAc,2BAC9CV,KAAKQ,SAAWR,KAAKL,QAAQa,SAE7BR,KAAKc,MACP,E,EAEA,EAAAC,IAAA,OAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYI,iBAAiB,SAAUjB,KAAKkB,aAAaC,KAAKnB,OAIrEA,KAAKoB,oBACP,GAEA,CAAAL,IAAA,qBAAAC,MAGA,WAEMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,OAAQ,cACxCrB,KAAKS,cAAcY,aAAa,aAAc,UAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAACC,EAAMC,GACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAFK,OAAKD,EAAQ,EAAC,SAAAC,OAAkB,IAAVD,EAAc,GAAK,KACzE,KAGEzB,KAAKW,iBACPX,KAAKW,gBAAgBU,aAAa,gBAAiB,QAEvD,GAEA,CAAAN,IAAA,eAAAC,MAIA,SAAaW,GAGX,GAFAA,EAAEC,iBAEG5B,KAAKS,eAAkBT,KAAKW,gBAAjC,CAEA,IAAMkB,EAASC,WAAW9B,KAAKS,cAAcsB,aAAa,eAAiB,KACrEC,EAAWhC,KAAKW,gBAAwCK,MAE1DhB,KAAKQ,UAAYqB,EAAS,GAC5B7B,KAAKQ,SAASqB,EAAQG,GAIxBhC,KAAKiC,kBAVmD,CAW1D,GAEA,CAAAlB,IAAA,mBAAAC,MAGA,WAEE,GAGF,CAAAD,IAAA,QAAAC,MAGA,WACMhB,KAAKS,gBACPT,KAAKS,cAAcY,aAAa,aAAc,KAEhCrB,KAAKS,cAAca,iBAAiB,mBAC5CC,SAAQ,SAAAC,GACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAChD,KAGEnC,KAAKW,kBACNX,KAAKW,gBAAwCK,MAAQ,GAE1D,GAEA,CAAAD,IAAA,UAAAC,MAGA,WACMhB,KAAKa,aACPb,KAAKa,YAAYuB,oBAAoB,SAAUpC,KAAKkB,aAAaC,KAAKnB,MAI1E,I,4FAAC,CA5H+B,E","sources":["webpack://Atomix/./src/components/ProductReview/scripts/bundle.ts","webpack://Atomix/./src/components/ProductReview/scripts/componentInteractions.ts"],"sourcesContent":["import ProductReview from './componentInteractions';\n\nexport default ProductReview;\n","/**\n * Class for handling ProductReview component interactions\n */\nexport default class ProductReview {\n element: HTMLElement;\n options: any;\n ratingElement: HTMLElement | null;\n textareaElement: HTMLElement | null;\n submitButton: HTMLElement | null;\n formElement: HTMLFormElement | null;\n onSubmit: ((rating: number, comment: string) => void) | null;\n \n /**\n * Create a new ProductReview instance\n * @param element - The product review container element\n * @param options - Configuration options\n */\n constructor(element: HTMLElement, options: any = {}) {\n this.element = element;\n this.options = {\n productName: '',\n productImage: null,\n initialRating: 0,\n maxRating: 5,\n allowHalf: true,\n ratingColor: 'warning',\n onSubmit: null,\n ...options\n };\n \n this.ratingElement = this.element.querySelector('.c-rating');\n this.textareaElement = this.element.querySelector('.c-product-review__textarea');\n this.submitButton = this.element.querySelector('.c-product-review__actions .c-btn');\n this.formElement = this.element.querySelector('.c-product-review__form') as HTMLFormElement;\n this.onSubmit = this.options.onSubmit;\n \n this.init();\n }\n \n /**\n * Initialize the product review component\n */\n init() {\n if (this.formElement) {\n this.formElement.addEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Add any additional initialization logic here\n this.setupAccessibility();\n }\n \n /**\n * Set up accessibility features\n */\n setupAccessibility() {\n // Add ARIA attributes for better accessibility\n if (this.ratingElement) {\n this.ratingElement.setAttribute('role', 'radiogroup');\n this.ratingElement.setAttribute('aria-label', 'Rating');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach((star, index) => {\n star.setAttribute('role', 'radio');\n star.setAttribute('aria-label', `${index + 1} star${index === 0 ? '' : 's'}`);\n });\n }\n \n if (this.textareaElement) {\n this.textareaElement.setAttribute('aria-required', 'false');\n }\n }\n \n /**\n * Handle form submission\n * @param e - Submit event\n */\n handleSubmit(e: Event) {\n e.preventDefault();\n \n if (!this.ratingElement || !this.textareaElement) return;\n \n const rating = parseFloat(this.ratingElement.getAttribute('data-value') || '0');\n const comment = (this.textareaElement as HTMLTextAreaElement).value;\n \n if (this.onSubmit && rating > 0) {\n this.onSubmit(rating, comment);\n }\n \n // Show success state\n this.showSuccessState();\n }\n \n /**\n * Show the success state after submission\n */\n showSuccessState() {\n // This will be handled by React state in the component\n // But we could add additional logic here if needed\n }\n \n /**\n * Reset the form\n */\n reset() {\n if (this.ratingElement) {\n this.ratingElement.setAttribute('data-value', '0');\n \n const stars = this.ratingElement.querySelectorAll('.c-rating__star');\n stars.forEach(star => {\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n });\n }\n \n if (this.textareaElement) {\n (this.textareaElement as HTMLTextAreaElement).value = '';\n }\n }\n \n /**\n * Clean up event listeners\n */\n destroy() {\n if (this.formElement) {\n this.formElement.removeEventListener('submit', this.handleSubmit.bind(this));\n }\n \n // Clean up any other event listeners\n }\n}\n"],"names":["ProductReview","element","options","arguments","length","undefined","_classCallCheck","this","_objectSpread","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","key","value","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","concat","e","preventDefault","rating","parseFloat","getAttribute","comment","showSuccessState","classList","remove","removeEventListener"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[646],{646:(t,e,n)=>{n.r(e),n.d(e,{default:()=>a,initializeToggles:()=>u});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,s(i.key),i)}}function s(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var l=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.isOn=!1,this._initialize()},(e=[{key:"_initialize",value:function(){this._bindEvents(),this.element.classList.contains(i.DR.CLASSES.IS_ON)&&(this.isOn=!0)}},{key:"_bindEvents",value:function(){this.element.addEventListener("click",this._handleToggle.bind(this))}},{key:"_handleToggle",value:function(){this.isOn?this.turnOff():this.turnOn()}},{key:"turnOn",value:function(){this.element.classList.add(i.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}},{key:"turnOff",value:function(){this.element.classList.remove(i.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}},{key:"destroy",value:function(){this.element.removeEventListener("click",this._handleToggle)}}])&&r(t.prototype,e),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function u(){var t=[],e=document.querySelectorAll(i.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((function(e){try{var n=new l(e);t.push(n)}catch(t){}})),t):t}const a=l}}]);
|
|
2
|
-
//# sourceMappingURL=646.atomix-0.1.3.react.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/646.atomix-0.1.3.react.cjs.js","mappings":"i4BAWA,IAGMA,EAAM,WAcV,O,EANA,SAAAA,EAAYC,I,4FAAsBC,CAAA,KAAAF,GAChCG,KAAKF,QAAUA,EACfE,KAAKC,MAAO,EACZD,KAAKE,aACP,G,EAEA,EAAAC,IAAA,cAAAC,MAGA,WACEJ,KAAKK,cAEDL,KAAKF,QAAQQ,UAAUC,SAASC,EAAAA,GAAOC,QAAQC,SACjDV,KAAKC,MAAO,EAEhB,GAEA,CAAAE,IAAA,cAAAC,MAGA,WACEJ,KAAKF,QAAQa,iBAAiB,QAASX,KAAKY,cAAcC,KAAKb,MACjE,GAEA,CAAAG,IAAA,gBAAAC,MAGA,WACOJ,KAAKC,KAGRD,KAAKc,UAFLd,KAAKe,QAIT,GAEA,CAAAZ,IAAA,SAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUU,IAAIR,EAAAA,GAAOC,QAAQC,OAC1CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,YAAa,CACtDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUc,OAAOZ,EAAAA,GAAOC,QAAQC,OAC7CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,aAAc,CACvDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQuB,oBAAoB,QAASrB,KAAKY,cACjD,M,yFAAC,CA1ES,GAiFL,SAASU,IACd,IAAMC,EAAoC,GACpCC,EAAiBC,SAASC,iBAA8BlB,EAAAA,GAAOmB,UAAUnB,QAE/E,OAAKgB,EAAeI,QAEpBJ,EAAeK,SAAQ,SAAC/B,GACtB,IACE,IAAMgC,EAAW,IAAIjC,EAAOC,GAC5ByB,EAAgBQ,KAAKD,EACvB,CAAE,MAAOE,GAET,CACF,IAEOT,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","_classCallCheck","this","isOn","_initialize","key","value","_bindEvents","classList","contains","TOGGLE","CLASSES","IS_ON","addEventListener","_handleToggle","bind","turnOff","turnOn","add","dispatchEvent","CustomEvent","bubbles","remove","removeEventListener","initializeToggles","toggleInstances","toggleElements","document","querySelectorAll","SELECTORS","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export const __webpack_id__=646;export const __webpack_ids__=[646];export const __webpack_modules__={646:(t,e,n)=>{n.r(e),n.d(e,{default:()=>a,initializeToggles:()=>u});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,s(i.key),i)}}function s(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var l=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.isOn=!1,this._initialize()},(e=[{key:"_initialize",value:function(){this._bindEvents(),this.element.classList.contains(i.DR.CLASSES.IS_ON)&&(this.isOn=!0)}},{key:"_bindEvents",value:function(){this.element.addEventListener("click",this._handleToggle.bind(this))}},{key:"_handleToggle",value:function(){this.isOn?this.turnOff():this.turnOn()}},{key:"turnOn",value:function(){this.element.classList.add(i.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}},{key:"turnOff",value:function(){this.element.classList.remove(i.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}},{key:"destroy",value:function(){this.element.removeEventListener("click",this._handleToggle)}}])&&r(t.prototype,e),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function u(){var t=[],e=document.querySelectorAll(i.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((function(e){try{var n=new l(e);t.push(n)}catch(t){}})),t):t}const a=l}};
|
|
2
|
-
//# sourceMappingURL=646.atomix-0.1.3.react.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/646.atomix-0.1.3.react.esm.js","mappings":"43BAWA,IAGMA,EAAM,WAcV,O,EANA,SAAAA,EAAYC,I,4FAAsBC,CAAA,KAAAF,GAChCG,KAAKF,QAAUA,EACfE,KAAKC,MAAO,EACZD,KAAKE,aACP,G,EAEA,EAAAC,IAAA,cAAAC,MAGA,WACEJ,KAAKK,cAEDL,KAAKF,QAAQQ,UAAUC,SAASC,EAAAA,GAAOC,QAAQC,SACjDV,KAAKC,MAAO,EAEhB,GAEA,CAAAE,IAAA,cAAAC,MAGA,WACEJ,KAAKF,QAAQa,iBAAiB,QAASX,KAAKY,cAAcC,KAAKb,MACjE,GAEA,CAAAG,IAAA,gBAAAC,MAGA,WACOJ,KAAKC,KAGRD,KAAKc,UAFLd,KAAKe,QAIT,GAEA,CAAAZ,IAAA,SAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUU,IAAIR,EAAAA,GAAOC,QAAQC,OAC1CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,YAAa,CACtDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUc,OAAOZ,EAAAA,GAAOC,QAAQC,OAC7CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,aAAc,CACvDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQuB,oBAAoB,QAASrB,KAAKY,cACjD,M,yFAAC,CA1ES,GAiFL,SAASU,IACd,IAAMC,EAAoC,GACpCC,EAAiBC,SAASC,iBAA8BlB,EAAAA,GAAOmB,UAAUnB,QAE/E,OAAKgB,EAAeI,QAEpBJ,EAAeK,SAAQ,SAAC/B,GACtB,IACE,IAAMgC,EAAW,IAAIjC,EAAOC,GAC5ByB,EAAgBQ,KAAKD,EACvB,CAAE,MAAOE,GAET,CACF,IAEOT,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","_classCallCheck","this","isOn","_initialize","key","value","_bindEvents","classList","contains","TOGGLE","CLASSES","IS_ON","addEventListener","_handleToggle","bind","turnOff","turnOn","add","dispatchEvent","CustomEvent","bubbles","remove","removeEventListener","initializeToggles","toggleInstances","toggleElements","document","querySelectorAll","SELECTORS","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[646],{646:(t,e,n)=>{n.r(e),n.d(e,{default:()=>a,initializeToggles:()=>u});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,s(i.key),i)}}function s(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var l=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.isOn=!1,this._initialize()},(e=[{key:"_initialize",value:function(){this._bindEvents(),this.element.classList.contains(i.DR.CLASSES.IS_ON)&&(this.isOn=!0)}},{key:"_bindEvents",value:function(){this.element.addEventListener("click",this._handleToggle.bind(this))}},{key:"_handleToggle",value:function(){this.isOn?this.turnOff():this.turnOn()}},{key:"turnOn",value:function(){this.element.classList.add(i.DR.CLASSES.IS_ON),this.isOn=!0,this.element.dispatchEvent(new CustomEvent("toggle:on",{bubbles:!0}))}},{key:"turnOff",value:function(){this.element.classList.remove(i.DR.CLASSES.IS_ON),this.isOn=!1,this.element.dispatchEvent(new CustomEvent("toggle:off",{bubbles:!0}))}},{key:"destroy",value:function(){this.element.removeEventListener("click",this._handleToggle)}}])&&r(t.prototype,e),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function u(){var t=[],e=document.querySelectorAll(i.DR.SELECTORS.TOGGLE);return e.length?(e.forEach((function(e){try{var n=new l(e);t.push(n)}catch(t){}})),t):t}const a=l}}]);
|
|
2
|
-
//# sourceMappingURL=646.atomix-0.1.3.react.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/646.atomix-0.1.3.react.js","mappings":"u2BAWA,IAGMA,EAAM,WAcV,O,EANA,SAAAA,EAAYC,I,4FAAsBC,CAAA,KAAAF,GAChCG,KAAKF,QAAUA,EACfE,KAAKC,MAAO,EACZD,KAAKE,aACP,G,EAEA,EAAAC,IAAA,cAAAC,MAGA,WACEJ,KAAKK,cAEDL,KAAKF,QAAQQ,UAAUC,SAASC,EAAAA,GAAOC,QAAQC,SACjDV,KAAKC,MAAO,EAEhB,GAEA,CAAAE,IAAA,cAAAC,MAGA,WACEJ,KAAKF,QAAQa,iBAAiB,QAASX,KAAKY,cAAcC,KAAKb,MACjE,GAEA,CAAAG,IAAA,gBAAAC,MAGA,WACOJ,KAAKC,KAGRD,KAAKc,UAFLd,KAAKe,QAIT,GAEA,CAAAZ,IAAA,SAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUU,IAAIR,EAAAA,GAAOC,QAAQC,OAC1CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,YAAa,CACtDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQQ,UAAUc,OAAOZ,EAAAA,GAAOC,QAAQC,OAC7CV,KAAKC,MAAO,EAGZD,KAAKF,QAAQmB,cAAc,IAAIC,YAAY,aAAc,CACvDC,SAAS,IAEb,GAEA,CAAAhB,IAAA,UAAAC,MAGA,WACEJ,KAAKF,QAAQuB,oBAAoB,QAASrB,KAAKY,cACjD,M,yFAAC,CA1ES,GAiFL,SAASU,IACd,IAAMC,EAAoC,GACpCC,EAAiBC,SAASC,iBAA8BlB,EAAAA,GAAOmB,UAAUnB,QAE/E,OAAKgB,EAAeI,QAEpBJ,EAAeK,SAAQ,SAAC/B,GACtB,IACE,IAAMgC,EAAW,IAAIjC,EAAOC,GAC5ByB,EAAgBQ,KAAKD,EACvB,CAAE,MAAOE,GAET,CACF,IAEOT,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","_classCallCheck","this","isOn","_initialize","key","value","_bindEvents","classList","contains","TOGGLE","CLASSES","IS_ON","addEventListener","_handleToggle","bind","turnOff","turnOn","add","dispatchEvent","CustomEvent","bubbles","remove","removeEventListener","initializeToggles","toggleInstances","toggleElements","document","querySelectorAll","SELECTORS","length","forEach","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[979],{979:(t,e,n)=>{n.r(e),n.d(e,{default:()=>f,initializeTabs:()=>v});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function a(t,e,n){return(e=c(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,c(i.key),i)}}function c(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var u={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},h=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.selector=e||i.wn.SELECTORS.TAB,this.$element="string"==typeof e?document.querySelector(e):e,this.options=s(s({},u),n),this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()},(e=[{key:"_initialize",value:function(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}},{key:"_initializeElements",value:function(){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))}},{key:"_bindEvents",value:function(){var t=this;this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.addEventListener("click",(function(){return t._handleTabClick(n)}))}))}},{key:"_handleTabClick",value:function(t){var e=t.dataset.tabindex;void 0!==e&&(this._hideAllTabs(),this._showTab(e))}},{key:"_hideAllTabs",value:function(){var t=this;this.$panels&&this.$navItems&&(this.$panels.forEach((function(e){e.style.height="0px",e.classList.remove(t.options.activeClass),e.style.opacity="0"})),this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.classList.remove(t.options.activeClass)})))}},{key:"_showTab",value:function(t){var e=this;this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach((function(n,i){if(n.dataset.tabindex==t.toString()){var o,r=null===(o=e.$panelBodys)||void 0===o?void 0:o[i];r&&(n.classList.add(e.options.activeClass),requestAnimationFrame((function(){n.style.height="".concat(r.clientHeight,"px"),n.style.opacity="1"})))}})),this.$navItems.forEach((function(n,i){var o=n.querySelector(e.options.navBtn);o&&o.dataset.tabindex==t.toString()&&o.classList.add(e.options.activeClass)})))}},{key:"destroy",value:function(){var t=this;this.$element&&this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.removeEventListener("click",(function(){return t._handleTabClick(n)}))}))}}])&&l(t.prototype,e),n&&l(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function v(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.wn.SELECTORS.TAB,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],o=document.querySelectorAll(t);return o.length?(o.forEach((function(t){try{var i=new h(t,e);n.push(i)}catch(t){}})),n):n}const f=h}}]);
|
|
2
|
-
//# sourceMappingURL=979.atomix-0.1.3.react.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/979.atomix-0.1.3.react.cjs.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","options","arguments","length","undefined","_classCallCheck","this","$element","document","querySelector","_objectSpread","$navItems","$panels","$panelBodys","_initialize","key","value","_initializeElements","_showTab","_bindEvents","querySelectorAll","_this","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","_this2","panel","style","height","classList","remove","opacity","index","_this3","pIndex","toString","_this3$$panelBodys","panelBody","add","requestAnimationFrame","concat","clientHeight","navItem","nIndex","_this4","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export const __webpack_id__=979;export const __webpack_ids__=[979];export const __webpack_modules__={979:(t,e,n)=>{n.r(e),n.d(e,{default:()=>p,initializeTabs:()=>v});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function a(t,e,n){return(e=c(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,c(i.key),i)}}function c(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var u={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},h=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.selector=e||i.wn.SELECTORS.TAB,this.$element="string"==typeof e?document.querySelector(e):e,this.options=s(s({},u),n),this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()},(e=[{key:"_initialize",value:function(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}},{key:"_initializeElements",value:function(){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))}},{key:"_bindEvents",value:function(){var t=this;this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.addEventListener("click",(function(){return t._handleTabClick(n)}))}))}},{key:"_handleTabClick",value:function(t){var e=t.dataset.tabindex;void 0!==e&&(this._hideAllTabs(),this._showTab(e))}},{key:"_hideAllTabs",value:function(){var t=this;this.$panels&&this.$navItems&&(this.$panels.forEach((function(e){e.style.height="0px",e.classList.remove(t.options.activeClass),e.style.opacity="0"})),this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.classList.remove(t.options.activeClass)})))}},{key:"_showTab",value:function(t){var e=this;this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach((function(n,i){if(n.dataset.tabindex==t.toString()){var o,r=null===(o=e.$panelBodys)||void 0===o?void 0:o[i];r&&(n.classList.add(e.options.activeClass),requestAnimationFrame((function(){n.style.height="".concat(r.clientHeight,"px"),n.style.opacity="1"})))}})),this.$navItems.forEach((function(n,i){var o=n.querySelector(e.options.navBtn);o&&o.dataset.tabindex==t.toString()&&o.classList.add(e.options.activeClass)})))}},{key:"destroy",value:function(){var t=this;this.$element&&this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.removeEventListener("click",(function(){return t._handleTabClick(n)}))}))}}])&&l(t.prototype,e),n&&l(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function v(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.wn.SELECTORS.TAB,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],o=document.querySelectorAll(t);return o.length?(o.forEach((function(t){try{var i=new h(t,e);n.push(i)}catch(t){}})),n):n}const p=h}};
|
|
2
|
-
//# sourceMappingURL=979.atomix-0.1.3.react.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/979.atomix-0.1.3.react.esm.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","options","arguments","length","undefined","_classCallCheck","this","$element","document","querySelector","_objectSpread","$navItems","$panels","$panelBodys","_initialize","key","value","_initializeElements","_showTab","_bindEvents","querySelectorAll","_this","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","_this2","panel","style","height","classList","remove","opacity","index","_this3","pIndex","toString","_this3$$panelBodys","panelBody","add","requestAnimationFrame","concat","clientHeight","navItem","nIndex","_this4","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[979],{979:(t,e,n)=>{n.r(e),n.d(e,{default:()=>f,initializeTabs:()=>v});var i=n(653);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function a(t,e,n){return(e=c(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,c(i.key),i)}}function c(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=o(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}var u={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},h=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.selector=e||i.wn.SELECTORS.TAB,this.$element="string"==typeof e?document.querySelector(e):e,this.options=s(s({},u),n),this.$navItems=null,this.$panels=null,this.$panelBodys=null,this._initialize()},(e=[{key:"_initialize",value:function(){this.$element&&(this._initializeElements(),this._showTab(this.options.activeIndex),this._bindEvents())}},{key:"_initializeElements",value:function(){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))}},{key:"_bindEvents",value:function(){var t=this;this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.addEventListener("click",(function(){return t._handleTabClick(n)}))}))}},{key:"_handleTabClick",value:function(t){var e=t.dataset.tabindex;void 0!==e&&(this._hideAllTabs(),this._showTab(e))}},{key:"_hideAllTabs",value:function(){var t=this;this.$panels&&this.$navItems&&(this.$panels.forEach((function(e){e.style.height="0px",e.classList.remove(t.options.activeClass),e.style.opacity="0"})),this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.classList.remove(t.options.activeClass)})))}},{key:"_showTab",value:function(t){var e=this;this.$panels&&this.$navItems&&this.$panelBodys&&(this.$panels.forEach((function(n,i){if(n.dataset.tabindex==t.toString()){var o,r=null===(o=e.$panelBodys)||void 0===o?void 0:o[i];r&&(n.classList.add(e.options.activeClass),requestAnimationFrame((function(){n.style.height="".concat(r.clientHeight,"px"),n.style.opacity="1"})))}})),this.$navItems.forEach((function(n,i){var o=n.querySelector(e.options.navBtn);o&&o.dataset.tabindex==t.toString()&&o.classList.add(e.options.activeClass)})))}},{key:"destroy",value:function(){var t=this;this.$element&&this.$navItems&&this.$navItems.forEach((function(e){var n=e.querySelector(t.options.navBtn);n&&n.removeEventListener("click",(function(){return t._handleTabClick(n)}))}))}}])&&l(t.prototype,e),n&&l(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function v(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.wn.SELECTORS.TAB,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],o=document.querySelectorAll(t);return o.length?(o.forEach((function(t){try{var i=new h(t,e);n.push(i)}catch(t){}})),n):n}const f=h}}]);
|
|
2
|
-
//# sourceMappingURL=979.atomix-0.1.3.react.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/979.atomix-0.1.3.react.js","mappings":"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","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","options","arguments","length","undefined","_classCallCheck","this","$element","document","querySelector","_objectSpread","$navItems","$panels","$panelBodys","_initialize","key","value","_initializeElements","_showTab","_bindEvents","querySelectorAll","_this","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","_this2","panel","style","height","classList","remove","opacity","index","_this3","pIndex","toString","_this3$$panelBodys","panelBody","add","requestAnimationFrame","concat","clientHeight","navItem","nIndex","_this4","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[989],{989:(t,e,a)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,n)}return a}function i(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?r(Object(a),!0).forEach((function(e){s(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):r(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function o(t,e){for(var a=0;a<e.length;a++){var n=e[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,l(n.key),n)}}function s(t,e,a){return(e=l(e))in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function l(t){var e=function(t,e){if("object"!=n(t)||!t)return t;var a=t[Symbol.toPrimitive];if(void 0!==a){var r=a.call(t,e||"default");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==n(e)?e:e+""}a.r(e),a.d(e,{default:()=>c,disposeAll:()=>b,enhanceWithKeyboardNavigation:()=>h,getInstance:()=>f,initFromDataAttributes:()=>d});var u={value:0,maxValue:5,allowHalf:!1,readOnly:!1,size:"md"},c=function(){return t=function t(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),s(this,"stars",null),this.element="string"==typeof e?document.querySelector(e):e,!this.element)throw new Error("Rating: Element not found");this.options=i(i({},u),a),this._currentValue=this.options.value||0,this._boundHandleMouseEnter=this._handleMouseEnter.bind(this),this._boundHandleMouseLeave=this._handleMouseLeave.bind(this),this._boundHandleClick=this._handleClick.bind(this),this._boundHandleKeyDown=this._handleKeyDown.bind(this),this.element._rating=this,this._init()},(e=[{key:"_init",value:function(){this.element.setAttribute("data-max-value",String(this.options.maxValue)),this.element.setAttribute("data-allow-half",String(this.options.allowHalf)),this.element.setAttribute("data-readonly",String(this.options.readOnly)),this.options.readOnly?(this.element.setAttribute("role","img"),this.element.setAttribute("aria-label","Rating: ".concat(this._currentValue," out of ").concat(this.options.maxValue," stars"))):this.element.setAttribute("role","radiogroup"),this.options.size&&"md"!==this.options.size&&this.element.classList.add("c-rating--".concat(this.options.size)),this.options.color&&this.element.classList.add("c-rating--".concat(this.options.color)),this.stars=this.element.querySelectorAll(".c-rating__star"),this._updateStars(),this.options.readOnly||this._bindEvents(),this.element.dispatchEvent(new CustomEvent("rating:init",{bubbles:!0,detail:{instance:this}}))}},{key:"_bindEvents",value:function(){var t=this;this.stars&&(this.stars.forEach((function(e){e.addEventListener("mouseenter",t._boundHandleMouseEnter),e.addEventListener("click",t._boundHandleClick),e.addEventListener("keydown",t._boundHandleKeyDown),e.setAttribute("tabindex","0"),e.setAttribute("role","button")})),this.element.addEventListener("mouseleave",this._boundHandleMouseLeave))}},{key:"_handleMouseEnter",value:function(t){if(!this.options.readOnly){var e=t.currentTarget,a=Number(e.getAttribute("data-value"));this._highlightStars(a)}}},{key:"_handleMouseLeave",value:function(){this.options.readOnly||this._updateStars()}},{key:"_handleClick",value:function(t){if(!this.options.readOnly){var e=t.currentTarget,a=Number(e.getAttribute("data-value"));this.setValue(a),this.options.onChange&&this.options.onChange(a)}}},{key:"_handleKeyDown",value:function(t){if(!this.options.readOnly){var e=t.currentTarget,a=Number(e.getAttribute("data-value")),n=this.options.allowHalf?.5:1,r=this._currentValue;switch(t.key){case"ArrowRight":case"ArrowUp":r=Math.min(this.options.maxValue||5,this._currentValue+n),t.preventDefault();break;case"ArrowLeft":case"ArrowDown":r=Math.max(0,this._currentValue-n),t.preventDefault();break;case"Home":r=0,t.preventDefault();break;case"End":r=this.options.maxValue||5,t.preventDefault();break;case" ":case"Enter":r=a,t.preventDefault();break;default:return}r!==this._currentValue&&(this.setValue(r),this.options.onChange&&this.options.onChange(r))}}},{key:"_updateStars",value:function(){var t=this;if(this.stars){var e=this.options.allowHalf?Math.floor(2*this._currentValue)/2:Math.round(this._currentValue);this.stars.forEach((function(a){var n=Number(a.getAttribute("data-value")),r=n<=Math.floor(e),i=t.options.allowHalf&&n-.5===e;a.classList.remove("c-rating__star--full","c-rating__star--half"),r?a.classList.add("c-rating__star--full"):i&&a.classList.add("c-rating__star--half"),a.setAttribute("aria-checked",r||i?"true":"false")})),this.options.readOnly&&this.element.setAttribute("aria-label","Rating: ".concat(e," out of ").concat(this.options.maxValue," stars")),this.element.setAttribute("data-value",String(e))}}},{key:"_highlightStars",value:function(t){this.stars&&this.stars.forEach((function(e){var a=Number(e.getAttribute("data-value"));e.classList.remove("c-rating__star--full","c-rating__star--half"),a<=t&&e.classList.add("c-rating__star--full")}))}},{key:"getValue",value:function(){return this._currentValue}},{key:"setValue",value:function(t){var e=Math.max(0,Math.min(t,this.options.maxValue||5));this._currentValue=e,this._updateStars(),this.element.dispatchEvent(new CustomEvent("rating:change",{bubbles:!0,detail:{value:e}}))}},{key:"updateOptions",value:function(t){this.options=i(i({},this.options),t),this._init()}},{key:"destroy",value:function(){var t=this;this.stars&&this.stars.forEach((function(e){e.removeEventListener("mouseenter",t._boundHandleMouseEnter),e.removeEventListener("click",t._boundHandleClick),e.removeEventListener("keydown",t._boundHandleKeyDown)})),this.element.removeEventListener("mouseleave",this._boundHandleMouseLeave),delete this.element._rating}}])&&o(t.prototype,e),a&&o(t,a),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,a}();function h(t){var e=t.element;if(e){e.addEventListener("keydown",(function(t){!function(t,e){if(e){var a=e.querySelectorAll(".c-rating__star");if(a.length){var n=Array.from(a).findIndex((function(t){return t===document.activeElement})),r=-1;switch(t.key){case"ArrowRight":case"ArrowUp":t.preventDefault(),r=n<a.length-1?n+1:0;break;case"ArrowLeft":case"ArrowDown":t.preventDefault(),r=n>0?n-1:a.length-1;break;case"Home":t.preventDefault(),r=0;break;case"End":t.preventDefault(),r=a.length-1;break;case" ":case"Enter":t.preventDefault(),n>=0&&a[n].click()}r>=0&&a[r].focus()}}}(t,e)}));var a=e.querySelectorAll(".c-rating__star");a.forEach((function(t){t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("role","button"),t.setAttribute("aria-label","Rate ".concat(Array.from(a).indexOf(t)+1," out of ").concat(a.length))}))}}function d(){var t=[];return document.querySelectorAll("[data-rating]").forEach((function(e){var a=e,n={};a.dataset.value&&(n.value=parseFloat(a.dataset.value)),a.dataset.maxValue&&(n.maxValue=parseFloat(a.dataset.maxValue)),void 0!==a.dataset.allowHalf&&(n.allowHalf="true"===a.dataset.allowHalf),void 0!==a.dataset.readOnly&&(n.readOnly="true"===a.dataset.readOnly),a.dataset.size&&(n.size=a.dataset.size),a.dataset.color&&(n.color=a.dataset.color);var r=new c(a,n);t.push(r),h(r)})),t}function f(t){var e="string"==typeof t?document.querySelector(t):t;return e&&e._rating||null}function b(){document.querySelectorAll("[data-rating]").forEach((function(t){var e=f(t);e&&e.destroy()}))}"undefined"!=typeof window&&(window.Atomix=window.Atomix||{},window.Atomix.Rating={create:c,init:d,get:f,disposeAll:b,enhanceKeyboardNavigation:h},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",(function(){d()})):d())}}]);
|
|
2
|
-
//# sourceMappingURL=989.atomix-0.1.3.react.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"js/989.atomix-0.1.3.react.cjs.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Rating/scripts/index.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/ratingInteractions.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/bundle.ts"],"sourcesContent":["import type { RatingProps, Size, ThemeColor } from '../../../lib/types/components';\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport type RatingOptions = Pick<RatingProps, \n 'value' | \n 'defaultValue' | \n 'maxValue' | \n 'allowHalf' | \n 'readOnly' | \n 'size' | \n 'color' | \n 'onChange'\n>;\n\n// Define default options\nconst DEFAULTS = {\n value: 0,\n maxValue: 5,\n allowHalf: false,\n readOnly: false,\n size: 'md' as Size,\n};\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport default class Rating {\n element: HTMLElement;\n options: RatingOptions;\n stars: NodeListOf<HTMLElement> | null = null;\n private _currentValue: number;\n private _boundHandleMouseEnter: (event: MouseEvent) => void;\n private _boundHandleMouseLeave: (event: MouseEvent) => void;\n private _boundHandleClick: (event: MouseEvent) => void;\n private _boundHandleKeyDown: (event: KeyboardEvent) => void;\n \n /**\n * Create a new Rating instance\n * @param element - The element to attach the rating to\n * @param options - Configuration options\n */\n constructor(element: string | HTMLElement, options: RatingOptions = {}) {\n this.element = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;\n if (!this.element) {\n throw new Error('Rating: Element not found');\n }\n \n this.options = { ...DEFAULTS, ...options };\n this._currentValue = this.options.value || 0;\n \n // Bind event handlers to this instance\n this._boundHandleMouseEnter = this._handleMouseEnter.bind(this);\n this._boundHandleMouseLeave = this._handleMouseLeave.bind(this);\n this._boundHandleClick = this._handleClick.bind(this);\n this._boundHandleKeyDown = this._handleKeyDown.bind(this);\n \n // Store reference to instance on element\n (this.element as any)._rating = this;\n \n this._init();\n }\n \n /**\n * Initialize the component\n */\n private _init(): void {\n // Set data attributes\n this.element.setAttribute('data-max-value', String(this.options.maxValue));\n this.element.setAttribute('data-allow-half', String(this.options.allowHalf));\n this.element.setAttribute('data-readonly', String(this.options.readOnly));\n \n // Set ARIA attributes\n if (this.options.readOnly) {\n this.element.setAttribute('role', 'img');\n this.element.setAttribute('aria-label', `Rating: ${this._currentValue} out of ${this.options.maxValue} stars`);\n } else {\n this.element.setAttribute('role', 'radiogroup');\n }\n \n // Add CSS classes\n if (this.options.size && this.options.size !== 'md') {\n this.element.classList.add(`c-rating--${this.options.size}`);\n }\n \n if (this.options.color) {\n this.element.classList.add(`c-rating--${this.options.color}`);\n }\n \n // Get all stars\n this.stars = this.element.querySelectorAll('.c-rating__star');\n \n // Set initial state\n this._updateStars();\n \n // Bind events if not read-only\n if (!this.options.readOnly) {\n this._bindEvents();\n }\n \n // Dispatch init event\n this.element.dispatchEvent(new CustomEvent('rating:init', {\n bubbles: true,\n detail: { instance: this }\n }));\n }\n \n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.stars) return;\n \n // Add event listeners to each star\n this.stars.forEach((star) => {\n star.addEventListener('mouseenter', this._boundHandleMouseEnter);\n star.addEventListener('click', this._boundHandleClick);\n star.addEventListener('keydown', this._boundHandleKeyDown);\n \n // Make stars focusable\n star.setAttribute('tabindex', '0');\n star.setAttribute('role', 'button');\n });\n \n // Add mouseleave to the container\n this.element.addEventListener('mouseleave', this._boundHandleMouseLeave);\n }\n \n /**\n * Handle mouse enter on a star\n */\n private _handleMouseEnter(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this._highlightStars(value);\n }\n \n /**\n * Handle mouse leave from rating component\n */\n private _handleMouseLeave(): void {\n if (this.options.readOnly) return;\n \n this._updateStars();\n }\n \n /**\n * Handle click on a star\n */\n private _handleClick(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this.setValue(value);\n \n if (this.options.onChange) {\n this.options.onChange(value);\n }\n }\n \n /**\n * Handle keyboard navigation\n */\n private _handleKeyDown(event: KeyboardEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const index = Number(target.getAttribute('data-value'));\n const step = this.options.allowHalf ? 0.5 : 1;\n let newValue = this._currentValue;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n newValue = Math.min(this.options.maxValue || 5, this._currentValue + step);\n event.preventDefault();\n break;\n case 'ArrowLeft':\n case 'ArrowDown':\n newValue = Math.max(0, this._currentValue - step);\n event.preventDefault();\n break;\n case 'Home':\n newValue = 0;\n event.preventDefault();\n break;\n case 'End':\n newValue = this.options.maxValue || 5;\n event.preventDefault();\n break;\n case ' ':\n case 'Enter':\n newValue = index;\n event.preventDefault();\n break;\n default:\n return;\n }\n \n if (newValue !== this._currentValue) {\n this.setValue(newValue);\n \n if (this.options.onChange) {\n this.options.onChange(newValue);\n }\n }\n }\n \n /**\n * Update star appearance based on current value\n */\n private _updateStars(): void {\n if (!this.stars) return;\n \n const roundedValue = this.options.allowHalf \n ? Math.floor(this._currentValue * 2) / 2 \n : Math.round(this._currentValue);\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n const isFullStar = starValue <= Math.floor(roundedValue);\n const isHalfStar = this.options.allowHalf && (starValue - 0.5 === roundedValue);\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add appropriate classes\n if (isFullStar) {\n star.classList.add('c-rating__star--full');\n } else if (isHalfStar) {\n star.classList.add('c-rating__star--half');\n }\n \n // Update ARIA attributes\n star.setAttribute('aria-checked', isFullStar || isHalfStar ? 'true' : 'false');\n });\n \n // Update container ARIA label if read-only\n if (this.options.readOnly) {\n this.element.setAttribute('aria-label', `Rating: ${roundedValue} out of ${this.options.maxValue} stars`);\n }\n \n // Update data attribute\n this.element.setAttribute('data-value', String(roundedValue));\n }\n \n /**\n * Temporarily highlight stars up to a value\n */\n private _highlightStars(value: number): void {\n if (!this.stars) return;\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add full class if star value is less than or equal to hovered value\n if (starValue <= value) {\n star.classList.add('c-rating__star--full');\n }\n });\n }\n \n /**\n * Get current rating value\n */\n public getValue(): number {\n return this._currentValue;\n }\n \n /**\n * Set the rating value\n * @param value - The new rating value\n */\n public setValue(value: number): void {\n // Clamp value between 0 and maxValue\n const clampedValue = Math.max(0, Math.min(value, this.options.maxValue || 5));\n \n // Update current value\n this._currentValue = clampedValue;\n \n // Update visual state\n this._updateStars();\n \n // Dispatch change event\n this.element.dispatchEvent(new CustomEvent('rating:change', {\n bubbles: true,\n detail: { value: clampedValue }\n }));\n }\n \n /**\n * Update component options\n * @param options Partial options to update\n */\n public updateOptions(options: Partial<RatingOptions>): void {\n // Update options\n this.options = { ...this.options, ...options };\n \n // Re-initialize component with new options\n this._init();\n }\n \n /**\n * Destroy the rating component and remove event listeners\n */\n public destroy(): void {\n if (this.stars) {\n // Remove event listeners from stars\n this.stars.forEach((star) => {\n star.removeEventListener('mouseenter', this._boundHandleMouseEnter);\n star.removeEventListener('click', this._boundHandleClick);\n star.removeEventListener('keydown', this._boundHandleKeyDown);\n });\n }\n \n // Remove event listener from container\n this.element.removeEventListener('mouseleave', this._boundHandleMouseLeave);\n \n // Remove reference from element\n delete (this.element as any)._rating;\n }\n}\n","import Rating from './index';\nimport type { RatingOptions } from './index';\n\n/**\n * Event handlers and utility functions for Rating component\n */\n\n/**\n * Handle keyboard navigation for rating stars\n * @param event Keyboard event\n * @param container Rating container element\n */\nexport function handleKeyboardNavigation(event: KeyboardEvent, container: HTMLElement): void {\n if (!container) return;\n \n const stars = container.querySelectorAll<HTMLElement>('.c-rating__star');\n if (!stars.length) return;\n \n const currentIndex = Array.from(stars).findIndex(item => item === document.activeElement);\n let nextIndex = -1;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n event.preventDefault();\n nextIndex = currentIndex < stars.length - 1 ? currentIndex + 1 : 0;\n break;\n \n case 'ArrowLeft':\n case 'ArrowDown':\n event.preventDefault();\n nextIndex = currentIndex > 0 ? currentIndex - 1 : stars.length - 1;\n break;\n \n case 'Home':\n event.preventDefault();\n nextIndex = 0;\n break;\n \n case 'End':\n event.preventDefault();\n nextIndex = stars.length - 1;\n break;\n \n case ' ':\n case 'Enter':\n event.preventDefault();\n if (currentIndex >= 0) {\n stars[currentIndex].click();\n }\n break;\n }\n \n if (nextIndex >= 0) {\n stars[nextIndex].focus();\n }\n}\n\n/**\n * Enhance a rating with keyboard navigation\n * @param rating Rating instance\n */\nexport function enhanceWithKeyboardNavigation(rating: Rating): void {\n const element = rating.element;\n if (!element) return;\n \n element.addEventListener('keydown', (e: KeyboardEvent) => {\n handleKeyboardNavigation(e, element);\n });\n \n // Make stars focusable\n const stars = element.querySelectorAll<HTMLElement>('.c-rating__star');\n stars.forEach(star => {\n if (!star.hasAttribute('tabindex')) {\n star.setAttribute('tabindex', '0');\n }\n star.setAttribute('role', 'button');\n star.setAttribute('aria-label', `Rate ${Array.from(stars).indexOf(star) + 1} out of ${stars.length}`);\n });\n}\n\n/**\n * Initialize ratings with data attributes\n */\nexport function initFromDataAttributes(): Rating[] {\n const instances: Rating[] = [];\n \n document.querySelectorAll('[data-rating]').forEach(element => {\n const el = element as HTMLElement;\n \n // Parse options from data attributes\n const options: Record<string, any> = {};\n \n // Value\n if (el.dataset.value) {\n options.value = parseFloat(el.dataset.value);\n }\n \n // Max value\n if (el.dataset.maxValue) {\n options.maxValue = parseFloat(el.dataset.maxValue);\n }\n \n // Allow half\n if (el.dataset.allowHalf !== undefined) {\n options.allowHalf = el.dataset.allowHalf === 'true';\n }\n \n // Read only\n if (el.dataset.readOnly !== undefined) {\n options.readOnly = el.dataset.readOnly === 'true';\n }\n \n // Size\n if (el.dataset.size) {\n options.size = el.dataset.size;\n }\n \n // Color\n if (el.dataset.color) {\n options.color = el.dataset.color;\n }\n \n const instance = new Rating(el, options);\n instances.push(instance);\n \n // Enhance with keyboard navigation\n enhanceWithKeyboardNavigation(instance);\n });\n \n return instances;\n}\n\n/**\n * Get a Rating instance from an element\n * @param element Element or selector\n */\nexport function getInstance(element: string | HTMLElement): Rating | null {\n const el = typeof element === 'string' ? document.querySelector(element) : element;\n \n if (!el) return null;\n \n // Use a stored reference if exists\n return (el as any)._rating || null;\n}\n\n/**\n * Dispose all Rating instances\n */\nexport function disposeAll(): void {\n document.querySelectorAll('[data-rating]').forEach(element => {\n const instance = getInstance(element as HTMLElement);\n if (instance) {\n instance.destroy();\n }\n });\n}\n","import Rating from './index';\nimport { initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation } from './ratingInteractions';\n\nif (typeof window !== 'undefined') {\n // Initialize the Atomix global object if it doesn't exist\n (window as any).Atomix = (window as any).Atomix || {};\n \n // Add Rating to the global Atomix object\n (window as any).Atomix.Rating = {\n create: Rating,\n init: initFromDataAttributes,\n get: getInstance,\n disposeAll: disposeAll,\n enhanceKeyboardNavigation: enhanceWithKeyboardNavigation\n };\n \n // Auto-initialize ratings when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n initFromDataAttributes();\n });\n } else {\n initFromDataAttributes();\n }\n}\n\n// Export everything for module bundling\nexport { \n Rating as default,\n initFromDataAttributes,\n getInstance,\n disposeAll,\n enhanceWithKeyboardNavigation\n};\n"],"names":["DEFAULTS","value","maxValue","allowHalf","readOnly","size","Rating","element","options","arguments","length","undefined","_classCallCheck","_defineProperty","this","document","querySelector","Error","_objectSpread","_currentValue","_boundHandleMouseEnter","_handleMouseEnter","bind","_boundHandleMouseLeave","_handleMouseLeave","_boundHandleClick","_handleClick","_boundHandleKeyDown","_handleKeyDown","_rating","_init","key","setAttribute","String","concat","classList","add","color","stars","querySelectorAll","_updateStars","_bindEvents","dispatchEvent","CustomEvent","bubbles","detail","instance","_this","forEach","star","addEventListener","event","target","currentTarget","Number","getAttribute","_highlightStars","setValue","onChange","index","step","newValue","Math","min","preventDefault","max","_this2","roundedValue","floor","round","starValue","isFullStar","isHalfStar","remove","clampedValue","_this3","removeEventListener","enhanceWithKeyboardNavigation","rating","e","container","currentIndex","Array","from","findIndex","item","activeElement","nextIndex","click","focus","handleKeyboardNavigation","hasAttribute","indexOf","initFromDataAttributes","instances","el","dataset","parseFloat","push","getInstance","disposeAll","destroy","window","Atomix","create","init","get","enhanceKeyboardNavigation","readyState"],"sourceRoot":""}
|