1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[295],{156:t=>{var e=function(t){var e;return!!t&&"object"==typeof t&&"[object RegExp]"!==(e=Object.prototype.toString.call(t))&&"[object Date]"!==e&&t.$$typeof!==i},i="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function r(t,e){return!1!==e.clone&&e.isMergeableObject(t)?o(Array.isArray(t)?[]:{},t,e):t}function s(t,e,i){return t.concat(e).map(function(t){return r(t,i)})}function n(t){return Object.keys(t).concat(Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[])}function a(t,e){try{return e in t}catch(t){return!1}}function o(t,i,l){(l=l||{}).arrayMerge=l.arrayMerge||s,l.isMergeableObject=l.isMergeableObject||e,l.cloneUnlessOtherwiseSpecified=r;var u,c,h=Array.isArray(i);return h!==Array.isArray(t)?r(i,l):h?l.arrayMerge(t,i,l):(c={},(u=l).isMergeableObject(t)&&n(t).forEach(function(e){c[e]=r(t[e],u)}),n(i).forEach(function(e){(!a(t,e)||Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))&&(a(t,e)&&u.isMergeableObject(i[e])?c[e]=(function(t,e){if(!e.customMerge)return o;var i=e.customMerge(t);return"function"==typeof i?i:o})(e,u)(t[e],i[e],u):c[e]=r(i[e],u))}),c)}o.all=function(t,e){if(!Array.isArray(t))throw Error("first argument should be an array");return t.reduce(function(t,i){return o(t,i,e)},{})},t.exports=o},795:(t,e,i)=>{i.d(e,{A:()=>s});var r=i(707);class s{static isNode(t){return"object"==typeof t&&null!==t&&(t===document||t===window||t instanceof Node)}static hasAttribute(t,e){if(!s.isNode(t))throw Error("The element must be a valid HTML Node!");return"function"==typeof t.hasAttribute&&t.hasAttribute(e)}static getAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!1===s.hasAttribute(t,e))throw Error(`The required property "${e}" does not exist!`);if("function"!=typeof t.getAttribute){if(i)throw Error("This node doesn't support the getAttribute function!");return}return t.getAttribute(e)}static getDataAttribute(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2],n=e.replace(/^data(|-)/,""),a=r.A.toLowerCamelCase(n,"-");if(!s.isNode(t)){if(i)throw Error("The passed node is not a valid HTML Node!");return}if(void 0===t.dataset){if(i)throw Error("This node doesn't support the dataset attribute!");return}let o=t.dataset[a];if(void 0===o){if(i)throw Error(`The required data attribute "${e}" does not exist on ${t}!`);return o}return r.A.parsePrimitive(o)}static querySelector(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let r=t.querySelector(e)||!1;if(i&&!1===r)throw Error(`The required element "${e}" does not exist in parent node!`);return r}static querySelectorAll(t,e){let i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];if(i&&!s.isNode(t))throw Error("The parent node is not a valid HTML Node!");let r=t.querySelectorAll(e);if(0===r.length&&(r=!1),i&&!1===r)throw Error(`At least one item of "${e}" must exist in parent node!`);return r}static getFocusableElements(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body,e=` 2 input:not([tabindex^="-"]):not([disabled]):not([type="hidden"]), 3 select:not([tabindex^="-"]):not([disabled]), 4 textarea:not([tabindex^="-"]):not([disabled]), 5 button:not([tabindex^="-"]):not([disabled]), 6 a[href]:not([tabindex^="-"]):not([disabled]), 7 [tabindex]:not([tabindex^="-"]):not([disabled]) 8 `;return t.querySelectorAll(e)}static getFirstFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.body;return this.getFocusableElements(t)[0]}static getLastFocusableElement(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=this.getFocusableElements(t);return e[e.length-1]}}},154:(t,e,i)=>{i.d(e,{A:()=>r});class r{static iterate(t,e){if(t instanceof Map||Array.isArray(t))return t.forEach(e);if(t instanceof FormData){for(var i of t.entries())e(i[1],i[0]);return}if(t instanceof NodeList)return t.forEach(e);if(t instanceof HTMLCollection)return Array.from(t).forEach(e);if(t instanceof Object)return Object.keys(t).forEach(i=>
8{e(t[i],i)});throw Error(`The element type ${typeof t} is not iterable!`)}}},707:(t,e,i)=>{i.d(e,{A:()=>r});class r{static ucFirst(t){return t.charAt(0).toUpperCase()+t.slice(1)}static lcFirst(t){return t.charAt(0).toLowerCase()+t.slice(1)}static toDashCase(t){return t.replace(/([A-Z])/g,"-$1").replace(/^-/,"").toLowerCase()}static toLowerCamelCase(t,e){let i=r.toUpperCamelCase(t,e);return r.lcFirst(i)}static toUpperCamelCase(t,e){return e?t.split(e).map(t=>r.ucFirst(t.toLowerCase())).join(""):r.ucFirst(t.toLowerCase())}static parsePrimitive(t){try{return/^\d+(.|,)\d+$/.test(t)&&(t=t.replace(",",".")),JSON.parse(t)}catch(e){return t.toString()}}}},737:(t,e,i)=>{i.d(e,{A:()=>o});var r=i(156),s=i.n(r),n=i(707);class a{constructor(t=document){this._el=t,t.$emitter=this,this._listeners=[]}publish(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=new CustomEvent(t,{detail:e,cancelable:i});return this.el.dispatchEvent(r),r}subscribe(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this,s=t.split("."),n=i.scope?e.bind(i.scope):e;if(i.once&&!0===i.once){let e=n;n=function(i){r.unsubscribe(t),e(i)}}return this.el.addEventListener(s[0],n),this.listeners.push({splitEventName:s,opts:i,cb:n}),!0}unsubscribe(t){let e=t.split(".");return this.listeners=this.listeners.reduce((t,i)=>([...i.splitEventName].sort().toString()===e.sort().toString()?this.el.removeEventListener(i.splitEventName[0],i.cb):t.push(i),t),[]),!0}reset(){return this.listeners.forEach(t=>{this.el.removeEventListener(t.splitEventName[0],t.cb)}),this.listeners=[],!0}get el(){return this._el}set el(t){this._el=t}get listeners(){return this._listeners}set listeners(t){this._listeners=t}}class o{constructor(t,e={},i=!1){if(!(t instanceof Node)){console.warn(`There is no valid element given while trying to create a plugin instance for "${i}".`);return}this.el=t,this.$emitter=new a(this.el),this._pluginName=this._getPluginName(i),this.options=this._mergeOptions(e),this._initialized=!1,this._registerInstance(),this._init()}init(){console.warn(`The "init" method for the plugin "${this._pluginName}" is not defined. The plugin will not be initialized.`)}update(){}_init(){this._initialized||(this.init(),this._initialized=!0)}_update(){this._initialized&&this.update()}_mergeOptions(t){let e=[this.constructor.options,this.options,t];return e.push(this._getConfigFromDataAttribute()),e.push(this._getOptionsFromDataAttribute()),s().all(e.filter(t=>t instanceof Object&&!(t instanceof Array)).map(t=>t||{}))}_getConfigFromDataAttribute(){let t={};if("function"!=typeof this.el.getAttribute)return t;let e=n.A.toDashCase(this._pluginName),i=this.el.getAttribute(`data-${e}-config`);return i?window.PluginConfigManager.get(this._pluginName,i):t}_getOptionsFromDataAttribute(){let t={};if("function"!=typeof this.el.getAttribute)return t;let e=n.A.toDashCase(this._pluginName),i=this.el.getAttribute(`data-${e}-options`);if(i)try{return JSON.parse(i)}catch(t){console.error(`The data attribute "data-${e}-options" could not be parsed to json: ${t.message}`)}return t}_registerInstance(){window.PluginManager.getPluginInstancesFromElement(this.el).set(this._pluginName,this),window.PluginManager.getPlugin(this._pluginName,!1).get("instances").push(this)}_getPluginName(t){return t||(t=this.constructor.name),t}}},68:(t,e,i)=>{i.d(e,{A:()=>r});class r{constructor(){this._request=null,this._errorHandlingInternal=!1}get(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"application/json",r=this._createPreparedRequest("GET",t,i);return this._sendRequest(r,null,e)}post(t,e,i){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";r=this._getContentType(e,r);let s=this._createPreparedRequest("POST",t,r);return this._sendRequest(s,e,i)}delete(t,e,i){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";r=this._getContentType(e,r);let s=this._createPreparedRequest("DELETE",t,r);return this._sendRequest(s,e,i)}patch(t,e,i){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"application/json";r=this._getContentType(e,r);let s=this._createPreparedRequest("PATCH",t,r);return this._sendRequest(s,e,i)}
8abort(){if(this._request)return this._request.abort()}setErrorHandlingInternal(t){this._errorHandlingInternal=t}_registerOnLoaded(t,e){e&&(!0===this._errorHandlingInternal?(t.addEventListener("load",()=>{e(t.responseText,t)}),t.addEventListener("abort",()=>{console.warn(`the request to ${t.responseURL} was aborted`)}),t.addEventListener("error",()=>{console.warn(`the request to ${t.responseURL} failed with status ${t.status}`)}),t.addEventListener("timeout",()=>{console.warn(`the request to ${t.responseURL} timed out`)})):t.addEventListener("loadend",()=>{e(t.responseText,t)}))}_sendRequest(t,e,i){return this._registerOnLoaded(t,i),t.send(e),t}_getContentType(t,e){return t instanceof FormData&&(e=!1),e}_createPreparedRequest(t,e,i){return this._request=new XMLHttpRequest,this._request.open(t,e),this._request.setRequestHeader("X-Requested-With","XMLHttpRequest"),i&&this._request.setRequestHeader("Content-type",i),this._request}}},683:(t,e,i)=>{i.d(e,{A:()=>n});let r="loader",s={BEFORE:"before",INNER:"inner"};class n{constructor(t,e=s.BEFORE){this.parent=t instanceof Element?t:document.body.querySelector(t),this.position=e}create(){if(!this.exists()){if(this.position===s.INNER){this._previousHTML=this.parent.innerHTML,this.parent.innerHTML=n.getTemplate();return}this.parent.insertAdjacentHTML(this._getPosition(),n.getTemplate())}}remove(){if(this.position===s.INNER){this.parent.innerHTML=this._previousHTML;return}this.parent.querySelectorAll(`.${r}`).forEach(t=>t.remove())}exists(){return this.parent.querySelectorAll(`.${r}`).length>0}_getPosition(){return this.position===s.BEFORE?"afterbegin":"beforeend"}static getTemplate(){return`<div class="${r}" role="status"> 9 <span class="visually-hidden">Loading...</span> 10 </div>`}static SELECTOR_CLASS(){return r}}},295:(t,e,i)=>{i.r(e),i.d(e,{default:()=>p});var r=i(737);class s{static debounce(t,e){let i,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(){for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];r&&!i&&setTimeout(t.bind(t,...n),0),clearTimeout(i),i=setTimeout(t.bind(t,...n),e)}}}var n=i(68),a=i(683),o=i(154);let l="is-active";class u{constructor(t,e,i,r=!0){this._element=t,this._parentSelector=e,this._infinite=r,this._itemSelector=i,this.resetIterator(),this._registerEvents()}resetIterator(){this._iterator=-1}_registerEvents(){this._element.addEventListener("keydown",this._onKeyDown.bind(this))}_onKeyDown(t){let e=document.querySelector(this._parentSelector);if(e&&(this._items=e.querySelectorAll(this._itemSelector),0!==this._items.length)){switch(t.key){case"Enter":this._onPressEnter(t);return;case"ArrowDown":t.preventDefault(),this._iterator++;break;case"ArrowUp":t.preventDefault(),this._iterator--;break;default:return}this._clampIterator(),this._items.forEach(t=>t.classList.remove(l)),this._getCurrentSelection().classList.add(l)}}_onPressEnter(t){if(!(this._iterator<=-1))try{let e=this._getCurrentSelection().querySelector("a");t.preventDefault(),e.click()}catch(t){}}_getCurrentSelection(){return this._items[this._iterator]}_clampIterator(){let t=this._getMaxItemCount();this._iterator<0&&(this._iterator=this._infinite?t:0),this._iterator>t&&(this._iterator=this._infinite?0:t)}_getMaxItemCount(){return this._items.length-1}}var c=i(795);let h="is-active";class d extends u{_onPressEnter(t){if(!(this._iterator<=-1))try{let e=this._getCurrentSelection();t.preventDefault(),e.click()}catch{}}_onKeyDown(t){let e=c.A.querySelector(document,this._parentSelector,!1);if(!e||(this._items=e.querySelectorAll(this._itemSelector),0===this._items.length))return;let i=this._getCurrentSelection();switch(t.key){case"Enter":this._onPressEnter(t);return;case"Tab":case"ArrowDown":t.preventDefault(),this._iterator++;break;case"ArrowUp":if(t.preventDefault(),this._iterator--,e.scrollHeight>e.clientHeight&&0===e.scrollTop&&i?.offsetTop===8)return;break;default:return}this._clampIterator(),o.A.iterate(this._items,t=>t.classList.remove(h)),this._getCurrentSelection().classList.add(h),(i=this._getCurrentSelection()).focus(),("ArrowDown"===t.key||"Tab"===t.key)&&(e.scrollTop=i.offsetTop-e.offsetTop),"ArrowUp"===t.key&&(e.scrollTop=e.scrollTop-i.clientHeight)}}class p extends r.A{static #t=this.options={itemNameInput:".input-product-name",searchResultListClassName:"js-quick-order-result",searchResultItemClassName:"js-quick-order-result-item",removeItemButton:".quick-order-remove-button",itemNameContainer:".quick-order-item-name",itemQuantityInputClassName:"input-product-quantity",itemLoader:".quick-order-item-loader",searchWidgetDelay:250};init(){this._client=new n.A,this._selectedItem=null,this._buttonRemove=this.el.querySelector(this.options.removeItemButton),this._inputProductField=this.el.querySelector(this.options.itemNameInput),this._inputQuantityField=this.el.querySelector(`.${this.options.itemQuantityInputClassName}`),this._initializeData(),this._getBaseQuickOrder(),this._registerEvents()}_initializeData(){if(!this._inputProductField?.textContent)return;let t=this._inputProductField?.textContent?.split(" - ");this._selectedItem={},this._selectedItem.productNumber=t[0],this._selectedItem.name=t[1],this._selectedItem.id=this.el.getAttribute("data-id"),this._handleLimitationQuantity(this._inputQuantityField)}_registerEvents(){this._navigationHelper=new d(this._inputProductField,`.${this.options.searchResultListClassName}`,`.${this.options.searchResultItemClassName}`,!0),this._inputProductField.addEventListener("input",s.debounce(this._handleProductFieldChange.bind(this),this.options.searchWidgetDelay),{capture:!0,passive:!0}),this._buttonRemove.addEventListener("click",this._handleRemoveItem.bind(this),!1),this.el.addEventListener("change",this._handleQuantityChange.bind(this)),document.body.addEventListener("click",this._onBackgroun
10dClick.bind(this))}_handleProductFieldChange(t){let e=t.target.textContent.trim();e&&(this.$emitter.publish("beforeSearch"),this._handleSearchProduct(e,1))}_handleSearchProduct(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.el.querySelector(this.options.itemNameContainer),s=this.options.searchProductUrl+"?search="+encodeURIComponent(t);i||this._clearSuggestResults(),s=`${s}&page=${e}`;let n=this.el.querySelector(this.options.itemLoader),o=new a.A(n);o.create(),this._client.abort(),this._client.get(s,e=>{if(!e)return;o.remove();let i=JSON.parse(e),s=i.elements,n=r.querySelector("ul");n||((n=document.createElement("ul")).classList.add(this.options.searchResultListClassName),r.appendChild(n)),n.addEventListener("scroll",this._handleOnScroll.bind(this,i,t)),0===s.length?this._renderEmptyResult(r,n):(this._renderResultItem(s,n,t),this._registerEventSelectElement()),this.$emitter.publish("afterSuggest")})}_renderEmptyResult(t,e){if(t.getElementsByTagName("li").length>1)return;let i=` 11 <li class="no-product">${this.options.noProductFoundSnippet}</li> 12 `;e.insertAdjacentHTML("beforeend",i)}_renderResultItem(t,e,i){t.forEach(t=>{let r=t.options,s=t.translated.name,n=t.productNumber,a=RegExp(i,"i");if(r.length>0){let t=r.map(t=>`${t?.group?.translated?.name}: ${t?.translated?.name}`).join(" | ");s+=` (${t})`}a.test(s)&&(s=s.replace(a,'<span class="item-search-highlight">$&</span>')),a.test(n)&&(n=n.replace(a,'<span class="item-search-highlight">$&</span>'));let o=` 13 <li class="${this.options.searchResultItemClassName}" 14 data-min="${t.minPurchase}" 15 data-step="${t.purchaseSteps}" 16 data-id="${t.id}" 17 data-max="${t.calculatedMaxPurchase}" 18 tabindex="0" 19 ><strong>${n}</strong> - ${s}</li> 20 `;e.insertAdjacentHTML("beforeend",o)})}_handleOnScroll(t,e,i){let r=i.target;r.scrollTop+r.clientHeight===r.scrollHeight&&r.getElementsByTagName("li").length!==t.total&&this._handleSearchProduct(e,t.page+1,!0)}_registerEventSelectElement(){let t=document.querySelectorAll(`.${this.options.searchResultItemClassName}`);o.A.iterate(t,t=>{t.addEventListener("click",this._handleClickSelectElement.bind(this)),t.addEventListener("keydown",this._handleClickSelectElement.bind(this))})}_clearSuggestResults(){this._navigationHelper.resetIterator();let t=document.querySelectorAll(`.${this.options.searchResultListClassName}`);o.A.iterate(t,t=>{t.removeEventListener("scroll",this._handleOnScroll.bind(this)),t.remove()}),this.$emitter.publish("clearSuggestResults")}_handleRemoveItem(){this._removeProduct(this._selectedItem.id)}_onBackgroundClick(t){t.target.closest(`.${this.options.searchResultListClassName}`)||(this._clearSuggestResults(),this.$emitter.publish("onBackgroundClick"))}_handleClickSelectElement(t){if("keydown"===t.type&&"Enter"!==t.key)return;let{searchResultItemClassName:e}=this.options,i=t.target.closest(`.${e}`);if(this._clearSuggestResults(),this._selectedItem){let t={...this._selectedItem};this._updateSelectedItem(i),this._updateProduct({...this._selectedItem,oldId:t.id})}else this._selectedItem={},this._updateSelectedItem(i),this._addNewProduct(this._selectedItem)}_updateSelectedItem(t){this._updateQuantityInput(t),this._selectedItem.id=t.attributes["data-id"].value;let e=t.textContent.split(" - ");this._selectedItem.productNumber=e[0],this._selectedItem.name=e[1]}_updateQuantityInput(t){if(t.hasAttribute("data-min")){let e=t.getAttribute("data-min");this._inputQuantityField.setAttribute("min",e),this._selectedItem.minPurchase=parseInt(e,10),this._inputQuantityField.value=this._inputQuantityField.value??e}if(t.hasAttribute("data-step")){let e=t.getAttribute("data-step");this._inputQuantityField.setAttribute("step",e),this._selectedItem.purchaseSteps=parseInt(e,10)}if(t.hasAttribute("data-max")){let e=t.getAttribute("data-max");this._inputQuantityField.setAttribute("max",e),this._selectedItem.calculatedMaxPurchase=parseInt(e,10)}this._handleLimitationQuantity(this._inputQuantityField)}_handleQuantityChange(t){let e=t.target;e.classList.contains(this.options.itemQuantityInputClassName)&&(this._handleLimitationQuantity(e),this._updateProduct(this._selectedItem))}_handleLimitationQuantity(t){let e=parseInt(t.value),i=parseInt(t.getAttribute("min")),r=parseInt(t.getAttribute("max"));if(t.nextElementSibling.removeAttribute("disabled"),t.previousElementSibling.removeAttribute("disabled"),t.nextElementSibling.tabIndex=0,t.previousElementSibling.tabIndex=0,e>=r){t.value=r,t.nextElementSibling.setAttribute("disabled","disabled"),t.nextElementSibling.tabIndex=-1;let e=this.el.querySelector(".quick-order-item-quantity-warning");e.textContent=this.options.maxPurchaseWarning.replace("%maxQuantity%",r),e.classList.remove("d-none")}e<=i&&(t.value=i,t.previousElementSibling.setAttribute("disabled","disabled"),t.previousElementSibling.tabIndex=-1),this._selectedItem.quantity=parseInt(t.value)}_addNewProduct(t){this._baseQuickOrder.addProduct(t)}_updateProduct(t){this._baseQuickOrder.updateProduct(t)}_removeProduct(t){this._baseQuickOrder.removeProduct(t)}_getBaseQuickOrder(){this._baseQuickOrder=window.PluginManager.getPluginInstanceFromElement(document.querySelector('[data-b2b-base-quick-order="true"]'),"B2bBaseQuickOrder")}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.