wj-elements 0.7.7 → 0.8.0

package/dist/wje-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-stepper.js","sources":["../packages/wje-stepper/stepper.element.js","../packages/wje-stepper/stepper.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\nlet stepperId = 0;\n\n/**\n * `Stepper` is a custom web component that represents a stepper.\n * @summary This element represents a stepper.\n * @documentation https://elements.webjet.sk/components/stepper\n * @status stable\n * @augments WJElement\n * @attribute {string} active - The active color for the stepper.\n * @attribute {string} done - The done color for the stepper.\n * @slot - The default slot for the stepper.\n * @csspart native - The native part of the stepper.\n * @csspart header - The header part of the stepper.\n * @csspart content - The content part of the stepper.\n * @tag wje-stepper\n */\nexport default class Stepper extends WJElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.currentStep = 0;\n\n\t\tthis.localizer = new Localizer(this);\n\t\tthis.steps = [];\n\t\tthis.headerSteps = [];\n\t\tthis._stepperId = ++stepperId;\n\n\t}\n\n\t/**\n\t * Sets the start index for an operation or a process. This method assigns\n\t * the provided value to the attribute 'start-index'.\n\t * @param {number|string} value The value to set for the 'start-index' attribute.\n\t */\n\tset startIndex(value) {\n\t\tthis.setAttribute('start-index', value);\n\t}\n\n\t/**\n\t * Retrieves the starting index value stored as an attribute.\n\t * If the attribute 'start-index' exists and is not null, it parses the value as an integer and returns it.\n\t * If the attribute does not exist, it returns the default value of 0.\n\t * @returns {number} The starting index as an integer, or 0 if the attribute is not present.\n\t */\n\tget startIndex() {\n\t\tconst index = this.getAttribute('start-index');\n\t\treturn index !== null ? +index : 0;\n\t}\n\n\tget active() {\n\t\tif (this.hasAttribute('active')) return this.getAttribute('active');\n\n\t\treturn 'primary';\n\t}\n\n\tget done() {\n\t\tif (this.hasAttribute('done')) return this.getAttribute('done');\n\n\t\treturn 'success';\n\t}\n\n\tclassName = 'Stepper';\n\n\tstatic get cssStyleSheet() {\n\t\treturn styles;\n\t}\n\n\tsetupAttributes() {\n\t\tthis.isShadowRoot = 'open';\n\t}\n\n\t/**\n\t * Draws the component for the stepper.\n\t * @returns {DocumentFragment}\n\t */\n\tdraw() {\n\t\tlet fragment = document.createDocumentFragment();\n\n\t\tconst native = document.createElement('div');\n\t\tnative.setAttribute('part', 'native');\n\t\tnative.className = 'native-stepper';\n\n\t\tconst header = document.createElement('div');\n\t\theader.setAttribute('part', 'header');\n\t\theader.className = 'header';\n\t\theader.setAttribute('role', 'tablist');\n\n\t\tconst content = document.createElement('div');\n\t\tcontent.setAttribute('part', 'content');\n\t\tcontent.className = 'content';\n\n\t\tconst steps = Array.from(this.children);\n\n\t\tsteps?.forEach((step, index) => {\n\t\t\tif (step.nodeName === 'WJE-STEP') {\n\t\t\t\tthis.headerSteps.push(this.processStep(index, step, header, steps));\n\t\t\t}\n\t\t});\n\n\t\tlet slot = document.createElement('slot');\n\n\t\tconst navButtons = document.createElement('div');\n\t\tnavButtons.className = 'nav-buttons';\n\n\t\tconst prevButton = document.createElement('wje-button');\n\t\tprevButton.setAttribute('label', this.localizer.translate('wj.stepper.button.previous'));\n\t\tprevButton.innerHTML = this.localizer.translate('wj.stepper.button.previous');\n\n\t\tlet nextButton = document.createElement('wje-button');\n\t\tnextButton.setAttribute('label', this.localizer.translate('wj.stepper.button.next'));\n\t\tnextButton.innerHTML = this.localizer.translate('wj.stepper.button.next');\n\n\t\tlet finishButton = document.createElement('wje-button');\n\t\tfinishButton.setAttribute('label', this.localizer.translate('wj.stepper.button.next'));\n\t\tfinishButton.innerHTML = this.localizer.translate('wj.stepper.button.finish');\n\t\tfinishButton.setAttribute('color', 'primary');\n\n\t\tconst navButtonPrevSlot = document.createElement('slot');\n\t\tnavButtonPrevSlot.setAttribute('name', 'prev');\n\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\tnavButtonPrevSlot.hidden = this.currentStep === 0;\n\n\t\tconst navButtonNextSlot = document.createElement('slot');\n\t\tnavButtonNextSlot.setAttribute('name', 'next');\n\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\tnavButtonNextSlot.hidden = this.currentStep === this.steps.length - 1;\n\n\t\tconst navButtonFinishSlot = document.createElement('slot');\n\t\tnavButtonFinishSlot.setAttribute('name', 'finish');\n\t\tnavButtonFinishSlot.appendChild(nextButton);\n\t\tnavButtonFinishSlot.hidden = this.currentStep !== this.steps.length - 1;\n\n\t\tconst isNextLocked = this.headerSteps[this.currentStep + 1]?.hasAttribute('locked');\n\t\tnavButtonNextSlot.toggleAttribute('disabled', !!isNextLocked);\n\t\tnavButtonFinishSlot.toggleAttribute('disabled', !!isNextLocked);\n\n\t\tif (steps.length > 1) {\n\t\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\t\tnavButtonFinishSlot.appendChild(finishButton);\n\t\t\tnavButtonFinishSlot.style.display = 'none';\n\n\t\t} else {\n\t\t\tnavButtonPrevSlot.hidden = true;\n\t\t\tnavButtonNextSlot.hidden = true;\n\t\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\t\tnavButtonFinishSlot.appendChild(finishButton);\n\t\t}\n\n\t\tcontent.appendChild(slot);\n\n\t\tnative.appendChild(header);\n\t\tnative.appendChild(content);\n\t\tnative.appendChild(navButtons);\n\n\t\tnavButtons.appendChild(navButtonPrevSlot);\n\t\tnavButtons.appendChild(navButtonNextSlot);\n\t\tnavButtons.appendChild(navButtonFinishSlot);\n\n\t\tfragment.appendChild(native);\n\n\t\tthis.header = header;\n\t\tthis.prev = navButtonPrevSlot;\n\t\tthis.next = navButtonNextSlot;\n\t\tthis.finish = navButtonFinishSlot;\n\n\t\treturn fragment;\n\t}\n\n\tprocessStep(index, step, header, steps) {\n\t\tconst nav = document.createElement('div');\n\t\tnav.className = 'step-header';\n\t\tnav.setAttribute('role', 'tab');\n\t\tnav.addEventListener('click', (e) => {\n\t\t\tthis.goToStep(index)\n\t\t});\n\n\t\tconst badge = document.createElement('wje-badge');\n\t\tbadge.setAttribute('label', (index + 1).toString());\n\t\tbadge.className = 'step-badge';\n\t\tbadge.innerHTML = index + 1;\n\n\t\tconst label = document.createElement('span');\n\t\tlabel.innerText = step.getAttribute('label') || `${this.localizer.translate('wj.stepper.step')} ${index + 1}`; // default label\n\n\t\tconst panelId = step.id || `wje-stepper-${this._stepperId}-panel-${index}`;\n\t\tconst tabId = nav.id || `wje-stepper-${this._stepperId}-tab-${index}`;\n\t\tstep.id = panelId;\n\t\tnav.id = tabId;\n\t\tnav.setAttribute('aria-controls', panelId);\n\t\tstep.setAttribute('role', 'tabpanel');\n\t\tstep.setAttribute('aria-labelledby', tabId);\n\n\t\t// set active step\n\t\tif (index === this.currentStep || step.hasAttribute('active')) {\n\t\t\tthis.setStepActive(nav, badge, index);\n\t\t} else {\n\t\t\tnav.setAttribute('aria-selected', 'false');\n\t\t\tnav.setAttribute('tabindex', '-1');\n\t\t}\n\n\t\tif (step.hasAttribute('disabled')) {\n\t\t\tnav.setAttribute('disabled', '');\n\t\t\tthis.setStepLocked(nav, badge);\n\t\t} else {\n\t\t\tnav.classList.add('pointer');\n\t\t}\n\n\t\tnav.appendChild(badge);\n\t\tnav.appendChild(label);\n\n\t\theader.appendChild(nav);\n\n\t\tif (index < steps.length - 1) {\n\t\t\tconst arrowIcon = document.createElement('wje-icon');\n\t\t\tarrowIcon.setAttribute('name', 'chevron-right');\n\t\t\tarrowIcon.classList.add('arrow-icon');\n\t\t\tarrowIcon.setAttribute('size', 'small');\n\n\t\t\theader.appendChild(arrowIcon);\n\t\t}\n\n\t\tstep.classList.add('step');\n\t\tif (index !== this.currentStep) {\n\t\t\tstep.style.display = 'none';\n\t\t\tstep.setAttribute('aria-hidden', 'true');\n\t\t} else {\n\t\t\tstep.setAttribute('aria-hidden', 'false');\n\t\t}\n\n\t\tthis.steps.push(step);\n\n\t\treturn nav\n\t}\n\n\t/**\n\t * Sets up the attributes for the component.\n\t */\n\tafterDraw() {\n\t\tif (this.steps.length <= 1) {\n\t\t\tthis.prev.hidden = true;\n\t\t}\n\n\t\tevent.addListener(this.prev, 'click', '', () => this.navigate(-1));\n\t\tevent.addListener(this.next, 'click', '', () => this.navigate(1));\n\t\tevent.addListener(this.finish, 'click', '', () => this.navigate(1));\n\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.goToStep(this.startIndex);\n\t\t});\n\t}\n\n\t/**\n\t * Navigates to a different step in a multi-step process based on the provided direction.\n\t * @param {number} direction The navigation direction.\n\t * Use a positive value to move forward or a negative value to move backward.\n\t */\n\tnavigate(direction) {\n\t\tthis.goToStep(this.currentStep + direction);\n\t}\n\n\t/**\n\t * Navigates to a specific step in a workflow or process.\n\t * Executes a set of operations before and after the step transition.\n\t * @param {number} stepIndex The index of the step to navigate to.\n\t * @returns {void} This method does not return a value.\n\t */\n\tgoToStep(stepIndex) {\n\t\tPromise.resolve(this.beforeOpen(stepIndex, this.currentStep)).then((res) => {\n\t\t\tthis._executeGoToStep(stepIndex);\n\n\t\t\tPromise.resolve(this.afterOpen(stepIndex, this.currentStep));\n\t\t})\n\t\t.catch(console.error);\n\t}\n\n\t_executeGoToStep(stepIndex = 0) {\n\t\tif (stepIndex >= 0 && stepIndex < this.steps.length) {\n\t\t\tif (this.headerSteps[stepIndex].hasAttribute('disabled')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (stepIndex > this.currentStep) {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('stepper:next', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('stepper:prev', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.headerSteps.forEach((step, index) => {\n\t\t\t\tlet badge = step.querySelector('wje-badge');\n\n\t\t\t\tthis.setStepDefault(step, badge, index);\n\t\t\t\tif (index < stepIndex) this.setStepDone(step, badge);\n\t\t\t\tif (index > stepIndex && step.hasAttribute('disabled')) this.setStepLocked(step, badge, index);\n\t\t\t});\n\n\t\t\tthis.setStepActive(this.headerSteps[stepIndex], null, stepIndex);\n\t\t\tthis.setContentActive(stepIndex);\n\n\t\t\tthis.currentStep = stepIndex;\n\t\t\tthis.prev.hidden = this.currentStep === 0;\n\n\t\t\tconst isNextLocked = this.headerSteps[this.currentStep + 1]?.hasAttribute('locked');\n\t\t\tthis.next.toggleAttribute('disabled', !!isNextLocked);\n\t\t\tthis.finish.toggleAttribute('disabled', !!isNextLocked);\n\n\t\t\tif (this.currentStep === this.steps.length - 1) {\n\t\t\t\tthis.next.hidden = true;\n\t\t\t\tthis.finish.hidden = false;\n\t\t\t\tthis.finish.style.display = 'block';\n\t\t\t} else {\n\t\t\t\tthis.next.hidden = false;\n\t\t\t\tthis.finish.hidden = true;\n\t\t\t\tthis.finish.style.display = 'none';\n\t\t\t}\n\t\t} else if (stepIndex === this.steps.length) {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('stepper:finish', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Resets a step to its default state by clearing its active and done attributes.\n\t * Updates the step's badge to show its index and removes any color styling.\n\t * @param {HTMLElement} nav The navigation element representing the step.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t * @param {number} [stepIndex] The index of the step, used to set the badge content.\n\t */\n\tsetStepDefault(nav, badge = null, stepIndex = 0) {\n\t\tnav.removeAttribute('active');\n\t\tnav.removeAttribute('done');\n\t\tnav.setAttribute('aria-selected', 'false');\n\t\tnav.setAttribute('tabindex', '-1');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = stepIndex + 1;\n\t\tbadge.removeAttribute('color');\n\t}\n\n\t/**\n\t * Sets a step as active by adding the `active` attribute and updating the step's badge.\n\t * @param {HTMLElement} nav The navigation element representing the step to activate.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t * @param {number|null} [stepIndex] The index of the step, used to set the badge content. Defaults to `null` if not provided.\n\t */\n\tsetStepActive(nav, badge = null, stepIndex = null) {\n\t\tnav.setAttribute('active', '');\n\t\tnav.setAttribute('aria-selected', 'true');\n\t\tnav.setAttribute('tabindex', '0');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = stepIndex + 1;\n\t\tbadge.setAttribute('color', this.active);\n\t}\n\n\t/**\n\t * Activates the content of a specific step by displaying it and hiding all others.\n\t * @param {number} stepIndex The index of the step whose content should be displayed.\n\t */\n\tsetContentActive(stepIndex) {\n\t\tthis.steps?.forEach((step, index) => {\n\t\t\tif (index === stepIndex) {\n\t\t\t\tstep.style.display = 'block';\n\t\t\t\tstep.setAttribute('aria-hidden', 'false');\n\t\t\t} else {\n\t\t\t\tstep.style.display = 'none';\n\t\t\t\tstep.setAttribute('aria-hidden', 'true');\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Returns the DOM element of a step by index.\n\t * @param {number} stepIndex\n\t * @returns {HTMLElement}\n\t */\n\tgetStepElement(stepIndex) {\n\t\treturn this.steps?.[stepIndex];\n\t}\n\n\t/**\n\t * Appends or replaces content inside the step container.\n\t * @param {number} stepIndex\n\t * @param {Node|string|Node[]} content DOM node(s) or HTML string to insert.\n\t * @param {{ replace?: boolean }} [options]\n\t */\n\trenderStepContent(stepIndex, content, options = {}) {\n\t\tconst stepEl = this.getStepElement(stepIndex);\n\t\tif (!stepEl) return;\n\n\t\tconst { replace = false } = options;\n\n\t\tlet frag = document.createDocumentFragment();\n\t\tif (typeof content === 'string') {\n\t\t\tconst tpl = document.createElement('template');\n\t\t\ttpl.innerHTML = content;\n\t\t\tfrag.append(tpl.content);\n\t\t} else if (Array.isArray(content)) {\n\t\t\tcontent.forEach(node => {\n\t\t\t\tif (node instanceof Node) frag.appendChild(node);\n\t\t\t});\n\t\t} else if (content instanceof Node) {\n\t\t\tfrag.append(content);\n\t\t}\n\n\t\tif (replace) {\n\t\t\tstepEl.replaceChildren(frag);\n\t\t} else {\n\t\t\tstepEl.append(frag);\n\t\t}\n\t}\n\n\t/**\n\t * Marks a step as completed by setting the `done` attribute and updating its badge with a check icon.\n\t * @param {HTMLElement} nav The navigation element representing the completed step.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t */\n\tsetStepDone(nav, badge = null) {\n\t\tnav.setAttribute('done', '');\n\n\t\tconst checkIcon = document.createElement('wje-icon');\n\t\tcheckIcon.setAttribute('name', 'check');\n\t\tcheckIcon.setAttribute('color', this.done);\n\t\tcheckIcon.setAttribute('size', 'medium');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\n\t\tbadge.setAttribute('color', this.done);\n\t\tbadge.innerHTML = '';\n\t\tbadge.appendChild(checkIcon);\n\t}\n\n\tsetStepLocked(nav, badge = null) {\n\t\tnav.setAttribute('disabled', '');\n\t\tnav.setAttribute('locked', '');\n\n\t\tconst lockIcon = document.createElement('wje-icon');\n\t\tlockIcon.setAttribute('name', 'lock');\n\t\tlockIcon.setAttribute('color', \"danger\");\n\t\tlockIcon.setAttribute('size', 'medium');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = '';\n\t\tbadge.removeAttribute('color');\n\t\tbadge.classList.add('disabled');\n\t\tbadge.appendChild(lockIcon);\n\t}\n\n\t/**\n\t * A callback function that is executed before opening a step in a process.\n\t * This allows for custom behavior or logic to be applied before the step is displayed.\n\t * @callback beforeOpen\n\t * @param {number} stepIndex The index of the step that is about to be opened.\n\t * @param {object} currentStep The current step data or configuration object before opening the new step.\n\t */\n\tbeforeOpen = (stepIndex, currentStep) => {\n\t\t// Override to add custom behavior before opening a step.\n\t}\n\n\t/**\n\t * Callback function executed after a step is opened.\n\t * This function can be overridden to implement custom behavior\n\t * that should take place immediately after a step is opened.\n\t * @function afterOpen\n\t * @param {number} stepIndex The index of the step that has been opened.\n\t * @param {object} currentStep The object representing the current step that has been opened.\n\t */\n\tafterOpen = (stepIndex, currentStep) => {\n\t\t// Override to add custom behavior after opening a step.\n\t}\n}\n","import Stepper from './stepper.element.js';\n\nexport default Stepper;\n\nStepper.define('wje-stepper', Stepper);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-stepper.js","sources":["../packages/wje-stepper/stepper.element.js","../packages/wje-stepper/stepper.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\nlet stepperId = 0;\n\n/**\n * `Stepper` is a custom web component that represents a stepper.\n * @summary This element represents a stepper.\n * @documentation https://elements.webjet.sk/components/stepper\n * @status stable\n * @augments WJElement\n * @attribute {string} active - The active color for the stepper.\n * @attribute {string} done - The done color for the stepper.\n * @slot - The default slot for the stepper.\n * @csspart native - The native part of the stepper.\n * @csspart header - The header part of the stepper.\n * @csspart content - The content part of the stepper.\n * @tag wje-stepper\n */\nexport default class Stepper extends WJElement {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.currentStep = 0;\n\n\t\tthis.localizer = new Localizer(this);\n\t\tthis.steps = [];\n\t\tthis.headerSteps = [];\n\t\tthis._stepperId = ++stepperId;\n\n\t}\n\n\t/**\n\t * Sets the start index for an operation or a process. This method assigns\n\t * the provided value to the attribute 'start-index'.\n\t * @param {number|string} value The value to set for the 'start-index' attribute.\n\t */\n\tset startIndex(value) {\n\t\tthis.setAttribute('start-index', value);\n\t}\n\n\t/**\n\t * Retrieves the starting index value stored as an attribute.\n\t * If the attribute 'start-index' exists and is not null, it parses the value as an integer and returns it.\n\t * If the attribute does not exist, it returns the default value of 0.\n\t * @returns {number} The starting index as an integer, or 0 if the attribute is not present.\n\t */\n\tget startIndex() {\n\t\tconst index = this.getAttribute('start-index');\n\t\treturn index !== null ? +index : 0;\n\t}\n\n\tget active() {\n\t\tif (this.hasAttribute('active')) return this.getAttribute('active');\n\n\t\treturn 'primary';\n\t}\n\n\tget done() {\n\t\tif (this.hasAttribute('done')) return this.getAttribute('done');\n\n\t\treturn 'success';\n\t}\n\n\tclassName = 'Stepper';\n\n\tstatic get cssStyleSheet() {\n\t\treturn styles;\n\t}\n\n\tsetupAttributes() {\n\t\tthis.isShadowRoot = 'open';\n\t}\n\n\t/**\n\t * Draws the component for the stepper.\n\t * @returns {DocumentFragment}\n\t */\n\tdraw() {\n\t\tlet fragment = document.createDocumentFragment();\n\n\t\tconst native = document.createElement('div');\n\t\tnative.setAttribute('part', 'native');\n\t\tnative.className = 'native-stepper';\n\n\t\tconst header = document.createElement('div');\n\t\theader.setAttribute('part', 'header');\n\t\theader.className = 'header';\n\t\theader.setAttribute('role', 'tablist');\n\n\t\tconst content = document.createElement('div');\n\t\tcontent.setAttribute('part', 'content');\n\t\tcontent.className = 'content';\n\n\t\tconst steps = Array.from(this.children);\n\n\t\tsteps?.forEach((step, index) => {\n\t\t\tif (step.nodeName === 'WJE-STEP') {\n\t\t\t\tthis.headerSteps.push(this.processStep(index, step, header, steps));\n\t\t\t}\n\t\t});\n\n\t\tlet slot = document.createElement('slot');\n\n\t\tconst navButtons = document.createElement('div');\n\t\tnavButtons.className = 'nav-buttons';\n\n\t\tconst prevButton = document.createElement('wje-button');\n\t\tprevButton.setAttribute('label', this.localizer.translate('wj.stepper.button.previous'));\n\t\tprevButton.innerHTML = this.localizer.translate('wj.stepper.button.previous');\n\n\t\tlet nextButton = document.createElement('wje-button');\n\t\tnextButton.setAttribute('label', this.localizer.translate('wj.stepper.button.next'));\n\t\tnextButton.innerHTML = this.localizer.translate('wj.stepper.button.next');\n\n\t\tlet finishButton = document.createElement('wje-button');\n\t\tfinishButton.setAttribute('label', this.localizer.translate('wj.stepper.button.next'));\n\t\tfinishButton.innerHTML = this.localizer.translate('wj.stepper.button.finish');\n\t\tfinishButton.setAttribute('color', 'primary');\n\n\t\tconst navButtonPrevSlot = document.createElement('slot');\n\t\tnavButtonPrevSlot.setAttribute('name', 'prev');\n\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\tnavButtonPrevSlot.hidden = this.currentStep === 0;\n\n\t\tconst navButtonNextSlot = document.createElement('slot');\n\t\tnavButtonNextSlot.setAttribute('name', 'next');\n\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\tnavButtonNextSlot.hidden = this.currentStep === this.steps.length - 1;\n\n\t\tconst navButtonFinishSlot = document.createElement('slot');\n\t\tnavButtonFinishSlot.setAttribute('name', 'finish');\n\t\tnavButtonFinishSlot.appendChild(nextButton);\n\t\tnavButtonFinishSlot.hidden = this.currentStep !== this.steps.length - 1;\n\n\t\tconst isNextLocked = this.headerSteps[this.currentStep + 1]?.hasAttribute('locked');\n\t\tnavButtonNextSlot.toggleAttribute('disabled', !!isNextLocked);\n\t\tnavButtonFinishSlot.toggleAttribute('disabled', !!isNextLocked);\n\n\t\tif (steps.length > 1) {\n\t\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\t\tnavButtonFinishSlot.appendChild(finishButton);\n\t\t\tnavButtonFinishSlot.style.display = 'none';\n\n\t\t} else {\n\t\t\tnavButtonPrevSlot.hidden = true;\n\t\t\tnavButtonNextSlot.hidden = true;\n\t\t\tnavButtonPrevSlot.appendChild(prevButton);\n\t\t\tnavButtonNextSlot.appendChild(nextButton);\n\t\t\tnavButtonFinishSlot.appendChild(finishButton);\n\t\t}\n\n\t\tcontent.appendChild(slot);\n\n\t\tnative.appendChild(header);\n\t\tnative.appendChild(content);\n\t\tnative.appendChild(navButtons);\n\n\t\tnavButtons.appendChild(navButtonPrevSlot);\n\t\tnavButtons.appendChild(navButtonNextSlot);\n\t\tnavButtons.appendChild(navButtonFinishSlot);\n\n\t\tfragment.appendChild(native);\n\n\t\tthis.header = header;\n\t\tthis.prev = navButtonPrevSlot;\n\t\tthis.next = navButtonNextSlot;\n\t\tthis.finish = navButtonFinishSlot;\n\n\t\treturn fragment;\n\t}\n\n\tprocessStep(index, step, header, steps) {\n\t\tconst nav = document.createElement('div');\n\t\tnav.className = 'step-header';\n\t\tnav.setAttribute('role', 'tab');\n\t\tnav.addEventListener('click', (e) => {\n\t\t\tthis.goToStep(index)\n\t\t});\n\n\t\tconst badge = document.createElement('wje-badge');\n\t\tbadge.setAttribute('label', (index + 1).toString());\n\t\tbadge.className = 'step-badge';\n\t\tbadge.innerHTML = index + 1;\n\n\t\tconst label = document.createElement('span');\n\t\tlabel.innerText = step.getAttribute('label') || `${this.localizer.translate('wj.stepper.step')} ${index + 1}`; // default label\n\n\t\tconst panelId = step.id || `wje-stepper-${this._stepperId}-panel-${index}`;\n\t\tconst tabId = nav.id || `wje-stepper-${this._stepperId}-tab-${index}`;\n\t\tstep.id = panelId;\n\t\tnav.id = tabId;\n\t\tnav.setAttribute('aria-controls', panelId);\n\t\tstep.setAttribute('role', 'tabpanel');\n\t\tstep.setAttribute('aria-labelledby', tabId);\n\n\t\t// set active step\n\t\tif (index === this.currentStep || step.hasAttribute('active')) {\n\t\t\tthis.setStepActive(nav, badge, index);\n\t\t} else {\n\t\t\tnav.setAttribute('aria-selected', 'false');\n\t\t\tnav.setAttribute('tabindex', '-1');\n\t\t}\n\n\t\tif (step.hasAttribute('disabled')) {\n\t\t\tnav.setAttribute('disabled', '');\n\t\t\tthis.setStepLocked(nav, badge);\n\t\t} else {\n\t\t\tnav.classList.add('pointer');\n\t\t}\n\n\t\tnav.appendChild(badge);\n\t\tnav.appendChild(label);\n\n\t\theader.appendChild(nav);\n\n\t\tif (index < steps.length - 1) {\n\t\t\tconst arrowIcon = document.createElement('wje-icon');\n\t\t\tarrowIcon.setAttribute('name', 'chevron-right');\n\t\t\tarrowIcon.classList.add('arrow-icon');\n\t\t\tarrowIcon.setAttribute('size', 'small');\n\n\t\t\theader.appendChild(arrowIcon);\n\t\t}\n\n\t\tstep.classList.add('step');\n\t\tif (index !== this.currentStep) {\n\t\t\tstep.style.display = 'none';\n\t\t\tstep.setAttribute('aria-hidden', 'true');\n\t\t} else {\n\t\t\tstep.setAttribute('aria-hidden', 'false');\n\t\t}\n\n\t\tthis.steps.push(step);\n\n\t\treturn nav\n\t}\n\n\t/**\n\t * Sets up the attributes for the component.\n\t */\n\tafterDraw() {\n\t\tif (this.steps.length <= 1) {\n\t\t\tthis.prev.hidden = true;\n\t\t}\n\n\t\tevent.addListener(this.prev, 'click', '', () => this.navigate(-1));\n\t\tevent.addListener(this.next, 'click', '', () => this.navigate(1));\n\t\tevent.addListener(this.finish, 'click', '', () => this.navigate(1));\n\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.goToStep(this.startIndex);\n\t\t});\n\t}\n\n\t/**\n\t * Navigates to a different step in a multi-step process based on the provided direction.\n\t * @param {number} direction The navigation direction.\n\t * Use a positive value to move forward or a negative value to move backward.\n\t */\n\tnavigate(direction) {\n\t\tthis.goToStep(this.currentStep + direction);\n\t}\n\n\t/**\n\t * Navigates to a specific step in a workflow or process.\n\t * Executes a set of operations before and after the step transition.\n\t * @param {number} stepIndex The index of the step to navigate to.\n\t * @returns {void} This method does not return a value.\n\t */\n\tgoToStep(stepIndex) {\n\t\tPromise.resolve(this.beforeOpen(stepIndex, this.currentStep)).then((res) => {\n\t\t\tthis._executeGoToStep(stepIndex);\n\n\t\t\tPromise.resolve(this.afterOpen(stepIndex, this.currentStep));\n\t\t})\n\t\t.catch(console.error);\n\t}\n\n\t_executeGoToStep(stepIndex = 0) {\n\t\tif (stepIndex >= 0 && stepIndex < this.steps.length) {\n\t\t\tif (this.headerSteps[stepIndex].hasAttribute('disabled')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (stepIndex > this.currentStep) {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('stepper:next', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('stepper:prev', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.headerSteps.forEach((step, index) => {\n\t\t\t\tlet badge = step.querySelector('wje-badge');\n\n\t\t\t\tthis.setStepDefault(step, badge, index);\n\t\t\t\tif (index < stepIndex) this.setStepDone(step, badge);\n\t\t\t\tif (index > stepIndex && step.hasAttribute('disabled')) this.setStepLocked(step, badge, index);\n\t\t\t});\n\n\t\t\tthis.setStepActive(this.headerSteps[stepIndex], null, stepIndex);\n\t\t\tthis.setContentActive(stepIndex);\n\n\t\t\tthis.currentStep = stepIndex;\n\t\t\tthis.prev.hidden = this.currentStep === 0;\n\n\t\t\tconst isNextLocked = this.headerSteps[this.currentStep + 1]?.hasAttribute('locked');\n\t\t\tthis.next.toggleAttribute('disabled', !!isNextLocked);\n\t\t\tthis.finish.toggleAttribute('disabled', !!isNextLocked);\n\n\t\t\tif (this.currentStep === this.steps.length - 1) {\n\t\t\t\tthis.next.hidden = true;\n\t\t\t\tthis.finish.hidden = false;\n\t\t\t\tthis.finish.style.display = 'block';\n\t\t\t} else {\n\t\t\t\tthis.next.hidden = false;\n\t\t\t\tthis.finish.hidden = true;\n\t\t\t\tthis.finish.style.display = 'none';\n\t\t\t}\n\t\t} else if (stepIndex === this.steps.length) {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('stepper:finish', { detail: { stepIndex }, bubbles: true, composed: true })\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Resets a step to its default state by clearing its active and done attributes.\n\t * Updates the step's badge to show its index and removes any color styling.\n\t * @param {HTMLElement} nav The navigation element representing the step.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t * @param {number} [stepIndex] The index of the step, used to set the badge content.\n\t */\n\tsetStepDefault(nav, badge = null, stepIndex = 0) {\n\t\tnav.removeAttribute('active');\n\t\tnav.removeAttribute('done');\n\t\tnav.setAttribute('aria-selected', 'false');\n\t\tnav.setAttribute('tabindex', '-1');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = stepIndex + 1;\n\t\tbadge.removeAttribute('color');\n\t}\n\n\t/**\n\t * Sets a step as active by adding the `active` attribute and updating the step's badge.\n\t * @param {HTMLElement} nav The navigation element representing the step to activate.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t * @param {number|null} [stepIndex] The index of the step, used to set the badge content. Defaults to `null` if not provided.\n\t */\n\tsetStepActive(nav, badge = null, stepIndex = null) {\n\t\tnav.setAttribute('active', '');\n\t\tnav.setAttribute('aria-selected', 'true');\n\t\tnav.setAttribute('tabindex', '0');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = stepIndex + 1;\n\t\tbadge.setAttribute('color', this.active);\n\t}\n\n\t/**\n\t * Activates the content of a specific step by displaying it and hiding all others.\n\t * @param {number} stepIndex The index of the step whose content should be displayed.\n\t */\n\tsetContentActive(stepIndex) {\n\t\tthis.steps?.forEach((step, index) => {\n\t\t\tif (index === stepIndex) {\n\t\t\t\tstep.style.display = 'block';\n\t\t\t\tstep.setAttribute('aria-hidden', 'false');\n\t\t\t} else {\n\t\t\t\tstep.style.display = 'none';\n\t\t\t\tstep.setAttribute('aria-hidden', 'true');\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Returns the DOM element of a step by index.\n\t * @param {number} stepIndex\n\t * @returns {HTMLElement}\n\t */\n\tgetStepElement(stepIndex) {\n\t\treturn this.steps?.[stepIndex];\n\t}\n\n\t/**\n\t * Appends or replaces content inside the step container.\n\t * @param {number} stepIndex\n\t * @param {Node|string|Node[]} content DOM node(s) or HTML string to insert.\n\t * @param {{ replace?: boolean }} [options]\n\t */\n\trenderStepContent(stepIndex, content, options = {}) {\n\t\tconst stepEl = this.getStepElement(stepIndex);\n\t\tif (!stepEl) return;\n\n\t\tconst { replace = false } = options;\n\n\t\tlet frag = document.createDocumentFragment();\n\t\tif (typeof content === 'string') {\n\t\t\tconst tpl = document.createElement('template');\n\t\t\ttpl.innerHTML = content;\n\t\t\tfrag.append(tpl.content);\n\t\t} else if (Array.isArray(content)) {\n\t\t\tcontent.forEach(node => {\n\t\t\t\tif (node instanceof Node) frag.appendChild(node);\n\t\t\t});\n\t\t} else if (content instanceof Node) {\n\t\t\tfrag.append(content);\n\t\t}\n\n\t\tif (replace) {\n\t\t\tstepEl.replaceChildren(frag);\n\t\t} else {\n\t\t\tstepEl.append(frag);\n\t\t}\n\t}\n\n\t/**\n\t * Marks a step as completed by setting the `done` attribute and updating its badge with a check icon.\n\t * @param {HTMLElement} nav The navigation element representing the completed step.\n\t * @param {HTMLElement|null} [badge] The badge element within the step. If not provided, it will be selected from the `nav` element.\n\t */\n\tsetStepDone(nav, badge = null) {\n\t\tnav.setAttribute('done', '');\n\n\t\tconst checkIcon = document.createElement('wje-icon');\n\t\tcheckIcon.setAttribute('name', 'check');\n\t\tcheckIcon.setAttribute('color', this.done);\n\t\tcheckIcon.setAttribute('size', 'medium');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\n\t\tbadge.setAttribute('color', this.done);\n\t\tbadge.innerHTML = '';\n\t\tbadge.appendChild(checkIcon);\n\t}\n\n\tsetStepLocked(nav, badge = null) {\n\t\tnav.setAttribute('disabled', '');\n\t\tnav.setAttribute('locked', '');\n\n\t\tconst lockIcon = document.createElement('wje-icon');\n\t\tlockIcon.setAttribute('name', 'lock');\n\t\tlockIcon.setAttribute('color', \"danger\");\n\t\tlockIcon.setAttribute('size', 'medium');\n\n\t\tif (!badge) {\n\t\t\tbadge = nav.querySelector('wje-badge');\n\t\t}\n\t\tbadge.innerHTML = '';\n\t\tbadge.removeAttribute('color');\n\t\tbadge.classList.add('disabled');\n\t\tbadge.appendChild(lockIcon);\n\t}\n\n\t/**\n\t * A callback function that is executed before opening a step in a process.\n\t * This allows for custom behavior or logic to be applied before the step is displayed.\n\t * @callback beforeOpen\n\t * @param {number} stepIndex The index of the step that is about to be opened.\n\t * @param {object} currentStep The current step data or configuration object before opening the new step.\n\t */\n\tbeforeOpen = (stepIndex, currentStep) => {\n\t\t// Override to add custom behavior before opening a step.\n\t}\n\n\t/**\n\t * Callback function executed after a step is opened.\n\t * This function can be overridden to implement custom behavior\n\t * that should take place immediately after a step is opened.\n\t * @function afterOpen\n\t * @param {number} stepIndex The index of the step that has been opened.\n\t * @param {object} currentStep The object representing the current step that has been opened.\n\t */\n\tafterOpen = (stepIndex, currentStep) => {\n\t\t// Override to add custom behavior after opening a step.\n\t}\n}\n","import Stepper from './stepper.element.js';\n\nexport default Stepper;\n\nStepper.define('wje-stepper', Stepper);\n"],"names":["stepperId","Stepper","WJElement","super","className","beforeOpen","stepIndex","currentStep","afterOpen","this","localizer","Localizer","steps","headerSteps","_stepperId","value","setAttribute","startIndex","index","getAttribute","active","hasAttribute","done","cssStyleSheet","setupAttributes","isShadowRoot","draw","fragment","document","createDocumentFragment","native","createElement","header","content","Array","from","children","forEach","step","nodeName","push","processStep","slot","navButtons","prevButton","translate","innerHTML","nextButton","finishButton","navButtonPrevSlot","appendChild","hidden","navButtonNextSlot","length","navButtonFinishSlot","isNextLocked","toggleAttribute","style","display","prev","next","finish","nav","addEventListener","e","goToStep","badge","toString","label","innerText","panelId","id","tabId","setStepActive","setStepLocked","classList","add","arrowIcon","afterDraw","event","addListener","navigate","requestAnimationFrame","direction","Promise","resolve","then","res","_executeGoToStep","catch","console","error","dispatchEvent","CustomEvent","detail","bubbles","composed","querySelector","setStepDefault","setStepDone","setContentActive","removeAttribute","options","stepEl","getStepElement","replace","frag","tpl","append","isArray","node","Node","replaceChildren","checkIcon","lockIcon","define"],"mappings":"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"}

package/dist/wje-store.js

@@ -1,400 +1,107 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const addAction = (stateValueName) => {
-  return (payload2) => {
-    return {
-      type: `${stateValueName}/ADD`,
-      payload: structuredClone(payload2),
-      actionType: "ADD"
-    };
-  };
-};
-const addManyAction = (stateValueName) => {
-  return (payload2) => {
-    return {
-      type: `${stateValueName}/ADD_MANY`,
-      payload: structuredClone(payload2),
-      actionType: "ADD_MANY"
-    };
-  };
-};
-const updateAction = (stateValueName) => {
-  return (payload2) => {
-    return {
-      type: `${stateValueName}/UPDATE`,
-      payload: structuredClone(payload2),
-      actionType: "UPDATE"
-    };
-  };
-};
-const deleteAction = (stateValueName) => {
-  return (payload2) => {
-    return {
-      type: `${stateValueName}/DELETE`,
-      payload: structuredClone(payload2),
-      actionType: "DELETE"
-    };
-  };
-};
-const loadAction = (stateValueName) => {
-  return (payload2) => {
-    return {
-      type: `${stateValueName}/LOAD`,
-      payload: structuredClone(payload2),
-      actionType: "LOAD"
-    };
-  };
-};
-const defaultStoreActions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  addAction,
-  addManyAction,
-  deleteAction,
-  loadAction,
-  updateAction
-}, Symbol.toStringTag, { value: "Module" }));
-class PubSub {
+const e = (e2) => (t2) => ({ type: `${e2}/UPDATE`, payload: structuredClone(t2), actionType: "UPDATE" }), t = Object.freeze(Object.defineProperty({ __proto__: null, addAction: (e2) => (t2) => ({ type: `${e2}/ADD`, payload: structuredClone(t2), actionType: "ADD" }), addManyAction: (e2) => (t2) => ({ type: `${e2}/ADD_MANY`, payload: structuredClone(t2), actionType: "ADD_MANY" }), deleteAction: (e2) => (t2) => ({ type: `${e2}/DELETE`, payload: structuredClone(t2), actionType: "DELETE" }), loadAction: (e2) => (t2) => ({ type: `${e2}/LOAD`, payload: structuredClone(t2), actionType: "LOAD" }), updateAction: e }, Symbol.toStringTag, { value: "Module" }));
+class r {
   constructor() {
     this.events = {};
   }
-  /**
-   * Either create a new event instance for passed `event` name.
-   * or push a new callback into the existing collection.
-   * @param {string} event The event name to subscribe to
-   * @param {Function} callback The callback function to subscribe to the event
-   * @returns {number} A count of callbacks for this event
-   * @memberof PubSub
-   */
-  subscribe(event, callback) {
-    let self = this;
-    if (!self.events.hasOwnProperty(event)) {
-      self.events[event] = [];
-    }
-    self.events[event].push(callback) - 1;
-    return {
-      unsubscribe() {
-        self.events[event].splice(self.events[event].indexOf(callback), 1);
-      }
-    };
+  subscribe(e2, t2) {
+    let r2 = this;
+    return r2.events.hasOwnProperty(e2) || (r2.events[e2] = []), r2.events[e2].push(t2), { unsubscribe() {
+      r2.events[e2].splice(r2.events[e2].indexOf(t2), 1);
+    } };
   }
-  /**
-   * If the passed event has callbacks attached to it, loop through each one and call it.
-   * @param {string} event The name of the event to publish
-   * @param {any} state The current state to pass to the callbacks
-   * @param {object} [newData] The new data to pass to the callbacks
-   * @param {object} [oldData] The old data to pass to the callbacks
-   * @returns {Array} The results of the callbacks for this event, or an empty array if no event exists
-   * @memberof PubSub
-   */
-  publish(event, state, newData = {}, oldData = {}) {
-    let self = this;
-    if (!self.events.hasOwnProperty(event)) {
-      return [];
-    }
-    return self.events[event].map((callback) => callback(state, oldData, newData));
+  publish(e2, t2, r2 = {}, s2 = {}) {
+    return this.events.hasOwnProperty(e2) ? this.events[e2].map((e3) => e3(t2, s2, r2)) : [];
   }
 }
-class Store {
-  /**
-   * Initializes the store with optional reducer and state.
-   * @param {object} [params] Configuration for the store.
-   * @param {Function} [params.reducer] Initial reducer function for handling state updates.
-   * @param {object} [params.state] Initial state of the store.
-   */
-  constructor(params = {}) {
+let s = new class {
+  constructor(e2 = {}) {
     __publicField(this, "_state");
     __publicField(this, "_reducer");
     __publicField(this, "events");
     __publicField(this, "status");
-    this._isPause = false;
-    this._state = {};
-    this._reducer = () => {
-      return {};
-    };
-    this.status = "resting";
-    this.events = new PubSub();
-    if (params == null ? void 0 : params.hasOwnProperty("reducer")) {
-      this._reducer = params.reducer;
-    }
-    this.refreshProxy(params == null ? void 0 : params.state);
+    this._isPause = false, this._state = {}, this._reducer = () => ({}), this.status = "resting", this.events = new r(), (e2 == null ? void 0 : e2.hasOwnProperty("reducer")) && (this._reducer = e2.reducer), this.refreshProxy(e2 == null ? void 0 : e2.state);
   }
-  /**
-   * Dispatches an action to update the state by invoking the reducer function.
-   * @param {object} action The action object containing the type and any associated payload.
-   * @param {string} action.type The type of the action being dispatched.
-   * @returns {boolean} Returns `true` after the state has been successfully updated.
-   * @example
-   * const action = { type: 'INCREMENT', payload: { amount: 1 } };
-   * store.dispatch(action);
-   */
-  dispatch(action) {
+  dispatch(e2) {
     this.status = "action";
-    let newState = this._reducer(this._state, action);
-    this.status = "mutation";
-    this._state = Object.assign(this._state, newState);
-    return true;
+    let t2 = this._reducer(this._state, e2);
+    return this.status = "mutation", this._state = Object.assign(this._state, t2), true;
   }
-  /**
-   * Retrieves a deep copy of the current state to ensure immutability.
-   * @returns {object} A deep copy of the current state.
-   * @example
-   * const currentState = store.getState();
-   * console.log(currentState);
-   */
   getState() {
     return JSON.parse(JSON.stringify(this._state));
   }
-  /**
-   * Subscribes to a specific event with a provided callback function.
-   * @param {string} eventName The name of the event to subscribe to.
-   * @param {Function} callbackFn The function to execute when the event is triggered.
-   * @returns {Function} - A function to unsubscribe from the event.
-   * @example
-   * const unsubscribe = store.subscribe('stateChange', (newState) => {
-   *   console.log('State changed:', newState);
-   * });
-   * // Later, to unsubscribe
-   * unsubscribe();
-   */
-  subscribe(eventName, callbackFn) {
-    return this.events.subscribe(eventName, callbackFn);
+  subscribe(e2, t2) {
+    return this.events.subscribe(e2, t2);
   }
-  /**
-   * Unsubscribes from a specific event by removing all associated listeners.
-   * @param {string} eventName The name of the event to unsubscribe from.
-   * @returns {void}
-   * @example
-   * store.unsubscribe('stateChange');
-   */
-  unsubscribe(eventName) {
-    delete this.events[eventName];
+  unsubscribe(e2) {
+    delete this.events[e2];
   }
-  /**
-   * Pauses event handling or other operations.
-   * @returns {this} Returns the current instance for method chaining.
-   * @example
-   * store.pause().doSomething();
-   */
   pause() {
-    this._isPause = true;
-    return this;
+    return this._isPause = true, this;
   }
-  /**
-   * Resumes event handling or other operations.
-   * @param {*} [val] Optional value to pass while resuming.
-   * @returns {this} Returns the current instance for method chaining.
-   * @example
-   * store.play().doSomething();
-   */
-  play(val) {
-    this._isPause = false;
-    return this;
+  play(e2) {
+    return this._isPause = false, this;
   }
-  /**
-   * Merges a new reducer function into the existing reducer for a specific state property.
-   * @param {string} stateValueName The key in the state object that the new reducer will manage.
-   * @param {Function} newReducer The reducer function to handle updates for the specified state property.
-   * @returns {void}
-   * @example
-   * const newReducer = (newState, currentState) => ({ ...currentState, ...newState });
-   * store.mergeReducers('user', newReducer);
-   */
-  mergeReducers(stateValueName, newReducer) {
-    let reducerCopy = this._reducer;
-    this._reducer = (state, newState) => {
-      let preState = reducerCopy(state, newState);
-      return {
-        ...preState,
-        [stateValueName]: newReducer(newState, state[stateValueName])
-      };
-    };
-  }
-  /**
-   * Synchronizes each entry in an array with the store by defining or updating state entries.
-   * @param {string} storeKey The key prefix used for defining or updating store entries.
-   * @param {Array<object>} [array] The array of entries to be synchronized with the store.
-   * @param {string} [identificator] The property name used as a unique identifier for each entry.
-   * @returns {void}
-   * @example
-   * const data = [{ id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }];
-   * store.makeEveryArrayEntryAsStoreState('items', data, 'id');
-   */
-  makeEveryArrayEntryAsStoreState(storeKey, array = [], identificator = "id") {
-    array.forEach((entry) => {
-      if (this.getState().hasOwnProperty(`${storeKey}-${entry[identificator]}`)) {
-        this.dispatch(updateAction(`${storeKey}-${entry[identificator]}`)(entry));
-      } else {
-        this.define(
-          `${storeKey}-${entry.id || entry.source || entry[identificator]}`,
-          entry,
-          null,
-          identificator
-        );
-      }
-    });
-  }
-  /**
-   * Defines a new state variable and associates it with a reducer.
-   * @param {string} stateValueName The name of the state variable to define.
-   * @param {*} defaultValue The initial value of the state variable.
-   * @param {Function|null} [reducer] An optional reducer function to manage updates for the state variable.
-   * @param {string} [key] The key used to identify individual entries if the state value is an array or object.
-   * @returns {void}
-   * @example
-   * // Define a new state with a custom reducer
-   * store.define('user', { id: 1, name: 'John Doe' }, (newState, currentState) => ({ ...currentState, ...newState }));
-   * @example
-   * // Define a new state with default array reducer
-   * store.define('items', [], null, 'itemId');
-   */
-  define(stateValueName, defaultValue, reducer, key = "id") {
-    if (this._state.hasOwnProperty(stateValueName)) {
-      console.warn(`STATE už obsahuje premennú ${stateValueName},ktorú sa pokúšate pridať`);
-      return;
-    }
-    if (reducer instanceof Function) {
-      this.mergeReducers(stateValueName, reducer);
-    } else {
-      if (defaultValue instanceof Array) {
-        this.mergeReducers(stateValueName, this.createArrayReducer(stateValueName, key));
-      } else {
-        this.mergeReducers(stateValueName, this.createObjectReducer(stateValueName, key));
-      }
-    }
-    this.refreshProxy({
-      ...this._state,
-      [stateValueName]: defaultValue
-    });
+  mergeReducers(e2, t2) {
+    let r2 = this._reducer;
+    this._reducer = (s2, a) => ({ ...r2(s2, a), [e2]: t2(a, s2[e2]) });
   }
-  /**
-   * Refreshes the state by wrapping it in a Proxy to track changes and notify subscribers.
-   * @param {object} newState The new state object to be set. Defaults to an empty object if not provided.
-   * @returns {void}
-   * @example
-   * store.refreshProxy({ user: { id: 1, name: 'John Doe' } });
-   */
-  refreshProxy(newState) {
-    this._state = new Proxy(newState || {}, {
-      set: (state, key, value) => {
-        if (JSON.stringify(state[key]) === JSON.stringify(value)) {
-          return true;
-        }
-        let oldState = state[key];
-        state[key] = value;
-        if (!this._isPause) this.events.publish(key, this._state, state[key], oldState);
-        if (this.status !== "mutation") {
-          console.warn(`You should use a mutation to set ${key}`);
-        }
-        this.status = "resting";
-        return true;
-      }
+  makeEveryArrayEntryAsStoreState(t2, r2 = [], s2 = "id") {
+    r2.forEach((r3) => {
+      this.getState().hasOwnProperty(`${t2}-${r3[s2]}`) ? this.dispatch(e(`${t2}-${r3[s2]}`)(r3)) : this.define(`${t2}-${r3.id || r3.source || r3[s2]}`, r3, null, s2);
     });
   }
-  /**
-   * Creates a reducer function to manage an object state.
-   * @param {string} stateValueName The name of the state property this reducer manages.
-   * @returns {Function} A reducer function that handles `ADD`, `UPDATE`, and `DELETE` actions for the specified state property.
-   * @throws {Error} If the payload is an array, an error is logged since the reducer is designed for object state management.
-   * @example
-   * const userReducer = store.createObjectReducer('user');
-   * const newState = userReducer({ type: 'user/ADD', payload: { id: 1, name: 'John Doe' } });
-   */
-  createObjectReducer(stateValueName) {
-    return (action, state = {}) => {
-      if (Array.isArray(action.payload) && (action.type === `${stateValueName}/ADD` || action.type === `${stateValueName}/UPDATE`)) {
-        console.error(`Nemôžete pridať do objektu ${stateValueName} hodnotu, ktorá je pole.`);
-      }
-      const actionType = action.type.split("/")[1];
-      if (action.type.startsWith(`${stateValueName}/`) && !["ADD", "UPDATE", "DELETE"].includes(actionType)) {
-        console.error(
-          `Nemôžete použiť akciu ${actionType} na objekt. Správne akcie pre objekt sú: ADD, UPDATE, DELETE`
-        );
-      }
-      switch (action.type) {
-        case `${stateValueName}/ADD`:
-          return {
-            ...action.payload
-          };
-        case `${stateValueName}/UPDATE`:
-          return {
-            ...state,
-            ...action.payload
-          };
-        case `${stateValueName}/DELETE`:
+  define(e2, t2, r2, s2 = "id") {
+    this._state.hasOwnProperty(e2) ? console.warn(`STATE už obsahuje premennú ${e2},ktorú sa pokúšate pridať`) : (r2 instanceof Function ? this.mergeReducers(e2, r2) : t2 instanceof Array ? this.mergeReducers(e2, this.createArrayReducer(e2, s2)) : this.mergeReducers(e2, this.createObjectReducer(e2, s2)), this.refreshProxy({ ...this._state, [e2]: t2 }));
+  }
+  refreshProxy(e2) {
+    this._state = new Proxy(e2 || {}, { set: (e3, t2, r2) => {
+      if (JSON.stringify(e3[t2]) === JSON.stringify(r2)) return true;
+      let s2 = e3[t2];
+      return e3[t2] = r2, this._isPause || this.events.publish(t2, this._state, e3[t2], s2), "mutation" !== this.status && console.warn(`You should use a mutation to set ${t2}`), this.status = "resting", true;
+    } });
+  }
+  createObjectReducer(e2) {
+    return (t2, r2 = {}) => {
+      !Array.isArray(t2.payload) || t2.type !== `${e2}/ADD` && t2.type !== `${e2}/UPDATE` || console.error(`Nemôžete pridať do objektu ${e2} hodnotu, ktorá je pole.`);
+      const s2 = t2.type.split("/")[1];
+      switch (t2.type.startsWith(`${e2}/`) && !["ADD", "UPDATE", "DELETE"].includes(s2) && console.error(`Nemôžete použiť akciu ${s2} na objekt. Správne akcie pre objekt sú: ADD, UPDATE, DELETE`), t2.type) {
+        case `${e2}/ADD`:
+          return { ...t2.payload };
+        case `${e2}/UPDATE`:
+          return { ...r2, ...t2.payload };
+        case `${e2}/DELETE`:
           return {};
         default:
-          return state;
+          return r2;
       }
     };
   }
-  /**
-   * Creates a reducer function to manage an array state.
-   * @param {string} stateValueName The name of the state property this reducer manages.
-   * @param {string} key The unique key used to identify items in the array for updates and deletions.
-   * @returns {Function} A reducer function that handles `ADD`, `ADD_MANY`, `UPDATE`, `DELETE`, and `LOAD` actions for the specified state property.
-   * @throws {Error} If `action.payload` is not an array when required.
-   * @example
-   * const itemsReducer = store.createArrayReducer('items', 'id');
-   * const newState = itemsReducer({ type: 'items/ADD', payload: { id: 1, name: 'Item 1' } });
-   */
-  createArrayReducer(stateValueName, key) {
-    return (action, state = []) => {
+  createArrayReducer(e2, t2) {
+    return (r2, s2 = []) => {
       var _a;
-      if (action.actionType === "LOAD" && ((_a = action.type) == null ? void 0 : _a.includes(stateValueName))) {
-        if (!Array.isArray(action.payload)) {
-          console.error(`Snažíte sa použiť "LOAD" akciu na pole, ale payload nie je pole.`);
-          return [...state];
-        }
-      }
-      switch (action.type) {
-        case `${stateValueName}/ADD`:
-          if (Array.isArray(action.payload)) {
-            return [...state, ...action.payload];
-          } else {
-            return [...state, action.payload];
-          }
-        case `${stateValueName}/ADD_MANY`:
-          return [...state, ...action.payload];
-        case `${stateValueName}/UPDATE`:
-          if (state.some((obj) => obj[key] === action.payload[key])) {
-            return [
-              ...state.map((obj) => {
-                if (obj[key] === action.payload[key]) {
-                  return action.payload;
-                }
-                return obj;
-              })
-            ];
-          } else {
-            return [...state, action.payload];
-          }
-        case `${stateValueName}/DELETE`:
-          if (Array.isArray(action.payload)) {
-            return [
-              ...state.filter(
-                (obj) => !action.payload.some(
-                  (item) => obj.hasOwnProperty(key) && obj[key] !== item[key] || !obj.hasOwnProperty(key) && obj !== item
-                )
-              )
-            ];
-          }
-          return [
-            ...state.filter(
-              (obj) => obj.hasOwnProperty(key) && obj[key] !== action.payload[key] || !obj.hasOwnProperty(key) && obj !== action.payload
-            )
-          ];
-        case `${stateValueName}/LOAD`:
-          return [...action.payload];
+      if ("LOAD" === r2.actionType && ((_a = r2.type) == null ? void 0 : _a.includes(e2)) && !Array.isArray(r2.payload)) return console.error('Snažíte sa použiť "LOAD" akciu na pole, ale payload nie je pole.'), [...s2];
+      switch (r2.type) {
+        case `${e2}/ADD`:
+          return Array.isArray(r2.payload) ? [...s2, ...r2.payload] : [...s2, r2.payload];
+        case `${e2}/ADD_MANY`:
+          return [...s2, ...r2.payload];
+        case `${e2}/UPDATE`:
+          return s2.some((e3) => e3[t2] === r2.payload[t2]) ? [...s2.map((e3) => e3[t2] === r2.payload[t2] ? r2.payload : e3)] : [...s2, r2.payload];
+        case `${e2}/DELETE`:
+          return Array.isArray(r2.payload) ? [...s2.filter((e3) => !r2.payload.some((r3) => e3.hasOwnProperty(t2) && e3[t2] !== r3[t2] || !e3.hasOwnProperty(t2) && e3 !== r3))] : [...s2.filter((e3) => e3.hasOwnProperty(t2) && e3[t2] !== r2.payload[t2] || !e3.hasOwnProperty(t2) && e3 !== r2.payload)];
+        case `${e2}/LOAD`:
+          return [...r2.payload];
         default:
-          return state;
+          return s2;
       }
     };
   }
-}
-let store = new Store();
+}();
 export {
-  defaultStoreActions,
-  store
+  t as defaultStoreActions,
+  s as store
 };
 //# sourceMappingURL=wje-store.js.map