Discover and sample materials on Material Bank (2024)

Material Bank logo

Hundreds of brands, Next day delivery, Always free for architects

Not a registered user? Register

Thank you for using
Material Bank.

`; const subnavList = item.querySelector('.subnav-list'); subnavList.insertAdjacentHTML('beforeend', kbisSubmenu); } } return list; }, createLinkElement(categoryLabel = null, level, item) { const self = this; const link = document.createElement('a'); link.textContent = 'View All'; if (categoryLabel !== null) { link.textContent = categoryLabel; } link.setAttribute('href', '#'); link.dataset.level = level; link.classList.add('flex', 'justify-between', 'py-4', 'border-b', 'border-mbgray-110'); link.appendChild(this.createArrowIcon()); link.addEventListener('click', function (e) { e.preventDefault(); let subnav = item.querySelector('.subnav-list'); let currentLevel = e.target.dataset.level; const linkLabel = e.target.textContent.trim(); if (subnav && categoryLabel !== null) { self.categoriesLabel.push(linkLabel); subnav.classList.toggle('hidden'); const linkLevel = self.$refs['menu-content'].querySelectorAll('[data-level="'+currentLevel+'"]:not(.hidden)'); if (linkLevel.length) { for (const link of linkLevel) { link.classList.add('hidden'); } } } else { self.redirectLink(categoryLabel); } }); return link; }, createArrowIcon() { const div = document.createElement('div'); div.classList.add('pointer-events-none'); div.innerHTML = ``; return div; }, redirectLink(lastLabel = null) { const baseUrl = BASE_URL; const taxonomyFilter = 'search?q=#/filter:taxonomy:'; const endOfUrl = '#/page:1'; let categoriesLabel = this.categoriesLabel.join('$253E'); categoriesLabel = categoriesLabel.replace(/\s+/g, '$2520'); if (lastLabel) { categoriesLabel += '$253E' + lastLabel.replace(/\s+/g, '$2520'); } window.dispatchEvent( new CustomEvent("close-mobile-nav") ); this.closem*nu(); // Remove saved SS query, to prevent taxonomy redirect with query and wrong results sessionStorage.removeItem('persistentQuery'); window.location.href = baseUrl + taxonomyFilter + categoriesLabel + endOfUrl; document.dispatchEvent(new CustomEvent('megaMenuClick', {})); }, createBackButton() { const self = this; let backButton = document.createElement('button'); backButton.classList.add('back-button'); backButton.setAttribute('x-ref', 'back-list'); backButton.innerHTML = ``; backButton.addEventListener('click', function () { self.backToPreviousMenu(); }); return backButton; }, backToPreviousMenu() { const navList = this.$refs['menu-content']; let subnavs = navList.querySelectorAll('.subnav-list:not(.hidden)'); let currentSubnav = subnavs[subnavs.length - 1]; if (currentSubnav) { this.closeSubnav(currentSubnav); } else { this.categoriesLabel = []; this.open = false; } }, closeSubnav(currentSubnav) { const navList = this.$refs['menu-content']; currentSubnav.classList.add('hidden'); let parentLink = currentSubnav.parentNode.querySelector('a.hidden'); if (parentLink) { let currentLevel = parentLink.dataset.level; const linkLevel = navList.querySelectorAll('[data-level="'+currentLevel+'"].hidden'); if (linkLevel.length) { for (const link of linkLevel) { link.classList.remove('hidden'); } } let currentLabel = parentLink.textContent.trim(); let index = this.categoriesLabel.indexOf(currentLabel); if (index !== -1) { this.categoriesLabel.splice(index, 1); } } }, checkKbisEnabled(event) { if (event.detail) { this.isKbisEnabled = event.detail; } }, } }

Brands

Inspiration

Workspace

Material Bank

Select an Associated Product

Sign Out

My Profile

Contact Info

First Name
Last Name
Email
Office Phone
Mobile Phone

Country

City
Zip

Preferences

Preferred Contact Method
Urgent Order Notification

Receive urgent text notifications related to your order

216">

Edit Profile

`; div.appendChild(article); } } function generateLabel(fieldId, labelTxt, isDisabled = false, isRequired = false) { const label = document.createElement('label'); label.classList.add('label', 'form-label'); if (isDisabled) { label.classList.add('text-mbgray-200', 'cursor-not-allowed'); } label.setAttribute('for', fieldId); label.innerText = labelTxt + (isRequired && !isDisabled ? '*' : ''); return label; } function attachCustomAttributes(attribute, field) { if (!(attribute.hasOwnProperty('custom_attributes') && attribute.custom_attributes)) { return; } attribute.custom_attributes.forEach(attribute => { const existingAttribute = field.getAttribute(attribute.name); if (existingAttribute) { if (existingAttribute.includes('{')) { const existingObjValue = existingAttribute.substring(existingAttribute.indexOf('{') + 1, existingAttribute.lastIndexOf('}')); const newObjValue = attribute.value.substring(attribute.value.indexOf('{') + 1, attribute.value.lastIndexOf('}')); field.setAttribute(attribute.name, `{ ${newObjValue}, ${existingObjValue} }`); } else { field.setAttribute(attribute.name, `${attribute.value}; ${existingAttribute}`); } } else { field.setAttribute(attribute.name, attribute.value); } }); } function generateCustomSelect(attribute) { /** * TODO: Move custom select element to a script scope once AlpineJs v3 is installed * in order to use the scope inheritance that's not available on previously versions */ const field = document.createElement('input'); field.setAttribute('type', 'hidden'); field.setAttribute('name', attribute.code); field.setAttribute('id', attribute.code); field.setAttribute('x-ref', attribute.code); field.setAttribute('placeholder', ' '); if (attribute.is_required) { field.required = true; } field.classList.add('form-select', 'peer'); const valueWrapper = document.createElement('div'); valueWrapper.classList.add('flex', 'justify-between', 'items-center', 'form-input', 'peer', 'overflow-ellipsis', 'overflow-hidden', 'min-h-[33px]'); valueWrapper.setAttribute('x-ref', `${attribute.code}_button`); valueWrapper.setAttribute('tabindex', '0'); valueWrapper.innerHTML = ` `; const optionsList = document.createElement('ul'); optionsList.classList.add('w-full', 'absolute', 'hidden', 'flex-col', 'gap-y-4', 'p-4', 'z-20', 'cursor-pointer', 'bg-white', 'overflow-y-auto', 'shadow-xl', 'overflow-x-hidden', 'max-h-[80vh]', 'group-focus-within:flex', 'md:max-h-[372px]', 'md:gap-y-1', 'md:p-2', 'md:rounded-lg', 'max-md:fixed', 'max-md:bottom-0', 'max-md:max-w-full', 'max-md:left-0', 'max-md:rounded-tl-2xl', 'max-md:rounded-tr-2xl'); optionsList.setAttribute('tabindex', '0'); optionsList.insertAdjacentHTML( 'afterbegin', `

${attribute.label}

` ); if (typeof attribute.options === 'object' && !Array.isArray(attribute.options)) { attribute.options = Object.values(attribute.options); } attribute.options.forEach(option => { const optValue = option.value ?? option.code; const optLabel = option.label ?? option.name; if (!optValue) { return; } optionsList.insertAdjacentHTML( 'beforeend', `

${optLabel}

` ); }); field.setAttribute('x-on:change', 'onChange($event)'); attachCustomAttributes(attribute, field); attribute.hasOwnProperty('custom_classes') ? attribute.custom_classes.push('group', 'relative') : attribute.custom_classes = ['group', 'relative']; const wrapper = wrapField(field, attribute); wrapper.appendChild(generateBackDrop()); wrapper.appendChild(valueWrapper); wrapper.appendChild(optionsList); return wrapper; } function generateMultilineFields(attribute, nLines) { if (isNaN(nLines)) { nLines = 2; // Min value allowed } const fieldsArr = []; for (let i = 1; nLines >= i; i++) { const fieldId = attribute.code + `_${i}`; const field = document.createElement('input'); field.setAttribute('type', 'text'); field.setAttribute('name', `${attribute.code}[${i - 1}]`); field.setAttribute('id', fieldId); field.setAttribute('maxlength', '50'); field.setAttribute('placeholder', ' '); field.classList.add('form-input', 'peer'); if (fieldId === 'street_1') { field.setAttribute('x-on:keyup.debounce', 'addressAutocomplete($event.target)'); field.setAttribute('x-on:focus', 'suggestionsOpen = true'); field.setAttribute('x-on:click.away', 'suggestionsOpen = false'); field.setAttribute('autocomplete', 'none'); } attachCustomAttributes(attribute, field); const isRequired = attribute.is_required && i === 1; if (isRequired) { field.required = true; } // Set form validation event field.setAttribute('x-on:blur', 'onChange($event)'); const label = generateLabel(fieldId, `${attribute.label}` + (i === 1 ? '' : ` ${i}`), attribute.is_disabled, isRequired); const wrapper = wrapField(field, attribute, true, label); fieldsArr.push(wrapper); } return fieldsArr; } function generateTooltip(attribute) { const tooltipWrapper = document.createElement('div'); tooltipWrapper.classList.add('has-tooltip', 'ml-auto'); const tooltip = document.createElement('p'); tooltip.classList.add('-right-2', 'top-10', 'text-xs', 'p-3', 'tooltip', 'rounded-xl', 'hover:w-52'); tooltip.appendChild(document.createTextNode(attribute.help_tooltip)); tooltipWrapper.insertAdjacentHTML( 'afterbegin', '' // Remove new line from SVG ); tooltipWrapper.appendChild(tooltip); return tooltipWrapper; } function generateBackDrop() { const backDrop = document.createElement('div'); backDrop.className = 'fixed hidden inset-0 bg-black bg-opacity-30 z-10 max-md:group-focus-within:flex'; backDrop.setAttribute('x-on:click', '$event.target.blur()'); return backDrop; } function phoneCountryFields(attribute, phoneFieldEl) { phoneFieldEl.placeholder = 'Phone Number'; const countryPhoneCode = attribute.code + '_country'; const countryPhoneEl = document.createElement('input'); countryPhoneEl.name = countryPhoneCode; countryPhoneEl.id = countryPhoneCode; countryPhoneEl.placeholder = 'Country'; countryPhoneEl.type = 'hidden'; countryPhoneEl.className = 'form-input peer overflow-ellipsis overflow-hidden cursor-pointer group relative'; countryPhoneEl.setAttribute('x-ref', countryPhoneCode); countryPhoneEl.setAttribute('x-on:change', 'onChange($event); updateSelectedPhoneCountry($event.target); checkDataUpdate($event.target)'); if (attribute.is_required) { countryPhoneEl.required = true; } const valueWrapper = document.createElement('div'); valueWrapper.classList = 'flex justify-between items-center form-input peer overflow-ellipsis overflow-hidden min-h-[33px]'; valueWrapper.setAttribute('x-ref', `${countryPhoneCode}_button`); valueWrapper.setAttribute('tabindex', '0'); valueWrapper.innerHTML = `Country `; const optionsList = document.createElement('ul'); optionsList.className = 'w-full absolute hidden flex-col gap-y-4 p-4 z-20 cursor-pointer bg-white overflow-y-auto shadow-xl' + ' overflow-x-hidden max-h-[80vh] group-focus-within:flex md:w-auto md:max-h-[372px] md:gap-y-1 md:p-2' + ' md:rounded-lg max-md:fixed max-md:bottom-0 max-md:max-w-full max-md:left-0 max-md:rounded-tl-2xl max-md:rounded-tr-2xl'; optionsList.setAttribute('tabindex', '0'); optionsList.insertAdjacentHTML( 'afterbegin', `

${attribute.label}

` ); const allowedCountries = [{"code":"AD","label":"Andorra","regions":[]},{"code":"AT","label":"Austria","regions":[{"code":102,"label":"Burgenland"},{"code":99,"label":"K\u00e4rnten"},{"code":96,"label":"Nieder\u00f6sterreich"},{"code":97,"label":"Ober\u00f6sterreich"},{"code":98,"label":"Salzburg"},{"code":100,"label":"Steiermark"},{"code":101,"label":"Tirol"},{"code":103,"label":"Vorarlberg"},{"code":95,"label":"Wien"}]},{"code":"BE","label":"Belgium","regions":[]},{"code":"BG","label":"Bulgaria","regions":[]},{"code":"HR","label":"Croatia","regions":[{"code":518,"label":"Bjelovarsko-bilogorska \u017eupanija"},{"code":523,"label":"Brodsko-posavska \u017eupanija"},{"code":530,"label":"Dubrova\u010dko-neretvanska \u017eupanija"},{"code":532,"label":"Grad Zagreb"},{"code":529,"label":"Istarska \u017eupanija"},{"code":515,"label":"Karlova\u010dka \u017eupanija"},{"code":517,"label":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},{"code":513,"label":"Krapinsko-zagorska \u017eupanija"},{"code":520,"label":"Li\u010dko-senjska \u017eupanija"},{"code":531,"label":"Me\u0111imurska \u017eupanija"},{"code":525,"label":"Osje\u010dko-baranjska \u017eupanija"},{"code":522,"label":"Po\u017ee\u0161ko-slavonska \u017eupanija"},{"code":519,"label":"Primorsko-goranska \u017eupanija"},{"code":526,"label":"\u0160ibensko-kninska \u017eupanija"},{"code":514,"label":"Sisa\u010dko-moslava\u010dka \u017eupanija"},{"code":528,"label":"Splitsko-dalmatinska \u017eupanija"},{"code":516,"label":"Vara\u017edinska \u017eupanija"},{"code":521,"label":"Viroviti\u010dko-podravska \u017eupanija"},{"code":527,"label":"Vukovarsko-srijemska \u017eupanija"},{"code":524,"label":"Zadarska \u017eupanija"},{"code":512,"label":"Zagreba\u010dka \u017eupanija"}]},{"code":"CZ","label":"Czech Republic","regions":[]},{"code":"DK","label":"Denmark","regions":[]},{"code":"EE","label":"Estonia","regions":[{"code":340,"label":"Harjumaa"},{"code":341,"label":"Hiiumaa"},{"code":342,"label":"Ida-Virumaa"},{"code":344,"label":"J\u00e4rvamaa"},{"code":343,"label":"J\u00f5gevamaa"},{"code":346,"label":"L\u00e4\u00e4ne-Virumaa"},{"code":345,"label":"L\u00e4\u00e4nemaa"},{"code":348,"label":"P\u00e4rnumaa"},{"code":347,"label":"P\u00f5lvamaa"},{"code":349,"label":"Raplamaa"},{"code":350,"label":"Saaremaa"},{"code":351,"label":"Tartumaa"},{"code":352,"label":"Valgamaa"},{"code":353,"label":"Viljandimaa"},{"code":354,"label":"V\u00f5rumaa"}]},{"code":"FI","label":"Finland","regions":[{"code":339,"label":"Ahvenanmaa"},{"code":333,"label":"Etel\u00e4-Karjala"},{"code":326,"label":"Etel\u00e4-Pohjanmaa"},{"code":325,"label":"Etel\u00e4-Savo"},{"code":337,"label":"It\u00e4-Uusimaa"},{"code":322,"label":"Kainuu"},{"code":335,"label":"Kanta-H\u00e4me"},{"code":330,"label":"Keski-Pohjanmaa"},{"code":331,"label":"Keski-Suomi"},{"code":338,"label":"Kymenlaakso"},{"code":320,"label":"Lappi"},{"code":334,"label":"P\u00e4ij\u00e4t-H\u00e4me"},{"code":328,"label":"Pirkanmaa"},{"code":327,"label":"Pohjanmaa"},{"code":323,"label":"Pohjois-Karjala"},{"code":321,"label":"Pohjois-Pohjanmaa"},{"code":324,"label":"Pohjois-Savo"},{"code":329,"label":"Satakunta"},{"code":336,"label":"Uusimaa"},{"code":332,"label":"Varsinais-Suomi"}]},{"code":"FR","label":"France","regions":[{"code":182,"label":"Ain"},{"code":183,"label":"Aisne"},{"code":184,"label":"Allier"},{"code":185,"label":"Alpes-de-Haute-Provence"},{"code":187,"label":"Alpes-Maritimes"},{"code":188,"label":"Ard\u00e8che"},{"code":189,"label":"Ardennes"},{"code":190,"label":"Ari\u00e8ge"},{"code":191,"label":"Aube"},{"code":192,"label":"Aude"},{"code":193,"label":"Aveyron"},{"code":249,"label":"Bas-Rhin"},{"code":194,"label":"Bouches-du-Rh\u00f4ne"},{"code":195,"label":"Calvados"},{"code":196,"label":"Cantal"},{"code":197,"label":"Charente"},{"code":198,"label":"Charente-Maritime"},{"code":199,"label":"Cher"},{"code":200,"label":"Corr\u00e8ze"},{"code":201,"label":"Corse-du-Sud"},{"code":203,"label":"C\u00f4te-d'Or"},{"code":204,"label":"C\u00f4tes-d'Armor"},{"code":205,"label":"Creuse"},{"code":261,"label":"Deux-S\u00e8vres"},{"code":206,"label":"Dordogne"},{"code":207,"label":"Doubs"},{"code":208,"label":"Dr\u00f4me"},{"code":273,"label":"Essonne"},{"code":209,"label":"Eure"},{"code":210,"label":"Eure-et-Loir"},{"code":211,"label":"Finist\u00e8re"},{"code":212,"label":"Gard"},{"code":214,"label":"Gers"},{"code":215,"label":"Gironde"},{"code":250,"label":"Haut-Rhin"},{"code":202,"label":"Haute-Corse"},{"code":213,"label":"Haute-Garonne"},{"code":225,"label":"Haute-Loire"},{"code":234,"label":"Haute-Marne"},{"code":252,"label":"Haute-Sa\u00f4ne"},{"code":256,"label":"Haute-Savoie"},{"code":269,"label":"Haute-Vienne"},{"code":186,"label":"Hautes-Alpes"},{"code":247,"label":"Hautes-Pyr\u00e9n\u00e9es"},{"code":274,"label":"Hauts-de-Seine"},{"code":216,"label":"H\u00e9rault"},{"code":217,"label":"Ille-et-Vilaine"},{"code":218,"label":"Indre"},{"code":219,"label":"Indre-et-Loire"},{"code":220,"label":"Is\u00e8re"},{"code":221,"label":"Jura"},{"code":222,"label":"Landes"},{"code":223,"label":"Loir-et-Cher"},{"code":224,"label":"Loire"},{"code":226,"label":"Loire-Atlantique"},{"code":227,"label":"Loiret"},{"code":228,"label":"Lot"},{"code":229,"label":"Lot-et-Garonne"},{"code":230,"label":"Loz\u00e8re"},{"code":231,"label":"Maine-et-Loire"},{"code":232,"label":"Manche"},{"code":233,"label":"Marne"},{"code":235,"label":"Mayenne"},{"code":236,"label":"Meurthe-et-Moselle"},{"code":237,"label":"Meuse"},{"code":238,"label":"Morbihan"},{"code":239,"label":"Moselle"},{"code":240,"label":"Ni\u00e8vre"},{"code":241,"label":"Nord"},{"code":242,"label":"Oise"},{"code":243,"label":"Orne"},{"code":257,"label":"Paris"},{"code":244,"label":"Pas-de-Calais"},{"code":245,"label":"Puy-de-D\u00f4me"},{"code":246,"label":"Pyr\u00e9n\u00e9es-Atlantiques"},{"code":248,"label":"Pyr\u00e9n\u00e9es-Orientales"},{"code":251,"label":"Rh\u00f4ne"},{"code":253,"label":"Sa\u00f4ne-et-Loire"},{"code":254,"label":"Sarthe"},{"code":255,"label":"Savoie"},{"code":259,"label":"Seine-et-Marne"},{"code":258,"label":"Seine-Maritime"},{"code":275,"label":"Seine-Saint-Denis"},{"code":262,"label":"Somme"},{"code":263,"label":"Tarn"},{"code":264,"label":"Tarn-et-Garonne"},{"code":272,"label":"Territoire-de-Belfort"},{"code":277,"label":"Val-d'Oise"},{"code":276,"label":"Val-de-Marne"},{"code":265,"label":"Var"},{"code":266,"label":"Vaucluse"},{"code":267,"label":"Vend\u00e9e"},{"code":268,"label":"Vienne"},{"code":270,"label":"Vosges"},{"code":271,"label":"Yonne"},{"code":260,"label":"Yvelines"}]},{"code":"DE","label":"Germany","regions":[{"code":80,"label":"Baden-W\u00fcrttemberg"},{"code":81,"label":"Bayern"},{"code":82,"label":"Berlin"},{"code":83,"label":"Brandenburg"},{"code":84,"label":"Bremen"},{"code":85,"label":"Hamburg"},{"code":86,"label":"Hessen"},{"code":87,"label":"Mecklenburg-Vorpommern"},{"code":79,"label":"Niedersachsen"},{"code":88,"label":"Nordrhein-Westfalen"},{"code":89,"label":"Rheinland-Pfalz"},{"code":90,"label":"Saarland"},{"code":91,"label":"Sachsen"},{"code":92,"label":"Sachsen-Anhalt"},{"code":93,"label":"Schleswig-Holstein"},{"code":94,"label":"Th\u00fcringen"}]},{"code":"GR","label":"Greece","regions":[]},{"code":"HU","label":"Hungary","regions":[]},{"code":"IE","label":"Ireland","regions":[]},{"code":"IT","label":"Italy","regions":[]},{"code":"LV","label":"Latvia","regions":[{"code":471,"label":"\u0100da\u017eu novads"},{"code":366,"label":"Aglonas novads"},{"code":367,"label":"Aizkraukles novads"},{"code":368,"label":"Aizputes novads"},{"code":369,"label":"Akn\u012bstes novads"},{"code":370,"label":"Alojas novads"},{"code":371,"label":"Alsungas novads"},{"code":372,"label":"Al\u016bksnes novads"},{"code":373,"label":"Amatas novads"},{"code":374,"label":"Apes novads"},{"code":375,"label":"Auces novads"},{"code":376,"label":"Bab\u012btes novads"},{"code":377,"label":"Baldones novads"},{"code":378,"label":"Baltinavas novads"},{"code":379,"label":"Balvu novads"},{"code":380,"label":"Bauskas novads"},{"code":381,"label":"Bever\u012bnas novads"},{"code":382,"label":"Broc\u0113nu novads"},{"code":383,"label":"Burtnieku novads"},{"code":384,"label":"Carnikavas novads"},{"code":387,"label":"C\u0113su novads"},{"code":385,"label":"Cesvaines novads"},{"code":386,"label":"Ciblas novads"},{"code":388,"label":"Dagdas novads"},{"code":355,"label":"Daugavpils"},{"code":389,"label":"Daugavpils novads"},{"code":390,"label":"Dobeles novads"},{"code":391,"label":"Dundagas novads"},{"code":392,"label":"Durbes novads"},{"code":393,"label":"Engures novads"},{"code":472,"label":"\u0112rg\u013cu novads"},{"code":394,"label":"Garkalnes novads"},{"code":395,"label":"Grobi\u0146as novads"},{"code":396,"label":"Gulbenes novads"},{"code":397,"label":"Iecavas novads"},{"code":398,"label":"Ik\u0161\u0137iles novads"},{"code":399,"label":"Il\u016bkstes novads"},{"code":400,"label":"In\u010dukalna novads"},{"code":401,"label":"Jaunjelgavas novads"},{"code":402,"label":"Jaunpiebalgas novads"},{"code":403,"label":"Jaunpils novads"},{"code":357,"label":"J\u0113kabpils"},{"code":405,"label":"J\u0113kabpils novads"},{"code":356,"label":"Jelgava"},{"code":404,"label":"Jelgavas novads"},{"code":358,"label":"J\u016brmala"},{"code":406,"label":"Kandavas novads"},{"code":412,"label":"K\u0101rsavas novads"},{"code":473,"label":"\u0136eguma novads"},{"code":474,"label":"\u0136ekavas novads"},{"code":407,"label":"Kokneses novads"},{"code":410,"label":"Kr\u0101slavas novads"},{"code":408,"label":"Krimuldas novads"},{"code":409,"label":"Krustpils novads"},{"code":411,"label":"Kuld\u012bgas novads"},{"code":413,"label":"Lielv\u0101rdes novads"},{"code":359,"label":"Liep\u0101ja"},{"code":360,"label":"Liep\u0101jas novads"},{"code":417,"label":"L\u012bgatnes novads"},{"code":414,"label":"Limba\u017eu novads"},{"code":418,"label":"L\u012bv\u0101nu novads"},{"code":415,"label":"Lub\u0101nas novads"},{"code":416,"label":"Ludzas novads"},{"code":419,"label":"Madonas novads"},{"code":421,"label":"M\u0101lpils novads"},{"code":422,"label":"M\u0101rupes novads"},{"code":420,"label":"Mazsalacas novads"},{"code":423,"label":"Nauk\u0161\u0113nu novads"},{"code":424,"label":"Neretas novads"},{"code":425,"label":"N\u012bcas novads"},{"code":426,"label":"Ogres novads"},{"code":427,"label":"Olaines novads"},{"code":428,"label":"Ozolnieku novads"},{"code":432,"label":"P\u0101rgaujas novads"},{"code":433,"label":"P\u0101vilostas novads"},{"code":434,"label":"P\u013cavi\u0146u novads"},{"code":429,"label":"Prei\u013cu novads"},{"code":430,"label":"Priekules novads"},{"code":431,"label":"Prieku\u013cu novads"},{"code":435,"label":"Raunas novads"},{"code":361,"label":"R\u0113zekne"},{"code":442,"label":"R\u0113zeknes novads"},{"code":436,"label":"Riebi\u0146u novads"},{"code":362,"label":"R\u012bga"},{"code":363,"label":"R\u012bgas novads"},{"code":437,"label":"Rojas novads"},{"code":438,"label":"Ropa\u017eu novads"},{"code":439,"label":"Rucavas novads"},{"code":440,"label":"Rug\u0101ju novads"},{"code":443,"label":"R\u016bjienas novads"},{"code":441,"label":"Rund\u0101les novads"},{"code":444,"label":"Salacgr\u012bvas novads"},{"code":445,"label":"Salas novads"},{"code":446,"label":"Salaspils novads"},{"code":447,"label":"Saldus novads"},{"code":448,"label":"Saulkrastu novads"},{"code":455,"label":"S\u0113jas novads"},{"code":449,"label":"Siguldas novads"},{"code":451,"label":"Skr\u012bveru novads"},{"code":450,"label":"Skrundas novads"},{"code":452,"label":"Smiltenes novads"},{"code":453,"label":"Stopi\u0146u novads"},{"code":454,"label":"Stren\u010du novads"},{"code":456,"label":"Talsu novads"},{"code":458,"label":"T\u0113rvetes novads"},{"code":457,"label":"Tukuma novads"},{"code":459,"label":"Vai\u0146odes novads"},{"code":460,"label":"Valkas novads"},{"code":364,"label":"Valmiera"},{"code":461,"label":"Valmieras novads"},{"code":462,"label":"Varak\u013c\u0101nu novads"},{"code":469,"label":"V\u0101rkavas novads"},{"code":463,"label":"Vecpiebalgas novads"},{"code":464,"label":"Vecumnieku novads"},{"code":365,"label":"Ventspils"},{"code":465,"label":"Ventspils novads"},{"code":466,"label":"Vies\u012btes novads"},{"code":467,"label":"Vi\u013cakas novads"},{"code":468,"label":"Vi\u013c\u0101nu novads"},{"code":470,"label":"Zilupes novads"}]},{"code":"LT","label":"Lithuania","regions":[{"code":475,"label":"Alytaus Apskritis"},{"code":476,"label":"Kauno Apskritis"},{"code":477,"label":"Klaip\u0117dos Apskritis"},{"code":478,"label":"Marijampol\u0117s Apskritis"},{"code":479,"label":"Panev\u0117\u017eio Apskritis"},{"code":480,"label":"\u0160iauli\u0173 Apskritis"},{"code":481,"label":"Taurag\u0117s Apskritis"},{"code":482,"label":"Tel\u0161i\u0173 Apskritis"},{"code":483,"label":"Utenos Apskritis"},{"code":484,"label":"Vilniaus Apskritis"}]},{"code":"LU","label":"Luxembourg","regions":[]},{"code":"MC","label":"Monaco","regions":[]},{"code":"NL","label":"Netherlands","regions":[]},{"code":"PL","label":"Poland","regions":[]},{"code":"PT","label":"Portugal","regions":[]},{"code":"RO","label":"Romania","regions":[{"code":278,"label":"Alba"},{"code":279,"label":"Arad"},{"code":280,"label":"Arge\u015f"},{"code":281,"label":"Bac\u0103u"},{"code":282,"label":"Bihor"},{"code":283,"label":"Bistri\u0163a-N\u0103s\u0103ud"},{"code":284,"label":"Boto\u015fani"},{"code":286,"label":"Br\u0103ila"},{"code":285,"label":"Bra\u015fov"},{"code":287,"label":"Bucure\u015fti"},{"code":288,"label":"Buz\u0103u"},{"code":290,"label":"C\u0103l\u0103ra\u015fi"},{"code":289,"label":"Cara\u015f-Severin"},{"code":291,"label":"Cluj"},{"code":292,"label":"Constan\u0163a"},{"code":293,"label":"Covasna"},{"code":294,"label":"D\u00e2mbovi\u0163a"},{"code":295,"label":"Dolj"},{"code":296,"label":"Gala\u0163i"},{"code":297,"label":"Giurgiu"},{"code":298,"label":"Gorj"},{"code":299,"label":"Harghita"},{"code":300,"label":"Hunedoara"},{"code":301,"label":"Ialomi\u0163a"},{"code":302,"label":"Ia\u015fi"},{"code":303,"label":"Ilfov"},{"code":304,"label":"Maramure\u015f"},{"code":305,"label":"Mehedin\u0163i"},{"code":306,"label":"Mure\u015f"},{"code":307,"label":"Neam\u0163"},{"code":308,"label":"Olt"},{"code":309,"label":"Prahova"},{"code":311,"label":"S\u0103laj"},{"code":310,"label":"Satu-Mare"},{"code":312,"label":"Sibiu"},{"code":313,"label":"Suceava"},{"code":314,"label":"Teleorman"},{"code":315,"label":"Timi\u015f"},{"code":316,"label":"Tulcea"},{"code":318,"label":"V\u00e2lcea"},{"code":317,"label":"Vaslui"},{"code":319,"label":"Vrancea"}]},{"code":"SM","label":"San Marino","regions":[]},{"code":"SK","label":"Slovakia","regions":[]},{"code":"SI","label":"Slovenia","regions":[]},{"code":"ES","label":"Spain","regions":[{"code":130,"label":"A Coru\u00f1a"},{"code":131,"label":"Alava"},{"code":132,"label":"Albacete"},{"code":133,"label":"Alicante"},{"code":134,"label":"Almeria"},{"code":135,"label":"Asturias"},{"code":136,"label":"Avila"},{"code":137,"label":"Badajoz"},{"code":138,"label":"Baleares"},{"code":139,"label":"Barcelona"},{"code":140,"label":"Burgos"},{"code":141,"label":"Caceres"},{"code":142,"label":"Cadiz"},{"code":143,"label":"Cantabria"},{"code":144,"label":"Castellon"},{"code":145,"label":"Ceuta"},{"code":146,"label":"Ciudad Real"},{"code":147,"label":"Cordoba"},{"code":148,"label":"Cuenca"},{"code":149,"label":"Girona"},{"code":150,"label":"Granada"},{"code":151,"label":"Guadalajara"},{"code":152,"label":"Guipuzcoa"},{"code":153,"label":"Huelva"},{"code":154,"label":"Huesca"},{"code":155,"label":"Jaen"},{"code":156,"label":"La Rioja"},{"code":157,"label":"Las Palmas"},{"code":158,"label":"Leon"},{"code":159,"label":"Lleida"},{"code":160,"label":"Lugo"},{"code":161,"label":"Madrid"},{"code":162,"label":"Malaga"},{"code":163,"label":"Melilla"},{"code":164,"label":"Murcia"},{"code":165,"label":"Navarra"},{"code":166,"label":"Ourense"},{"code":167,"label":"Palencia"},{"code":168,"label":"Pontevedra"},{"code":169,"label":"Salamanca"},{"code":170,"label":"Santa Cruz de Tenerife"},{"code":171,"label":"Segovia"},{"code":172,"label":"Sevilla"},{"code":173,"label":"Soria"},{"code":174,"label":"Tarragona"},{"code":175,"label":"Teruel"},{"code":176,"label":"Toledo"},{"code":177,"label":"Valencia"},{"code":178,"label":"Valladolid"},{"code":179,"label":"Vizcaya"},{"code":180,"label":"Zamora"},{"code":181,"label":"Zaragoza"}]},{"code":"SE","label":"Sweden","regions":[]},{"code":"CH","label":"Switzerland","regions":[{"code":104,"label":"Aargau"},{"code":106,"label":"Appenzell Ausserrhoden"},{"code":105,"label":"Appenzell Innerrhoden"},{"code":108,"label":"Basel-Landschaft"},{"code":109,"label":"Basel-Stadt"},{"code":107,"label":"Bern"},{"code":110,"label":"Freiburg"},{"code":111,"label":"Genf"},{"code":112,"label":"Glarus"},{"code":113,"label":"Graub\u00fcnden"},{"code":114,"label":"Jura"},{"code":115,"label":"Luzern"},{"code":116,"label":"Neuenburg"},{"code":117,"label":"Nidwalden"},{"code":118,"label":"Obwalden"},{"code":120,"label":"Schaffhausen"},{"code":122,"label":"Schwyz"},{"code":121,"label":"Solothurn"},{"code":119,"label":"St. Gallen"},{"code":124,"label":"Tessin"},{"code":123,"label":"Thurgau"},{"code":125,"label":"Uri"},{"code":126,"label":"Waadt"},{"code":127,"label":"Wallis"},{"code":128,"label":"Zug"},{"code":129,"label":"Z\u00fcrich"}]},{"code":"TR","label":"Turkey","regions":[]},{"code":"US","label":"USA","regions":[{"code":1,"label":"Alabama"},{"code":4,"label":"Arizona"},{"code":5,"label":"Arkansas"},{"code":12,"label":"California"},{"code":13,"label":"Colorado"},{"code":14,"label":"Connecticut"},{"code":15,"label":"Delaware"},{"code":16,"label":"District of Columbia"},{"code":18,"label":"Florida"},{"code":19,"label":"Georgia"},{"code":22,"label":"Idaho"},{"code":23,"label":"Illinois"},{"code":24,"label":"Indiana"},{"code":25,"label":"Iowa"},{"code":26,"label":"Kansas"},{"code":27,"label":"Kentucky"},{"code":28,"label":"Louisiana"},{"code":29,"label":"Maine"},{"code":31,"label":"Maryland"},{"code":32,"label":"Massachusetts"},{"code":33,"label":"Michigan"},{"code":34,"label":"Minnesota"},{"code":35,"label":"Mississippi"},{"code":36,"label":"Missouri"},{"code":37,"label":"Montana"},{"code":38,"label":"Nebraska"},{"code":39,"label":"Nevada"},{"code":40,"label":"New Hampshire"},{"code":41,"label":"New Jersey"},{"code":42,"label":"New Mexico"},{"code":43,"label":"New York"},{"code":44,"label":"North Carolina"},{"code":45,"label":"North Dakota"},{"code":47,"label":"Ohio"},{"code":48,"label":"Oklahoma"},{"code":49,"label":"Oregon"},{"code":51,"label":"Pennsylvania"},{"code":53,"label":"Rhode Island"},{"code":54,"label":"South Carolina"},{"code":55,"label":"South Dakota"},{"code":56,"label":"Tennessee"},{"code":57,"label":"Texas"},{"code":58,"label":"Utah"},{"code":59,"label":"Vermont"},{"code":61,"label":"Virginia"},{"code":62,"label":"Washington"},{"code":63,"label":"West Virginia"},{"code":64,"label":"Wisconsin"},{"code":65,"label":"Wyoming"}]},{"code":"GB","label":"United Kingdom","regions":[]}]; allowedCountries.forEach(country => { const optValue = country.code; const optLabel = country.label; if (!optValue) { return; } optionsList.insertAdjacentHTML( 'beforeend', `

${optLabel}

` ); }); // Phone Country dropdown element const countryWrapper = wrapField(countryPhoneEl, {custom_classes: ['col-span-1', 'group', 'relative']}, false); countryWrapper.appendChild(generateBackDrop()); countryWrapper.appendChild(valueWrapper); countryWrapper.appendChild(optionsList); // Phone text field element attribute.custom_classes ? attribute.custom_classes.push('col-span-3') : attribute['custom_classes'] = ['col-span-3']; const phoneWrapper = wrapField(phoneFieldEl, attribute, false); const phoneSection = document.createElement('div'); phoneSection.className = 'relative grid grid-cols-4 gap-x-3 col-span-2'; phoneSection.appendChild( generateLabel(attribute.code, attribute.label, false, attribute.is_required) ); phoneSection.appendChild(countryWrapper); phoneSection.appendChild(phoneWrapper); return phoneSection; }

{ selectedCountry = $event.detail.address && 'country_id' in $event.detail.address && $event.detail.address.country_id ? $event.detail.address.country_id : selectedCountry; addressData.country_name = $event.detail.address && 'country_name' in $event.detail.address && $event.detail.address.country_name ? $event.detail.address.country_name : ''; countrySearch = addressData.country_name; updateStateRequired(); setRegionsByCountry(); sanitizeFormData($event.detail.address); checkIsEdit($event.detail); checkIsFirstAddress($event.detail); initFormValidation(); });" @private-content-loaded.window="initCustomerCountry($event.detail.data)" @close-address-form.window="closeForm()">