npm - @shohojdhara/atomix - Versions diffs - 0.1.6 → 0.1.8 - Mend

@shohojdhara/atomix 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/js/202.atomix-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/202.atomix-0.1.6.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-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/202.atomix-0.1.6.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-0.1.6.react.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/202.atomix-0.1.6.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-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/308.atomix-0.1.6.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-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/308.atomix-0.1.6.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-0.1.6.react.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/308.atomix-0.1.6.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-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/34.atomix-0.1.6.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-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/34.atomix-0.1.6.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-0.1.6.react.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/34.atomix-0.1.6.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-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/471.atomix-0.1.6.react.cjs.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Rating/scripts/index.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/ratingInteractions.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/bundle.ts"],"sourcesContent":["import type { RatingProps, Size, ThemeColor } from '../../../lib/types/components';\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport type RatingOptions = Pick<RatingProps, \n 'value' | \n 'defaultValue' | \n 'maxValue' | \n 'allowHalf' | \n 'readOnly' | \n 'size' | \n 'color' | \n 'onChange'\n>;\n\n// Define default options\nconst DEFAULTS = {\n value: 0,\n maxValue: 5,\n allowHalf: false,\n readOnly: false,\n size: 'md' as Size,\n};\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport default class Rating {\n element: HTMLElement;\n options: RatingOptions;\n stars: NodeListOf<HTMLElement> | null = null;\n private _currentValue: number;\n private _boundHandleMouseEnter: (event: MouseEvent) => void;\n private _boundHandleMouseLeave: (event: MouseEvent) => void;\n private _boundHandleClick: (event: MouseEvent) => void;\n private _boundHandleKeyDown: (event: KeyboardEvent) => void;\n \n /**\n * Create a new Rating instance\n * @param element - The element to attach the rating to\n * @param options - Configuration options\n */\n constructor(element: string | HTMLElement, options: RatingOptions = {}) {\n this.element = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;\n if (!this.element) {\n throw new Error('Rating: Element not found');\n }\n \n this.options = { ...DEFAULTS, ...options };\n this._currentValue = this.options.value || 0;\n \n // Bind event handlers to this instance\n this._boundHandleMouseEnter = this._handleMouseEnter.bind(this);\n this._boundHandleMouseLeave = this._handleMouseLeave.bind(this);\n this._boundHandleClick = this._handleClick.bind(this);\n this._boundHandleKeyDown = this._handleKeyDown.bind(this);\n \n // Store reference to instance on element\n (this.element as any)._rating = this;\n \n this._init();\n }\n \n /**\n * Initialize the component\n */\n private _init(): void {\n // Set data attributes\n this.element.setAttribute('data-max-value', String(this.options.maxValue));\n this.element.setAttribute('data-allow-half', String(this.options.allowHalf));\n this.element.setAttribute('data-readonly', String(this.options.readOnly));\n \n // Set ARIA attributes\n if (this.options.readOnly) {\n this.element.setAttribute('role', 'img');\n this.element.setAttribute('aria-label', `Rating: ${this._currentValue} out of ${this.options.maxValue} stars`);\n } else {\n this.element.setAttribute('role', 'radiogroup');\n }\n \n // Add CSS classes\n if (this.options.size && this.options.size !== 'md') {\n this.element.classList.add(`c-rating--${this.options.size}`);\n }\n \n if (this.options.color) {\n this.element.classList.add(`c-rating--${this.options.color}`);\n }\n \n // Get all stars\n this.stars = this.element.querySelectorAll('.c-rating__star');\n \n // Set initial state\n this._updateStars();\n \n // Bind events if not read-only\n if (!this.options.readOnly) {\n this._bindEvents();\n }\n \n // Dispatch init event\n this.element.dispatchEvent(new CustomEvent('rating:init', {\n bubbles: true,\n detail: { instance: this }\n }));\n }\n \n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.stars) return;\n \n // Add event listeners to each star\n this.stars.forEach((star) => {\n star.addEventListener('mouseenter', this._boundHandleMouseEnter);\n star.addEventListener('click', this._boundHandleClick);\n star.addEventListener('keydown', this._boundHandleKeyDown);\n \n // Make stars focusable\n star.setAttribute('tabindex', '0');\n star.setAttribute('role', 'button');\n });\n \n // Add mouseleave to the container\n this.element.addEventListener('mouseleave', this._boundHandleMouseLeave);\n }\n \n /**\n * Handle mouse enter on a star\n */\n private _handleMouseEnter(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this._highlightStars(value);\n }\n \n /**\n * Handle mouse leave from rating component\n */\n private _handleMouseLeave(): void {\n if (this.options.readOnly) return;\n \n this._updateStars();\n }\n \n /**\n * Handle click on a star\n */\n private _handleClick(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this.setValue(value);\n \n if (this.options.onChange) {\n this.options.onChange(value);\n }\n }\n \n /**\n * Handle keyboard navigation\n */\n private _handleKeyDown(event: KeyboardEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const index = Number(target.getAttribute('data-value'));\n const step = this.options.allowHalf ? 0.5 : 1;\n let newValue = this._currentValue;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n newValue = Math.min(this.options.maxValue || 5, this._currentValue + step);\n event.preventDefault();\n break;\n case 'ArrowLeft':\n case 'ArrowDown':\n newValue = Math.max(0, this._currentValue - step);\n event.preventDefault();\n break;\n case 'Home':\n newValue = 0;\n event.preventDefault();\n break;\n case 'End':\n newValue = this.options.maxValue || 5;\n event.preventDefault();\n break;\n case ' ':\n case 'Enter':\n newValue = index;\n event.preventDefault();\n break;\n default:\n return;\n }\n \n if (newValue !== this._currentValue) {\n this.setValue(newValue);\n \n if (this.options.onChange) {\n this.options.onChange(newValue);\n }\n }\n }\n \n /**\n * Update star appearance based on current value\n */\n private _updateStars(): void {\n if (!this.stars) return;\n \n const roundedValue = this.options.allowHalf \n ? Math.floor(this._currentValue * 2) / 2 \n : Math.round(this._currentValue);\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n const isFullStar = starValue <= Math.floor(roundedValue);\n const isHalfStar = this.options.allowHalf && (starValue - 0.5 === roundedValue);\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add appropriate classes\n if (isFullStar) {\n star.classList.add('c-rating__star--full');\n } else if (isHalfStar) {\n star.classList.add('c-rating__star--half');\n }\n \n // Update ARIA attributes\n star.setAttribute('aria-checked', isFullStar || isHalfStar ? 'true' : 'false');\n });\n \n // Update container ARIA label if read-only\n if (this.options.readOnly) {\n this.element.setAttribute('aria-label', `Rating: ${roundedValue} out of ${this.options.maxValue} stars`);\n }\n \n // Update data attribute\n this.element.setAttribute('data-value', String(roundedValue));\n }\n \n /**\n * Temporarily highlight stars up to a value\n */\n private _highlightStars(value: number): void {\n if (!this.stars) return;\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add full class if star value is less than or equal to hovered value\n if (starValue <= value) {\n star.classList.add('c-rating__star--full');\n }\n });\n }\n \n /**\n * Get current rating value\n */\n public getValue(): number {\n return this._currentValue;\n }\n \n /**\n * Set the rating value\n * @param value - The new rating value\n */\n public setValue(value: number): void {\n // Clamp value between 0 and maxValue\n const clampedValue = Math.max(0, Math.min(value, this.options.maxValue || 5));\n \n // Update current value\n this._currentValue = clampedValue;\n \n // Update visual state\n this._updateStars();\n \n // Dispatch change event\n this.element.dispatchEvent(new CustomEvent('rating:change', {\n bubbles: true,\n detail: { value: clampedValue }\n }));\n }\n \n /**\n * Update component options\n * @param options Partial options to update\n */\n public updateOptions(options: Partial<RatingOptions>): void {\n // Update options\n this.options = { ...this.options, ...options };\n \n // Re-initialize component with new options\n this._init();\n }\n \n /**\n * Destroy the rating component and remove event listeners\n */\n public destroy(): void {\n if (this.stars) {\n // Remove event listeners from stars\n this.stars.forEach((star) => {\n star.removeEventListener('mouseenter', this._boundHandleMouseEnter);\n star.removeEventListener('click', this._boundHandleClick);\n star.removeEventListener('keydown', this._boundHandleKeyDown);\n });\n }\n \n // Remove event listener from container\n this.element.removeEventListener('mouseleave', this._boundHandleMouseLeave);\n \n // Remove reference from element\n delete (this.element as any)._rating;\n }\n}\n","import Rating from './index';\nimport type { RatingOptions } from './index';\n\n/**\n * Event handlers and utility functions for Rating component\n */\n\n/**\n * Handle keyboard navigation for rating stars\n * @param event Keyboard event\n * @param container Rating container element\n */\nexport function handleKeyboardNavigation(event: KeyboardEvent, container: HTMLElement): void {\n if (!container) return;\n \n const stars = container.querySelectorAll<HTMLElement>('.c-rating__star');\n if (!stars.length) return;\n \n const currentIndex = Array.from(stars).findIndex(item => item === document.activeElement);\n let nextIndex = -1;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n event.preventDefault();\n nextIndex = currentIndex < stars.length - 1 ? currentIndex + 1 : 0;\n break;\n \n case 'ArrowLeft':\n case 'ArrowDown':\n event.preventDefault();\n nextIndex = currentIndex > 0 ? currentIndex - 1 : stars.length - 1;\n break;\n \n case 'Home':\n event.preventDefault();\n nextIndex = 0;\n break;\n \n case 'End':\n event.preventDefault();\n nextIndex = stars.length - 1;\n break;\n \n case ' ':\n case 'Enter':\n event.preventDefault();\n if (currentIndex >= 0) {\n stars[currentIndex].click();\n }\n break;\n }\n \n if (nextIndex >= 0) {\n stars[nextIndex].focus();\n }\n}\n\n/**\n * Enhance a rating with keyboard navigation\n * @param rating Rating instance\n */\nexport function enhanceWithKeyboardNavigation(rating: Rating): void {\n const element = rating.element;\n if (!element) return;\n \n element.addEventListener('keydown', (e: KeyboardEvent) => {\n handleKeyboardNavigation(e, element);\n });\n \n // Make stars focusable\n const stars = element.querySelectorAll<HTMLElement>('.c-rating__star');\n stars.forEach(star => {\n if (!star.hasAttribute('tabindex')) {\n star.setAttribute('tabindex', '0');\n }\n star.setAttribute('role', 'button');\n star.setAttribute('aria-label', `Rate ${Array.from(stars).indexOf(star) + 1} out of ${stars.length}`);\n });\n}\n\n/**\n * Initialize ratings with data attributes\n */\nexport function initFromDataAttributes(): Rating[] {\n const instances: Rating[] = [];\n \n document.querySelectorAll('[data-rating]').forEach(element => {\n const el = element as HTMLElement;\n \n // Parse options from data attributes\n const options: Record<string, any> = {};\n \n // Value\n if (el.dataset.value) {\n options.value = parseFloat(el.dataset.value);\n }\n \n // Max value\n if (el.dataset.maxValue) {\n options.maxValue = parseFloat(el.dataset.maxValue);\n }\n \n // Allow half\n if (el.dataset.allowHalf !== undefined) {\n options.allowHalf = el.dataset.allowHalf === 'true';\n }\n \n // Read only\n if (el.dataset.readOnly !== undefined) {\n options.readOnly = el.dataset.readOnly === 'true';\n }\n \n // Size\n if (el.dataset.size) {\n options.size = el.dataset.size;\n }\n \n // Color\n if (el.dataset.color) {\n options.color = el.dataset.color;\n }\n \n const instance = new Rating(el, options);\n instances.push(instance);\n \n // Enhance with keyboard navigation\n enhanceWithKeyboardNavigation(instance);\n });\n \n return instances;\n}\n\n/**\n * Get a Rating instance from an element\n * @param element Element or selector\n */\nexport function getInstance(element: string | HTMLElement): Rating | null {\n const el = typeof element === 'string' ? document.querySelector(element) : element;\n \n if (!el) return null;\n \n // Use a stored reference if exists\n return (el as any)._rating || null;\n}\n\n/**\n * Dispose all Rating instances\n */\nexport function disposeAll(): void {\n document.querySelectorAll('[data-rating]').forEach(element => {\n const instance = getInstance(element as HTMLElement);\n if (instance) {\n instance.destroy();\n }\n });\n}\n","import Rating from './index';\nimport { initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation } from './ratingInteractions';\n\nif (typeof window !== 'undefined') {\n // Initialize the Atomix global object if it doesn't exist\n (window as any).Atomix = (window as any).Atomix || {};\n \n // Add Rating to the global Atomix object\n (window as any).Atomix.Rating = {\n create: Rating,\n init: initFromDataAttributes,\n get: getInstance,\n disposeAll: disposeAll,\n enhanceKeyboardNavigation: enhanceWithKeyboardNavigation\n };\n \n // Auto-initialize ratings when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n initFromDataAttributes();\n });\n } else {\n initFromDataAttributes();\n }\n}\n\n// Export everything for module bundling\nexport { \n Rating as default,\n initFromDataAttributes,\n getInstance,\n disposeAll,\n enhanceWithKeyboardNavigation\n};\n"],"names":["DEFAULTS","value","maxValue","allowHalf","readOnly","size","Rating","stars","constructor","element","options","arguments","length","undefined","this","document","querySelector","Error","_currentValue","_boundHandleMouseEnter","_handleMouseEnter","bind","_boundHandleMouseLeave","_handleMouseLeave","_boundHandleClick","_handleClick","_boundHandleKeyDown","_handleKeyDown","_rating","_init","setAttribute","String","classList","add","color","querySelectorAll","_updateStars","_bindEvents","dispatchEvent","CustomEvent","bubbles","detail","instance","forEach","star","addEventListener","event","Number","currentTarget","getAttribute","_highlightStars","setValue","onChange","index","step","newValue","key","Math","min","preventDefault","max","roundedValue","floor","round","starValue","isFullStar","isHalfStar","remove","getValue","clampedValue","updateOptions","destroy","removeEventListener","enhanceWithKeyboardNavigation","rating","e","container","currentIndex","Array","from","findIndex","item","activeElement","nextIndex","click","focus","handleKeyboardNavigation","hasAttribute","indexOf","initFromDataAttributes","instances","el","dataset","parseFloat","push","getInstance","disposeAll","window","Atomix","create","init","get","enhanceKeyboardNavigation","readyState"],"sourceRoot":""}

package/dist/js/471.atomix-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/471.atomix-0.1.6.react.esm.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Rating/scripts/index.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/ratingInteractions.ts","webpack://@shohojdhara/atomix/./src/components/Rating/scripts/bundle.ts"],"sourcesContent":["import type { RatingProps, Size, ThemeColor } from '../../../lib/types/components';\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport type RatingOptions = Pick<RatingProps, \n 'value' | \n 'defaultValue' | \n 'maxValue' | \n 'allowHalf' | \n 'readOnly' | \n 'size' | \n 'color' | \n 'onChange'\n>;\n\n// Define default options\nconst DEFAULTS = {\n value: 0,\n maxValue: 5,\n allowHalf: false,\n readOnly: false,\n size: 'md' as Size,\n};\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport default class Rating {\n element: HTMLElement;\n options: RatingOptions;\n stars: NodeListOf<HTMLElement> | null = null;\n private _currentValue: number;\n private _boundHandleMouseEnter: (event: MouseEvent) => void;\n private _boundHandleMouseLeave: (event: MouseEvent) => void;\n private _boundHandleClick: (event: MouseEvent) => void;\n private _boundHandleKeyDown: (event: KeyboardEvent) => void;\n \n /**\n * Create a new Rating instance\n * @param element - The element to attach the rating to\n * @param options - Configuration options\n */\n constructor(element: string | HTMLElement, options: RatingOptions = {}) {\n this.element = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;\n if (!this.element) {\n throw new Error('Rating: Element not found');\n }\n \n this.options = { ...DEFAULTS, ...options };\n this._currentValue = this.options.value || 0;\n \n // Bind event handlers to this instance\n this._boundHandleMouseEnter = this._handleMouseEnter.bind(this);\n this._boundHandleMouseLeave = this._handleMouseLeave.bind(this);\n this._boundHandleClick = this._handleClick.bind(this);\n this._boundHandleKeyDown = this._handleKeyDown.bind(this);\n \n // Store reference to instance on element\n (this.element as any)._rating = this;\n \n this._init();\n }\n \n /**\n * Initialize the component\n */\n private _init(): void {\n // Set data attributes\n this.element.setAttribute('data-max-value', String(this.options.maxValue));\n this.element.setAttribute('data-allow-half', String(this.options.allowHalf));\n this.element.setAttribute('data-readonly', String(this.options.readOnly));\n \n // Set ARIA attributes\n if (this.options.readOnly) {\n this.element.setAttribute('role', 'img');\n this.element.setAttribute('aria-label', `Rating: ${this._currentValue} out of ${this.options.maxValue} stars`);\n } else {\n this.element.setAttribute('role', 'radiogroup');\n }\n \n // Add CSS classes\n if (this.options.size && this.options.size !== 'md') {\n this.element.classList.add(`c-rating--${this.options.size}`);\n }\n \n if (this.options.color) {\n this.element.classList.add(`c-rating--${this.options.color}`);\n }\n \n // Get all stars\n this.stars = this.element.querySelectorAll('.c-rating__star');\n \n // Set initial state\n this._updateStars();\n \n // Bind events if not read-only\n if (!this.options.readOnly) {\n this._bindEvents();\n }\n \n // Dispatch init event\n this.element.dispatchEvent(new CustomEvent('rating:init', {\n bubbles: true,\n detail: { instance: this }\n }));\n }\n \n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.stars) return;\n \n // Add event listeners to each star\n this.stars.forEach((star) => {\n star.addEventListener('mouseenter', this._boundHandleMouseEnter);\n star.addEventListener('click', this._boundHandleClick);\n star.addEventListener('keydown', this._boundHandleKeyDown);\n \n // Make stars focusable\n star.setAttribute('tabindex', '0');\n star.setAttribute('role', 'button');\n });\n \n // Add mouseleave to the container\n this.element.addEventListener('mouseleave', this._boundHandleMouseLeave);\n }\n \n /**\n * Handle mouse enter on a star\n */\n private _handleMouseEnter(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this._highlightStars(value);\n }\n \n /**\n * Handle mouse leave from rating component\n */\n private _handleMouseLeave(): void {\n if (this.options.readOnly) return;\n \n this._updateStars();\n }\n \n /**\n * Handle click on a star\n */\n private _handleClick(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this.setValue(value);\n \n if (this.options.onChange) {\n this.options.onChange(value);\n }\n }\n \n /**\n * Handle keyboard navigation\n */\n private _handleKeyDown(event: KeyboardEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const index = Number(target.getAttribute('data-value'));\n const step = this.options.allowHalf ? 0.5 : 1;\n let newValue = this._currentValue;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n newValue = Math.min(this.options.maxValue || 5, this._currentValue + step);\n event.preventDefault();\n break;\n case 'ArrowLeft':\n case 'ArrowDown':\n newValue = Math.max(0, this._currentValue - step);\n event.preventDefault();\n break;\n case 'Home':\n newValue = 0;\n event.preventDefault();\n break;\n case 'End':\n newValue = this.options.maxValue || 5;\n event.preventDefault();\n break;\n case ' ':\n case 'Enter':\n newValue = index;\n event.preventDefault();\n break;\n default:\n return;\n }\n \n if (newValue !== this._currentValue) {\n this.setValue(newValue);\n \n if (this.options.onChange) {\n this.options.onChange(newValue);\n }\n }\n }\n \n /**\n * Update star appearance based on current value\n */\n private _updateStars(): void {\n if (!this.stars) return;\n \n const roundedValue = this.options.allowHalf \n ? Math.floor(this._currentValue * 2) / 2 \n : Math.round(this._currentValue);\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n const isFullStar = starValue <= Math.floor(roundedValue);\n const isHalfStar = this.options.allowHalf && (starValue - 0.5 === roundedValue);\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add appropriate classes\n if (isFullStar) {\n star.classList.add('c-rating__star--full');\n } else if (isHalfStar) {\n star.classList.add('c-rating__star--half');\n }\n \n // Update ARIA attributes\n star.setAttribute('aria-checked', isFullStar || isHalfStar ? 'true' : 'false');\n });\n \n // Update container ARIA label if read-only\n if (this.options.readOnly) {\n this.element.setAttribute('aria-label', `Rating: ${roundedValue} out of ${this.options.maxValue} stars`);\n }\n \n // Update data attribute\n this.element.setAttribute('data-value', String(roundedValue));\n }\n \n /**\n * Temporarily highlight stars up to a value\n */\n private _highlightStars(value: number): void {\n if (!this.stars) return;\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add full class if star value is less than or equal to hovered value\n if (starValue <= value) {\n star.classList.add('c-rating__star--full');\n }\n });\n }\n \n /**\n * Get current rating value\n */\n public getValue(): number {\n return this._currentValue;\n }\n \n /**\n * Set the rating value\n * @param value - The new rating value\n */\n public setValue(value: number): void {\n // Clamp value between 0 and maxValue\n const clampedValue = Math.max(0, Math.min(value, this.options.maxValue || 5));\n \n // Update current value\n this._currentValue = clampedValue;\n \n // Update visual state\n this._updateStars();\n \n // Dispatch change event\n this.element.dispatchEvent(new CustomEvent('rating:change', {\n bubbles: true,\n detail: { value: clampedValue }\n }));\n }\n \n /**\n * Update component options\n * @param options Partial options to update\n */\n public updateOptions(options: Partial<RatingOptions>): void {\n // Update options\n this.options = { ...this.options, ...options };\n \n // Re-initialize component with new options\n this._init();\n }\n \n /**\n * Destroy the rating component and remove event listeners\n */\n public destroy(): void {\n if (this.stars) {\n // Remove event listeners from stars\n this.stars.forEach((star) => {\n star.removeEventListener('mouseenter', this._boundHandleMouseEnter);\n star.removeEventListener('click', this._boundHandleClick);\n star.removeEventListener('keydown', this._boundHandleKeyDown);\n });\n }\n \n // Remove event listener from container\n this.element.removeEventListener('mouseleave', this._boundHandleMouseLeave);\n \n // Remove reference from element\n delete (this.element as any)._rating;\n }\n}\n","import Rating from './index';\nimport type { RatingOptions } from './index';\n\n/**\n * Event handlers and utility functions for Rating component\n */\n\n/**\n * Handle keyboard navigation for rating stars\n * @param event Keyboard event\n * @param container Rating container element\n */\nexport function handleKeyboardNavigation(event: KeyboardEvent, container: HTMLElement): void {\n if (!container) return;\n \n const stars = container.querySelectorAll<HTMLElement>('.c-rating__star');\n if (!stars.length) return;\n \n const currentIndex = Array.from(stars).findIndex(item => item === document.activeElement);\n let nextIndex = -1;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n event.preventDefault();\n nextIndex = currentIndex < stars.length - 1 ? currentIndex + 1 : 0;\n break;\n \n case 'ArrowLeft':\n case 'ArrowDown':\n event.preventDefault();\n nextIndex = currentIndex > 0 ? currentIndex - 1 : stars.length - 1;\n break;\n \n case 'Home':\n event.preventDefault();\n nextIndex = 0;\n break;\n \n case 'End':\n event.preventDefault();\n nextIndex = stars.length - 1;\n break;\n \n case ' ':\n case 'Enter':\n event.preventDefault();\n if (currentIndex >= 0) {\n stars[currentIndex].click();\n }\n break;\n }\n \n if (nextIndex >= 0) {\n stars[nextIndex].focus();\n }\n}\n\n/**\n * Enhance a rating with keyboard navigation\n * @param rating Rating instance\n */\nexport function enhanceWithKeyboardNavigation(rating: Rating): void {\n const element = rating.element;\n if (!element) return;\n \n element.addEventListener('keydown', (e: KeyboardEvent) => {\n handleKeyboardNavigation(e, element);\n });\n \n // Make stars focusable\n const stars = element.querySelectorAll<HTMLElement>('.c-rating__star');\n stars.forEach(star => {\n if (!star.hasAttribute('tabindex')) {\n star.setAttribute('tabindex', '0');\n }\n star.setAttribute('role', 'button');\n star.setAttribute('aria-label', `Rate ${Array.from(stars).indexOf(star) + 1} out of ${stars.length}`);\n });\n}\n\n/**\n * Initialize ratings with data attributes\n */\nexport function initFromDataAttributes(): Rating[] {\n const instances: Rating[] = [];\n \n document.querySelectorAll('[data-rating]').forEach(element => {\n const el = element as HTMLElement;\n \n // Parse options from data attributes\n const options: Record<string, any> = {};\n \n // Value\n if (el.dataset.value) {\n options.value = parseFloat(el.dataset.value);\n }\n \n // Max value\n if (el.dataset.maxValue) {\n options.maxValue = parseFloat(el.dataset.maxValue);\n }\n \n // Allow half\n if (el.dataset.allowHalf !== undefined) {\n options.allowHalf = el.dataset.allowHalf === 'true';\n }\n \n // Read only\n if (el.dataset.readOnly !== undefined) {\n options.readOnly = el.dataset.readOnly === 'true';\n }\n \n // Size\n if (el.dataset.size) {\n options.size = el.dataset.size;\n }\n \n // Color\n if (el.dataset.color) {\n options.color = el.dataset.color;\n }\n \n const instance = new Rating(el, options);\n instances.push(instance);\n \n // Enhance with keyboard navigation\n enhanceWithKeyboardNavigation(instance);\n });\n \n return instances;\n}\n\n/**\n * Get a Rating instance from an element\n * @param element Element or selector\n */\nexport function getInstance(element: string | HTMLElement): Rating | null {\n const el = typeof element === 'string' ? document.querySelector(element) : element;\n \n if (!el) return null;\n \n // Use a stored reference if exists\n return (el as any)._rating || null;\n}\n\n/**\n * Dispose all Rating instances\n */\nexport function disposeAll(): void {\n document.querySelectorAll('[data-rating]').forEach(element => {\n const instance = getInstance(element as HTMLElement);\n if (instance) {\n instance.destroy();\n }\n });\n}\n","import Rating from './index';\nimport { initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation } from './ratingInteractions';\n\nif (typeof window !== 'undefined') {\n // Initialize the Atomix global object if it doesn't exist\n (window as any).Atomix = (window as any).Atomix || {};\n \n // Add Rating to the global Atomix object\n (window as any).Atomix.Rating = {\n create: Rating,\n init: initFromDataAttributes,\n get: getInstance,\n disposeAll: disposeAll,\n enhanceKeyboardNavigation: enhanceWithKeyboardNavigation\n };\n \n // Auto-initialize ratings when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n initFromDataAttributes();\n });\n } else {\n initFromDataAttributes();\n }\n}\n\n// Export everything for module bundling\nexport { \n Rating as default,\n initFromDataAttributes,\n getInstance,\n disposeAll,\n enhanceWithKeyboardNavigation\n};\n"],"names":["DEFAULTS","value","maxValue","allowHalf","readOnly","size","Rating","stars","constructor","element","options","arguments","length","undefined","this","document","querySelector","Error","_currentValue","_boundHandleMouseEnter","_handleMouseEnter","bind","_boundHandleMouseLeave","_handleMouseLeave","_boundHandleClick","_handleClick","_boundHandleKeyDown","_handleKeyDown","_rating","_init","setAttribute","String","classList","add","color","querySelectorAll","_updateStars","_bindEvents","dispatchEvent","CustomEvent","bubbles","detail","instance","forEach","star","addEventListener","event","Number","currentTarget","getAttribute","_highlightStars","setValue","onChange","index","step","newValue","key","Math","min","preventDefault","max","roundedValue","floor","round","starValue","isFullStar","isHalfStar","remove","getValue","clampedValue","updateOptions","destroy","removeEventListener","enhanceWithKeyboardNavigation","rating","e","container","currentIndex","Array","from","findIndex","item","activeElement","nextIndex","click","focus","handleKeyboardNavigation","hasAttribute","indexOf","initFromDataAttributes","instances","el","dataset","parseFloat","push","getInstance","disposeAll","window","Atomix","create","init","get","enhanceKeyboardNavigation","readyState"],"sourceRoot":""}

package/dist/js/471.atomix-0.1.6.react.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/471.atomix-0.1.6.react.js","mappings":"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","sources":["webpack://Atomix/./src/components/Rating/scripts/index.ts","webpack://Atomix/./src/components/Rating/scripts/ratingInteractions.ts","webpack://Atomix/./src/components/Rating/scripts/bundle.ts"],"sourcesContent":["import type { RatingProps, Size, ThemeColor } from '../../../lib/types/components';\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport type RatingOptions = Pick<RatingProps, \n 'value' | \n 'defaultValue' | \n 'maxValue' | \n 'allowHalf' | \n 'readOnly' | \n 'size' | \n 'color' | \n 'onChange'\n>;\n\n// Define default options\nconst DEFAULTS = {\n value: 0,\n maxValue: 5,\n allowHalf: false,\n readOnly: false,\n size: 'md' as Size,\n};\n\n/**\n * Rating component class for vanilla JavaScript implementation\n */\nexport default class Rating {\n element: HTMLElement;\n options: RatingOptions;\n stars: NodeListOf<HTMLElement> | null = null;\n private _currentValue: number;\n private _boundHandleMouseEnter: (event: MouseEvent) => void;\n private _boundHandleMouseLeave: (event: MouseEvent) => void;\n private _boundHandleClick: (event: MouseEvent) => void;\n private _boundHandleKeyDown: (event: KeyboardEvent) => void;\n \n /**\n * Create a new Rating instance\n * @param element - The element to attach the rating to\n * @param options - Configuration options\n */\n constructor(element: string | HTMLElement, options: RatingOptions = {}) {\n this.element = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;\n if (!this.element) {\n throw new Error('Rating: Element not found');\n }\n \n this.options = { ...DEFAULTS, ...options };\n this._currentValue = this.options.value || 0;\n \n // Bind event handlers to this instance\n this._boundHandleMouseEnter = this._handleMouseEnter.bind(this);\n this._boundHandleMouseLeave = this._handleMouseLeave.bind(this);\n this._boundHandleClick = this._handleClick.bind(this);\n this._boundHandleKeyDown = this._handleKeyDown.bind(this);\n \n // Store reference to instance on element\n (this.element as any)._rating = this;\n \n this._init();\n }\n \n /**\n * Initialize the component\n */\n private _init(): void {\n // Set data attributes\n this.element.setAttribute('data-max-value', String(this.options.maxValue));\n this.element.setAttribute('data-allow-half', String(this.options.allowHalf));\n this.element.setAttribute('data-readonly', String(this.options.readOnly));\n \n // Set ARIA attributes\n if (this.options.readOnly) {\n this.element.setAttribute('role', 'img');\n this.element.setAttribute('aria-label', `Rating: ${this._currentValue} out of ${this.options.maxValue} stars`);\n } else {\n this.element.setAttribute('role', 'radiogroup');\n }\n \n // Add CSS classes\n if (this.options.size && this.options.size !== 'md') {\n this.element.classList.add(`c-rating--${this.options.size}`);\n }\n \n if (this.options.color) {\n this.element.classList.add(`c-rating--${this.options.color}`);\n }\n \n // Get all stars\n this.stars = this.element.querySelectorAll('.c-rating__star');\n \n // Set initial state\n this._updateStars();\n \n // Bind events if not read-only\n if (!this.options.readOnly) {\n this._bindEvents();\n }\n \n // Dispatch init event\n this.element.dispatchEvent(new CustomEvent('rating:init', {\n bubbles: true,\n detail: { instance: this }\n }));\n }\n \n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.stars) return;\n \n // Add event listeners to each star\n this.stars.forEach((star) => {\n star.addEventListener('mouseenter', this._boundHandleMouseEnter);\n star.addEventListener('click', this._boundHandleClick);\n star.addEventListener('keydown', this._boundHandleKeyDown);\n \n // Make stars focusable\n star.setAttribute('tabindex', '0');\n star.setAttribute('role', 'button');\n });\n \n // Add mouseleave to the container\n this.element.addEventListener('mouseleave', this._boundHandleMouseLeave);\n }\n \n /**\n * Handle mouse enter on a star\n */\n private _handleMouseEnter(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this._highlightStars(value);\n }\n \n /**\n * Handle mouse leave from rating component\n */\n private _handleMouseLeave(): void {\n if (this.options.readOnly) return;\n \n this._updateStars();\n }\n \n /**\n * Handle click on a star\n */\n private _handleClick(event: MouseEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const value = Number(target.getAttribute('data-value'));\n \n this.setValue(value);\n \n if (this.options.onChange) {\n this.options.onChange(value);\n }\n }\n \n /**\n * Handle keyboard navigation\n */\n private _handleKeyDown(event: KeyboardEvent): void {\n if (this.options.readOnly) return;\n \n const target = event.currentTarget as HTMLElement;\n const index = Number(target.getAttribute('data-value'));\n const step = this.options.allowHalf ? 0.5 : 1;\n let newValue = this._currentValue;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n newValue = Math.min(this.options.maxValue || 5, this._currentValue + step);\n event.preventDefault();\n break;\n case 'ArrowLeft':\n case 'ArrowDown':\n newValue = Math.max(0, this._currentValue - step);\n event.preventDefault();\n break;\n case 'Home':\n newValue = 0;\n event.preventDefault();\n break;\n case 'End':\n newValue = this.options.maxValue || 5;\n event.preventDefault();\n break;\n case ' ':\n case 'Enter':\n newValue = index;\n event.preventDefault();\n break;\n default:\n return;\n }\n \n if (newValue !== this._currentValue) {\n this.setValue(newValue);\n \n if (this.options.onChange) {\n this.options.onChange(newValue);\n }\n }\n }\n \n /**\n * Update star appearance based on current value\n */\n private _updateStars(): void {\n if (!this.stars) return;\n \n const roundedValue = this.options.allowHalf \n ? Math.floor(this._currentValue * 2) / 2 \n : Math.round(this._currentValue);\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n const isFullStar = starValue <= Math.floor(roundedValue);\n const isHalfStar = this.options.allowHalf && (starValue - 0.5 === roundedValue);\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add appropriate classes\n if (isFullStar) {\n star.classList.add('c-rating__star--full');\n } else if (isHalfStar) {\n star.classList.add('c-rating__star--half');\n }\n \n // Update ARIA attributes\n star.setAttribute('aria-checked', isFullStar || isHalfStar ? 'true' : 'false');\n });\n \n // Update container ARIA label if read-only\n if (this.options.readOnly) {\n this.element.setAttribute('aria-label', `Rating: ${roundedValue} out of ${this.options.maxValue} stars`);\n }\n \n // Update data attribute\n this.element.setAttribute('data-value', String(roundedValue));\n }\n \n /**\n * Temporarily highlight stars up to a value\n */\n private _highlightStars(value: number): void {\n if (!this.stars) return;\n \n this.stars.forEach((star) => {\n const starValue = Number(star.getAttribute('data-value'));\n \n // Remove existing classes\n star.classList.remove('c-rating__star--full', 'c-rating__star--half');\n \n // Add full class if star value is less than or equal to hovered value\n if (starValue <= value) {\n star.classList.add('c-rating__star--full');\n }\n });\n }\n \n /**\n * Get current rating value\n */\n public getValue(): number {\n return this._currentValue;\n }\n \n /**\n * Set the rating value\n * @param value - The new rating value\n */\n public setValue(value: number): void {\n // Clamp value between 0 and maxValue\n const clampedValue = Math.max(0, Math.min(value, this.options.maxValue || 5));\n \n // Update current value\n this._currentValue = clampedValue;\n \n // Update visual state\n this._updateStars();\n \n // Dispatch change event\n this.element.dispatchEvent(new CustomEvent('rating:change', {\n bubbles: true,\n detail: { value: clampedValue }\n }));\n }\n \n /**\n * Update component options\n * @param options Partial options to update\n */\n public updateOptions(options: Partial<RatingOptions>): void {\n // Update options\n this.options = { ...this.options, ...options };\n \n // Re-initialize component with new options\n this._init();\n }\n \n /**\n * Destroy the rating component and remove event listeners\n */\n public destroy(): void {\n if (this.stars) {\n // Remove event listeners from stars\n this.stars.forEach((star) => {\n star.removeEventListener('mouseenter', this._boundHandleMouseEnter);\n star.removeEventListener('click', this._boundHandleClick);\n star.removeEventListener('keydown', this._boundHandleKeyDown);\n });\n }\n \n // Remove event listener from container\n this.element.removeEventListener('mouseleave', this._boundHandleMouseLeave);\n \n // Remove reference from element\n delete (this.element as any)._rating;\n }\n}\n","import Rating from './index';\nimport type { RatingOptions } from './index';\n\n/**\n * Event handlers and utility functions for Rating component\n */\n\n/**\n * Handle keyboard navigation for rating stars\n * @param event Keyboard event\n * @param container Rating container element\n */\nexport function handleKeyboardNavigation(event: KeyboardEvent, container: HTMLElement): void {\n if (!container) return;\n \n const stars = container.querySelectorAll<HTMLElement>('.c-rating__star');\n if (!stars.length) return;\n \n const currentIndex = Array.from(stars).findIndex(item => item === document.activeElement);\n let nextIndex = -1;\n \n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowUp':\n event.preventDefault();\n nextIndex = currentIndex < stars.length - 1 ? currentIndex + 1 : 0;\n break;\n \n case 'ArrowLeft':\n case 'ArrowDown':\n event.preventDefault();\n nextIndex = currentIndex > 0 ? currentIndex - 1 : stars.length - 1;\n break;\n \n case 'Home':\n event.preventDefault();\n nextIndex = 0;\n break;\n \n case 'End':\n event.preventDefault();\n nextIndex = stars.length - 1;\n break;\n \n case ' ':\n case 'Enter':\n event.preventDefault();\n if (currentIndex >= 0) {\n stars[currentIndex].click();\n }\n break;\n }\n \n if (nextIndex >= 0) {\n stars[nextIndex].focus();\n }\n}\n\n/**\n * Enhance a rating with keyboard navigation\n * @param rating Rating instance\n */\nexport function enhanceWithKeyboardNavigation(rating: Rating): void {\n const element = rating.element;\n if (!element) return;\n \n element.addEventListener('keydown', (e: KeyboardEvent) => {\n handleKeyboardNavigation(e, element);\n });\n \n // Make stars focusable\n const stars = element.querySelectorAll<HTMLElement>('.c-rating__star');\n stars.forEach(star => {\n if (!star.hasAttribute('tabindex')) {\n star.setAttribute('tabindex', '0');\n }\n star.setAttribute('role', 'button');\n star.setAttribute('aria-label', `Rate ${Array.from(stars).indexOf(star) + 1} out of ${stars.length}`);\n });\n}\n\n/**\n * Initialize ratings with data attributes\n */\nexport function initFromDataAttributes(): Rating[] {\n const instances: Rating[] = [];\n \n document.querySelectorAll('[data-rating]').forEach(element => {\n const el = element as HTMLElement;\n \n // Parse options from data attributes\n const options: Record<string, any> = {};\n \n // Value\n if (el.dataset.value) {\n options.value = parseFloat(el.dataset.value);\n }\n \n // Max value\n if (el.dataset.maxValue) {\n options.maxValue = parseFloat(el.dataset.maxValue);\n }\n \n // Allow half\n if (el.dataset.allowHalf !== undefined) {\n options.allowHalf = el.dataset.allowHalf === 'true';\n }\n \n // Read only\n if (el.dataset.readOnly !== undefined) {\n options.readOnly = el.dataset.readOnly === 'true';\n }\n \n // Size\n if (el.dataset.size) {\n options.size = el.dataset.size;\n }\n \n // Color\n if (el.dataset.color) {\n options.color = el.dataset.color;\n }\n \n const instance = new Rating(el, options);\n instances.push(instance);\n \n // Enhance with keyboard navigation\n enhanceWithKeyboardNavigation(instance);\n });\n \n return instances;\n}\n\n/**\n * Get a Rating instance from an element\n * @param element Element or selector\n */\nexport function getInstance(element: string | HTMLElement): Rating | null {\n const el = typeof element === 'string' ? document.querySelector(element) : element;\n \n if (!el) return null;\n \n // Use a stored reference if exists\n return (el as any)._rating || null;\n}\n\n/**\n * Dispose all Rating instances\n */\nexport function disposeAll(): void {\n document.querySelectorAll('[data-rating]').forEach(element => {\n const instance = getInstance(element as HTMLElement);\n if (instance) {\n instance.destroy();\n }\n });\n}\n","import Rating from './index';\nimport { initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation } from './ratingInteractions';\n\nif (typeof window !== 'undefined') {\n // Initialize the Atomix global object if it doesn't exist\n (window as any).Atomix = (window as any).Atomix || {};\n \n // Add Rating to the global Atomix object\n (window as any).Atomix.Rating = {\n create: Rating,\n init: initFromDataAttributes,\n get: getInstance,\n disposeAll: disposeAll,\n enhanceKeyboardNavigation: enhanceWithKeyboardNavigation\n };\n \n // Auto-initialize ratings when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => {\n initFromDataAttributes();\n });\n } else {\n initFromDataAttributes();\n }\n}\n\n// Export everything for module bundling\nexport { \n Rating as default,\n initFromDataAttributes,\n getInstance,\n disposeAll,\n enhanceWithKeyboardNavigation\n};\n"],"names":["DEFAULTS","value","maxValue","allowHalf","readOnly","size","Rating","stars","constructor","element","options","arguments","length","undefined","this","document","querySelector","Error","_currentValue","_boundHandleMouseEnter","_handleMouseEnter","bind","_boundHandleMouseLeave","_handleMouseLeave","_boundHandleClick","_handleClick","_boundHandleKeyDown","_handleKeyDown","_rating","_init","setAttribute","String","classList","add","color","querySelectorAll","_updateStars","_bindEvents","dispatchEvent","CustomEvent","bubbles","detail","instance","forEach","star","addEventListener","event","Number","currentTarget","getAttribute","_highlightStars","setValue","onChange","index","step","newValue","key","Math","min","preventDefault","max","roundedValue","floor","round","starValue","isFullStar","isHalfStar","remove","getValue","clampedValue","updateOptions","destroy","removeEventListener","enhanceWithKeyboardNavigation","rating","e","container","currentIndex","Array","from","findIndex","item","activeElement","nextIndex","click","focus","handleKeyboardNavigation","hasAttribute","indexOf","initFromDataAttributes","instances","el","dataset","parseFloat","push","getInstance","disposeAll","window","Atomix","create","init","get","enhanceKeyboardNavigation","readyState"],"sourceRoot":""}

package/dist/js/54.atomix-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/54.atomix-0.1.6.react.cjs.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Tab/scripts/index.ts"],"sourcesContent":["import { TAB } from '../../../lib/constants/components';\n\n/**\n * Interface for Tab options\n */\ninterface TabOptions {\n navItems: string;\n navBtn: string;\n panels: string;\n panelBodys: string;\n activeClass: string;\n activeIndex: number;\n [key: string]: any;\n}\n\n/**\n * Interface for Tab instance\n */\ninterface TabInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the tab component\n */\nconst DEFAULT_OPTIONS = {\n navItems: TAB.SELECTORS.NAV_ITEMS,\n navBtn: TAB.SELECTORS.NAV_BTN,\n panels: TAB.SELECTORS.PANELS,\n panelBodys: TAB.SELECTORS.PANEL_BODIES,\n activeClass: TAB.CLASSES.ACTIVE,\n activeIndex: TAB.DEFAULTS.ACTIVE_INDEX\n};\n\n/**\n * Class representing a Tab component\n */\nclass Tab implements TabInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TabOptions;\n private $navItems: NodeListOf<HTMLElement> | null;\n private $panels: NodeListOf<HTMLElement> | null;\n private $panelBodys: NodeListOf<HTMLElement> | null;\n\n /**\n * Creates an instance of Tab\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TAB.SELECTORS.TAB;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TabOptions;\n this.$navItems = null;\n this.$panels = null;\n this.$panelBodys = null;\n this._initialize();\n }\n\n /**\n * Initialize the tab component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n this._showTab(this.options.activeIndex);\n this._bindEvents();\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$navItems = this.$element.querySelectorAll<HTMLElement>(this.options.navItems);\n this.$panels = this.$element.querySelectorAll<HTMLElement>(this.options.panels);\n this.$panelBodys = this.$element.querySelectorAll<HTMLElement>(this.options.panelBodys);\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.$navItems) return;\n \n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.addEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n\n /**\n * Handle tab click event\n * @param btn - The clicked tab button\n */\n private _handleTabClick(btn: HTMLElement): void {\n const tabIndex = btn.dataset.tabindex;\n if (tabIndex === undefined) return;\n \n this._hideAllTabs();\n this._showTab(tabIndex);\n }\n\n /**\n * Hide all tabs\n */\n private _hideAllTabs(): void {\n if (!this.$panels || !this.$navItems) return;\n \n this.$panels.forEach((panel) => {\n panel.style.height = '0px';\n panel.classList.remove(this.options.activeClass);\n panel.style.opacity = '0';\n });\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.classList.remove(this.options.activeClass);\n }\n });\n }\n\n /**\n * Show tab at specified index\n * @param index - The index of tab to show\n */\n private _showTab(index: number | string): void {\n if (!this.$panels || !this.$navItems || !this.$panelBodys) return;\n \n this.$panels.forEach((panel, pIndex) => {\n if (panel.dataset.tabindex == index.toString()) {\n const panelBody = this.$panelBodys?.[pIndex];\n if (panelBody) {\n panel.classList.add(this.options.activeClass);\n requestAnimationFrame(() => {\n panel.style.height = `${panelBody.clientHeight}px`;\n panel.style.opacity = '1';\n });\n }\n }\n });\n\n this.$navItems.forEach((navItem, nIndex) => {\n const btn = navItem.querySelector<HTMLElement>(this.options.navBtn);\n if (btn && btn.dataset.tabindex == index.toString()) {\n btn.classList.add(this.options.activeClass);\n }\n });\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$navItems) return;\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n // Need to recreate the bound function to remove it correctly\n btn.removeEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n}\n\n/**\n * Initialize all tabs in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TabInstance[]} Array of Tab instances\n */\nexport function initializeTabs(selector = TAB.SELECTORS.TAB, options = {}): TabInstance[] {\n const tabInstances: TabInstance[] = [];\n const tabElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!tabElements.length) return tabInstances;\n\n tabElements.forEach((element) => {\n try {\n const instance = new Tab(element, options);\n tabInstances.push(instance);\n } catch (error) {\n console.error('Error initializing tab:', error);\n }\n });\n\n return tabInstances;\n}\n\nexport default Tab; "],"names":["DEFAULT_OPTIONS","navItems","TAB","SELECTORS","NAV_ITEMS","navBtn","NAV_BTN","panels","PANELS","panelBodys","PANEL_BODIES","activeClass","CLASSES","ACTIVE","activeIndex","DEFAULTS","ACTIVE_INDEX","Tab","constructor","selector","options","arguments","length","undefined","this","$element","document","querySelector","$navItems","$panels","$panelBodys","_initialize","_initializeElements","_showTab","_bindEvents","querySelectorAll","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","panel","style","height","classList","remove","opacity","index","pIndex","panelBody","add","requestAnimationFrame","clientHeight","navItem","nIndex","destroy","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/54.atomix-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/54.atomix-0.1.6.react.esm.js","mappings":"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","sources":["webpack://@shohojdhara/atomix/./src/components/Tab/scripts/index.ts"],"sourcesContent":["import { TAB } from '../../../lib/constants/components';\n\n/**\n * Interface for Tab options\n */\ninterface TabOptions {\n navItems: string;\n navBtn: string;\n panels: string;\n panelBodys: string;\n activeClass: string;\n activeIndex: number;\n [key: string]: any;\n}\n\n/**\n * Interface for Tab instance\n */\ninterface TabInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the tab component\n */\nconst DEFAULT_OPTIONS = {\n navItems: TAB.SELECTORS.NAV_ITEMS,\n navBtn: TAB.SELECTORS.NAV_BTN,\n panels: TAB.SELECTORS.PANELS,\n panelBodys: TAB.SELECTORS.PANEL_BODIES,\n activeClass: TAB.CLASSES.ACTIVE,\n activeIndex: TAB.DEFAULTS.ACTIVE_INDEX\n};\n\n/**\n * Class representing a Tab component\n */\nclass Tab implements TabInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TabOptions;\n private $navItems: NodeListOf<HTMLElement> | null;\n private $panels: NodeListOf<HTMLElement> | null;\n private $panelBodys: NodeListOf<HTMLElement> | null;\n\n /**\n * Creates an instance of Tab\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TAB.SELECTORS.TAB;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TabOptions;\n this.$navItems = null;\n this.$panels = null;\n this.$panelBodys = null;\n this._initialize();\n }\n\n /**\n * Initialize the tab component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n this._showTab(this.options.activeIndex);\n this._bindEvents();\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$navItems = this.$element.querySelectorAll<HTMLElement>(this.options.navItems);\n this.$panels = this.$element.querySelectorAll<HTMLElement>(this.options.panels);\n this.$panelBodys = this.$element.querySelectorAll<HTMLElement>(this.options.panelBodys);\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.$navItems) return;\n \n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.addEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n\n /**\n * Handle tab click event\n * @param btn - The clicked tab button\n */\n private _handleTabClick(btn: HTMLElement): void {\n const tabIndex = btn.dataset.tabindex;\n if (tabIndex === undefined) return;\n \n this._hideAllTabs();\n this._showTab(tabIndex);\n }\n\n /**\n * Hide all tabs\n */\n private _hideAllTabs(): void {\n if (!this.$panels || !this.$navItems) return;\n \n this.$panels.forEach((panel) => {\n panel.style.height = '0px';\n panel.classList.remove(this.options.activeClass);\n panel.style.opacity = '0';\n });\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.classList.remove(this.options.activeClass);\n }\n });\n }\n\n /**\n * Show tab at specified index\n * @param index - The index of tab to show\n */\n private _showTab(index: number | string): void {\n if (!this.$panels || !this.$navItems || !this.$panelBodys) return;\n \n this.$panels.forEach((panel, pIndex) => {\n if (panel.dataset.tabindex == index.toString()) {\n const panelBody = this.$panelBodys?.[pIndex];\n if (panelBody) {\n panel.classList.add(this.options.activeClass);\n requestAnimationFrame(() => {\n panel.style.height = `${panelBody.clientHeight}px`;\n panel.style.opacity = '1';\n });\n }\n }\n });\n\n this.$navItems.forEach((navItem, nIndex) => {\n const btn = navItem.querySelector<HTMLElement>(this.options.navBtn);\n if (btn && btn.dataset.tabindex == index.toString()) {\n btn.classList.add(this.options.activeClass);\n }\n });\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$navItems) return;\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n // Need to recreate the bound function to remove it correctly\n btn.removeEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n}\n\n/**\n * Initialize all tabs in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TabInstance[]} Array of Tab instances\n */\nexport function initializeTabs(selector = TAB.SELECTORS.TAB, options = {}): TabInstance[] {\n const tabInstances: TabInstance[] = [];\n const tabElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!tabElements.length) return tabInstances;\n\n tabElements.forEach((element) => {\n try {\n const instance = new Tab(element, options);\n tabInstances.push(instance);\n } catch (error) {\n console.error('Error initializing tab:', error);\n }\n });\n\n return tabInstances;\n}\n\nexport default Tab; "],"names":["DEFAULT_OPTIONS","navItems","TAB","SELECTORS","NAV_ITEMS","navBtn","NAV_BTN","panels","PANELS","panelBodys","PANEL_BODIES","activeClass","CLASSES","ACTIVE","activeIndex","DEFAULTS","ACTIVE_INDEX","Tab","constructor","selector","options","arguments","length","undefined","this","$element","document","querySelector","$navItems","$panels","$panelBodys","_initialize","_initializeElements","_showTab","_bindEvents","querySelectorAll","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","panel","style","height","classList","remove","opacity","index","pIndex","panelBody","add","requestAnimationFrame","clientHeight","navItem","nIndex","destroy","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/54.atomix-0.1.6.react.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/54.atomix-0.1.6.react.js","mappings":"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","sources":["webpack://Atomix/./src/components/Tab/scripts/index.ts"],"sourcesContent":["import { TAB } from '../../../lib/constants/components';\n\n/**\n * Interface for Tab options\n */\ninterface TabOptions {\n navItems: string;\n navBtn: string;\n panels: string;\n panelBodys: string;\n activeClass: string;\n activeIndex: number;\n [key: string]: any;\n}\n\n/**\n * Interface for Tab instance\n */\ninterface TabInstance {\n destroy: () => void;\n}\n\n/**\n * Default options for the tab component\n */\nconst DEFAULT_OPTIONS = {\n navItems: TAB.SELECTORS.NAV_ITEMS,\n navBtn: TAB.SELECTORS.NAV_BTN,\n panels: TAB.SELECTORS.PANELS,\n panelBodys: TAB.SELECTORS.PANEL_BODIES,\n activeClass: TAB.CLASSES.ACTIVE,\n activeIndex: TAB.DEFAULTS.ACTIVE_INDEX\n};\n\n/**\n * Class representing a Tab component\n */\nclass Tab implements TabInstance {\n private selector: string | Element;\n private $element: HTMLElement | null;\n private options: TabOptions;\n private $navItems: NodeListOf<HTMLElement> | null;\n private $panels: NodeListOf<HTMLElement> | null;\n private $panelBodys: NodeListOf<HTMLElement> | null;\n\n /**\n * Creates an instance of Tab\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n */\n constructor(selector: string | Element, options = {}) {\n this.selector = selector || TAB.SELECTORS.TAB;\n this.$element =\n typeof selector === 'string'\n ? document.querySelector<HTMLElement>(selector)\n : selector as HTMLElement;\n this.options = { ...DEFAULT_OPTIONS, ...options } as TabOptions;\n this.$navItems = null;\n this.$panels = null;\n this.$panelBodys = null;\n this._initialize();\n }\n\n /**\n * Initialize the tab component\n */\n private _initialize(): void {\n if (!this.$element) return;\n\n this._initializeElements();\n this._showTab(this.options.activeIndex);\n this._bindEvents();\n }\n\n /**\n * Initialize DOM elements\n */\n private _initializeElements(): void {\n if (!this.$element) return;\n \n this.$navItems = this.$element.querySelectorAll<HTMLElement>(this.options.navItems);\n this.$panels = this.$element.querySelectorAll<HTMLElement>(this.options.panels);\n this.$panelBodys = this.$element.querySelectorAll<HTMLElement>(this.options.panelBodys);\n }\n\n /**\n * Bind event listeners\n */\n private _bindEvents(): void {\n if (!this.$navItems) return;\n \n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.addEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n\n /**\n * Handle tab click event\n * @param btn - The clicked tab button\n */\n private _handleTabClick(btn: HTMLElement): void {\n const tabIndex = btn.dataset.tabindex;\n if (tabIndex === undefined) return;\n \n this._hideAllTabs();\n this._showTab(tabIndex);\n }\n\n /**\n * Hide all tabs\n */\n private _hideAllTabs(): void {\n if (!this.$panels || !this.$navItems) return;\n \n this.$panels.forEach((panel) => {\n panel.style.height = '0px';\n panel.classList.remove(this.options.activeClass);\n panel.style.opacity = '0';\n });\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n btn.classList.remove(this.options.activeClass);\n }\n });\n }\n\n /**\n * Show tab at specified index\n * @param index - The index of tab to show\n */\n private _showTab(index: number | string): void {\n if (!this.$panels || !this.$navItems || !this.$panelBodys) return;\n \n this.$panels.forEach((panel, pIndex) => {\n if (panel.dataset.tabindex == index.toString()) {\n const panelBody = this.$panelBodys?.[pIndex];\n if (panelBody) {\n panel.classList.add(this.options.activeClass);\n requestAnimationFrame(() => {\n panel.style.height = `${panelBody.clientHeight}px`;\n panel.style.opacity = '1';\n });\n }\n }\n });\n\n this.$navItems.forEach((navItem, nIndex) => {\n const btn = navItem.querySelector<HTMLElement>(this.options.navBtn);\n if (btn && btn.dataset.tabindex == index.toString()) {\n btn.classList.add(this.options.activeClass);\n }\n });\n }\n\n /**\n * Clean up event listeners\n */\n public destroy(): void {\n if (!this.$element || !this.$navItems) return;\n\n this.$navItems.forEach((item) => {\n const btn = item.querySelector<HTMLElement>(this.options.navBtn);\n if (btn) {\n // Need to recreate the bound function to remove it correctly\n btn.removeEventListener('click', () => this._handleTabClick(btn));\n }\n });\n }\n}\n\n/**\n * Initialize all tabs in the document\n * @param {string|Element} selector - CSS selector string or DOM Element\n * @param {Object} options - Custom options to override defaults\n * @returns {TabInstance[]} Array of Tab instances\n */\nexport function initializeTabs(selector = TAB.SELECTORS.TAB, options = {}): TabInstance[] {\n const tabInstances: TabInstance[] = [];\n const tabElements = document.querySelectorAll<HTMLElement>(selector);\n\n if (!tabElements.length) return tabInstances;\n\n tabElements.forEach((element) => {\n try {\n const instance = new Tab(element, options);\n tabInstances.push(instance);\n } catch (error) {\n console.error('Error initializing tab:', error);\n }\n });\n\n return tabInstances;\n}\n\nexport default Tab; "],"names":["DEFAULT_OPTIONS","navItems","TAB","SELECTORS","NAV_ITEMS","navBtn","NAV_BTN","panels","PANELS","panelBodys","PANEL_BODIES","activeClass","CLASSES","ACTIVE","activeIndex","DEFAULTS","ACTIVE_INDEX","Tab","constructor","selector","options","arguments","length","undefined","this","$element","document","querySelector","$navItems","$panels","$panelBodys","_initialize","_initializeElements","_showTab","_bindEvents","querySelectorAll","forEach","item","btn","addEventListener","_handleTabClick","tabIndex","dataset","tabindex","_hideAllTabs","panel","style","height","classList","remove","opacity","index","pIndex","panelBody","add","requestAnimationFrame","clientHeight","navItem","nIndex","destroy","removeEventListener","initializeTabs","tabInstances","tabElements","element","instance","push","error"],"sourceRoot":""}

package/dist/js/619.atomix-0.1.6.react.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/619.atomix-0.1.6.react.cjs.js","mappings":"0LA0BA,MAAMA,EAAgC,CACpCC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,aAAa,GAMf,MAAMC,EASJC,WAAAA,CAAYC,GAAoC,IAAdC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC3CG,KAAKC,SAAWN,EAChBK,KAAKJ,QAAU,IAAKR,KAAoBQ,GACxCI,KAAKE,MACP,CAKAA,IAAAA,GACMF,KAAKJ,QAAQO,cACfH,KAAKC,SAASG,MAAMC,YAClBC,EAAAA,GAAMC,WAAWC,cACjBR,KAAKJ,QAAQO,cAKbH,KAAKJ,QAAQa,oBACfT,KAAKU,sBAET,CAKQA,oBAAAA,GACN,IAAKV,KAAKC,WAAaD,KAAKJ,QAAQa,mBAAoB,OAGxD,IAAIE,EAAMX,KAAKC,SAASW,cAAcN,EAAAA,GAAMO,UAAUC,IAEtD,IAAKH,EAAK,CAERA,EAAMI,SAASC,cAAc,OAC7BL,EAAIM,UAAYX,EAAAA,GAAMO,UAAUC,GAAGI,QAAQ,IAAK,IAGhD,MAAMC,EAAWJ,SAASC,cAAc,OAOxC,GANAG,EAASC,IAAMpB,KAAKJ,QAAQa,mBAC5BU,EAASE,IAAM,aACfF,EAASF,UAAYX,EAAAA,GAAMO,UAAUS,SAASJ,QAAQ,IAAK,IAC3DP,EAAIY,YAAYJ,GAGZnB,KAAKJ,QAAQJ,YAAa,CAC5B,MAAMgC,EAAWT,SAASC,cAAc,OACxCQ,EAASP,UAAYX,EAAAA,GAAMO,UAAUY,QAAQP,QAAQ,IAAK,IAC1DP,EAAIY,YAAYC,EAClB,CAGIxB,KAAKC,SAASyB,WAChB1B,KAAKC,SAAS0B,aAAahB,EAAKX,KAAKC,SAASyB,YAE9C1B,KAAKC,SAASsB,YAAYZ,EAE9B,CACF,CAKAiB,OAAAA,GACE,EAUG,SAASC,IAAkF,IAAjEC,EAAQjC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGS,EAAAA,GAAMO,UAAUP,MAAOV,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC5E,MAAMkC,EAAkC,GAClCC,EAAgBjB,SAASkB,iBAAkD,iBAAbH,EAAwBA,EAAWxB,EAAAA,GAAMO,UAAUP,OAEvH,OAAK0B,EAAclC,QAEnBkC,EAAcE,SAASvC,IACrB,IACE,MAAMwC,EAAW,IAAI1C,EAAME,EAASC,GACpCmC,EAAeK,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKN,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/River/scripts/index.ts"],"sourcesContent":["import { RIVER } from '../../../lib/constants/components';\n\n/**\n * Interface for River options\n */\ninterface RiverOptions {\n center?: boolean;\n breakout?: boolean;\n reverse?: boolean;\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n contentWidth?: string;\n [key: string]: any;\n}\n\n/**\n * Interface for River instance\n */\ninterface RiverInstance {\n init(): void;\n destroy(): void;\n}\n\n/**\n * Default options for the River component\n */\nconst DEFAULT_OPTIONS: RiverOptions = {\n center: false,\n breakout: false,\n reverse: false,\n showOverlay: true\n};\n\n/**\n * Class representing a River component\n */\nclass River implements RiverInstance {\n private $element: HTMLElement;\n private options: RiverOptions;\n\n /**\n * Creates an instance of River\n * @param element - The river element\n * @param options - Custom options to override defaults\n */\n constructor(element: HTMLElement, options = {}) {\n this.$element = element;\n this.options = { ...DEFAULT_OPTIONS, ...options };\n this.init();\n }\n\n /**\n * Initialize the river component\n */\n init(): void {\n if (this.options.contentWidth) {\n this.$element.style.setProperty(\n RIVER.ATTRIBUTES.CONTENT_WIDTH,\n this.options.contentWidth\n );\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n this.setupBackgroundImage();\n }\n }\n\n /**\n * Setup background image\n */\n private setupBackgroundImage(): void {\n if (!this.$element || !this.options.backgroundImageSrc) return;\n\n // Check if background already exists\n let $bg = this.$element.querySelector(RIVER.SELECTORS.BG);\n \n if (!$bg) {\n // Create background container\n $bg = document.createElement('div');\n $bg.className = RIVER.SELECTORS.BG.replace('.', '');\n \n // Create background image\n const $bgImage = document.createElement('img');\n $bgImage.src = this.options.backgroundImageSrc;\n $bgImage.alt = 'Background';\n $bgImage.className = RIVER.SELECTORS.BG_IMAGE.replace('.', '');\n $bg.appendChild($bgImage);\n \n // Create overlay if needed\n if (this.options.showOverlay) {\n const $overlay = document.createElement('div');\n $overlay.className = RIVER.SELECTORS.OVERLAY.replace('.', '');\n $bg.appendChild($overlay);\n }\n \n // Add background to the element (as first child)\n if (this.$element.firstChild) {\n this.$element.insertBefore($bg, this.$element.firstChild);\n } else {\n this.$element.appendChild($bg);\n }\n }\n }\n\n /**\n * Clean up component\n */\n destroy(): void {\n // Remove any event listeners or cleanup here\n }\n}\n\n/**\n * Initialize all river components in the document\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n * @returns Array of River instances\n */\nexport function initializeRivers(selector = RIVER.SELECTORS.RIVER, options = {}): RiverInstance[] {\n const riverInstances: RiverInstance[] = [];\n const riverElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : RIVER.SELECTORS.RIVER);\n\n if (!riverElements.length) return riverInstances;\n\n riverElements.forEach((element) => {\n try {\n const instance = new River(element, options);\n riverInstances.push(instance);\n } catch (error) {\n console.error('Error initializing river:', error);\n }\n });\n\n return riverInstances;\n}\n\nexport default River; "],"names":["DEFAULT_OPTIONS","center","breakout","reverse","showOverlay","River","constructor","element","options","arguments","length","undefined","this","$element","init","contentWidth","style","setProperty","RIVER","ATTRIBUTES","CONTENT_WIDTH","backgroundImageSrc","setupBackgroundImage","$bg","querySelector","SELECTORS","BG","document","createElement","className","replace","$bgImage","src","alt","BG_IMAGE","appendChild","$overlay","OVERLAY","firstChild","insertBefore","destroy","initializeRivers","selector","riverInstances","riverElements","querySelectorAll","forEach","instance","push","error"],"sourceRoot":""}

package/dist/js/619.atomix-0.1.6.react.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"js/619.atomix-0.1.6.react.esm.js","mappings":"qLA0BA,MAAMA,EAAgC,CACpCC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,aAAa,GAMf,MAAMC,EASJC,WAAAA,CAAYC,GAAoC,IAAdC,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC3CG,KAAKC,SAAWN,EAChBK,KAAKJ,QAAU,IAAKR,KAAoBQ,GACxCI,KAAKE,MACP,CAKAA,IAAAA,GACMF,KAAKJ,QAAQO,cACfH,KAAKC,SAASG,MAAMC,YAClBC,EAAAA,GAAMC,WAAWC,cACjBR,KAAKJ,QAAQO,cAKbH,KAAKJ,QAAQa,oBACfT,KAAKU,sBAET,CAKQA,oBAAAA,GACN,IAAKV,KAAKC,WAAaD,KAAKJ,QAAQa,mBAAoB,OAGxD,IAAIE,EAAMX,KAAKC,SAASW,cAAcN,EAAAA,GAAMO,UAAUC,IAEtD,IAAKH,EAAK,CAERA,EAAMI,SAASC,cAAc,OAC7BL,EAAIM,UAAYX,EAAAA,GAAMO,UAAUC,GAAGI,QAAQ,IAAK,IAGhD,MAAMC,EAAWJ,SAASC,cAAc,OAOxC,GANAG,EAASC,IAAMpB,KAAKJ,QAAQa,mBAC5BU,EAASE,IAAM,aACfF,EAASF,UAAYX,EAAAA,GAAMO,UAAUS,SAASJ,QAAQ,IAAK,IAC3DP,EAAIY,YAAYJ,GAGZnB,KAAKJ,QAAQJ,YAAa,CAC5B,MAAMgC,EAAWT,SAASC,cAAc,OACxCQ,EAASP,UAAYX,EAAAA,GAAMO,UAAUY,QAAQP,QAAQ,IAAK,IAC1DP,EAAIY,YAAYC,EAClB,CAGIxB,KAAKC,SAASyB,WAChB1B,KAAKC,SAAS0B,aAAahB,EAAKX,KAAKC,SAASyB,YAE9C1B,KAAKC,SAASsB,YAAYZ,EAE9B,CACF,CAKAiB,OAAAA,GACE,EAUG,SAASC,IAAkF,IAAjEC,EAAQjC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGS,EAAAA,GAAMO,UAAUP,MAAOV,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAC5E,MAAMkC,EAAkC,GAClCC,EAAgBjB,SAASkB,iBAAkD,iBAAbH,EAAwBA,EAAWxB,EAAAA,GAAMO,UAAUP,OAEvH,OAAK0B,EAAclC,QAEnBkC,EAAcE,SAASvC,IACrB,IACE,MAAMwC,EAAW,IAAI1C,EAAME,EAASC,GACpCmC,EAAeK,KAAKD,EACtB,CAAE,MAAOE,GAET,KAGKN,GAX2BA,CAYpC,CAEA,S","sources":["webpack://@shohojdhara/atomix/./src/components/River/scripts/index.ts"],"sourcesContent":["import { RIVER } from '../../../lib/constants/components';\n\n/**\n * Interface for River options\n */\ninterface RiverOptions {\n center?: boolean;\n breakout?: boolean;\n reverse?: boolean;\n backgroundImageSrc?: string;\n showOverlay?: boolean;\n contentWidth?: string;\n [key: string]: any;\n}\n\n/**\n * Interface for River instance\n */\ninterface RiverInstance {\n init(): void;\n destroy(): void;\n}\n\n/**\n * Default options for the River component\n */\nconst DEFAULT_OPTIONS: RiverOptions = {\n center: false,\n breakout: false,\n reverse: false,\n showOverlay: true\n};\n\n/**\n * Class representing a River component\n */\nclass River implements RiverInstance {\n private $element: HTMLElement;\n private options: RiverOptions;\n\n /**\n * Creates an instance of River\n * @param element - The river element\n * @param options - Custom options to override defaults\n */\n constructor(element: HTMLElement, options = {}) {\n this.$element = element;\n this.options = { ...DEFAULT_OPTIONS, ...options };\n this.init();\n }\n\n /**\n * Initialize the river component\n */\n init(): void {\n if (this.options.contentWidth) {\n this.$element.style.setProperty(\n RIVER.ATTRIBUTES.CONTENT_WIDTH,\n this.options.contentWidth\n );\n }\n\n // Add background image if provided\n if (this.options.backgroundImageSrc) {\n this.setupBackgroundImage();\n }\n }\n\n /**\n * Setup background image\n */\n private setupBackgroundImage(): void {\n if (!this.$element || !this.options.backgroundImageSrc) return;\n\n // Check if background already exists\n let $bg = this.$element.querySelector(RIVER.SELECTORS.BG);\n \n if (!$bg) {\n // Create background container\n $bg = document.createElement('div');\n $bg.className = RIVER.SELECTORS.BG.replace('.', '');\n \n // Create background image\n const $bgImage = document.createElement('img');\n $bgImage.src = this.options.backgroundImageSrc;\n $bgImage.alt = 'Background';\n $bgImage.className = RIVER.SELECTORS.BG_IMAGE.replace('.', '');\n $bg.appendChild($bgImage);\n \n // Create overlay if needed\n if (this.options.showOverlay) {\n const $overlay = document.createElement('div');\n $overlay.className = RIVER.SELECTORS.OVERLAY.replace('.', '');\n $bg.appendChild($overlay);\n }\n \n // Add background to the element (as first child)\n if (this.$element.firstChild) {\n this.$element.insertBefore($bg, this.$element.firstChild);\n } else {\n this.$element.appendChild($bg);\n }\n }\n }\n\n /**\n * Clean up component\n */\n destroy(): void {\n // Remove any event listeners or cleanup here\n }\n}\n\n/**\n * Initialize all river components in the document\n * @param selector - CSS selector string or DOM Element\n * @param options - Custom options to override defaults\n * @returns Array of River instances\n */\nexport function initializeRivers(selector = RIVER.SELECTORS.RIVER, options = {}): RiverInstance[] {\n const riverInstances: RiverInstance[] = [];\n const riverElements = document.querySelectorAll<HTMLElement>(typeof selector === 'string' ? selector : RIVER.SELECTORS.RIVER);\n\n if (!riverElements.length) return riverInstances;\n\n riverElements.forEach((element) => {\n try {\n const instance = new River(element, options);\n riverInstances.push(instance);\n } catch (error) {\n console.error('Error initializing river:', error);\n }\n });\n\n return riverInstances;\n}\n\nexport default River; "],"names":["DEFAULT_OPTIONS","center","breakout","reverse","showOverlay","River","constructor","element","options","arguments","length","undefined","this","$element","init","contentWidth","style","setProperty","RIVER","ATTRIBUTES","CONTENT_WIDTH","backgroundImageSrc","setupBackgroundImage","$bg","querySelector","SELECTORS","BG","document","createElement","className","replace","$bgImage","src","alt","BG_IMAGE","appendChild","$overlay","OVERLAY","firstChild","insertBefore","destroy","initializeRivers","selector","riverInstances","riverElements","querySelectorAll","forEach","instance","push","error"],"sourceRoot":""}