@shohojdhara/atomix 0.1.4 → 0.1.6

package/src/components/Todo/Todo.tsx

@@ -5,7 +5,7 @@ import { Icon } from '../Icon';
 import { TODO } from '../../lib/constants/components';
 import { v4 as uuidv4 } from 'uuid';
 
-export const Todo: React.FC<TodoProps> = ({
+const Todo: React.FC<TodoProps> = ({
   items = [],
   title = 'Todo List',
   onAddTodo,
@@ -162,4 +162,13 @@ export const Todo: React.FC<TodoProps> = ({
   );
 };
 
-export default Todo; 
+export type { TodoProps  };
+
+// Set display name for debugging
+Todo.displayName = 'Todo';
+
+// Default export (primary)
+export default Todo;
+
+// Named export for compatibility
+export { Todo };

package/src/components/Toggle/Toggle.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { TOGGLE } from '../../lib/constants/components';
 
-export interface ToggleProps {
+interface ToggleProps {
   /**
    * Whether the toggle is initially on
    */
@@ -31,7 +31,7 @@ export interface ToggleProps {
 /**
  * Toggle component for switching between two states
  */
-export const Toggle: React.FC<ToggleProps> = ({
+const Toggle: React.FC<ToggleProps> = ({
   initialOn = false,
   onToggleOn,
   onToggleOff,
@@ -107,4 +107,14 @@ export const Toggle: React.FC<ToggleProps> = ({
       <div className="c-toggle__switch"></div>
     </div>
   );
-}; 
+}; 
+
+export type { ToggleProps  };
+
+// Set display name for debugging
+Toggle.displayName = 'Toggle';
+
+// Default export (primary)
+export default Toggle;
+
+export { Toggle };

package/src/components/Tooltip/Tooltip.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode, useRef, useEffect } from 'react';
 import { TOOLTIP } from '../../lib/constants/components';
 import { Tooltip as TooltipClass } from './scripts';
 
-export interface TooltipProps {
+interface TooltipProps {
   /**
    * Content to be displayed in the tooltip
    */
@@ -39,7 +39,7 @@ export interface TooltipProps {
   offset?: number;
 }
 
-export const Tooltip: React.FC<TooltipProps> = ({
+const Tooltip: React.FC<TooltipProps> = ({
   content,
   children,
   position = TOOLTIP.DEFAULTS.POSITION,
@@ -88,4 +88,15 @@ export const Tooltip: React.FC<TooltipProps> = ({
       </div>
     </div>
   );
-}; 
+}; 
+
+export type { TooltipProps  };
+
+// Set display name for debugging
+Tooltip.displayName = 'Tooltip';
+
+// Default export (primary)
+export default Tooltip;
+
+// Named export for compatibility
+export { Tooltip };

package/src/components/Upload/Upload.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { UPLOAD } from '../../lib/constants/components';
 
-export interface UploadProps {
+interface UploadProps {
   /**
    * Whether the upload component is disabled
    */
@@ -81,7 +81,7 @@ type UploadStatus = 'idle' | 'loading' | 'success' | 'error';
 /**
  * Upload component for file uploads with drag and drop
  */
-export const Upload: React.FC<UploadProps> = ({
+const Upload: React.FC<UploadProps> = ({
   disabled = false,
   maxSizeInMB = 5,
   acceptedFileTypes = ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],
@@ -401,4 +401,13 @@ export const Upload: React.FC<UploadProps> = ({
   );
 };
 
-export default Upload; 
+export type { UploadProps  };
+
+// Set display name for debugging
+Upload.displayName = 'Upload';
+
+// Default export (primary)
+export default Upload;
+
+// Named export for compatibility
+export { Upload };

package/src/components/index.ts

@@ -1,112 +1,153 @@
-// Re-export all components
+// Components Index - Explicit exports for better tree-shaking and compatibility
 
 // Accordion
-export * from './Accordion';
+export { default as Accordion } from './Accordion/Accordion';
+export type { AccordionProps } from './Accordion/Accordion';
 
-// Avatar
-export * from './Avatar';
+// Avatar  
+export { default as Avatar } from './Avatar/Avatar';
+export type { AvatarProps } from './Avatar/Avatar';
 
 // Badge
-export * from './Badge';
+export { default as Badge } from './Badge/Badge';
+export type { BadgeProps } from './Badge/Badge';
 
 // Breadcrumb
-export * from './Breadcrumb';
+export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb/Breadcrumb';
 
 // Button
-export * from './Button';
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
 
 // Callout
-export * from './Callout';
+export { default as Callout } from './Callout/Callout';
+export type { CalloutProps } from './Callout/Callout';
 
 // Card
-export * from './Card';
+export { default as Card } from './Card/Card';
+export type { CardProps } from './Card/Card';
 
 // ColorModeToggle
-export * from './ColorModeToggle';
+export { default as ColorModeToggle } from './ColorModeToggle/ColorModeToggle';
+export type { ColorModeToggleProps } from './ColorModeToggle/ColorModeToggle';
 
 // Countdown
-export * from './Countdown';
+export { default as Countdown } from './Countdown/Countdown';
+export type { CountdownProps } from './Countdown/Countdown';
 
 // DataTable
-export * from './DataTable';
+export { default as DataTable } from './DataTable/DataTable';
+export type { DataTableProps } from './DataTable/DataTable';
 
 // DatePicker
-export * from './DatePicker';
+export { default as DatePicker } from './DatePicker/DatePicker';
+export type { DatePickerProps } from './DatePicker/DatePicker';
 
 // Dropdown
-export * from './Dropdown';
+export { default as Dropdown } from './Dropdown/Dropdown';
+export type { DropdownProps } from './Dropdown/Dropdown';
 
 // EdgePanel
-export * from './EdgePanel';
+export { default as EdgePanel } from './EdgePanel/EdgePanel';
+export type { EdgePanelProps } from './EdgePanel/EdgePanel';
 
-// Form components
-export * from './Form';
+// Form components - you might want to break these down further
+export { default as Form } from './Form/Form';
+export { default as Input } from './Form/Input';
+export { default as Textarea } from './Form/Textarea';
+export { default as Select } from './Form/Select';
+export { default as Checkbox } from './Form/Checkbox';
+export { default as Radio } from './Form/Radio';
 
 // Hero
-export * from './Hero';
+export { default as Hero } from './Hero/Hero';
+export type { HeroProps } from './Hero/Hero';
 
 // Icon
-export * from './Icon';
+export { default as Icon } from './Icon/Icon';
+export type { IconProps } from './Icon/Icon';
 
 // List
-export * from './List';
+export { default as List } from './List/List';
+export type { ListProps } from './List/List';
 
 // Messages
-export * from './Messages';
+export { default as Messages } from './Messages/Messages';
+export type { MessagesProps } from './Messages/Messages';
 
 // Modal
-export * from './Modal';
+export { default as Modal } from './Modal/Modal';
+export type { ModalProps } from './Modal/Modal';
 
 // Navbar
-export * from './Navbar';
+export { default as Navbar } from './Navbar/Navbar';
+export type { NavbarProps } from './Navbar/Navbar';
 
 // Pagination
-export * from './Pagination';
+export { default as Pagination } from './Pagination/Pagination';
+export type { PaginationProps } from './Pagination/Pagination';
 
 // PhotoViewer
-export * from './PhotoViewer';
+export { default as PhotoViewer } from './PhotoViewer/PhotoViewer';
+export type { PhotoViewerProps } from './PhotoViewer/PhotoViewer';
 
 // Popover
-export * from './Popover';
+export { default as Popover } from './Popover/Popover';
+export type { PopoverProps } from './Popover/Popover';
 
 // ProductReview
-export * from './ProductReview';
+export { default as ProductReview } from './ProductReview/ProductReview';
+export type { ProductReviewProps } from './ProductReview/ProductReview';
 
 // Progress
-export * from './Progress';
+export { default as Progress } from './Progress/Progress';
+export type { ProgressProps } from './Progress/Progress';
 
 // Rating
-export * from './Rating';
+export { default as Rating } from './Rating/Rating';
+export type { RatingProps } from './Rating/Rating';
 
 // River
-export * from './River';
+export { default as River } from './River/River';
+export type { RiverProps } from './River/River';
 
 // SectionIntro
-export * from './SectionIntro';
+export { default as SectionIntro } from './SectionIntro/SectionIntro';
+export type { SectionIntroProps } from './SectionIntro/SectionIntro';
 
 // Spinner
-export * from './Spinner';
+export { default as Spinner } from './Spinner/Spinner';
+export type { SpinnerProps } from './Spinner/Spinner';
 
 // Steps
-export * from './Steps';
+export { default as Steps } from './Steps/Steps';
+export type { StepsProps } from './Steps/Steps';
 
 // Tab
-export * from './Tab';
+export { default as Tab } from './Tab/Tab';
+export type { TabProps } from './Tab/Tab';
 
 // Testimonial
-export * from './Testimonial';
+export { default as Testimonial } from './Testimonial/Testimonial';
+export type { TestimonialProps } from './Testimonial/Testimonial';
 
 // Todo
-export * from './Todo';
+export { default as Todo } from './Todo/Todo';
+export type { TodoProps } from './Todo/Todo';
 
 // Toggle
-export * from './Toggle';
+export { default as Toggle } from './Toggle/Toggle';
+export type { ToggleProps } from './Toggle/Toggle';
 
 // Tooltip
-export * from './Tooltip';
+export { default as Tooltip } from './Tooltip/Tooltip';
+export type { TooltipProps } from './Tooltip/Tooltip';
 
 // Upload
-export * from './Upload';
+export { default as Upload } from './Upload/Upload';
+export type { UploadProps } from './Upload/Upload';
 
 // AtomixLogo
-export * from './AtomixLogo';
+export { default as AtomixLogo } from './AtomixLogo/AtomixLogo';
+export type { AtomixLogoProps } from './AtomixLogo/AtomixLogo';

package/src/index.ts

@@ -1,18 +1,14 @@
-// Entry point for React components
-
-// Export all components
+// Export all components explicitly
 export * from './components';
 
-// Export utilities and hooks
 
-// Import components and utilities for default export
+// Default export for backward compatibility
 import * as components from './components';
 import * as utilities from './lib';
 
-// Create a default export combining all features
-const AtomixReact: Record<string, unknown> = {
+const Atomix = {
   ...components,
   ...utilities,
-};
+} as any;
 
-export default AtomixReact;
+export default Atomix;

package/dist/js/13.atomix-0.1.4.react.cjs.js

@@ -1,2 +0,0 @@
-"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}()}}]);
-//# sourceMappingURL=13.atomix-0.1.4.react.cjs.js.map

package/dist/js/13.atomix-0.1.4.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/13.atomix-0.1.4.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":""}

package/dist/js/13.atomix-0.1.4.react.esm.js

@@ -1,2 +0,0 @@
-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}()}};
-//# sourceMappingURL=13.atomix-0.1.4.react.esm.js.map

package/dist/js/13.atomix-0.1.4.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/13.atomix-0.1.4.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":""}

package/dist/js/13.atomix-0.1.4.react.js

@@ -1,2 +0,0 @@
-"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}()}}]);
-//# sourceMappingURL=13.atomix-0.1.4.react.js.map

package/dist/js/13.atomix-0.1.4.react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/13.atomix-0.1.4.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":""}

package/dist/js/646.atomix-0.1.4.react.cjs.js

@@ -1,2 +0,0 @@
-"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}}]);
-//# sourceMappingURL=646.atomix-0.1.4.react.cjs.js.map

package/dist/js/646.atomix-0.1.4.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/646.atomix-0.1.4.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":""}

package/dist/js/646.atomix-0.1.4.react.esm.js

@@ -1,2 +0,0 @@
-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}};
-//# sourceMappingURL=646.atomix-0.1.4.react.esm.js.map

package/dist/js/646.atomix-0.1.4.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/646.atomix-0.1.4.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":""}

package/dist/js/646.atomix-0.1.4.react.js

@@ -1,2 +0,0 @@
-"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}}]);
-//# sourceMappingURL=646.atomix-0.1.4.react.js.map

package/dist/js/646.atomix-0.1.4.react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/646.atomix-0.1.4.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":""}

package/dist/js/979.atomix-0.1.4.react.cjs.js

@@ -1,2 +0,0 @@
-"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}}]);
-//# sourceMappingURL=979.atomix-0.1.4.react.cjs.js.map

package/dist/js/979.atomix-0.1.4.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/979.atomix-0.1.4.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":""}

package/dist/js/979.atomix-0.1.4.react.esm.js

@@ -1,2 +0,0 @@
-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}};
-//# sourceMappingURL=979.atomix-0.1.4.react.esm.js.map

package/dist/js/979.atomix-0.1.4.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/979.atomix-0.1.4.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":""}

package/dist/js/979.atomix-0.1.4.react.js

@@ -1,2 +0,0 @@
-"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}}]);
-//# sourceMappingURL=979.atomix-0.1.4.react.js.map