@shohojdhara/atomix 0.1.14 → 0.1.16

package/dist/js/202.atomix.react.cjs.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[202],{202:(t,e,i)=>{i.r(e),i.d(e,{default:()=>l,initializeSteps:()=>c});var s=i(188);const n={activeIndex:0,vertical:!1};class h{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function c(){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=[],i=document.querySelectorAll(arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.UT.SELECTORS.STEPS);return i.length?(i.forEach((i=>{try{const s=new h(i,t);e.push(s)}catch(s){}})),e):e}const l=h}}]);
-//# sourceMappingURL=202.atomix.react.cjs.js.map

package/dist/js/202.atomix.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/202.atomix.react.cjs.js","mappings":"yLAwBA,MAAMA,EAAgC,CACpCC,YAAa,EACbC,UAAU,GAMZ,MAAMC,EAYJC,WAAAA,CAAYC,GAA0C,IAAdC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EACjDG,KAAKL,SAAWA,GAAYM,EAAAA,GAAMC,UAAUD,MAC5CD,KAAKG,SACiB,iBAAbR,EACHS,SAASC,cAA2BV,GACpCA,EACNK,KAAKJ,QAAU,IAAKN,KAAoBM,GACxCI,KAAKM,OAAS,KACdN,KAAKT,YAAcS,KAAKJ,QAAQL,aAAe,EAC/CS,KAAKO,aACP,CAKQA,WAAAA,GACDP,KAAKG,WAEVH,KAAKQ,sBAGDR,KAAKJ,QAAQJ,WAAaQ,KAAKG,SAASM,UAAUC,SAAST,EAAAA,GAAMU,QAAQC,WAC3EZ,KAAKG,SAASM,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQC,UAG5CZ,KAAKc,UAAUd,KAAKT,aACtB,CAKQiB,mBAAAA,GACDR,KAAKG,WAEVH,KAAKM,OAASN,KAAKG,SAASY,iBAA8Bd,EAAAA,GAAMC,UAAUc,MAC5E,CAMOF,SAAAA,CAAUG,GACVjB,KAAKM,QAAUW,GAAQ,GAAcjB,KAAKM,OAAOR,OAArBmB,IAGjCjB,KAAKM,OAAOY,SAAQ,CAACC,EAAMC,KACjBH,EAAJG,GAEFD,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQW,YACxBF,IAAMH,GAEfE,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,aAGpCH,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQU,QACpCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,WACtC,IAGFtB,KAAKT,YAAc0B,EACrB,CAKOO,IAAAA,IACmBxB,KAAKM,QAAQR,QAAU,GAAK,EAAhDE,KAAKT,aACPS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOkC,QAAAA,GACDzB,KAAKT,YAAc,GACrBS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOmC,OAAAA,GACL,EAUG,SAASC,IAAiF,IAA/B/B,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC3E,MAAM+B,EAAkC,GAClCC,EAAgBzB,SAASW,iBAFOlB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGI,EAAAA,GAAMC,UAAUD,OAIzD,OAAK4B,EAAc/B,QAEnB+B,EAAcX,SAASY,IACrB,IACE,MAAMC,EAAW,IAAItC,EAAMqC,EAASlC,GACpCgC,EAAeI,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKL,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/Steps/scripts/index.ts"],"sourcesContent":["import { STEPS } from '../../../lib/constants/components';\n\n/**\n * Interface for Steps options\n */\ninterface StepsOptions {\n  activeIndex?: number;\n  vertical?: boolean;\n  [key: string]: any;\n}\n\n/**\n * Interface for Steps instance\n */\ninterface StepsInstance {\n  setActive: (index: number) => void;\n  next: () => void;\n  previous: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Steps component\n */\nconst DEFAULT_OPTIONS: StepsOptions = {\n  activeIndex: 0,\n  vertical: false\n};\n\n/**\n * Class representing a Steps component\n */\nclass Steps implements StepsInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private options: StepsOptions;\n  private $items: NodeListOf<HTMLElement> | null;\n  private activeIndex: number;\n\n  /**\n   * Creates an instance of Steps\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || STEPS.SELECTORS.STEPS;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as StepsOptions;\n    this.$items = null;\n    this.activeIndex = this.options.activeIndex || 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the steps component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    this._initializeElements();\n    \n    // Set vertical mode if specified\n    if (this.options.vertical && !this.$element.classList.contains(STEPS.CLASSES.VERTICAL)) {\n      this.$element.classList.add(STEPS.CLASSES.VERTICAL);\n    }\n    \n    this.setActive(this.activeIndex);\n  }\n\n  /**\n   * Initialize DOM elements\n   */\n  private _initializeElements(): void {\n    if (!this.$element) return;\n    \n    this.$items = this.$element.querySelectorAll<HTMLElement>(STEPS.SELECTORS.ITEM);\n  }\n\n  /**\n   * Sets the active step\n   * @param index - The index of the step to make active\n   */\n  public setActive(index: number): void {\n    if (!this.$items || index < 0 || index >= this.$items.length) return;\n    \n    // Update all items\n    this.$items.forEach((item, i) => {\n      if (i < index) {\n        // Steps before active are completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.add(STEPS.CLASSES.COMPLETED);\n      } else if (i === index) {\n        // Current step is active but not completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      } else {\n        // Future steps are neither active nor completed\n        item.classList.remove(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      }\n    });\n    \n    this.activeIndex = index;\n  }\n\n  /**\n   * Moves to the next step\n   */\n  public next(): void {\n    if (this.activeIndex < (this.$items?.length || 0) - 1) {\n      this.setActive(this.activeIndex + 1);\n    }\n  }\n\n  /**\n   * Moves to the previous step\n   */\n  public previous(): void {\n    if (this.activeIndex > 0) {\n      this.setActive(this.activeIndex - 1);\n    }\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    // No specific cleanup needed for steps component\n  }\n}\n\n/**\n * Initialize all steps in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {StepsInstance[]} Array of Steps instances\n */\nexport function initializeSteps(selector = STEPS.SELECTORS.STEPS, options = {}): StepsInstance[] {\n  const stepsInstances: StepsInstance[] = [];\n  const stepsElements = document.querySelectorAll<HTMLElement>(selector);\n\n  if (!stepsElements.length) return stepsInstances;\n\n  stepsElements.forEach((element) => {\n    try {\n      const instance = new Steps(element, options);\n      stepsInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing steps:', error);\n    }\n  });\n\n  return stepsInstances;\n}\n\nexport default Steps; "],"names":["DEFAULT_OPTIONS","activeIndex","vertical","Steps","constructor","selector","options","arguments","length","undefined","this","STEPS","SELECTORS","$element","document","querySelector","$items","_initialize","_initializeElements","classList","contains","CLASSES","VERTICAL","add","setActive","querySelectorAll","ITEM","index","forEach","item","i","ACTIVE","COMPLETED","remove","next","previous","destroy","initializeSteps","stepsInstances","stepsElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/202.atomix.react.esm.js

@@ -1,2 +0,0 @@
-export const __webpack_id__=202;export const __webpack_ids__=[202];export const __webpack_modules__={202:(t,e,i)=>{i.r(e),i.d(e,{default:()=>a,initializeSteps:()=>l});var s=i(188);const n={activeIndex:0,vertical:!1};class c{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function l(){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=[],i=document.querySelectorAll(arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.UT.SELECTORS.STEPS);return i.length?(i.forEach((i=>{try{const s=new c(i,t);e.push(s)}catch(s){}})),e):e}const a=c}};
-//# sourceMappingURL=202.atomix.react.esm.js.map

package/dist/js/202.atomix.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/202.atomix.react.esm.js","mappings":"oLAwBA,MAAMA,EAAgC,CACpCC,YAAa,EACbC,UAAU,GAMZ,MAAMC,EAYJC,WAAAA,CAAYC,GAA0C,IAAdC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EACjDG,KAAKL,SAAWA,GAAYM,EAAAA,GAAMC,UAAUD,MAC5CD,KAAKG,SACiB,iBAAbR,EACHS,SAASC,cAA2BV,GACpCA,EACNK,KAAKJ,QAAU,IAAKN,KAAoBM,GACxCI,KAAKM,OAAS,KACdN,KAAKT,YAAcS,KAAKJ,QAAQL,aAAe,EAC/CS,KAAKO,aACP,CAKQA,WAAAA,GACDP,KAAKG,WAEVH,KAAKQ,sBAGDR,KAAKJ,QAAQJ,WAAaQ,KAAKG,SAASM,UAAUC,SAAST,EAAAA,GAAMU,QAAQC,WAC3EZ,KAAKG,SAASM,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQC,UAG5CZ,KAAKc,UAAUd,KAAKT,aACtB,CAKQiB,mBAAAA,GACDR,KAAKG,WAEVH,KAAKM,OAASN,KAAKG,SAASY,iBAA8Bd,EAAAA,GAAMC,UAAUc,MAC5E,CAMOF,SAAAA,CAAUG,GACVjB,KAAKM,QAAUW,GAAQ,GAAcjB,KAAKM,OAAOR,OAArBmB,IAGjCjB,KAAKM,OAAOY,SAAQ,CAACC,EAAMC,KACjBH,EAAJG,GAEFD,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQW,YACxBF,IAAMH,GAEfE,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,aAGpCH,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQU,QACpCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,WACtC,IAGFtB,KAAKT,YAAc0B,EACrB,CAKOO,IAAAA,IACmBxB,KAAKM,QAAQR,QAAU,GAAK,EAAhDE,KAAKT,aACPS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOkC,QAAAA,GACDzB,KAAKT,YAAc,GACrBS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOmC,OAAAA,GACL,EAUG,SAASC,IAAiF,IAA/B/B,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC3E,MAAM+B,EAAkC,GAClCC,EAAgBzB,SAASW,iBAFOlB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGI,EAAAA,GAAMC,UAAUD,OAIzD,OAAK4B,EAAc/B,QAEnB+B,EAAcX,SAASY,IACrB,IACE,MAAMC,EAAW,IAAItC,EAAMqC,EAASlC,GACpCgC,EAAeI,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKL,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/Steps/scripts/index.ts"],"sourcesContent":["import { STEPS } from '../../../lib/constants/components';\n\n/**\n * Interface for Steps options\n */\ninterface StepsOptions {\n  activeIndex?: number;\n  vertical?: boolean;\n  [key: string]: any;\n}\n\n/**\n * Interface for Steps instance\n */\ninterface StepsInstance {\n  setActive: (index: number) => void;\n  next: () => void;\n  previous: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Steps component\n */\nconst DEFAULT_OPTIONS: StepsOptions = {\n  activeIndex: 0,\n  vertical: false\n};\n\n/**\n * Class representing a Steps component\n */\nclass Steps implements StepsInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private options: StepsOptions;\n  private $items: NodeListOf<HTMLElement> | null;\n  private activeIndex: number;\n\n  /**\n   * Creates an instance of Steps\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || STEPS.SELECTORS.STEPS;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as StepsOptions;\n    this.$items = null;\n    this.activeIndex = this.options.activeIndex || 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the steps component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    this._initializeElements();\n    \n    // Set vertical mode if specified\n    if (this.options.vertical && !this.$element.classList.contains(STEPS.CLASSES.VERTICAL)) {\n      this.$element.classList.add(STEPS.CLASSES.VERTICAL);\n    }\n    \n    this.setActive(this.activeIndex);\n  }\n\n  /**\n   * Initialize DOM elements\n   */\n  private _initializeElements(): void {\n    if (!this.$element) return;\n    \n    this.$items = this.$element.querySelectorAll<HTMLElement>(STEPS.SELECTORS.ITEM);\n  }\n\n  /**\n   * Sets the active step\n   * @param index - The index of the step to make active\n   */\n  public setActive(index: number): void {\n    if (!this.$items || index < 0 || index >= this.$items.length) return;\n    \n    // Update all items\n    this.$items.forEach((item, i) => {\n      if (i < index) {\n        // Steps before active are completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.add(STEPS.CLASSES.COMPLETED);\n      } else if (i === index) {\n        // Current step is active but not completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      } else {\n        // Future steps are neither active nor completed\n        item.classList.remove(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      }\n    });\n    \n    this.activeIndex = index;\n  }\n\n  /**\n   * Moves to the next step\n   */\n  public next(): void {\n    if (this.activeIndex < (this.$items?.length || 0) - 1) {\n      this.setActive(this.activeIndex + 1);\n    }\n  }\n\n  /**\n   * Moves to the previous step\n   */\n  public previous(): void {\n    if (this.activeIndex > 0) {\n      this.setActive(this.activeIndex - 1);\n    }\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    // No specific cleanup needed for steps component\n  }\n}\n\n/**\n * Initialize all steps in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {StepsInstance[]} Array of Steps instances\n */\nexport function initializeSteps(selector = STEPS.SELECTORS.STEPS, options = {}): StepsInstance[] {\n  const stepsInstances: StepsInstance[] = [];\n  const stepsElements = document.querySelectorAll<HTMLElement>(selector);\n\n  if (!stepsElements.length) return stepsInstances;\n\n  stepsElements.forEach((element) => {\n    try {\n      const instance = new Steps(element, options);\n      stepsInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing steps:', error);\n    }\n  });\n\n  return stepsInstances;\n}\n\nexport default Steps; "],"names":["DEFAULT_OPTIONS","activeIndex","vertical","Steps","constructor","selector","options","arguments","length","undefined","this","STEPS","SELECTORS","$element","document","querySelector","$items","_initialize","_initializeElements","classList","contains","CLASSES","VERTICAL","add","setActive","querySelectorAll","ITEM","index","forEach","item","i","ACTIVE","COMPLETED","remove","next","previous","destroy","initializeSteps","stepsInstances","stepsElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/202.atomix.react.js

@@ -1,2 +0,0 @@
-"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[202],{202:(t,e,i)=>{i.r(e),i.d(e,{default:()=>l,initializeSteps:()=>h});var s=i(188);const n={activeIndex:0,vertical:!1};class c{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=t||s.UT.SELECTORS.STEPS,this.$element="string"==typeof t?document.querySelector(t):t,this.options={...n,...e},this.$items=null,this.activeIndex=this.options.activeIndex||0,this._initialize()}_initialize(){this.$element&&(this._initializeElements(),this.options.vertical&&!this.$element.classList.contains(s.UT.CLASSES.VERTICAL)&&this.$element.classList.add(s.UT.CLASSES.VERTICAL),this.setActive(this.activeIndex))}_initializeElements(){this.$element&&(this.$items=this.$element.querySelectorAll(s.UT.SELECTORS.ITEM))}setActive(t){this.$items&&t>=0&&this.$items.length>t&&(this.$items.forEach(((e,i)=>{t>i?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.add(s.UT.CLASSES.COMPLETED)):i===t?(e.classList.add(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED)):(e.classList.remove(s.UT.CLASSES.ACTIVE),e.classList.remove(s.UT.CLASSES.COMPLETED))})),this.activeIndex=t)}next(){(this.$items?.length||0)-1>this.activeIndex&&this.setActive(this.activeIndex+1)}previous(){this.activeIndex>0&&this.setActive(this.activeIndex-1)}destroy(){}}function h(){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=[],i=document.querySelectorAll(arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.UT.SELECTORS.STEPS);return i.length?(i.forEach((i=>{try{const s=new c(i,t);e.push(s)}catch(s){}})),e):e}const l=c}}]);
-//# sourceMappingURL=202.atomix.react.js.map

package/dist/js/202.atomix.react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/202.atomix.react.js","mappings":"+JAwBA,MAAMA,EAAgC,CACpCC,YAAa,EACbC,UAAU,GAMZ,MAAMC,EAYJC,WAAAA,CAAYC,GAA0C,IAAdC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EACjDG,KAAKL,SAAWA,GAAYM,EAAAA,GAAMC,UAAUD,MAC5CD,KAAKG,SACiB,iBAAbR,EACHS,SAASC,cAA2BV,GACpCA,EACNK,KAAKJ,QAAU,IAAKN,KAAoBM,GACxCI,KAAKM,OAAS,KACdN,KAAKT,YAAcS,KAAKJ,QAAQL,aAAe,EAC/CS,KAAKO,aACP,CAKQA,WAAAA,GACDP,KAAKG,WAEVH,KAAKQ,sBAGDR,KAAKJ,QAAQJ,WAAaQ,KAAKG,SAASM,UAAUC,SAAST,EAAAA,GAAMU,QAAQC,WAC3EZ,KAAKG,SAASM,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQC,UAG5CZ,KAAKc,UAAUd,KAAKT,aACtB,CAKQiB,mBAAAA,GACDR,KAAKG,WAEVH,KAAKM,OAASN,KAAKG,SAASY,iBAA8Bd,EAAAA,GAAMC,UAAUc,MAC5E,CAMOF,SAAAA,CAAUG,GACVjB,KAAKM,QAAUW,GAAQ,GAAcjB,KAAKM,OAAOR,OAArBmB,IAGjCjB,KAAKM,OAAOY,SAAQ,CAACC,EAAMC,KACjBH,EAAJG,GAEFD,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQW,YACxBF,IAAMH,GAEfE,EAAKV,UAAUI,IAAIZ,EAAAA,GAAMU,QAAQU,QACjCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,aAGpCH,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQU,QACpCF,EAAKV,UAAUc,OAAOtB,EAAAA,GAAMU,QAAQW,WACtC,IAGFtB,KAAKT,YAAc0B,EACrB,CAKOO,IAAAA,IACmBxB,KAAKM,QAAQR,QAAU,GAAK,EAAhDE,KAAKT,aACPS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOkC,QAAAA,GACDzB,KAAKT,YAAc,GACrBS,KAAKc,UAAUd,KAAKT,YAAc,EAEtC,CAKOmC,OAAAA,GACL,EAUG,SAASC,IAAiF,IAA/B/B,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC3E,MAAM+B,EAAkC,GAClCC,EAAgBzB,SAASW,iBAFOlB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGI,EAAAA,GAAMC,UAAUD,OAIzD,OAAK4B,EAAc/B,QAEnB+B,EAAcX,SAASY,IACrB,IACE,MAAMC,EAAW,IAAItC,EAAMqC,EAASlC,GACpCgC,EAAeI,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKL,GAX2BA,CAYpC,CAEA,S","sources":["webpack://Atomix/./src/components/Steps/scripts/index.ts"],"sourcesContent":["import { STEPS } from '../../../lib/constants/components';\n\n/**\n * Interface for Steps options\n */\ninterface StepsOptions {\n  activeIndex?: number;\n  vertical?: boolean;\n  [key: string]: any;\n}\n\n/**\n * Interface for Steps instance\n */\ninterface StepsInstance {\n  setActive: (index: number) => void;\n  next: () => void;\n  previous: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Steps component\n */\nconst DEFAULT_OPTIONS: StepsOptions = {\n  activeIndex: 0,\n  vertical: false\n};\n\n/**\n * Class representing a Steps component\n */\nclass Steps implements StepsInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private options: StepsOptions;\n  private $items: NodeListOf<HTMLElement> | null;\n  private activeIndex: number;\n\n  /**\n   * Creates an instance of Steps\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || STEPS.SELECTORS.STEPS;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as StepsOptions;\n    this.$items = null;\n    this.activeIndex = this.options.activeIndex || 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the steps component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    this._initializeElements();\n    \n    // Set vertical mode if specified\n    if (this.options.vertical && !this.$element.classList.contains(STEPS.CLASSES.VERTICAL)) {\n      this.$element.classList.add(STEPS.CLASSES.VERTICAL);\n    }\n    \n    this.setActive(this.activeIndex);\n  }\n\n  /**\n   * Initialize DOM elements\n   */\n  private _initializeElements(): void {\n    if (!this.$element) return;\n    \n    this.$items = this.$element.querySelectorAll<HTMLElement>(STEPS.SELECTORS.ITEM);\n  }\n\n  /**\n   * Sets the active step\n   * @param index - The index of the step to make active\n   */\n  public setActive(index: number): void {\n    if (!this.$items || index < 0 || index >= this.$items.length) return;\n    \n    // Update all items\n    this.$items.forEach((item, i) => {\n      if (i < index) {\n        // Steps before active are completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.add(STEPS.CLASSES.COMPLETED);\n      } else if (i === index) {\n        // Current step is active but not completed\n        item.classList.add(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      } else {\n        // Future steps are neither active nor completed\n        item.classList.remove(STEPS.CLASSES.ACTIVE);\n        item.classList.remove(STEPS.CLASSES.COMPLETED);\n      }\n    });\n    \n    this.activeIndex = index;\n  }\n\n  /**\n   * Moves to the next step\n   */\n  public next(): void {\n    if (this.activeIndex < (this.$items?.length || 0) - 1) {\n      this.setActive(this.activeIndex + 1);\n    }\n  }\n\n  /**\n   * Moves to the previous step\n   */\n  public previous(): void {\n    if (this.activeIndex > 0) {\n      this.setActive(this.activeIndex - 1);\n    }\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    // No specific cleanup needed for steps component\n  }\n}\n\n/**\n * Initialize all steps in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {StepsInstance[]} Array of Steps instances\n */\nexport function initializeSteps(selector = STEPS.SELECTORS.STEPS, options = {}): StepsInstance[] {\n  const stepsInstances: StepsInstance[] = [];\n  const stepsElements = document.querySelectorAll<HTMLElement>(selector);\n\n  if (!stepsElements.length) return stepsInstances;\n\n  stepsElements.forEach((element) => {\n    try {\n      const instance = new Steps(element, options);\n      stepsInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing steps:', error);\n    }\n  });\n\n  return stepsInstances;\n}\n\nexport default Steps; "],"names":["DEFAULT_OPTIONS","activeIndex","vertical","Steps","constructor","selector","options","arguments","length","undefined","this","STEPS","SELECTORS","$element","document","querySelector","$items","_initialize","_initializeElements","classList","contains","CLASSES","VERTICAL","add","setActive","querySelectorAll","ITEM","index","forEach","item","i","ACTIVE","COMPLETED","remove","next","previous","destroy","initializeSteps","stepsInstances","stepsElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/308.atomix.react.cjs.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[308],{308:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r,initializeUploads:()=>o});var i=s(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=e||i.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(i.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(i.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(i.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(i.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(i.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(i.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(i.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(i.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){if(e.size>1024*(this.options.maxSizeInMB||5)*1024)return this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1;if(this.options.acceptedFileTypes?.length){if(!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const s=t.split("/")[0];return e.type.startsWith(s+"/")}return e.type===t})))return this.setStatus("error","File type not supported."),!1}return!0}_simulateUpload(e){this.setStatus("loading");let t=0;const s=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(s),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(i.oH.ATTRIBUTES.PERCENTAGE,""+e);const s=this.$element.querySelector(i.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(i.oH.SELECTORS.LOADER_TIME);s&&(s.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(i.oH.CLASSES.LOADING,i.oH.CLASSES.SUCCESS,i.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(i.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(i.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(i.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(i.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(i.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.oH.SELECTORS.UPLOAD,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=[],n=document.querySelectorAll("string"==typeof e?e:i.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const i=new l(e,t);s.push(i)}catch(i){}})),s):s}const r=l}}]);
-//# sourceMappingURL=308.atomix.react.cjs.js.map

package/dist/js/308.atomix.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/308.atomix.react.cjs.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Upload/scripts/index.ts"],"sourcesContent":["import { UPLOAD } from '../../../lib/constants/components';\n\n/**\n * Interface for Upload options\n */\ninterface UploadOptions {\n  disabled?: boolean;\n  maxSizeInMB?: number;\n  acceptedFileTypes?: string[];\n  multiple?: boolean;\n  onFileSelect?: (files: File[]) => void;\n  onFileUpload?: (file: File, progress: number) => void;\n  onFileUploadComplete?: (file: File) => void;\n  onFileUploadError?: (file: File, error: string) => void;\n  [key: string]: any;\n}\n\n/**\n * Interface for Upload instance\n */\ninterface UploadInstance {\n  setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;\n  setProgress: (percentage: number, timeLeft?: string) => void;\n  setFile: (file: File | null) => void;\n  disable: () => void;\n  enable: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Upload component\n */\nconst DEFAULT_OPTIONS: UploadOptions = {\n  disabled: false,\n  maxSizeInMB: 5,\n  acceptedFileTypes: ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],\n  multiple: false\n};\n\n/**\n * Class representing an Upload component\n */\nclass Upload implements UploadInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private $input: HTMLInputElement | null;\n  private $button: HTMLButtonElement | null;\n  private $loader: HTMLElement | null;\n  private $loaderTitle: HTMLElement | null;\n  private $loaderProgress: HTMLElement | null;\n  private $loaderClose: HTMLButtonElement | null;\n  private options: UploadOptions;\n  private currentFile: File | null;\n  private dragCounter: number;\n\n  /**\n   * Creates an instance of Upload\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || UPLOAD.SELECTORS.UPLOAD;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as UploadOptions;\n    this.$input = null;\n    this.$button = null;\n    this.$loader = null;\n    this.$loaderTitle = null;\n    this.$loaderProgress = null;\n    this.$loaderClose = null;\n    this.currentFile = null;\n    this.dragCounter = 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the upload component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    // Create a hidden file input element\n    this._createHiddenInput();\n\n    // Get references to elements\n    this.$button = this.$element.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.BUTTON);\n    this.$loader = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER);\n    this.$loaderTitle = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TITLE);\n    this.$loaderProgress = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PROGRESS);\n    this.$loaderClose = this.$element?.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.LOADER_CLOSE);\n\n    // Apply disabled state if specified\n    if (this.options.disabled) {\n      this.disable();\n    }\n\n    // Set up event listeners\n    this._setupEventListeners();\n  }\n\n  /**\n   * Creates a hidden file input element and appends it to the element\n   */\n  private _createHiddenInput(): void {\n    if (!this.$element) return;\n\n    // Create input element\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n    input.accept = this.options.acceptedFileTypes?.join(',') || '';\n    input.multiple = !!this.options.multiple;\n    \n    // Append to element\n    this.$element.appendChild(input);\n    this.$input = input;\n  }\n\n  /**\n   * Set up all event listeners\n   */\n  private _setupEventListeners(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n\n    // Button click handler\n    this.$button.addEventListener('click', this._handleButtonClick.bind(this));\n\n    // Input change handler\n    this.$input.addEventListener('change', this._handleFileSelect.bind(this));\n\n    // Drag and drop handlers\n    this.$element.addEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.addEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.addEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.addEventListener('drop', this._handleDrop.bind(this));\n\n    // Close button handler\n    if (this.$loaderClose) {\n      this.$loaderClose.addEventListener('click', this._handleClose.bind(this));\n    }\n  }\n\n  /**\n   * Handle button click\n   */\n  private _handleButtonClick(event: MouseEvent): void {\n    event.preventDefault();\n    if (this.$input && !this.options.disabled) {\n      this.$input.click();\n    }\n  }\n\n  /**\n   * Handle file selection from the input element\n   */\n  private _handleFileSelect(event: Event): void {\n    if (!this.$input?.files?.length) return;\n    \n    const files = Array.from(this.$input.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle drag enter event\n   */\n  private _handleDragEnter(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter++;\n    if (this.dragCounter === 1) {\n      this.$element?.classList.add(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag leave event\n   */\n  private _handleDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter--;\n    if (this.dragCounter === 0) {\n      this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag over event\n   */\n  private _handleDragOver(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n  }\n\n  /**\n   * Handle drop event\n   */\n  private _handleDrop(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter = 0;\n    this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    \n    if (!event.dataTransfer?.files.length) return;\n    \n    const files = Array.from(event.dataTransfer.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle close button click\n   */\n  private _handleClose(event: MouseEvent): void {\n    event.preventDefault();\n    \n    // Reset state\n    this.setStatus('idle');\n    this.setFile(null);\n    \n    // Reset input\n    if (this.$input) {\n      this.$input.value = '';\n    }\n  }\n\n  /**\n   * Process the selected files\n   */\n  private _processFiles(files: File[]): void {\n    if (!files.length) return;\n    \n    // If multiple is not allowed, take only the first file\n    const filesToProcess = this.options.multiple ? files : [files[0]];\n    \n    // Validate files\n    const validFiles = filesToProcess.filter(file => this._validateFile(file));\n    \n    // Notify about file selection\n    if (validFiles.length && this.options.onFileSelect) {\n      this.options.onFileSelect(validFiles);\n    }\n    \n    // Process the first valid file\n    if (validFiles.length) {\n      this.setFile(validFiles[0]);\n      this._simulateUpload(validFiles[0]);\n    }\n  }\n\n  /**\n   * Validate a file based on size and type\n   */\n  private _validateFile(file: File): boolean {\n    const maxSizeInBytes = (this.options.maxSizeInMB || 5) * 1024 * 1024;\n    \n    // Check file size\n    if (file.size > maxSizeInBytes) {\n      this.setStatus('error', `File too large. Maximum size is ${this.options.maxSizeInMB}MB.`);\n      return false;\n    }\n    \n    // Check file type if acceptedFileTypes is provided\n    if (this.options.acceptedFileTypes?.length) {\n      const isAcceptedType = this.options.acceptedFileTypes.some(type => {\n        // Handle wildcards like image/*\n        if (type.endsWith('/*')) {\n          const mainType = type.split('/')[0];\n          return file.type.startsWith(`${mainType}/`);\n        }\n        return file.type === type;\n      });\n      \n      if (!isAcceptedType) {\n        this.setStatus('error', 'File type not supported.');\n        return false;\n      }\n    }\n    \n    return true;\n  }\n\n  /**\n   * Simulate a file upload process\n   * In a real implementation, this would be replaced with actual upload logic\n   */\n  private _simulateUpload(file: File): void {\n    this.setStatus('loading');\n    let progress = 0;\n    \n    const interval = setInterval(() => {\n      progress += 5;\n      \n      if (progress < 100) {\n        this.setProgress(progress, `${Math.ceil((100 - progress) / 5)} seconds left`);\n        \n        if (this.options.onFileUpload) {\n          this.options.onFileUpload(file, progress);\n        }\n      } else {\n        clearInterval(interval);\n        this.setStatus('success', 'Upload successful');\n        \n        if (this.options.onFileUploadComplete) {\n          this.options.onFileUploadComplete(file);\n        }\n      }\n    }, 500);\n  }\n\n  /**\n   * Set current file\n   */\n  public setFile(file: File | null): void {\n    this.currentFile = file;\n    \n    if (file && this.$loaderTitle) {\n      this.$loaderTitle.textContent = file.name;\n    }\n  }\n\n  /**\n   * Set upload progress\n   */\n  public setProgress(percentage: number, timeLeft?: string): void {\n    if (!this.$element || !this.$loaderProgress) return;\n    \n    // Set percentage as CSS variable\n    this.$element.style.setProperty(UPLOAD.ATTRIBUTES.PERCENTAGE, percentage.toString());\n    \n    // Update the loader elements if they exist\n    const $par = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PAR);\n    const $time = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TIME);\n    \n    if ($par) {\n      $par.textContent = `${percentage}%`;\n    }\n    \n    if ($time && timeLeft) {\n      $time.textContent = timeLeft;\n    }\n  }\n\n  /**\n   * Set upload status\n   */\n  public setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void {\n    if (!this.$element) return;\n    \n    // Remove all status classes\n    this.$element.classList.remove(\n      UPLOAD.CLASSES.LOADING,\n      UPLOAD.CLASSES.SUCCESS,\n      UPLOAD.CLASSES.ERROR\n    );\n    \n    // Add appropriate class based on status\n    switch (status) {\n      case 'loading':\n        this.$element.classList.add(UPLOAD.CLASSES.LOADING);\n        break;\n      case 'success':\n        this.$element.classList.add(UPLOAD.CLASSES.SUCCESS);\n        break;\n      case 'error':\n        this.$element.classList.add(UPLOAD.CLASSES.ERROR);\n        break;\n    }\n    \n    // Update message if provided and loader exists\n    if (message && this.$loaderProgress) {\n      this.$loaderProgress.textContent = message;\n    }\n  }\n\n  /**\n   * Disable the upload component\n   */\n  public disable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.add(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = true;\n    this.options.disabled = true;\n  }\n\n  /**\n   * Enable the upload component\n   */\n  public enable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.remove(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = false;\n    this.options.disabled = false;\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n    \n    // Remove event listeners\n    this.$button.removeEventListener('click', this._handleButtonClick.bind(this));\n    this.$input.removeEventListener('change', this._handleFileSelect.bind(this));\n    this.$element.removeEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.removeEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.removeEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.removeEventListener('drop', this._handleDrop.bind(this));\n    \n    if (this.$loaderClose) {\n      this.$loaderClose.removeEventListener('click', this._handleClose.bind(this));\n    }\n    \n    // Remove input element\n    if (this.$input.parentNode) {\n      this.$input.parentNode.removeChild(this.$input);\n    }\n  }\n}\n\n/**\n * Initialize all upload components in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {UploadInstance[]} Array of Upload instances\n */\nexport function initializeUploads(selector = UPLOAD.SELECTORS.UPLOAD, options = {}): UploadInstance[] {\n  const uploadInstances: UploadInstance[] = [];\n  const uploadElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : UPLOAD.SELECTORS.UPLOAD);\n\n  if (!uploadElements.length) return uploadInstances;\n\n  uploadElements.forEach((element) => {\n    try {\n      const instance = new Upload(element, options);\n      uploadInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing upload:', error);\n    }\n  });\n\n  return uploadInstances;\n}\n\nexport default Upload; "],"names":["DEFAULT_OPTIONS","disabled","maxSizeInMB","acceptedFileTypes","multiple","Upload","constructor","selector","options","arguments","length","undefined","this","UPLOAD","SELECTORS","$element","document","querySelector","$input","$button","$loader","$loaderTitle","$loaderProgress","$loaderClose","currentFile","dragCounter","_initialize","_createHiddenInput","BUTTON","LOADER","LOADER_TITLE","LOADER_PROGRESS","LOADER_CLOSE","disable","_setupEventListeners","input","createElement","type","style","display","accept","join","appendChild","addEventListener","_handleButtonClick","bind","_handleFileSelect","_handleDragEnter","_handleDragLeave","_handleDragOver","_handleDrop","_handleClose","event","preventDefault","click","files","Array","from","_processFiles","classList","add","CLASSES","DRAGGING","remove","dataTransfer","setStatus","setFile","value","validFiles","filter","file","_validateFile","onFileSelect","_simulateUpload","size","some","endsWith","mainType","split","startsWith","progress","interval","setInterval","setProgress","Math","ceil","onFileUpload","clearInterval","onFileUploadComplete","textContent","name","percentage","timeLeft","setProperty","ATTRIBUTES","PERCENTAGE","$par","LOADER_PAR","$time","LOADER_TIME","status","message","LOADING","SUCCESS","ERROR","DISABLED","enable","destroy","removeEventListener","parentNode","removeChild","initializeUploads","uploadInstances","uploadElements","querySelectorAll","forEach","element","instance","push","error"],"sourceRoot":""}

package/dist/js/308.atomix.react.esm.js

@@ -1,2 +0,0 @@
-export const __webpack_id__=308;export const __webpack_ids__=[308];export const __webpack_modules__={308:(e,t,i)=>{i.r(t),i.d(t,{default:()=>r,initializeUploads:()=>o});var s=i(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=e||s.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(s.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(s.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(s.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(s.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(s.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(s.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(s.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(s.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){if(e.size>1024*(this.options.maxSizeInMB||5)*1024)return this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1;if(this.options.acceptedFileTypes?.length){if(!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const i=t.split("/")[0];return e.type.startsWith(i+"/")}return e.type===t})))return this.setStatus("error","File type not supported."),!1}return!0}_simulateUpload(e){this.setStatus("loading");let t=0;const i=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(i),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(s.oH.ATTRIBUTES.PERCENTAGE,""+e);const i=this.$element.querySelector(s.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(s.oH.SELECTORS.LOADER_TIME);i&&(i.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(s.oH.CLASSES.LOADING,s.oH.CLASSES.SUCCESS,s.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(s.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(s.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(s.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(s.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(s.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.oH.SELECTORS.UPLOAD,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],n=document.querySelectorAll("string"==typeof e?e:s.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const s=new l(e,t);i.push(s)}catch(s){}})),i):i}const r=l}};
-//# sourceMappingURL=308.atomix.react.esm.js.map

package/dist/js/308.atomix.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/308.atomix.react.esm.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Upload/scripts/index.ts"],"sourcesContent":["import { UPLOAD } from '../../../lib/constants/components';\n\n/**\n * Interface for Upload options\n */\ninterface UploadOptions {\n  disabled?: boolean;\n  maxSizeInMB?: number;\n  acceptedFileTypes?: string[];\n  multiple?: boolean;\n  onFileSelect?: (files: File[]) => void;\n  onFileUpload?: (file: File, progress: number) => void;\n  onFileUploadComplete?: (file: File) => void;\n  onFileUploadError?: (file: File, error: string) => void;\n  [key: string]: any;\n}\n\n/**\n * Interface for Upload instance\n */\ninterface UploadInstance {\n  setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;\n  setProgress: (percentage: number, timeLeft?: string) => void;\n  setFile: (file: File | null) => void;\n  disable: () => void;\n  enable: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Upload component\n */\nconst DEFAULT_OPTIONS: UploadOptions = {\n  disabled: false,\n  maxSizeInMB: 5,\n  acceptedFileTypes: ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],\n  multiple: false\n};\n\n/**\n * Class representing an Upload component\n */\nclass Upload implements UploadInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private $input: HTMLInputElement | null;\n  private $button: HTMLButtonElement | null;\n  private $loader: HTMLElement | null;\n  private $loaderTitle: HTMLElement | null;\n  private $loaderProgress: HTMLElement | null;\n  private $loaderClose: HTMLButtonElement | null;\n  private options: UploadOptions;\n  private currentFile: File | null;\n  private dragCounter: number;\n\n  /**\n   * Creates an instance of Upload\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || UPLOAD.SELECTORS.UPLOAD;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as UploadOptions;\n    this.$input = null;\n    this.$button = null;\n    this.$loader = null;\n    this.$loaderTitle = null;\n    this.$loaderProgress = null;\n    this.$loaderClose = null;\n    this.currentFile = null;\n    this.dragCounter = 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the upload component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    // Create a hidden file input element\n    this._createHiddenInput();\n\n    // Get references to elements\n    this.$button = this.$element.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.BUTTON);\n    this.$loader = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER);\n    this.$loaderTitle = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TITLE);\n    this.$loaderProgress = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PROGRESS);\n    this.$loaderClose = this.$element?.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.LOADER_CLOSE);\n\n    // Apply disabled state if specified\n    if (this.options.disabled) {\n      this.disable();\n    }\n\n    // Set up event listeners\n    this._setupEventListeners();\n  }\n\n  /**\n   * Creates a hidden file input element and appends it to the element\n   */\n  private _createHiddenInput(): void {\n    if (!this.$element) return;\n\n    // Create input element\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n    input.accept = this.options.acceptedFileTypes?.join(',') || '';\n    input.multiple = !!this.options.multiple;\n    \n    // Append to element\n    this.$element.appendChild(input);\n    this.$input = input;\n  }\n\n  /**\n   * Set up all event listeners\n   */\n  private _setupEventListeners(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n\n    // Button click handler\n    this.$button.addEventListener('click', this._handleButtonClick.bind(this));\n\n    // Input change handler\n    this.$input.addEventListener('change', this._handleFileSelect.bind(this));\n\n    // Drag and drop handlers\n    this.$element.addEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.addEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.addEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.addEventListener('drop', this._handleDrop.bind(this));\n\n    // Close button handler\n    if (this.$loaderClose) {\n      this.$loaderClose.addEventListener('click', this._handleClose.bind(this));\n    }\n  }\n\n  /**\n   * Handle button click\n   */\n  private _handleButtonClick(event: MouseEvent): void {\n    event.preventDefault();\n    if (this.$input && !this.options.disabled) {\n      this.$input.click();\n    }\n  }\n\n  /**\n   * Handle file selection from the input element\n   */\n  private _handleFileSelect(event: Event): void {\n    if (!this.$input?.files?.length) return;\n    \n    const files = Array.from(this.$input.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle drag enter event\n   */\n  private _handleDragEnter(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter++;\n    if (this.dragCounter === 1) {\n      this.$element?.classList.add(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag leave event\n   */\n  private _handleDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter--;\n    if (this.dragCounter === 0) {\n      this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag over event\n   */\n  private _handleDragOver(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n  }\n\n  /**\n   * Handle drop event\n   */\n  private _handleDrop(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter = 0;\n    this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    \n    if (!event.dataTransfer?.files.length) return;\n    \n    const files = Array.from(event.dataTransfer.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle close button click\n   */\n  private _handleClose(event: MouseEvent): void {\n    event.preventDefault();\n    \n    // Reset state\n    this.setStatus('idle');\n    this.setFile(null);\n    \n    // Reset input\n    if (this.$input) {\n      this.$input.value = '';\n    }\n  }\n\n  /**\n   * Process the selected files\n   */\n  private _processFiles(files: File[]): void {\n    if (!files.length) return;\n    \n    // If multiple is not allowed, take only the first file\n    const filesToProcess = this.options.multiple ? files : [files[0]];\n    \n    // Validate files\n    const validFiles = filesToProcess.filter(file => this._validateFile(file));\n    \n    // Notify about file selection\n    if (validFiles.length && this.options.onFileSelect) {\n      this.options.onFileSelect(validFiles);\n    }\n    \n    // Process the first valid file\n    if (validFiles.length) {\n      this.setFile(validFiles[0]);\n      this._simulateUpload(validFiles[0]);\n    }\n  }\n\n  /**\n   * Validate a file based on size and type\n   */\n  private _validateFile(file: File): boolean {\n    const maxSizeInBytes = (this.options.maxSizeInMB || 5) * 1024 * 1024;\n    \n    // Check file size\n    if (file.size > maxSizeInBytes) {\n      this.setStatus('error', `File too large. Maximum size is ${this.options.maxSizeInMB}MB.`);\n      return false;\n    }\n    \n    // Check file type if acceptedFileTypes is provided\n    if (this.options.acceptedFileTypes?.length) {\n      const isAcceptedType = this.options.acceptedFileTypes.some(type => {\n        // Handle wildcards like image/*\n        if (type.endsWith('/*')) {\n          const mainType = type.split('/')[0];\n          return file.type.startsWith(`${mainType}/`);\n        }\n        return file.type === type;\n      });\n      \n      if (!isAcceptedType) {\n        this.setStatus('error', 'File type not supported.');\n        return false;\n      }\n    }\n    \n    return true;\n  }\n\n  /**\n   * Simulate a file upload process\n   * In a real implementation, this would be replaced with actual upload logic\n   */\n  private _simulateUpload(file: File): void {\n    this.setStatus('loading');\n    let progress = 0;\n    \n    const interval = setInterval(() => {\n      progress += 5;\n      \n      if (progress < 100) {\n        this.setProgress(progress, `${Math.ceil((100 - progress) / 5)} seconds left`);\n        \n        if (this.options.onFileUpload) {\n          this.options.onFileUpload(file, progress);\n        }\n      } else {\n        clearInterval(interval);\n        this.setStatus('success', 'Upload successful');\n        \n        if (this.options.onFileUploadComplete) {\n          this.options.onFileUploadComplete(file);\n        }\n      }\n    }, 500);\n  }\n\n  /**\n   * Set current file\n   */\n  public setFile(file: File | null): void {\n    this.currentFile = file;\n    \n    if (file && this.$loaderTitle) {\n      this.$loaderTitle.textContent = file.name;\n    }\n  }\n\n  /**\n   * Set upload progress\n   */\n  public setProgress(percentage: number, timeLeft?: string): void {\n    if (!this.$element || !this.$loaderProgress) return;\n    \n    // Set percentage as CSS variable\n    this.$element.style.setProperty(UPLOAD.ATTRIBUTES.PERCENTAGE, percentage.toString());\n    \n    // Update the loader elements if they exist\n    const $par = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PAR);\n    const $time = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TIME);\n    \n    if ($par) {\n      $par.textContent = `${percentage}%`;\n    }\n    \n    if ($time && timeLeft) {\n      $time.textContent = timeLeft;\n    }\n  }\n\n  /**\n   * Set upload status\n   */\n  public setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void {\n    if (!this.$element) return;\n    \n    // Remove all status classes\n    this.$element.classList.remove(\n      UPLOAD.CLASSES.LOADING,\n      UPLOAD.CLASSES.SUCCESS,\n      UPLOAD.CLASSES.ERROR\n    );\n    \n    // Add appropriate class based on status\n    switch (status) {\n      case 'loading':\n        this.$element.classList.add(UPLOAD.CLASSES.LOADING);\n        break;\n      case 'success':\n        this.$element.classList.add(UPLOAD.CLASSES.SUCCESS);\n        break;\n      case 'error':\n        this.$element.classList.add(UPLOAD.CLASSES.ERROR);\n        break;\n    }\n    \n    // Update message if provided and loader exists\n    if (message && this.$loaderProgress) {\n      this.$loaderProgress.textContent = message;\n    }\n  }\n\n  /**\n   * Disable the upload component\n   */\n  public disable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.add(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = true;\n    this.options.disabled = true;\n  }\n\n  /**\n   * Enable the upload component\n   */\n  public enable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.remove(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = false;\n    this.options.disabled = false;\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n    \n    // Remove event listeners\n    this.$button.removeEventListener('click', this._handleButtonClick.bind(this));\n    this.$input.removeEventListener('change', this._handleFileSelect.bind(this));\n    this.$element.removeEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.removeEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.removeEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.removeEventListener('drop', this._handleDrop.bind(this));\n    \n    if (this.$loaderClose) {\n      this.$loaderClose.removeEventListener('click', this._handleClose.bind(this));\n    }\n    \n    // Remove input element\n    if (this.$input.parentNode) {\n      this.$input.parentNode.removeChild(this.$input);\n    }\n  }\n}\n\n/**\n * Initialize all upload components in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {UploadInstance[]} Array of Upload instances\n */\nexport function initializeUploads(selector = UPLOAD.SELECTORS.UPLOAD, options = {}): UploadInstance[] {\n  const uploadInstances: UploadInstance[] = [];\n  const uploadElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : UPLOAD.SELECTORS.UPLOAD);\n\n  if (!uploadElements.length) return uploadInstances;\n\n  uploadElements.forEach((element) => {\n    try {\n      const instance = new Upload(element, options);\n      uploadInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing upload:', error);\n    }\n  });\n\n  return uploadInstances;\n}\n\nexport default Upload; "],"names":["DEFAULT_OPTIONS","disabled","maxSizeInMB","acceptedFileTypes","multiple","Upload","constructor","selector","options","arguments","length","undefined","this","UPLOAD","SELECTORS","$element","document","querySelector","$input","$button","$loader","$loaderTitle","$loaderProgress","$loaderClose","currentFile","dragCounter","_initialize","_createHiddenInput","BUTTON","LOADER","LOADER_TITLE","LOADER_PROGRESS","LOADER_CLOSE","disable","_setupEventListeners","input","createElement","type","style","display","accept","join","appendChild","addEventListener","_handleButtonClick","bind","_handleFileSelect","_handleDragEnter","_handleDragLeave","_handleDragOver","_handleDrop","_handleClose","event","preventDefault","click","files","Array","from","_processFiles","classList","add","CLASSES","DRAGGING","remove","dataTransfer","setStatus","setFile","value","validFiles","filter","file","_validateFile","onFileSelect","_simulateUpload","size","some","endsWith","mainType","split","startsWith","progress","interval","setInterval","setProgress","Math","ceil","onFileUpload","clearInterval","onFileUploadComplete","textContent","name","percentage","timeLeft","setProperty","ATTRIBUTES","PERCENTAGE","$par","LOADER_PAR","$time","LOADER_TIME","status","message","LOADING","SUCCESS","ERROR","DISABLED","enable","destroy","removeEventListener","parentNode","removeChild","initializeUploads","uploadInstances","uploadElements","querySelectorAll","forEach","element","instance","push","error"],"sourceRoot":""}

package/dist/js/308.atomix.react.js

@@ -1,2 +0,0 @@
-"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[308],{308:(e,t,i)=>{i.r(t),i.d(t,{default:()=>r,initializeUploads:()=>o});var s=i(188);const n={disabled:!1,maxSizeInMB:5,acceptedFileTypes:["application/pdf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","image/jpeg","image/png"],multiple:!1};class l{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.selector=e||s.oH.SELECTORS.UPLOAD,this.$element="string"==typeof e?document.querySelector(e):e,this.options={...n,...t},this.$input=null,this.$button=null,this.$loader=null,this.$loaderTitle=null,this.$loaderProgress=null,this.$loaderClose=null,this.currentFile=null,this.dragCounter=0,this._initialize()}_initialize(){this.$element&&(this._createHiddenInput(),this.$button=this.$element.querySelector(s.oH.SELECTORS.BUTTON),this.$loader=this.$element.querySelector(s.oH.SELECTORS.LOADER),this.$loaderTitle=this.$element?.querySelector(s.oH.SELECTORS.LOADER_TITLE),this.$loaderProgress=this.$element?.querySelector(s.oH.SELECTORS.LOADER_PROGRESS),this.$loaderClose=this.$element?.querySelector(s.oH.SELECTORS.LOADER_CLOSE),this.options.disabled&&this.disable(),this._setupEventListeners())}_createHiddenInput(){if(!this.$element)return;const e=document.createElement("input");e.type="file",e.style.display="none",e.accept=this.options.acceptedFileTypes?.join(",")||"",e.multiple=!!this.options.multiple,this.$element.appendChild(e),this.$input=e}_setupEventListeners(){this.$element&&this.$input&&this.$button&&(this.$button.addEventListener("click",this._handleButtonClick.bind(this)),this.$input.addEventListener("change",this._handleFileSelect.bind(this)),this.$element.addEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.addEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.addEventListener("dragover",this._handleDragOver.bind(this)),this.$element.addEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.addEventListener("click",this._handleClose.bind(this)))}_handleButtonClick(e){e.preventDefault(),this.$input&&!this.options.disabled&&this.$input.click()}_handleFileSelect(e){if(!this.$input?.files?.length)return;const t=Array.from(this.$input.files);this._processFiles(t)}_handleDragEnter(e){e.preventDefault(),this.options.disabled||(this.dragCounter++,1===this.dragCounter&&this.$element?.classList.add(s.oH.CLASSES.DRAGGING))}_handleDragLeave(e){e.preventDefault(),this.options.disabled||(this.dragCounter--,0===this.dragCounter&&this.$element?.classList.remove(s.oH.CLASSES.DRAGGING))}_handleDragOver(e){e.preventDefault()}_handleDrop(e){if(e.preventDefault(),this.options.disabled)return;if(this.dragCounter=0,this.$element?.classList.remove(s.oH.CLASSES.DRAGGING),!e.dataTransfer?.files.length)return;const t=Array.from(e.dataTransfer.files);this._processFiles(t)}_handleClose(e){e.preventDefault(),this.setStatus("idle"),this.setFile(null),this.$input&&(this.$input.value="")}_processFiles(e){if(!e.length)return;const t=(this.options.multiple?e:[e[0]]).filter((e=>this._validateFile(e)));t.length&&this.options.onFileSelect&&this.options.onFileSelect(t),t.length&&(this.setFile(t[0]),this._simulateUpload(t[0]))}_validateFile(e){if(e.size>1024*(this.options.maxSizeInMB||5)*1024)return this.setStatus("error",`File too large. Maximum size is ${this.options.maxSizeInMB}MB.`),!1;if(this.options.acceptedFileTypes?.length){if(!this.options.acceptedFileTypes.some((t=>{if(t.endsWith("/*")){const i=t.split("/")[0];return e.type.startsWith(i+"/")}return e.type===t})))return this.setStatus("error","File type not supported."),!1}return!0}_simulateUpload(e){this.setStatus("loading");let t=0;const i=setInterval((()=>{t+=5,100>t?(this.setProgress(t,Math.ceil((100-t)/5)+" seconds left"),this.options.onFileUpload&&this.options.onFileUpload(e,t)):(clearInterval(i),this.setStatus("success","Upload successful"),this.options.onFileUploadComplete&&this.options.onFileUploadComplete(e))}),500)}setFile(e){this.currentFile=e,e&&this.$loaderTitle&&(this.$loaderTitle.textContent=e.name)}setProgress(e,t){if(!this.$element||!this.$loaderProgress)return;this.$element.style.setProperty(s.oH.ATTRIBUTES.PERCENTAGE,""+e);const i=this.$element.querySelector(s.oH.SELECTORS.LOADER_PAR),n=this.$element.querySelector(s.oH.SELECTORS.LOADER_TIME);i&&(i.textContent=e+"%"),n&&t&&(n.textContent=t)}setStatus(e,t){if(this.$element){switch(this.$element.classList.remove(s.oH.CLASSES.LOADING,s.oH.CLASSES.SUCCESS,s.oH.CLASSES.ERROR),e){case"loading":this.$element.classList.add(s.oH.CLASSES.LOADING);break;case"success":this.$element.classList.add(s.oH.CLASSES.SUCCESS);break;case"error":this.$element.classList.add(s.oH.CLASSES.ERROR)}t&&this.$loaderProgress&&(this.$loaderProgress.textContent=t)}}disable(){this.$element&&this.$button&&(this.$element.classList.add(s.oH.CLASSES.DISABLED),this.$button.disabled=!0,this.options.disabled=!0)}enable(){this.$element&&this.$button&&(this.$element.classList.remove(s.oH.CLASSES.DISABLED),this.$button.disabled=!1,this.options.disabled=!1)}destroy(){this.$element&&this.$input&&this.$button&&(this.$button.removeEventListener("click",this._handleButtonClick.bind(this)),this.$input.removeEventListener("change",this._handleFileSelect.bind(this)),this.$element.removeEventListener("dragenter",this._handleDragEnter.bind(this)),this.$element.removeEventListener("dragleave",this._handleDragLeave.bind(this)),this.$element.removeEventListener("dragover",this._handleDragOver.bind(this)),this.$element.removeEventListener("drop",this._handleDrop.bind(this)),this.$loaderClose&&this.$loaderClose.removeEventListener("click",this._handleClose.bind(this)),this.$input.parentNode&&this.$input.parentNode.removeChild(this.$input))}}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s.oH.SELECTORS.UPLOAD,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=[],n=document.querySelectorAll("string"==typeof e?e:s.oH.SELECTORS.UPLOAD);return n.length?(n.forEach((e=>{try{const s=new l(e,t);i.push(s)}catch(s){}})),i):i}const r=l}}]);
-//# sourceMappingURL=308.atomix.react.js.map

package/dist/js/308.atomix.react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/308.atomix.react.js","mappings":"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","sources":["webpack://Atomix/./src/components/Upload/scripts/index.ts"],"sourcesContent":["import { UPLOAD } from '../../../lib/constants/components';\n\n/**\n * Interface for Upload options\n */\ninterface UploadOptions {\n  disabled?: boolean;\n  maxSizeInMB?: number;\n  acceptedFileTypes?: string[];\n  multiple?: boolean;\n  onFileSelect?: (files: File[]) => void;\n  onFileUpload?: (file: File, progress: number) => void;\n  onFileUploadComplete?: (file: File) => void;\n  onFileUploadError?: (file: File, error: string) => void;\n  [key: string]: any;\n}\n\n/**\n * Interface for Upload instance\n */\ninterface UploadInstance {\n  setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;\n  setProgress: (percentage: number, timeLeft?: string) => void;\n  setFile: (file: File | null) => void;\n  disable: () => void;\n  enable: () => void;\n  destroy: () => void;\n}\n\n/**\n * Default options for the Upload component\n */\nconst DEFAULT_OPTIONS: UploadOptions = {\n  disabled: false,\n  maxSizeInMB: 5,\n  acceptedFileTypes: ['application/pdf', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'image/jpeg', 'image/png'],\n  multiple: false\n};\n\n/**\n * Class representing an Upload component\n */\nclass Upload implements UploadInstance {\n  private selector: string | Element;\n  private $element: HTMLElement | null;\n  private $input: HTMLInputElement | null;\n  private $button: HTMLButtonElement | null;\n  private $loader: HTMLElement | null;\n  private $loaderTitle: HTMLElement | null;\n  private $loaderProgress: HTMLElement | null;\n  private $loaderClose: HTMLButtonElement | null;\n  private options: UploadOptions;\n  private currentFile: File | null;\n  private dragCounter: number;\n\n  /**\n   * Creates an instance of Upload\n   * @param selector - CSS selector string or DOM Element\n   * @param options - Custom options to override defaults\n   */\n  constructor(selector: string | Element, options = {}) {\n    this.selector = selector || UPLOAD.SELECTORS.UPLOAD;\n    this.$element =\n      typeof selector === 'string'\n        ? document.querySelector<HTMLElement>(selector)\n        : selector as HTMLElement;\n    this.options = { ...DEFAULT_OPTIONS, ...options } as UploadOptions;\n    this.$input = null;\n    this.$button = null;\n    this.$loader = null;\n    this.$loaderTitle = null;\n    this.$loaderProgress = null;\n    this.$loaderClose = null;\n    this.currentFile = null;\n    this.dragCounter = 0;\n    this._initialize();\n  }\n\n  /**\n   * Initialize the upload component\n   */\n  private _initialize(): void {\n    if (!this.$element) return;\n\n    // Create a hidden file input element\n    this._createHiddenInput();\n\n    // Get references to elements\n    this.$button = this.$element.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.BUTTON);\n    this.$loader = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER);\n    this.$loaderTitle = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TITLE);\n    this.$loaderProgress = this.$element?.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PROGRESS);\n    this.$loaderClose = this.$element?.querySelector<HTMLButtonElement>(UPLOAD.SELECTORS.LOADER_CLOSE);\n\n    // Apply disabled state if specified\n    if (this.options.disabled) {\n      this.disable();\n    }\n\n    // Set up event listeners\n    this._setupEventListeners();\n  }\n\n  /**\n   * Creates a hidden file input element and appends it to the element\n   */\n  private _createHiddenInput(): void {\n    if (!this.$element) return;\n\n    // Create input element\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.style.display = 'none';\n    input.accept = this.options.acceptedFileTypes?.join(',') || '';\n    input.multiple = !!this.options.multiple;\n    \n    // Append to element\n    this.$element.appendChild(input);\n    this.$input = input;\n  }\n\n  /**\n   * Set up all event listeners\n   */\n  private _setupEventListeners(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n\n    // Button click handler\n    this.$button.addEventListener('click', this._handleButtonClick.bind(this));\n\n    // Input change handler\n    this.$input.addEventListener('change', this._handleFileSelect.bind(this));\n\n    // Drag and drop handlers\n    this.$element.addEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.addEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.addEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.addEventListener('drop', this._handleDrop.bind(this));\n\n    // Close button handler\n    if (this.$loaderClose) {\n      this.$loaderClose.addEventListener('click', this._handleClose.bind(this));\n    }\n  }\n\n  /**\n   * Handle button click\n   */\n  private _handleButtonClick(event: MouseEvent): void {\n    event.preventDefault();\n    if (this.$input && !this.options.disabled) {\n      this.$input.click();\n    }\n  }\n\n  /**\n   * Handle file selection from the input element\n   */\n  private _handleFileSelect(event: Event): void {\n    if (!this.$input?.files?.length) return;\n    \n    const files = Array.from(this.$input.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle drag enter event\n   */\n  private _handleDragEnter(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter++;\n    if (this.dragCounter === 1) {\n      this.$element?.classList.add(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag leave event\n   */\n  private _handleDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter--;\n    if (this.dragCounter === 0) {\n      this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    }\n  }\n\n  /**\n   * Handle drag over event\n   */\n  private _handleDragOver(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n  }\n\n  /**\n   * Handle drop event\n   */\n  private _handleDrop(event: DragEvent): void {\n    event.preventDefault();\n    if (this.options.disabled) return;\n    \n    this.dragCounter = 0;\n    this.$element?.classList.remove(UPLOAD.CLASSES.DRAGGING);\n    \n    if (!event.dataTransfer?.files.length) return;\n    \n    const files = Array.from(event.dataTransfer.files);\n    this._processFiles(files);\n  }\n\n  /**\n   * Handle close button click\n   */\n  private _handleClose(event: MouseEvent): void {\n    event.preventDefault();\n    \n    // Reset state\n    this.setStatus('idle');\n    this.setFile(null);\n    \n    // Reset input\n    if (this.$input) {\n      this.$input.value = '';\n    }\n  }\n\n  /**\n   * Process the selected files\n   */\n  private _processFiles(files: File[]): void {\n    if (!files.length) return;\n    \n    // If multiple is not allowed, take only the first file\n    const filesToProcess = this.options.multiple ? files : [files[0]];\n    \n    // Validate files\n    const validFiles = filesToProcess.filter(file => this._validateFile(file));\n    \n    // Notify about file selection\n    if (validFiles.length && this.options.onFileSelect) {\n      this.options.onFileSelect(validFiles);\n    }\n    \n    // Process the first valid file\n    if (validFiles.length) {\n      this.setFile(validFiles[0]);\n      this._simulateUpload(validFiles[0]);\n    }\n  }\n\n  /**\n   * Validate a file based on size and type\n   */\n  private _validateFile(file: File): boolean {\n    const maxSizeInBytes = (this.options.maxSizeInMB || 5) * 1024 * 1024;\n    \n    // Check file size\n    if (file.size > maxSizeInBytes) {\n      this.setStatus('error', `File too large. Maximum size is ${this.options.maxSizeInMB}MB.`);\n      return false;\n    }\n    \n    // Check file type if acceptedFileTypes is provided\n    if (this.options.acceptedFileTypes?.length) {\n      const isAcceptedType = this.options.acceptedFileTypes.some(type => {\n        // Handle wildcards like image/*\n        if (type.endsWith('/*')) {\n          const mainType = type.split('/')[0];\n          return file.type.startsWith(`${mainType}/`);\n        }\n        return file.type === type;\n      });\n      \n      if (!isAcceptedType) {\n        this.setStatus('error', 'File type not supported.');\n        return false;\n      }\n    }\n    \n    return true;\n  }\n\n  /**\n   * Simulate a file upload process\n   * In a real implementation, this would be replaced with actual upload logic\n   */\n  private _simulateUpload(file: File): void {\n    this.setStatus('loading');\n    let progress = 0;\n    \n    const interval = setInterval(() => {\n      progress += 5;\n      \n      if (progress < 100) {\n        this.setProgress(progress, `${Math.ceil((100 - progress) / 5)} seconds left`);\n        \n        if (this.options.onFileUpload) {\n          this.options.onFileUpload(file, progress);\n        }\n      } else {\n        clearInterval(interval);\n        this.setStatus('success', 'Upload successful');\n        \n        if (this.options.onFileUploadComplete) {\n          this.options.onFileUploadComplete(file);\n        }\n      }\n    }, 500);\n  }\n\n  /**\n   * Set current file\n   */\n  public setFile(file: File | null): void {\n    this.currentFile = file;\n    \n    if (file && this.$loaderTitle) {\n      this.$loaderTitle.textContent = file.name;\n    }\n  }\n\n  /**\n   * Set upload progress\n   */\n  public setProgress(percentage: number, timeLeft?: string): void {\n    if (!this.$element || !this.$loaderProgress) return;\n    \n    // Set percentage as CSS variable\n    this.$element.style.setProperty(UPLOAD.ATTRIBUTES.PERCENTAGE, percentage.toString());\n    \n    // Update the loader elements if they exist\n    const $par = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_PAR);\n    const $time = this.$element.querySelector<HTMLElement>(UPLOAD.SELECTORS.LOADER_TIME);\n    \n    if ($par) {\n      $par.textContent = `${percentage}%`;\n    }\n    \n    if ($time && timeLeft) {\n      $time.textContent = timeLeft;\n    }\n  }\n\n  /**\n   * Set upload status\n   */\n  public setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void {\n    if (!this.$element) return;\n    \n    // Remove all status classes\n    this.$element.classList.remove(\n      UPLOAD.CLASSES.LOADING,\n      UPLOAD.CLASSES.SUCCESS,\n      UPLOAD.CLASSES.ERROR\n    );\n    \n    // Add appropriate class based on status\n    switch (status) {\n      case 'loading':\n        this.$element.classList.add(UPLOAD.CLASSES.LOADING);\n        break;\n      case 'success':\n        this.$element.classList.add(UPLOAD.CLASSES.SUCCESS);\n        break;\n      case 'error':\n        this.$element.classList.add(UPLOAD.CLASSES.ERROR);\n        break;\n    }\n    \n    // Update message if provided and loader exists\n    if (message && this.$loaderProgress) {\n      this.$loaderProgress.textContent = message;\n    }\n  }\n\n  /**\n   * Disable the upload component\n   */\n  public disable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.add(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = true;\n    this.options.disabled = true;\n  }\n\n  /**\n   * Enable the upload component\n   */\n  public enable(): void {\n    if (!this.$element || !this.$button) return;\n    \n    this.$element.classList.remove(UPLOAD.CLASSES.DISABLED);\n    this.$button.disabled = false;\n    this.options.disabled = false;\n  }\n\n  /**\n   * Clean up event listeners\n   */\n  public destroy(): void {\n    if (!this.$element || !this.$input || !this.$button) return;\n    \n    // Remove event listeners\n    this.$button.removeEventListener('click', this._handleButtonClick.bind(this));\n    this.$input.removeEventListener('change', this._handleFileSelect.bind(this));\n    this.$element.removeEventListener('dragenter', this._handleDragEnter.bind(this));\n    this.$element.removeEventListener('dragleave', this._handleDragLeave.bind(this));\n    this.$element.removeEventListener('dragover', this._handleDragOver.bind(this));\n    this.$element.removeEventListener('drop', this._handleDrop.bind(this));\n    \n    if (this.$loaderClose) {\n      this.$loaderClose.removeEventListener('click', this._handleClose.bind(this));\n    }\n    \n    // Remove input element\n    if (this.$input.parentNode) {\n      this.$input.parentNode.removeChild(this.$input);\n    }\n  }\n}\n\n/**\n * Initialize all upload components in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {UploadInstance[]} Array of Upload instances\n */\nexport function initializeUploads(selector = UPLOAD.SELECTORS.UPLOAD, options = {}): UploadInstance[] {\n  const uploadInstances: UploadInstance[] = [];\n  const uploadElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : UPLOAD.SELECTORS.UPLOAD);\n\n  if (!uploadElements.length) return uploadInstances;\n\n  uploadElements.forEach((element) => {\n    try {\n      const instance = new Upload(element, options);\n      uploadInstances.push(instance);\n    } catch (error) {\n      console.error('Error initializing upload:', error);\n    }\n  });\n\n  return uploadInstances;\n}\n\nexport default Upload; "],"names":["DEFAULT_OPTIONS","disabled","maxSizeInMB","acceptedFileTypes","multiple","Upload","constructor","selector","options","arguments","length","undefined","this","UPLOAD","SELECTORS","$element","document","querySelector","$input","$button","$loader","$loaderTitle","$loaderProgress","$loaderClose","currentFile","dragCounter","_initialize","_createHiddenInput","BUTTON","LOADER","LOADER_TITLE","LOADER_PROGRESS","LOADER_CLOSE","disable","_setupEventListeners","input","createElement","type","style","display","accept","join","appendChild","addEventListener","_handleButtonClick","bind","_handleFileSelect","_handleDragEnter","_handleDragLeave","_handleDragOver","_handleDrop","_handleClose","event","preventDefault","click","files","Array","from","_processFiles","classList","add","CLASSES","DRAGGING","remove","dataTransfer","setStatus","setFile","value","validFiles","filter","file","_validateFile","onFileSelect","_simulateUpload","size","some","endsWith","mainType","split","startsWith","progress","interval","setInterval","setProgress","Math","ceil","onFileUpload","clearInterval","onFileUploadComplete","textContent","name","percentage","timeLeft","setProperty","ATTRIBUTES","PERCENTAGE","$par","LOADER_PAR","$time","LOADER_TIME","status","message","LOADING","SUCCESS","ERROR","DISABLED","enable","destroy","removeEventListener","parentNode","removeChild","initializeUploads","uploadInstances","uploadElements","querySelectorAll","forEach","element","instance","push","error"],"sourceRoot":""}

package/dist/js/34.atomix.react.cjs.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[34],{34:(t,e,i)=>{i.r(e),i.d(e,{default:()=>r});const r=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.element=t,this.options={productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null,...e},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()}init(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}setupAccessibility(){if(this.ratingElement){this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating");this.ratingElement.querySelectorAll(".c-rating__star").forEach(((t,e)=>{t.setAttribute("role","radio"),t.setAttribute("aria-label",`${e+1} star${0===e?"":"s"}`)}))}this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}handleSubmit(t){if(t.preventDefault(),!this.ratingElement||!this.textareaElement)return;const e=parseFloat(this.ratingElement.getAttribute("data-value")||"0");this.onSubmit&&e>0&&this.onSubmit(e,this.textareaElement.value),this.showSuccessState()}showSuccessState(){}reset(){if(this.ratingElement){this.ratingElement.setAttribute("data-value","0");this.ratingElement.querySelectorAll(".c-rating__star").forEach((t=>{t.classList.remove("c-rating__star--full","c-rating__star--half")}))}this.textareaElement&&(this.textareaElement.value="")}destroy(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}}}]);
-//# sourceMappingURL=34.atomix.react.cjs.js.map

package/dist/js/34.atomix.react.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/34.atomix.react.cjs.js","mappings":"oJAEA,QCCe,MAcbA,WAAAA,CAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAChDG,KAAKL,QAAUA,EACfK,KAAKJ,QAAU,CACbK,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,QACPX,GAGLI,KAAKQ,cAAgBR,KAAKL,QAAQc,cAAc,aAChDT,KAAKU,gBAAkBV,KAAKL,QAAQc,cAAc,+BAClDT,KAAKW,aAAeX,KAAKL,QAAQc,cAAc,qCAC/CT,KAAKY,YAAcZ,KAAKL,QAAQc,cAAc,2BAC9CT,KAAKO,SAAWP,KAAKJ,QAAQW,SAE7BP,KAAKa,MACP,CAKAA,IAAAA,GACMb,KAAKY,aACPZ,KAAKY,YAAYE,iBAAiB,SAAUd,KAAKe,aAAaC,KAAKhB,OAIrEA,KAAKiB,oBACP,CAKAA,kBAAAA,GAEE,GAAIjB,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,OAAQ,cACxClB,KAAKQ,cAAcU,aAAa,aAAc,UAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQ,CAACC,EAAMC,KACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAGI,EAAQ,SAAmB,IAAVA,EAAc,GAAK,MAAM,GAEjF,CAEItB,KAAKU,iBACPV,KAAKU,gBAAgBQ,aAAa,gBAAiB,QAEvD,CAMAH,YAAAA,CAAaQ,GAGX,GAFAA,EAAEC,kBAEGxB,KAAKQ,gBAAkBR,KAAKU,gBAAiB,OAElD,MAAMe,EAASC,WAAW1B,KAAKQ,cAAcmB,aAAa,eAAiB,KAGvE3B,KAAKO,UAAYkB,EAAS,GAC5BzB,KAAKO,SAASkB,EAHCzB,KAAKU,gBAAwCkB,OAO9D5B,KAAK6B,kBACP,CAKAA,gBAAAA,GAEE,CAMFC,KAAAA,GACE,GAAI9B,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,aAAc,KAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQC,IACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAAuB,GAEzE,CAEIhC,KAAKU,kBACNV,KAAKU,gBAAwCkB,MAAQ,GAE1D,CAKAK,OAAAA,GACMjC,KAAKY,aACPZ,KAAKY,YAAYsB,oBAAoB,SAAUlC,KAAKe,aAAaC,KAAKhB,MAI1E,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":["constructor","element","options","arguments","length","undefined","this","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","e","preventDefault","rating","parseFloat","getAttribute","value","showSuccessState","reset","classList","remove","destroy","removeEventListener"],"sourceRoot":""}

package/dist/js/34.atomix.react.esm.js

@@ -1,2 +0,0 @@
-export const __webpack_id__=34;export const __webpack_ids__=[34];export const __webpack_modules__={34:(t,e,i)=>{i.r(e),i.d(e,{default:()=>r});const r=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.element=t,this.options={productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null,...e},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()}init(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}setupAccessibility(){if(this.ratingElement){this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating");this.ratingElement.querySelectorAll(".c-rating__star").forEach(((t,e)=>{t.setAttribute("role","radio"),t.setAttribute("aria-label",`${e+1} star${0===e?"":"s"}`)}))}this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}handleSubmit(t){if(t.preventDefault(),!this.ratingElement||!this.textareaElement)return;const e=parseFloat(this.ratingElement.getAttribute("data-value")||"0");this.onSubmit&&e>0&&this.onSubmit(e,this.textareaElement.value),this.showSuccessState()}showSuccessState(){}reset(){if(this.ratingElement){this.ratingElement.setAttribute("data-value","0");this.ratingElement.querySelectorAll(".c-rating__star").forEach((t=>{t.classList.remove("c-rating__star--full","c-rating__star--half")}))}this.textareaElement&&(this.textareaElement.value="")}destroy(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}}};
-//# sourceMappingURL=34.atomix.react.esm.js.map

package/dist/js/34.atomix.react.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/34.atomix.react.esm.js","mappings":"8IAEA,QCCe,MAcbA,WAAAA,CAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAChDG,KAAKL,QAAUA,EACfK,KAAKJ,QAAU,CACbK,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,QACPX,GAGLI,KAAKQ,cAAgBR,KAAKL,QAAQc,cAAc,aAChDT,KAAKU,gBAAkBV,KAAKL,QAAQc,cAAc,+BAClDT,KAAKW,aAAeX,KAAKL,QAAQc,cAAc,qCAC/CT,KAAKY,YAAcZ,KAAKL,QAAQc,cAAc,2BAC9CT,KAAKO,SAAWP,KAAKJ,QAAQW,SAE7BP,KAAKa,MACP,CAKAA,IAAAA,GACMb,KAAKY,aACPZ,KAAKY,YAAYE,iBAAiB,SAAUd,KAAKe,aAAaC,KAAKhB,OAIrEA,KAAKiB,oBACP,CAKAA,kBAAAA,GAEE,GAAIjB,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,OAAQ,cACxClB,KAAKQ,cAAcU,aAAa,aAAc,UAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQ,CAACC,EAAMC,KACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAGI,EAAQ,SAAmB,IAAVA,EAAc,GAAK,MAAM,GAEjF,CAEItB,KAAKU,iBACPV,KAAKU,gBAAgBQ,aAAa,gBAAiB,QAEvD,CAMAH,YAAAA,CAAaQ,GAGX,GAFAA,EAAEC,kBAEGxB,KAAKQ,gBAAkBR,KAAKU,gBAAiB,OAElD,MAAMe,EAASC,WAAW1B,KAAKQ,cAAcmB,aAAa,eAAiB,KAGvE3B,KAAKO,UAAYkB,EAAS,GAC5BzB,KAAKO,SAASkB,EAHCzB,KAAKU,gBAAwCkB,OAO9D5B,KAAK6B,kBACP,CAKAA,gBAAAA,GAEE,CAMFC,KAAAA,GACE,GAAI9B,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,aAAc,KAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQC,IACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAAuB,GAEzE,CAEIhC,KAAKU,kBACNV,KAAKU,gBAAwCkB,MAAQ,GAE1D,CAKAK,OAAAA,GACMjC,KAAKY,aACPZ,KAAKY,YAAYsB,oBAAoB,SAAUlC,KAAKe,aAAaC,KAAKhB,MAI1E,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":["constructor","element","options","arguments","length","undefined","this","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","e","preventDefault","rating","parseFloat","getAttribute","value","showSuccessState","reset","classList","remove","destroy","removeEventListener"],"sourceRoot":""}

package/dist/js/34.atomix.react.js

@@ -1,2 +0,0 @@
-"use strict";(this.webpackChunkAtomix=this.webpackChunkAtomix||[]).push([[34],{34:(t,e,i)=>{i.r(e),i.d(e,{default:()=>r});const r=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.element=t,this.options={productName:"",productImage:null,initialRating:0,maxRating:5,allowHalf:!0,ratingColor:"warning",onSubmit:null,...e},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()}init(){this.formElement&&this.formElement.addEventListener("submit",this.handleSubmit.bind(this)),this.setupAccessibility()}setupAccessibility(){if(this.ratingElement){this.ratingElement.setAttribute("role","radiogroup"),this.ratingElement.setAttribute("aria-label","Rating");this.ratingElement.querySelectorAll(".c-rating__star").forEach(((t,e)=>{t.setAttribute("role","radio"),t.setAttribute("aria-label",`${e+1} star${0===e?"":"s"}`)}))}this.textareaElement&&this.textareaElement.setAttribute("aria-required","false")}handleSubmit(t){if(t.preventDefault(),!this.ratingElement||!this.textareaElement)return;const e=parseFloat(this.ratingElement.getAttribute("data-value")||"0");this.onSubmit&&e>0&&this.onSubmit(e,this.textareaElement.value),this.showSuccessState()}showSuccessState(){}reset(){if(this.ratingElement){this.ratingElement.setAttribute("data-value","0");this.ratingElement.querySelectorAll(".c-rating__star").forEach((t=>{t.classList.remove("c-rating__star--full","c-rating__star--half")}))}this.textareaElement&&(this.textareaElement.value="")}destroy(){this.formElement&&this.formElement.removeEventListener("submit",this.handleSubmit.bind(this))}}}}]);
-//# sourceMappingURL=34.atomix.react.js.map

package/dist/js/34.atomix.react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/34.atomix.react.js","mappings":"0HAEA,QCCe,MAcbA,WAAAA,CAAYC,GAAyC,IAAnBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAChDG,KAAKL,QAAUA,EACfK,KAAKJ,QAAU,CACbK,YAAa,GACbC,aAAc,KACdC,cAAe,EACfC,UAAW,EACXC,WAAW,EACXC,YAAa,UACbC,SAAU,QACPX,GAGLI,KAAKQ,cAAgBR,KAAKL,QAAQc,cAAc,aAChDT,KAAKU,gBAAkBV,KAAKL,QAAQc,cAAc,+BAClDT,KAAKW,aAAeX,KAAKL,QAAQc,cAAc,qCAC/CT,KAAKY,YAAcZ,KAAKL,QAAQc,cAAc,2BAC9CT,KAAKO,SAAWP,KAAKJ,QAAQW,SAE7BP,KAAKa,MACP,CAKAA,IAAAA,GACMb,KAAKY,aACPZ,KAAKY,YAAYE,iBAAiB,SAAUd,KAAKe,aAAaC,KAAKhB,OAIrEA,KAAKiB,oBACP,CAKAA,kBAAAA,GAEE,GAAIjB,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,OAAQ,cACxClB,KAAKQ,cAAcU,aAAa,aAAc,UAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQ,CAACC,EAAMC,KACnBD,EAAKH,aAAa,OAAQ,SAC1BG,EAAKH,aAAa,aAAc,GAAGI,EAAQ,SAAmB,IAAVA,EAAc,GAAK,MAAM,GAEjF,CAEItB,KAAKU,iBACPV,KAAKU,gBAAgBQ,aAAa,gBAAiB,QAEvD,CAMAH,YAAAA,CAAaQ,GAGX,GAFAA,EAAEC,kBAEGxB,KAAKQ,gBAAkBR,KAAKU,gBAAiB,OAElD,MAAMe,EAASC,WAAW1B,KAAKQ,cAAcmB,aAAa,eAAiB,KAGvE3B,KAAKO,UAAYkB,EAAS,GAC5BzB,KAAKO,SAASkB,EAHCzB,KAAKU,gBAAwCkB,OAO9D5B,KAAK6B,kBACP,CAKAA,gBAAAA,GAEE,CAMFC,KAAAA,GACE,GAAI9B,KAAKQ,cAAe,CACtBR,KAAKQ,cAAcU,aAAa,aAAc,KAEhClB,KAAKQ,cAAcW,iBAAiB,mBAC5CC,SAAQC,IACZA,EAAKU,UAAUC,OAAO,uBAAwB,uBAAuB,GAEzE,CAEIhC,KAAKU,kBACNV,KAAKU,gBAAwCkB,MAAQ,GAE1D,CAKAK,OAAAA,GACMjC,KAAKY,aACPZ,KAAKY,YAAYsB,oBAAoB,SAAUlC,KAAKe,aAAaC,KAAKhB,MAI1E,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":["constructor","element","options","arguments","length","undefined","this","productName","productImage","initialRating","maxRating","allowHalf","ratingColor","onSubmit","ratingElement","querySelector","textareaElement","submitButton","formElement","init","addEventListener","handleSubmit","bind","setupAccessibility","setAttribute","querySelectorAll","forEach","star","index","e","preventDefault","rating","parseFloat","getAttribute","value","showSuccessState","reset","classList","remove","destroy","removeEventListener"],"sourceRoot":""}

package/dist/js/471.atomix.react.cjs.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_shohojdhara_atomix=self.webpackChunk_shohojdhara_atomix||[]).push([[471],{471:(t,e,a)=>{a.r(e),a.d(e,{default:()=>n,disposeAll:()=>l,enhanceWithKeyboardNavigation:()=>i,getInstance:()=>o,initFromDataAttributes:()=>r});const s={value:0,maxValue:5,allowHalf:!1,readOnly:!1,size:"md"};class n{stars=null;constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.element="string"==typeof t?document.querySelector(t):t,!this.element)throw Error("Rating: Element not found");this.options={...s,...e},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()}_init(){this.element.setAttribute("data-max-value",this.options.maxValue+""),this.element.setAttribute("data-allow-half",this.options.allowHalf+""),this.element.setAttribute("data-readonly",this.options.readOnly+""),this.options.readOnly?(this.element.setAttribute("role","img"),this.element.setAttribute("aria-label",`Rating: ${this._currentValue} out of ${this.options.maxValue} stars`)):this.element.setAttribute("role","radiogroup"),this.options.size&&"md"!==this.options.size&&this.element.classList.add("c-rating--"+this.options.size),this.options.color&&this.element.classList.add("c-rating--"+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}}))}_bindEvents(){this.stars&&(this.stars.forEach((t=>{t.addEventListener("mouseenter",this._boundHandleMouseEnter),t.addEventListener("click",this._boundHandleClick),t.addEventListener("keydown",this._boundHandleKeyDown),t.setAttribute("tabindex","0"),t.setAttribute("role","button")})),this.element.addEventListener("mouseleave",this._boundHandleMouseLeave))}_handleMouseEnter(t){if(this.options.readOnly)return;const e=Number(t.currentTarget.getAttribute("data-value"));this._highlightStars(e)}_handleMouseLeave(){this.options.readOnly||this._updateStars()}_handleClick(t){if(this.options.readOnly)return;const e=Number(t.currentTarget.getAttribute("data-value"));this.setValue(e),this.options.onChange&&this.options.onChange(e)}_handleKeyDown(t){if(this.options.readOnly)return;const e=Number(t.currentTarget.getAttribute("data-value")),a=this.options.allowHalf?.5:1;let s=this._currentValue;switch(t.key){case"ArrowRight":case"ArrowUp":s=Math.min(this.options.maxValue||5,this._currentValue+a),t.preventDefault();break;case"ArrowLeft":case"ArrowDown":s=Math.max(0,this._currentValue-a),t.preventDefault();break;case"Home":s=0,t.preventDefault();break;case"End":s=this.options.maxValue||5,t.preventDefault();break;case" ":case"Enter":s=e,t.preventDefault();break;default:return}s!==this._currentValue&&(this.setValue(s),this.options.onChange&&this.options.onChange(s))}_updateStars(){if(!this.stars)return;const t=this.options.allowHalf?Math.floor(2*this._currentValue)/2:Math.round(this._currentValue);this.stars.forEach((e=>{const a=Number(e.getAttribute("data-value")),s=Math.floor(t)>=a,n=this.options.allowHalf&&a-.5===t;e.classList.remove("c-rating__star--full","c-rating__star--half"),s?e.classList.add("c-rating__star--full"):n&&e.classList.add("c-rating__star--half"),e.setAttribute("aria-checked",s||n?"true":"false")})),this.options.readOnly&&this.element.setAttribute("aria-label",`Rating: ${t} out of ${this.options.maxValue} stars`),this.element.setAttribute("data-value",t+"")}_highlightStars(t){this.stars&&this.stars.forEach((e=>{const 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")}))}getValue(){return this._currentValue}setValue(t){const 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}}))}updateOptions(t){this.options={...this.options,...t},this._init()}destroy(){this.stars&&this.stars.forEach((t=>{t.removeEventListener("mouseenter",this._boundHandleMouseEnter),t.removeEventListener("click",this._boundHandleClick),t.removeEventListener("keydown",this._boundHandleKeyDown)})),this.element.removeEventListener("mouseleave",this._boundHandleMouseLeave),delete this.element._rating}}function i(t){const e=t.element;if(!e)return;e.addEventListener("keydown",(t=>{!function(t,e){if(!e)return;const a=e.querySelectorAll(".c-rating__star");if(!a.length)return;const s=Array.from(a).findIndex((t=>t===document.activeElement));let n=-1;switch(t.key){case"ArrowRight":case"ArrowUp":t.preventDefault(),n=a.length-1>s?s+1:0;break;case"ArrowLeft":case"ArrowDown":t.preventDefault(),n=s>0?s-1:a.length-1;break;case"Home":t.preventDefault(),n=0;break;case"End":t.preventDefault(),n=a.length-1;break;case" ":case"Enter":t.preventDefault(),0>s||a[s].click()}0>n||a[n].focus()}(t,e)}));const a=e.querySelectorAll(".c-rating__star");a.forEach((t=>{t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("role","button"),t.setAttribute("aria-label",`Rate ${Array.from(a).indexOf(t)+1} out of ${a.length}`)}))}function r(){const t=[];return document.querySelectorAll("[data-rating]").forEach((e=>{const a=e,s={};a.dataset.value&&(s.value=parseFloat(a.dataset.value)),a.dataset.maxValue&&(s.maxValue=parseFloat(a.dataset.maxValue)),void 0!==a.dataset.allowHalf&&(s.allowHalf="true"===a.dataset.allowHalf),void 0!==a.dataset.readOnly&&(s.readOnly="true"===a.dataset.readOnly),a.dataset.size&&(s.size=a.dataset.size),a.dataset.color&&(s.color=a.dataset.color);const r=new n(a,s);t.push(r),i(r)})),t}function o(t){const e="string"==typeof t?document.querySelector(t):t;return e&&e._rating||null}function l(){document.querySelectorAll("[data-rating]").forEach((t=>{const e=o(t);e&&e.destroy()}))}"undefined"!=typeof window&&(window.Atomix=window.Atomix||{},window.Atomix.Rating={create:n,init:r,get:o,disposeAll:l,enhanceKeyboardNavigation:i},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",(()=>{r()})):r())}}]);
-//# sourceMappingURL=471.atomix.react.cjs.js.map