{"version":3,"file":"8289.8f3d1af3fe5640d0ba38.js","mappings":"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","sources":["webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/DomServices.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/InputsServices.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/ControllerBase.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/molecules/m-professional-product-table-mobile/m-professional-product-table-mobile.controller.ts"],"sourcesContent":["import { IDomServices } from 'global/interfaces/controller.interface';\nimport { Subject } from 'rxjs';\n\nexport class DomServices implements IDomServices {\n\tprotected $element: HTMLElement;\n\tprotected $references: Record;\n\tonDomElementChanged: Subject = new Subject();\n\n\tconstructor(element: HTMLElement, references: Record) {\n\t\tthis.$references = references;\n\t\tthis.$element = element;\n\t}\n\n\tstatic collectReferences(\n\t\telement: HTMLElement,\n\t\tignoredReferences: string[],\n\t\tincludedReferences: string[],\n\t): Partial> {\n\t\tconst refs: Partial> = {};\n\n\t\tArray.from(element.querySelectorAll('[data-ref]')).forEach((el: HTMLElement) => {\n\t\t\tlet referenceName: string = '';\n\t\t\tif (el.dataset.ref) {\n\t\t\t\treferenceName = el.dataset.ref;\n\t\t\t}\n\n\t\t\t// skip ignored references\n\t\t\tif (ignoredReferences.includes(referenceName)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (referenceName) {\n\t\t\t\t// if the included list has items, only include these references, otherwise consider all\n\t\t\t\tif (includedReferences.length > 0) {\n\t\t\t\t\tif (includedReferences.includes(referenceName)) {\n\t\t\t\t\t\trefs[referenceName] = el;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (Object.prototype.hasOwnProperty.call(refs, referenceName)) {\n\t\t\t\t\t\tif (window.location.hostname === 'localhost') {\n\t\t\t\t\t\t\tconsole.warn(`A reference called '${referenceName}' has already been registered in ${this.constructor.name}!\\n Element:`, element);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\trefs[referenceName] = el;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn refs;\n\t}\n\n\tgetRef(ref: string): T | undefined {\n\t\tif (this.$references) {\n\t\t\treturn Object.prototype.hasOwnProperty.call(this.$references, ref) ? (this.$references[ref] as T) : undefined;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tparseStringToHtml = (htmlAsString: string): void | ChildNode => {\n\t\tconst parsedNode = new DOMParser().parseFromString(htmlAsString, 'text/html').body.firstChild;\n\t\tif (parsedNode) return parsedNode;\n\t};\n\n\trenderDomElement = (ref: string, html: string, renderOnParent: boolean = false): void => {\n\t\tconst refExists = this.$references ? Object.prototype.hasOwnProperty.call(this.$references, ref) : undefined;\n\t\tif (renderOnParent) {\n\t\t\tthis.$element.innerHTML = html;\n\t\t\tthis.domElementChanged(ref);\n\t\t} else if (this.$references && refExists) {\n\t\t\t(this.$references as any)[ref].innerHTML = html;\n\t\t\tthis.domElementChanged(ref);\n\t\t} else {\n\t\t\tconsole.warn('DOM ref does not exist!', ref);\n\t\t}\n\t};\n\n\tappendRawHtmlToDomElement = (\n\t\tnode: HTMLElement,\n\t\thtmlAsString: string,\n\t\tposition: 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' = 'afterend',\n\t): void | ChildNode => {\n\t\tconst htmlNode = this.parseStringToHtml(htmlAsString);\n\t\tnode.insertAdjacentElement(position, htmlNode as Element);\n\t\tif (htmlNode) {\n\t\t\treturn htmlNode;\n\t\t}\n\t};\n\n\treplaceLastChildElementWithRawHtml = (ref: string, htmlAsString: string): void | ChildNode => {\n\t\tconst refExists = this.$references ? Object.prototype.hasOwnProperty.call(this.$references, ref) : undefined;\n\t\tif (refExists) {\n\t\t\tconst htmlNode = this.parseStringToHtml(htmlAsString);\n\t\t\tconst lastNode = this.$references[ref].childNodes[this.$references[ref].childNodes.length - 1];\n\t\t\t(this.$references as any)[ref].replaceChild(htmlNode, lastNode);\n\t\t\tthis.domElementChanged(ref);\n\t\t\tif (htmlNode) {\n\t\t\t\treturn htmlNode;\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.warn('DOM ref does not exist!', ref);\n\t\t}\n\t};\n\n\ttoggleElementState(control: HTMLElement, newState: Array<'enable' | 'disable' | 'show' | 'hide' | 'check' | 'uncheck'>): void {\n\t\tif (!control) return;\n\t\tnewState &&\n\t\t\tnewState.forEach((state) => {\n\t\t\t\tswitch (state) {\n\t\t\t\t\tcase 'enable': {\n\t\t\t\t\t\tcontrol.removeAttribute('disabled');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'disable': {\n\t\t\t\t\t\tcontrol.setAttribute('disabled', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'show': {\n\t\t\t\t\t\tcontrol.removeAttribute('hidden');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'hide': {\n\t\t\t\t\t\tcontrol.setAttribute('hidden', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'uncheck': {\n\t\t\t\t\t\tcontrol.removeAttribute('checked');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'check': {\n\t\t\t\t\t\tcontrol.setAttribute('checked', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tdomElementChanged = (reference: string): void => {\n\t\tthis.onDomElementChanged.next(reference);\n\t};\n\n\tparseDOMScriptTag = (elementId: string): TJSON => {\n\t\tconst data = document.getElementById(elementId) as HTMLScriptElement;\n\t\ttry {\n\t\t\tconst out = JSON.parse(data.innerText);\n\t\t\treturn out as TJSON;\n\t\t} catch (error) {\n\t\t\tconsole.warn('Cannot parse component form config', error);\n\t\t}\n\t\treturn {} as TJSON;\n\t};\n\n\trenderDomElementInHTMLElement(element: HTMLElement, html: string): void {\n\t\telement.innerHTML = html;\n\t}\n}\n","import { IInputServicesBase } from 'global/interfaces/controller.interface';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\nexport enum InputClasses {\n\terrorClass = 'uk-form-danger',\n\thiddenClass = 'uk-hidden',\n}\nexport class InputServices implements IInputServicesBase {\n\tprivate observedInputs: Record = {};\n\n\taddFocusToInput({ element, inputName }: { element: HTMLElement; inputName: string }): void {\n\t\tconst input = element?.querySelector(`input[name='${inputName}']`);\n\t\tif (input) (input as HTMLInputElement).focus();\n\t}\n\n\tobserveElementEvents(\n\t\telement: HTMLInputElement | HTMLSelectElement | HTMLButtonElement,\n\t\tinputEvent: 'input' | 'change' | 'click',\n\t\tonChange: (value: string, event: InputEvent) => any,\n\t): void {\n\t\tconst inputToObserve$ = fromEvent(element, inputEvent);\n\n\t\tthis.observedInputs[element.name] = inputToObserve$.pipe(map(this.mapInputEvent)).subscribe(({ value, event }) =>\n\t\t\tthis.subscribeInputWithErrorRemovalOnInputChange({\n\t\t\t\tvalue,\n\t\t\t\tevent,\n\t\t\t\tonChange,\n\t\t\t}),\n\t\t);\n\t}\n\n\t/**\n\t * This method is in charge of adding error classes to the correct element within an input group on a defined element\n\t * @param {HTMLElement | null} element - The element to update\n\t * @param {Record} errors - The errors to manage\n\t */\n\taddErrorsToFieldset({\n\t\telement,\n\t\terrors,\n\t\tonErrorsUpdated,\n\t}: {\n\t\telement: HTMLElement | null;\n\t\terrors: Record;\n\t\tonErrorsUpdated?: () => void;\n\t}): void {\n\t\tif (element) {\n\t\t\tObject.keys(errors).forEach((inputName) => {\n\t\t\t\tconst input = element?.querySelector(`input[name='${inputName}']`) as HTMLElement;\n\n\t\t\t\tif (input) {\n\t\t\t\t\tconst errorMessage = errors[inputName] || '';\n\t\t\t\t\tthis.addOrRemoveFormValidationError('SHOW_VALIDATION_ERROR', input, errorMessage);\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (onErrorsUpdated) onErrorsUpdated();\n\t\t\tif (errors) {\n\t\t\t\tconst inputNameToFocus = Object.keys(errors)[0];\n\t\t\t\tconst firstErrorElement = element?.querySelector(`input[name='${inputNameToFocus}']`);\n\t\t\t\tif (firstErrorElement) firstErrorElement.scrollIntoView();\n\t\t\t\tif (inputNameToFocus) this.addFocusToInput({ element, inputName: inputNameToFocus });\n\t\t\t}\n\t\t} else {\n\t\t\tthrow new Error(`ADD ERRORS TO FIELDSET: Looks like the element you want to update doesn't exist`);\n\t\t}\n\t}\n\n\taddOrRemoveFormValidationError(showOrHide: 'SHOW_VALIDATION_ERROR' | 'HIDE_VALIDATION_ERROR', input: HTMLElement, errorMessage: string = ''): void {\n\t\tif (!input) return;\n\n\t\tconst label = input.previousElementSibling;\n\t\tconst errorMessageContainer = input.nextElementSibling;\n\n\t\tif (showOrHide === 'SHOW_VALIDATION_ERROR') {\n\t\t\t// add error class to label\n\t\t\tif (label && label.classList) label.classList.add(InputClasses.errorClass);\n\t\t\t// add error class to input\n\t\t\tinput.classList.add(InputClasses.errorClass);\n\t\t\t// if there's an error message, inject it, show the div and add an error class\n\t\t\tif (errorMessageContainer) {\n\t\t\t\terrorMessageContainer.classList.add(InputClasses.errorClass);\n\t\t\t\terrorMessageContainer.classList.remove(InputClasses.hiddenClass);\n\t\t\t\terrorMessageContainer.innerHTML = errorMessage;\n\t\t\t}\n\t\t} else if (showOrHide === 'HIDE_VALIDATION_ERROR') {\n\t\t\t// remove error class from label\n\t\t\tif (label && label.classList) label.classList.remove(InputClasses.errorClass);\n\t\t\t// remove error class from input\n\t\t\tinput.classList.remove(InputClasses.errorClass);\n\t\t\t// remove error message and class\n\t\t\tif (errorMessageContainer) {\n\t\t\t\terrorMessageContainer.classList.remove(InputClasses.errorClass);\n\t\t\t\terrorMessageContainer.classList.add(InputClasses.hiddenClass);\n\t\t\t\terrorMessageContainer.innerHTML = '';\n\t\t\t}\n\t\t}\n\t}\n\n\tsubscribeInputWithErrorRemovalOnInputChange = ({\n\t\tvalue,\n\t\tevent,\n\t\tonChange,\n\t}: {\n\t\tvalue: string;\n\t\tevent: InputEvent;\n\t\tonChange?: (value: string, event: InputEvent) => void;\n\t}): void => {\n\t\tconst castEvent = event.target as HTMLElement;\n\n\t\tconst label = castEvent && castEvent.previousElementSibling;\n\t\tif (label && label.classList.contains(InputClasses.errorClass)) label.classList.remove(InputClasses.errorClass);\n\n\t\tconst input = event.target as HTMLElement;\n\t\tif (input && input.classList.contains(InputClasses.errorClass)) input.classList.remove(InputClasses.errorClass);\n\n\t\tconst errorMessage = castEvent && castEvent.nextElementSibling;\n\t\tif (errorMessage) {\n\t\t\terrorMessage.classList.remove(InputClasses.errorClass);\n\t\t\terrorMessage.classList.add('uk-hidden');\n\t\t}\n\n\t\tif (onChange) onChange(value, event);\n\t};\n\n\tmapInputEvent = (event: InputEvent): { value: string; event: InputEvent } => {\n\t\treturn { value: (event.target as HTMLInputElement | HTMLSelectElement).value, event };\n\t};\n}\n","import { IControllerBase, IDomServices } from 'global/interfaces/controller.interface';\nimport { DomServices } from './DomServices';\nimport { InputServices } from './InputsServices';\nexport default class ControllerBase = Record> implements IControllerBase {\n\treadonly $element: HTMLElement;\n\treadonly $references: Record;\n\treadonly ignoredReferences: string[];\n\treadonly includedReferences: string[];\n\treadonly disableReferenceCollection: boolean;\n\t/** See {@link DomServices} */\n\treadonly domUtils: IDomServices;\n\t/** See {@link InputServices} */\n\treadonly inputUtils: InputServices;\n\n\tconstructor(element: HTMLElement, ignoredReferences?: string[], includedReferences?: string[], disableReferenceCollection?: boolean) {\n\t\tthis.$element = element;\n\t\tthis.ignoredReferences = ignoredReferences || [];\n\t\tthis.includedReferences = includedReferences || [];\n\t\tthis.disableReferenceCollection = disableReferenceCollection || false;\n\n\t\tif (!this.disableReferenceCollection) {\n\t\t\tconst references = DomServices.collectReferences(this.$element, this.ignoredReferences, this.includedReferences);\n\t\t\tif (references && Object.keys(references).length > 0) {\n\t\t\t\tthis.$references = references as Record;\n\t\t\t} else {\n\t\t\t\tthis.$references = {} as Record;\n\t\t\t}\n\t\t}\n\n\t\tthis.domUtils = new DomServices(this.$element, this.$references);\n\t\tthis.inputUtils = new InputServices();\n\t}\n\n\tdispatchCustomEvent(\n\t\tname: string,\n\t\tdetail: T,\n\t\tbubbles: boolean = false,\n\t\tdispatchOnWindow: boolean = false,\n\t\tdispatchOnSpecificElement?: HTMLElement,\n\t): void {\n\t\tconst customEvent = new CustomEvent(name, { detail: detail, bubbles: bubbles });\n\t\tif (true === dispatchOnWindow) {\n\t\t\twindow.dispatchEvent(customEvent);\n\t\t} else if (dispatchOnSpecificElement) {\n\t\t\tdispatchOnSpecificElement.dispatchEvent(customEvent);\n\t\t} else {\n\t\t\tthis.$element.dispatchEvent(customEvent);\n\t\t}\n\t}\n}\n","import ControllerBase from 'global/js/ControllerBase';\nimport UIkit from 'uikit';\n\nglobal ? (global['UIkit'] = UIkit) : undefined;\n\ninterface ComponentRefs {\n\tslider: 'slider';\n\t/** The table */\n\ttable: 'table';\n\t/** The DIV which contains the show all button */\n\tshowAllWrapper: 'showAllWrapper';\n}\n\n// UIkit doesn't seem to expose it's types so well, for the slider events, so create one\ntype T_UKSlider = { index: number } & UIkit.UIkitSliderOptions;\n\nexport default class ControllerProfessionalProductTableMobile extends ControllerBase {\n\tprivate slider: HTMLDivElement;\n\tprivate table: HTMLDivElement;\n\tprivate tableRows: NodeListOf;\n\tprivate currentTableDataIndex = -1;\n\tprivate showAllButton: HTMLAnchorElement | null;\n\tprivate hideAllButton: HTMLAnchorElement | null;\n\n\tconstructor(element: HTMLElement) {\n\t\tsuper(element);\n\n\t\tthis.init();\n\t}\n\n\tprivate init(): void {\n\t\tthis.table = this.$references.table as HTMLDivElement;\n\t\t// find rows, if there are any\n\t\tthis.tableRows = this.table && this.table.querySelectorAll('div.col');\n\n\t\tthis.slider = this.$references.slider as HTMLDivElement;\n\t\t// listen for slide change events\n\t\tthis.slider && this.slider.addEventListener('itemshown', (e) => this.observeUKSlideChange(e as any));\n\n\t\tif (this.$references.showAllWrapper) {\n\t\t\t// get a ref to the button\n\t\t\tthis.showAllButton = this.$references.showAllWrapper.querySelector('a.a-button.m-professional-product-table-mobile__show');\n\t\t\tthis.showAllButton && this.showAllButton.addEventListener('click', (e) => this.handleShowAll(e));\n\n\t\t\tthis.hideAllButton = this.$references.showAllWrapper.querySelector('a.a-button.m-professional-product-table-mobile__hide');\n\t\t\tthis.hideAllButton && this.hideAllButton.addEventListener('click', (e) => this.handleShowAll(e));\n\t\t}\n\t}\n\n\t/**\n\t * Observe UIkit slider events and update the table column being shown\n\t * @param {CustomEvent} event\n\t * @returns void\n\t */\n\tprivate observeUKSlideChange(event: CustomEvent): void {\n\t\tif (event.detail.length > 0) {\n\t\t\tconst slider = event.detail[0];\n\n\t\t\tif (slider.index > -1 && this.currentTableDataIndex !== slider.index) {\n\t\t\t\tthis.currentTableDataIndex = slider.index;\n\t\t\t\t// show new column\n\t\t\t\tthis.showColumn();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Show a specific table column by index and hide all others\n\t * @param {number} index?\n\t * @returns void\n\t */\n\tprivate showColumn(index?: number): void {\n\t\tconst column = index !== undefined ? index : this.currentTableDataIndex;\n\n\t\tif (!this.tableRows || this.tableRows.length === 0) return;\n\n\t\t// for each row, show the child cell, whose index corresponds to the uk-slider slide index\n\t\t// if the slider is at position 0, the cell to be shown is actually index 1 because the first column is fixed\n\t\tthis.tableRows.forEach((row) => {\n\t\t\tconst children = Array.from(row.children as HTMLCollectionOf);\n\n\t\t\t// hide all children except the first column. The first column is: div.cell.cell-body.cell--first\n\t\t\tchildren.forEach((c, childIndex) => {\n\t\t\t\t// if the cell is not the first and not already hidden, hide it\n\t\t\t\tif (false === c.classList.contains('cell--first') && false === c.classList.contains('cell--hidden')) {\n\t\t\t\t\tc.classList.add('cell--hidden');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// make new column not hidden\n\t\t\tif (children.length >= this.currentTableDataIndex + 1) {\n\t\t\t\tchildren[this.currentTableDataIndex + 1].classList.remove('cell--hidden');\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * When a user clicks on the show all button, unhide all the hidden table rows\n\t * @param {MouseEvent} event\n\t * @returns void\n\t */\n\tprivate handleShowAll(event: MouseEvent): void {\n\t\tevent.preventDefault();\n\n\t\tconst hiddenRows = this.table.querySelectorAll('div.col--hidden');\n\n\t\thiddenRows.forEach((c) => {\n\t\t\tc && c.classList.toggle('col--shown');\n\t\t});\n\n\t\t// remove the bottom white gradient, by removing the class\n\t\tthis.table.classList.toggle('truncated-y');\n\n\t\t//Toggle hide/show buttons when\n\t\tthis.showAllButton?.classList.toggle('uk-hidden');\n\t\tthis.hideAllButton?.classList.toggle('uk-hidden');\n\t}\n}\n"],"names":["DomServices","constructor","element","references","onDomElementChanged","Subject","parseStringToHtml","htmlAsString","parsedNode","DOMParser","parseFromString","body","firstChild","renderDomElement","ref","html","renderOnParent","refExists","this","$references","Object","prototype","hasOwnProperty","call","undefined","$element","innerHTML","domElementChanged","console","warn","appendRawHtmlToDomElement","node","position","htmlNode","insertAdjacentElement","replaceLastChildElementWithRawHtml","lastNode","childNodes","length","replaceChild","reference","next","parseDOMScriptTag","elementId","data","document","getElementById","JSON","parse","innerText","error","collectReferences","ignoredReferences","includedReferences","refs","Array","from","querySelectorAll","forEach","el","referenceName","dataset","includes","window","location","hostname","name","getRef","toggleElementState","control","newState","state","removeAttribute","setAttribute","renderDomElementInHTMLElement","InputClasses","InputServices","observedInputs","subscribeInputWithErrorRemovalOnInputChange","value","event","onChange","castEvent","target","label","previousElementSibling","classList","contains","errorClass","remove","input","errorMessage","nextElementSibling","add","mapInputEvent","addFocusToInput","inputName","querySelector","focus","observeElementEvents","inputEvent","inputToObserve$","fromEvent","pipe","map","subscribe","addErrorsToFieldset","errors","onErrorsUpdated","Error","keys","addOrRemoveFormValidationError","inputNameToFocus","firstErrorElement","scrollIntoView","showOrHide","errorMessageContainer","hiddenClass","ControllerBase","disableReferenceCollection","domUtils","inputUtils","dispatchCustomEvent","detail","bubbles","dispatchOnWindow","dispatchOnSpecificElement","customEvent","CustomEvent","dispatchEvent","g","ControllerProfessionalProductTableMobile","super","currentTableDataIndex","init","table","tableRows","slider","addEventListener","e","observeUKSlideChange","showAllWrapper","showAllButton","handleShowAll","hideAllButton","index","showColumn","row","children","c","childIndex","preventDefault","toggle"],"sourceRoot":""}