1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2856],{62856:(e,t,i)=>{i.r(t),i.d(t,{AkzoSearchOverlay:()=>c,defineCustomElement:()=>x});var o=i(41421),n=i(47408),a=i(70486),r=i(13912),s=i(27857),d=i(92343),l=i(65250),h=i(84758);let m={popularSearchTerms:["Dulux Basecoat","Dulux Weathershield Quick Dry","Dulux Weathershield Quick Dry Exterior Satin","Dulux Weathershield Quick Dry Exterior Satin Orange"],colours:[{itemTitle:"Orange Fizz",hex:"#C46F68"},{itemTitle:"Angora Orange Blanket",hex:"#B0A79B"},{itemTitle:"Coral Flair",hex:"#C76834"},{itemTitle:"Coral Dreams",hex:"#C76834"}],products:[{id:"prod1",itemTitle:"Dulux Weathershield Quick Dry Exterior Garage Satin",image:"assets/images/lightspace.png",href:"images/lightspace"},{id:"prod2",itemTitle:"Dulux Quick Dry Sunwood Orange",image:"assets/images/simplerefresh.png",href:"images/simplerefresh"},{id:"prod3",itemTitle:"Dulux Weathershield Quick Dry Exterior Satin Orange",image:"assets/images/easycare.png",href:"assets/images/easycare"},{id:"prod4",itemTitle:"Dulux Orange Weathershield",image:"assets/images/once.png",href:"/products/dulux-orange-weathershield"}],inspiration:[{id:"insp1",itemTitle:"Dr. Dulux: How to incorporate orange in your house",image:"assets/images/kids-bedroom-hero-banner.png",href:"/inspiration/dr-dulux-incorporate-orange"},{id:"insp2",itemTitle:"Top 10 Orange shades for every season",image:"assets/images/kids-bedroom-hero-banner.png",href:"/inspiration/top-10-orange-shades"}],landingPages:[{id:"land1",itemTitle:"Choosing your orange paints",image:"assets/images/kids-bedroom-hero-banner.png",href:"/landing/choose-orange-paints"},{id:"land2",itemTitle:"Your Paint and decorating with orange",image:"assets/images/kids-bedroom-hero-banner.png",href:"/landing/decorating-with-orange"}]},p={"search-heading":"Search","no-results-found":"No results found","search-input-placeholder":"Search for products...","popular-search-terms":"Popular Search Terms","popular-products":"Popular Products",colours:"colours",products:"products",inspiration:"inspiration",landingPages:"landing pages"},g=(0,o.p)(class extends o.H{get phrases(){return Object.assign(Object.assign({},p),this.phraseStringText)}handleQueryTextChange(e){this.query=e}handleOverlayOpen(e){!0===e&&(this.queryText&&(this.query=this.queryText),this.isFocused=!0,this.focusInput())}componentDidLoad(){this.isOpen&&this.focusInput(),document.addEventListener("keydown",this.handleEsc),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("keydown",this.handleEsc),document.removeEventListener("click",this.handleDocumentClick)}componentWillLoad(){void 0===this.type&&(this.type="b2c"),void 0===this.isSearchOverlayOpen&&(this.isSearchOverlayOpen=!0),void 0===this.autoCompleteResult&&(this.autoCompleteResult=[]),void 0===this.isLoading&&(this.isLoading=!1),this.queryText&&(this.query=this.queryText)}handleSuggestion(e){this.suggestionSelected.emit(e)}handleSuggestionKey(e,t){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.suggestionSelected.emit(t))}focusInput(){requestAnimationFrame(()=>{var e;return null==(e=this.inputEl)?void 0:e.focus()})}highlightText(e){if(!this.query)return e;let t=this.query.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=RegExp("(".concat(t,")"),"gi");return e.replace(i,'<span class="highlight">$1</span>')}sectionHeader(e){return(0,o.h)("h2",{class:"popular-list-heading overline-s-bold",part:"popular-heading"},e)}getAltText(e){return"Product image of "+e}renderSuggestions(){var e,t,i,n;return[this.isFocused&&(null==(e=this.suggestedTerms)?void 0:e.length)>0&&(0,o.h)("div",null,(0,o.h)("section",{class:"popular-search-item"},this.sectionHeader(this.phrases["popular-search-terms"]),(0,o.h)("ul",{class:"popular-list"},null==(t=this.suggestedTerms)?void 0:t.map(e=>(0,o.h)("li",{class:"popular-list-item body-s",innerHTML:this.highlightText(e),onClick:()=>{"redirect"==this.suggestedClickType?this.handleSuggestion(e):this.query=e},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),"redirect"==this.suggestedClickType?this.handleSuggestionKey(t,e):this.query=e)},tabIndex:0}
1)))),(0,o.h)("akzo-divider",{orientation:"horizontal",variant:"line"})),this.isFocused&&(null==(i=this.suggestedProducts)?void 0:i.length)>0&&(0,o.h)(o.F,null,(0,o.h)("section",{class:"popular-products"},this.sectionHeader(this.phrases["popular-products"]),(0,o.h)("div",{class:"grid"},null==(n=this.suggestedProducts)?void 0:n.map(e=>(0,o.h)("akzo-search-item",Object.assign({class:"col-12 col-m-3",key:e.id,exportparts:"item-title",type:"product",itemTitleHtml:this.highlightText(e.itemTitle),imageAlt:this.getAltText(e.itemTitle)},e))))),(0,o.h)("akzo-divider",{orientation:"horizontal",variant:"line"}))]}renderSkeletonLoader(){return(0,o.h)("div",{class:"skeleton-loader"},(0,o.h)("div",{class:"skeleton-section"},(0,o.h)("div",{class:"skeleton-section-title"}),(0,o.h)("ul",{class:"skeleton-autocomplete-list"},[1,2,3,4,5].map(e=>(0,o.h)("li",{key:"skeleton-auto-"+e,class:"skeleton-autocomplete-item",style:{animationDelay:.1*e+"s",width:120+25*e+"px"}})))),(0,o.h)("akzo-divider",{orientation:"horizontal",variant:"line"}),(0,o.h)("div",{class:"skeleton-section"},(0,o.h)("div",{class:"skeleton-section-title",style:{width:"100px"}}),(0,o.h)("div",{class:"grid skeleton-products-grid"},[1,2,3,4].map(e=>(0,o.h)("div",{key:"skeleton-prod-"+e,class:"col-12 col-m-3 skeleton-product-card"},(0,o.h)("div",{class:"skeleton-product-image",style:{animationDelay:.15*e+"s"}}),(0,o.h)("div",{class:"skeleton-product-info"},(0,o.h)("div",{class:"skeleton-product-title",style:{animationDelay:.15*e+"s"}}),(0,o.h)("div",{class:"skeleton-product-subtitle",style:{animationDelay:.15*e+.05+"s"}})))))))}renderResults(){var e,t,i,n,a,r,s,d,l,h,m,p;if(this.isLoading)return this.isMyAkzo?this.renderSkeletonLoader():(0,o.h)("div",{class:"loader"},(0,o.h)("akzo-icon",{size:"m",type:"loader"}));let g=0===(null!=(i=null==(t=null==(e=this.searchResults)?void 0:e.products)?void 0:t.length)?i:0),c=0===(null!=(r=null==(a=null==(n=this.searchResults)?void 0:n.colours)?void 0:a.length)?r:0),x=0===(null!=(l=null==(d=null==(s=this.searchResults)?void 0:s.inspiration)?void 0:d.length)?l:0),u=0===(null!=(p=null==(m=null==(h=this.searchResults)?void 0:h.landingPages)?void 0:m.length)?p:0);return this.searchResults&&0!==Object.keys(this.searchResults).length&&!(g&&c&&x&&u)||this.autoCompleteResult&&0!==this.autoCompleteResult.length?[this.autoCompleteResult&&this.autoCompleteResult.length>0&&(0,o.h)("div",null,(0,o.h)("section",{class:"popular-search-item col-m-12"},this.sectionHeader("Suggested Search Terms"),(0,o.h)("ul",{class:"popular-list popolar-list-auto"},this.autoCompleteResult.map(e=>(0,o.h)("li",{class:"popular-list-item body-s"},(0,o.h)("a",{class:"popular-list-item body-s",href:e.href,innerHTML:this.highlightText(e.heading)}))))),(0,o.h)("akzo-divider",{orientation:"horizontal",variant:"line"})),(0,o.h)("div",{class:"grid"},this.resultOrder.map(e=>{let t=this.searchResults[e]||[];if(!t.length)return null;let i="landingPages"===e,n="inspiration"===e,a=i||n,r="col-12 "+(a?"":"col-m-3"),s=i&&!u||n&&!x&&u||"colours"===e&&!c||"products"===e&&!g;return(0,o.h)(o.F,null,(0,o.h)("section",{class:"section-".concat(e," ").concat(a?"col-m-6":"col-m-12")},this.sectionHeader(this.phrases[e]||e),(0,o.h)("div",{class:"grid"},t.map(t=>(0,o.h)("akzo-search-item",Object.assign({class:r,type:"colours"===e?"colour":"product",itemTitleHtml:this.highlightText(t.itemTitle||t.title),imageAlt:this.getAltText(t.itemTitle||t.title)},t,{swatch:t.hex,exportparts:"color-swatch,image,item-title"})))),n&&!x&&!u&&(0,o.h)("div",{class:"col-12 col-m-12 akzo-divider mobile-visible"},(0,o.h)("akzo-divider",{orientation:"horizontal",class:"divider margin-top-xxl margin-bottom-xxl",variant:"line",exportparts:"divider-horizontal"}))),s&&(0,o.h)("div",{class:"col-12 col-m-12 akzo-divider"},(0,o.h)("akzo-divider",{orientation:"horizontal",class:"divider margin-top-xxl margin-bottom-xxl",variant:"line",exportparts:"divider-horizontal"})))}),this.ctaLabel&&(0,o.h)("akzo-button",{variant:"secondary",label:this.ctaLabel,actionType:"redirect",redirectUrl:this.ctaLink,exportparts:"secondary, button-text"}))]:(0,o.h)("p",{class:"no-results body-bold"},this.phrases["no-results-found"])}async componentDidRender(){this.autoFocusInput&&(this.isFocused=!0)}
1render(){if(!this.isSearchOverlayOpen)return null;let e=this.query.length<this.minCharacters;return this.isSearchOverlayOpen&&(0,o.h)(o.a,{exportparts:"item-title"},(0,o.h)("div",{class:{"akzo-search-overlay":!0,open:this.isOpen},role:"dialog","aria-modal":"true","aria-label":"search-overlay"},(0,o.h)("div",{class:"close-cta",onClick:()=>this.handleCloseOverlay(),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleCloseOverlay())},tabIndex:0},(0,o.h)("akzo-icon",{name:"x",size:"l"})),(0,o.h)("div",{class:"content-wrapper"},(0,o.h)("div",{class:"search-container"},(0,o.h)("h1",{class:"heading heading-l",part:"search-heading"},this.phrases["search-heading"]),(0,o.h)("div",{class:"search-header"},(0,o.h)("akzo-input-search-field",{id:"search-input",placeholder:this.phrases["search-input-placeholder"],value:this.query,onInputChange:e=>this.handleInput(e.detail),ref:e=>{var t;return this.inputEl=(null==(t=null==e?void 0:e.shadowRoot)?void 0:t.querySelector("input"))||null},onFocus:this.handleFocus,onInputSubmit:()=>this.handleInputRedirect(this.query),onEnterInputSubmit:()=>this.handleEnterInputRedirect(this.query),disableSubmit:this.disableSubmit})),(0,o.h)("div",{class:{"results-container":!0,"results-container-b2b":"b2b"===this.type}},e?this.renderSuggestions():this.renderResults())))))}get hostElement(){return this}static get watchers(){return{queryText:[{handleQueryTextChange:0}],isSearchOverlayOpen:[{handleOverlayOpen:0}]}}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}akzo-button::part(secondary){margin-bottom:20px}akzo-input-search-field::part(input-search-field-part){min-width:277px;height:auto !important}akzo-search-item::part(img-container){height:72px !important;width:72px !important}akzo-search-item::part(color-swatch){width:72px !important;height:72px !important;flex:0 0 auto;aspect-ratio:1/1;overflow:hidden}akzo-search-item::part(image){width:72px !important;height:72px !important;object-fit:cover}akzo-search-overlay .input-search-field .arrow akzo-icon::part(icon){width:unset !important;height:unset !important}.input-search-field.akzo-icon::part(icon){width:unset !important;height:unset !important}@media (max-width: 480px){akzo-search-item::part(img-container),akzo-search-item::part(color-swatch),akzo-search-item::part(image){width:56px !important;height:56px !important}}@media (max-width: 600px){akzo-button::part(secondary){width:99%;margin:0 auto 20px;border-radius:50px}}akzo-button.hydrated{display:block;width:100%}:host{display:block}:host .grid{display:flex;flex-wrap:wrap;gap:16px;padding:0 !important;margin:0 !important}:host .col-12{flex:0 0 100%;max-width:100%;box-sizing:border-box}:host .col-m-6,:host .col-m-12{flex:0 0 100%;max-width:100%;box-sizing:border-box}@media (min-width: 600px){:host .col-m-3{flex:0 0 calc(25% - 12px);max-width:calc(25% - 12px);box-sizing:border-box}:host .col-m-6{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}:host .col-m-12{flex:0 0 100%;max-width:100%}}:host .highlight{font-weight:bold;background:transparent}.akzo-search-overlay{position:fixed;inset:0;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:100vh;background:var(--color-surface-neutral-option1);padding-top:var(--spacing-6xl);z-index:9999;overflow-y:auto;display:none}.akzo-search-overlay.open{display:flex;animation:fadeSlideIn 0.3s ease}.akzo-search-overlay .close-cta{position:absolute;top:5rem;right:16rem;cursor:pointer}@media (max-width: 1200px){.akzo-search-overlay .close-cta{right:var(--spacing-l)}}.akzo-search-overlay .search-container{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;margin-bottom:0}.akzo-search-overlay .search-container .heading{margin:0;color:var(--color-text-title)}.akzo-search-overlay .search-container .search-header{width:100%}.akzo-search-overlay .search-container .results-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px}.akzo-search-overlay .search-container .results-container>*{width:100%}.akzo-search-overlay .search-container .results-container .popular-list,.akzo-search-overlay .search-container .results-container .popular-search-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-m);margin-bottom:12px}.akzo-search-overlay .search-container .results-container .loader{display:flex;align-items:center;justify-content:center;margin-top:100px}.akzo-search-overlay .search-container .results-container .no-results{display:flex;align-items:center;justify-content:center;margin-top:100px;color:var(--color-text-title);font-size:var(--font-size-body-l)}.akzo-search-overlay .search-container .results-container .popular-list-heading{color:var(--color-neutral-700)}.akzo-search-overlay .search-container .results-container .popolar-list-auto{margin-bottom:20px}.akzo-search-overlay .search-container .results-container .popular-list-item{cursor:pointer;margin:0;color:var(--color-text-title);line-height:var(--spacing-m)}.akzo-search-overlay .search-container .results-container .divider{width:100%}.akzo-search-overlay .search-container .results-container .grid{margin:0 !important;padding:0 !important}.akzo-search-overlay .search-container akzo-search-item::part(search-item){padding-left:var(--spacing-none)}.akzo-search-overlay akzo-search-item::part(search-item){padding-left:var(--spacing-none)}@media (max-width: 600px){.akzo-search-overlay{padding-top:5rem}.akzo-search-overlay .close-cta{top:var(--spacing-l);right:var(--spacing-l)}.akzo-search-overlay .results-container .grid{margin:0 !important;padding:0 !important;gap:16px !important}}@keyframes shimmer{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.skeleton-loader{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xxl, 3rem)}
1.skeleton-section{display:flex;flex-direction:column;gap:var(--spacing-m, 1rem)}.skeleton-section-title{width:180px;height:12px;background:var(--color-neutral-200, #e5e5e5);border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-autocomplete-list{display:flex;flex-direction:column;gap:var(--spacing-m, 1rem);list-style:none;padding:0;margin:0}.skeleton-autocomplete-item{height:16px;background:var(--color-neutral-200, #e5e5e5);border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-products-grid{margin:0 !important;padding:0 !important}.skeleton-product-card{display:flex;gap:12px;padding:8px 0}.skeleton-product-image{width:72px;height:72px;background:var(--color-neutral-200, #e5e5e5);border-radius:4px;flex-shrink:0;animation:shimmer 1.5s infinite}.skeleton-product-info{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.skeleton-product-title{width:100%;height:14px;background:var(--color-neutral-200, #e5e5e5);border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-product-subtitle{width:70%;height:12px;background:var(--color-neutral-200, #e5e5e5);border-radius:4px;animation:shimmer 1.5s infinite}.akzo-divider{margin-top:2rem;margin-bottom:2rem}.mobile-visible{display:none}@media (max-width: 600px){.mobile-visible{display:block}}@media (max-width: 480px){.skeleton-product-image{width:56px;height:56px}}@media (min-width: 600px){:host .grid{margin-left:0 !important;margin-right:0 !important}}@media (min-width: 904px){:host .grid{margin-left:0 !important;margin-right:0 !important}}@media (min-width: 1200px){.content-wrapper{max-width:904px}}.close-cta{background:transparent;border:none;padding:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none}.close-cta:focus{outline:none;}.close-cta:focus-visible{outline:1px solid black;outline-offset:3px;border-radius:6px}.close-cta:hover akzo-icon::part(icon){opacity:0.85}akzo-search-item::part(search-item):focus-visible{outline:0.5px solid black;outline-offset:0.1px;border-radius:3px}.popular-search-item .popular-list-item:focus-visible{outline:0.5px solid black;outline-offset:4px;border-radius:1px}.popular-search-item .popular-list-item{text-decoration:none;background:linear-gradient(90deg, rgb(204, 23, 25) 0%, rgb(245, 161, 0) 20%, rgb(251, 238, 45) 40%, rgb(212, 218, 28) 60%, rgb(147, 188, 42) 80%, rgb(5, 186, 238) 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 0.3s ease}.popular-search-item .popular-list-item:hover{background-size:100% 2px}@media (max-width: 600px){.akzo-search-overlay .search-container .results-container .popular-list,.akzo-search-overlay .search-container .results-container .popular-search-item{margin-bottom:12px}}@media (max-width: 600px){.akzo-divider{margin-top:1rem;margin-bottom:1rem}}akzo-divider::part(divider-horizontal){background:#D8D8D8}'}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.inputChange=(0,o.c)(this,"inputChange"),this.inputRedirect=(0,o.c)(this,"inputRedirect"),this.inputRedirectEnter=(0,o.c)(this,"inputRedirectEnter"),this.overlayClose=(0,o.c)(this,"overlayClose"),this.suggestionSelected=(0,o.c)(this,"suggestionSelected"),this.type="b2c",this.suggestedTerms=m.popularSearchTerms,this.suggestedProducts=m.products,this.searchResults=m,this.resultOrder=["colours","products","inspiration","landingPages"],this.minCharacters=3,this.isMyAkzo=!1,this.suggestedClickType="default",this.autoFocusInput=!1,this.queryText="",this.disableSubmit=!1,this.isOpen=!0,this.query="",this.isFocused=!1,this.handleDocumentClick=e=>{this.hostElement.contains(e.target)||(this.isFocused=!1)},this.handleEsc=e=>{"Escape"===e.key&&this.handleCloseOverlay()},this.handleCloseOverlay=()=>{this.overlayClose.emit()},this.handleInputRedirect=e=>{this.inputRedirect.emit(e)},this.handleEnterInputRedirect=e=>{this.inputRedirectEnter.emit(e)},this.handleFocus=()=>this.isFocused=!0,this.handleInput=e=>{this.query=e,e.length>=this.minCharacters&&this.inputChange.emit(e)}}},[1,"akzo-search-overlay",{type:[1537],suggestedTerms:[16],suggestedProducts:[16],searchResults:[16],autoCompleteResult:[16],resultOrder:[16],minCharacters:[2,"min-characters"],ctaLabel:[1,"cta-label"],isSearchOverlayOpen:[4,"is-search-overlay-open"],ctaLink:[1,"cta-link"],isLoading:[4,"is-loading"],isMyAkzo:[4,"is-my-akzo"],suggestedClickType:[1537,"suggested-click-type"],autoFocusInput:[4,"auto-focus-input"],queryText:[1,"query-text"],phraseStringText:[16],disableSubmit:[4,"disable-submit"],isOpen:[32],query:[32],isFocused:[32]},void 0,{queryText:[{handleQueryTextChange:0}],isSearchOverlayOpen:[{handleOverlayOpen:0}]}]),c=g,x=function(){"undefined"!=typeof customElements&&["akzo-search-overlay","akzo-button","akzo-colour-swatch","akzo-div
1ider","akzo-icon","akzo-input-search-field","akzo-loader","akzo-search-item"].forEach(e=>{switch(e){case"akzo-search-overlay":customElements.get((0,o.t)(e))||customElements.define((0,o.t)(e),g);break;case"akzo-button":customElements.get((0,o.t)(e))||(0,n.d)();break;case"akzo-colour-swatch":customElements.get((0,o.t)(e))||(0,a.d)();break;case"akzo-divider":customElements.get((0,o.t)(e))||(0,r.d)();break;case"akzo-icon":customElements.get((0,o.t)(e))||(0,s.d)();break;case"akzo-input-search-field":customElements.get((0,o.t)(e))||(0,d.d)();break;case"akzo-loader":customElements.get((0,o.t)(e))||(0,l.d)();break;case"akzo-search-item":customElements.get((0,o.t)(e))||(0,h.d)()}})}},84758:(e,t,i)=>{i.d(t,{A:()=>s,d:()=>d});var o=i(41421),n=i(70486),a=i(27857),r=i(65250);let s=(0,o.p)(class extends o.H{renderVisual(){return"colour"===this.type&&this.swatch?(0,o.h)("div",{class:"swatch",part:"color-swatch"},(0,o.h)("akzo-colour-swatch",{hex:this.swatch,ariaLabel:this.swatch,aspectRatio:"auto"})):"colour"!==this.type&&this.image?(0,o.h)("div",{class:"image-container",part:"img-container"},(0,o.h)("img",{src:this.image,alt:"Product-"+this.itemTitle,class:"thumbnail",loading:"lazy",part:"image"})):null}render(){let e=!!this.href;return(0,o.h)(o.a,{key:"73109233e92f4b2a5d8a2ea59c83ac19bcfeedb3"},(0,o.h)(e?"a":"button",{key:"7adedb5d9367b90fef2fc8cb13433eb6c1728870",href:e?this.href:void 0,rel:this.external?"noopener noreferrer":void 0,target:this.external?"_blank":void 0,"aria-label":this.itemTitle,part:"search-item",class:{"search-item":!0,["layout-".concat(this.layout)]:!0,["type-".concat(this.type)]:!0}},this.renderVisual(),(0,o.h)("span",{key:"63468cfc541ee6b430242365c563bfe086301b49",class:"title body-s",innerHTML:this.itemTitleHtml||this.itemTitle,part:"item-title"})))}static get style(){return'@charset "UTF-8";html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}:host{display:block}:host .highlight{font-weight:bold;background:transparent}:host .search-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--spacing-m);flex:1 0 0;text-decoration:none;border:none;background:none;cursor:pointer;padding:var(--spacing-sm)}:host .title{margin:var(--spacing-none);text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;overflow:hidden;white-space:normal;word-break:break-word}:host .image-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:6rem;width:6rem;max-width:11.25rem;max-height:11.25rem}:host .thumbnail,:host .swatch{height:6rem;width:6rem;margin-left:5px}:host .thumbnail{max-width:initial}:host .layout-grid{flex-direction:column;text-align:center}:host .layout-list{flex-direction:row;border:2px solid transparent;transition:border-color 0.2s ease, box-shadow 0.2s ease}:host .layout-list:hover{border:2px solid transparent;background-image:linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%);background-origin:border-box;background-clip:padding-box, border-box}'}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.type="product",this.layout="list",this.external=!1}},[1,"akzo-search-item",{type:[1],itemTitle:[1,"item-title"],image:[1],swatch:[1],href:[1],layout:[1],external:[4],itemTitleHtml:[1,"item-title-html"]}]);function d(){"undefined"!=typeof customElements&&["akzo-search-item","akzo-colour-swatch","akzo-icon","akzo-loader"].forEach(e=>{switch(e){case"akzo-search-item":customElements.get((0,o.t)(e))||customElements.define((0,o.t)(e),s);break;case"akzo-colour-swatch":customElements.get((0,o.t)(e))||(0,n.d)();break;case"akzo-icon":customElements.get((0,o.t)(e))||(0,a.d)();break;case"akzo-loader":customElements.get((0,o.t)(e))||(0,r.d)()}})}},92343:(e,t,i)=>{i.d(t,{A:()=>s,d:()=>d});var o=i(41421),n=i(47408),a=i(27857),r=i(65250);let s=(0,o.p)(class extends o.H{watchValue(e){this.localValue=e||""}componentDidLoad(){this.isAutofocus&&this.inputRef&&setTimeout(()=>this.inputRef.focus(),0)}render(){return(0,o.h)("div",{key:"33492e64292b17b6569b9c8ceca7cff799991e6e",class:{"input-search-field":!0,disabled:this.disabled,error:this.error},part:"input-search-field-part"},this.label&&(0,o.h)("label",{key:"3c581e9d138a8d56ee02d27df62c9c5ba4bbd140",htmlFor:this.name,class:"label-container"},(0,o.h)("span",{key:"27b1bd09945d9d2ad0c843fe34c4f10e58cca92c",class:"label input-label"},this.label),this.required&&(0,o.h)("span",{key:"18af050e0071322568b86d25b415af8a5dc742b1",class:"mandatory body-s"},"*")),(0,o.h)("div",{key:"19e9193e08436dc42ef8b07b7060714300c32e73",class:{"field-container":!0,disabled:this.disabled,filled:!!this.localValue},part:"field-container",tabindex:"0"},this.searchIcon&&(0,o.h)("akzo-button",{key:"83c1a60535630e0c4a025060448299cb473493a0",variant:"tertiary",onlyIcon:!0,iconName:"search",focusOutline:!1,tabindex:"-1"}),(0,o.h)("input",{key:"37a9baed1e84c4162f60b403ea433365cdcb56dc",ref:e=>this.inputRef=e,type:"text",id:this.name,name:this.name,disabled:this.disabled,placeholder:this.placeholder,value:this.localValue||this.value,onInput:e=>this.handleChange(e),onKeyDown:this.handleKeyDown,required:this.required,autofocus:this.isAutofocus,"aria-invalid":this.error?"true":"false","aria-describedby":this.helperText?"helper text":"",class:"akzo-input body",tabindex:"0"}),this.error&&(0,o.h)("akzo-icon",{key:"2803e98fc84413fc638ee28c4164e54a76e0e395",class:"alert-icon",name:"alert-triangle"}),!this.disabled&&(0,o.h)("span",{key:"42142d6e4f8f93abcd82b49c32d524249126734b",class:{arrow:!0,"arrow-disabled":this.disableSubmit},role:"button",tabindex:"0",onClick:()=>{this.disableSubmit||("locate-fixed-large"===this.submitIcon||"locate-fixed"===this.submitIcon?this.locationClick.emit():this.enterInputSubmit.emit(this.localValue))},onKeyDown:e=>{this.disableSubmit||"Enter"===e.key&&("locate-fixed"===this.submitIcon||"locate-fixed-large"===this.submitIcon?this.locationClick.emit():this.inputSubmit.emit(this.localValue))},"aria-label":"Submit search"},(0,o.h)("akzo-icon",{key:"b7e3a55f3f2f7c6e23793600037349ee74351e73",size:"locate-fixed-large"===this.submitIcon?"l":"m",name:"locate-fixed"===this.submitIcon?"locate-fixed":"locate-fixed-large"===this.submitIcon?"locate-fixed-large":"arrow-long-right"}))),this.helperText&&(0,o.h)("span",{key:"a3de385c27da5e3c1642828f90c17b3eaadcb1dc",class:{"helper-text":!0,"body-s":!0,error:this.error}},this.helperText))}get el(){return this}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return'html{box-sizing:border-box;overflow-x:hidden;font-size:16px}body{background-color:#fafafa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-top:var(--akzo-header-height, 118px)}@media (min-width: 600px){body{padding-top:var(--akzo-header-height, 150px)}}body{color:#616161;font-family:"Open Sans", sans-serif}*,*::before,*::after{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;font-size:100%}ul,ol{margin:0;padding:0;list-style:none}dl{margin:0;padding:0}figure{margin:0}a{text-decoration:none;color:inherit}
1button{cursor:pointer;background:transparent;border:none}img{border:0;max-width:100%;height:auto;display:block}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}table th,table td{padding:var(--spacing-sm) var(--spacing-md)}table th{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}table td{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}hr{border:none;height:1px;margin:var(--spacing-xl) 0;background-color:var(--color-stroke-default)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit;outline:none;text-overflow:ellipsis}:focus{outline:none}button{background:none;border:none;cursor:pointer;padding:0}.button-test{background-color:#0ea5e9;padding:5;color:#171717}.theme-switcher{padding:1rem;border-radius:0.5rem}.theme-switcher:hover{border-color:#0ea5e9}.theme-switcher:focus{outline:none;border-color:#78716c;box-shadow:0 0 0 2px rgba(0, 123, 255, 0.25)}.theme-description{margin-top:0.75rem;font-size:0.875rem;color:#171717}.title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#171717}.theme-dropdown{width:"fit-content";padding:0.75rem;border:2px solid #ccc;border-radius:0.5rem;background-color:#fff;font-size:1rem;transition:border-color 0.3s ease}.clearfix::after{content:"";display:table;clear:both}.content-wrapper{width:100%;padding:0 1.5rem;margin:0 auto}@media (max-width: 600px){.content-wrapper{padding:0 1.5rem}}@media (min-width: 600px){.content-wrapper{padding:0 3rem}.content-wrapper.no-margin-padding{padding:0;margin:0;max-width:100%}}@media (min-width: 904px){.content-wrapper{padding:0 4.5rem}}@media (min-width: 1440px){.content-wrapper{padding:0;max-width:75rem}}.top-none{padding-top:0 !important}.top-default{padding-top:1.5rem !important}@media (min-width: 904px){.top-default{padding-top:2.25rem !important}}.top-xl{padding-top:3.375rem !important}@media (min-width: 904px){.top-xl{padding-top:5rem !important}}.bottom-none{padding-bottom:0 !important}.bottom-default{padding-bottom:1.5rem !important}@media (min-width: 904px){.bottom-default{padding-bottom:2.25rem !important}}.bottom-xl{padding-bottom:3.375rem !important}@media (min-width: 904px){.bottom-xl{padding-bottom:5rem !important}}.padding-top-xxs{padding-top:0.25rem}.padding-top-xs{padding-top:0.5rem}.padding-top-s{padding-top:0.75rem}.padding-top-m{padding-top:1rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:2rem}.padding-top-xxl{padding-top:3rem}.padding-top-3xl{padding-top:3.5rem}.padding-top-4xl{padding-top:4rem}.padding-top-5xl{padding-top:5rem}.padding-top-6xl{padding-top:7.5rem}.padding-top-none{padding-top:0}.padding-bottom-xxs{padding-bottom:0.25rem}.padding-bottom-xs{padding-bottom:0.5rem}.padding-bottom-s{padding-bottom:0.75rem}.padding-bottom-m{padding-bottom:1rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:2rem}.padding-bottom-xxl{padding-bottom:3rem}.padding-bottom-3xl{padding-bottom:3.5rem}.padding-bottom-4xl{padding-bottom:4rem}.padding-bottom-5xl{padding-bottom:5rem}.padding-bottom-6xl{padding-bottom:7.5rem}.padding-bottom-none{padding-bottom:0}.margin-top-xxs{margin-top:0.25rem}.margin-top-xs{margin-top:0.5rem}.margin-top-s{margin-top:0.75rem}.margin-top-m{margin-top:1rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:2rem}.margin-top-xxl{margin-top:3rem}.margin-top-3xl{margin-top:3.5rem}.margin-top-4xl{margin-top:4rem}.margin-top-5xl{margin-top:5rem}.margin-top-6xl{margin-top:7.5rem}.margin-top-none{margin-top:0}.margin-bottom-xxs{margin-bottom:0.25rem}.margin-bottom-xs{margin-bottom:0.5rem}.margin-bottom-s{margin-bottom:0.75rem}.margin-bottom-m{margin-bottom:1rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:2rem}.margin-bottom-xxl{margin-bottom:3rem}.margin-bottom-3xl{margin-bottom:3.5rem}.margin-bottom-4xl{margin-bottom:4rem}.margin-bottom-5xl{margin-bottom:5rem}.margin-bottom-6xl{margin-bottom:7.5rem}.margin-bottom-none{margin-bottom:0}.icon{display:inline-block;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;stroke-width:0.09375rem}.icon-3xl{width:7.5rem;height:7.5rem;stroke-width:0.375rem}.icon-xxl{width:3.5rem;height:3.5rem;stroke-width:0.21875rem}.icon-xl{width:3rem;height:3rem;stroke-width:0.1875rem}.icon-l{width:2rem;height:2rem;stroke-width:0.125rem}.icon-s{width:1rem;height:1rem;stroke-width:0.0625rem}.heading-xxxl,.heading-xxl,.heading-xl,.heading-l,.heading-m,.heading-s{font-family:"Open Sans", sans-serif}.body,.body-bold,.body-s,.body-s-bold,.body-xs,.body-xs-bold,.overline,.overline-s,.overline-s-bold,.overline--bold,.strikethrough-header-s,.strikethrough,.strikethrough-s,.label,.body-link,.body-link-bold,.body-s-link,.body-s-link-bold,.body-xs-link,.body-xs-link-bold,.button,.button-s,.button-xs{font-family:"Open Sans", sans-serif}.heading-xxxl{font-size:2.5rem;line-height:2.75rem;font-weight:700}@media (min-width: 904px){.heading-xxxl{font-size:4rem;line-height:4rem}}.heading-xxl{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width: 904px){.heading-xxl{font-size:3.375rem;line-height:3.5rem}}.heading-xl{font-size:2rem;line-height:2.25rem;font-weight:700}@media (min-width: 904px){.heading-xl{font-size:2.75rem;line-height:3rem}}.heading-l{font-size:1.75rem;line-height:2rem;font-weight:700}@media (min-width: 904px){.heading-l{font-size:2.25rem;line-height:2.5rem}}.heading-m{font-size:1.5rem;line-height:1.75rem;font-weight:700}@media (min-width: 904px){.heading-m{font-size:1.75rem;line-height:2rem}}.heading-s{font-size:1.25rem;line-height:1.5rem;font-weight:700}.body-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400}.body-xs-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.body-s{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:400}.body-s-bold{font-size:14px;line-height:20px;margin-bottom:18px;font-weight:700}.body{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:400}.body-bold{font-size:16px;line-height:24px;margin-bottom:20px;font-weight:700}.overline{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline--bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.overline-s{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:400;text-transform:uppercase}.overline-s-bold{font-size:12px;line-height:16px;margin-bottom:18px;font-weight:700;text-transform:uppercase}.strikethrough-header-s{font-size:20px;line-height:24px;margin-bottom:24px;font-weight:700;text-decoration:line-through}
1.strikethrough{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:line-through}.strikethrough-s{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:line-through}.label{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:600}.body-link{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:400;text-decoration:underline}.body-link-bold{font-size:16px;line-height:20px;margin-bottom:20px;font-weight:700;text-decoration:underline}.body-s-link{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:400;text-decoration:underline}.body-s-link-bold{font-size:14px;line-height:16px;margin-bottom:18px;font-weight:700;text-decoration:underline}.body-xs-link{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:400;text-decoration:underline}.body-xs-link-bold{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700;text-decoration:underline}.button-xs{font-size:12px;line-height:16px;margin-bottom:16px;font-weight:700}.button-s{font-size:14px;line-height:16px;margin-bottom:12px;font-weight:700}.button{font-size:16px;line-height:20px;margin-bottom:12px;font-weight:700}.input-search-field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xs);width:auto;height:6rem}.input-search-field akzo-button::part(tertiary):hover{background-color:transparent}.input-search-field .label-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.input-search-field .label-container .input-label{color:var(--color-text-functional);margin:var(--spacing-none)}.input-search-field .label-container .mandatory{color:var(--color-text-functional-subtle);margin:var(--spacing-none);line-height:var(--spacing-m)}.input-search-field .field-container{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--spacing-xxxs);width:100%;height:var(--size-xl, 3rem);padding:var(--spacing-none) var(--spacing-s, 12px) var(--spacing-none) var(--spacing-xxs, 4px);align-self:stretch;transition:all 160ms ease 0ms}.input-search-field .field-container::after{content:"";position:absolute;height:1px;inset:auto 0 0 0;background:var(--color-stroke-strong)}.input-search-field .field-container .akzo-input{height:20px;flex:1 0 0;overflow:hidden;color:var(--color-text-functional);text-overflow:ellipsis;white-space:nowrap;margin:var(--spacing-none)}.input-search-field .field-container .akzo-input::placeholder{color:var(--color-text-placeholder)}.input-search-field .field-container .arrow{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-xs);height:var(--spacing-xxl);width:var(--spacing-xxl);padding:var(--spacing-s);border-radius:var(--radius-none, 0);cursor:pointer}.input-search-field .field-container .arrow akzo-icon::part(icon){color:var(--color-icon-disabled);width:1.8rem}.input-search-field .field-container:hover{outline:none}.input-search-field .field-container:hover::after{background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%)}.input-search-field .field-container:focus{outline:1px solid var(--color-stroke-strong);outline-offset:var(--spacing-xxs, 4px)}.input-search-field .field-container:focus::after{background:linear-gradient(90deg, #cc1719 0%, #f5a100 20%, #fbee2d 40%, #d4da1c 60%, #93bc2a 80%, #05baee 100%)}.input-search-field .field-container .akzo-input:focus~.arrow akzo-icon::part(icon){color:var(--color-icon-default)}.input-search-field .field-container:has(.akzo-input:active){outline:none}.input-search-field .field-container:has(.akzo-input:active)::after{background:var(--color-stroke-strong)}.input-search-field .field-container.filled{outline:none}.input-search-field .field-container.filled::after{background:#EBEBEB}.input-search-field .field-container.filled .arrow akzo-icon::part(icon){color:var(--color-icon-default)}.input-search-field .helper-text{color:var(--color-text-functional-subtle);margin:var(--spacing-none)}.input-search-field.disabled{cursor:not-allowed}.input-search-field.disabled .field-container{cursor:not-allowed;background:var(--color-surface-disabled)}.input-search-field.disabled .field-container::after{background:var(--color-stroke-disabled)}.input-search-field.disabled .field-container .akzo-input{color:var(--color-text-disabled)}.input-search-field.disabled .field-container:hover,.input-search-field.disabled .field-container:focus,.input-search-field.disabled .field-container:focus-within,.input-search-field.disabled .field-container:has(.akzo-input:active){outline:none}.input-search-field.disabled .field-container:hover::after,.input-search-field.disabled .field-container:focus::after,.input-search-field.disabled .field-container:focus-within::after,.input-search-field.disabled .field-container:has(.akzo-input:active)::after{background:var(--color-stroke-disabled)}.input-search-field.disabled .akzo-input{cursor:not-allowed}.input-search-field.disabled .akzo-input::placeholder{color:var(--color-text-disabled)}.input-search-field.disabled .helper-text{color:var(--color-text-disabled)}.input-search-field.error .field-container::after{background:var(--color-stroke-critical)}.input-search-field.error .error,.input-search-field.error akzo-icon.alert-icon::part(icon){color:var(--color-icon-critical)}.input-search-field .arrow-disabled{pointer-events:none;opacity:0.4;cursor:not-allowed}.field-container.filled::after{background:var(--search-input-border-color, var(--color-stroke-subdued))}'}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.inputChange=(0,o.c)(this,"inputChange"),this.inputSubmit=(0,o.c)(this,"inputSubmit"),this.enterInputSubmit=(0,o.c)(this,"enterInputSubmit"),this.locationClick=(0,o.c)(this,"locationClick"),this.name="search",this.value="",this.disabled=!1,this.required=!1,this.error=!1,this.submitIcon="arrow",this.searchIcon=!0,this.isAutofocus=!0,this.disableSubmit=!1,this.localValue=this.value,this.handleChange=e=>{this.localValue=e.target.value,this.inputChange.emit(this.localValue)},this.handleKeyDown=e=>{"Enter"===e.key&&this.enterInputSubmit.emit(this.localValue)}}},[1,"akzo-input-search-field",{name:[1],label:[1],value:[1],placeholder:[1],disabled:[4],required:[4],error:[4],helperText:[1,"helper-text"],submitIcon:[1,"submit-icon"],searchIcon:[4,"search-icon"],isAutofocus:[4,"is-autofocus"],disableSubmit:[4,"disable-submit"],localValue:[32]},void 0,{value:[{watchValue:0}]}]);function d(){"undefined"!=typeof customElements&&["akzo-input-search-field","akzo-button","akzo-icon","akzo-loader"].forEach(e
1=>{switch(e){case"akzo-input-search-field":customElements.get((0,o.t)(e))||customElements.define((0,o.t)(e),s);break;case"akzo-button":customElements.get((0,o.t)(e))||(0,n.d)();break;case"akzo-icon":customElements.get((0,o.t)(e))||(0,a.d)();break;case"akzo-loader":customElements.get((0,o.t)(e))||(0,r.d)()}})}}}]);
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.