https://www.progold.eu/chunk-DTZVVJFB.js

1import{b as vi,c as bi,d as Wt,e as Pi}from"./chunk-IDUKOGGZ.js";import{e as Ai}from"./chunk-WSAQRT3L.js";import{a as Ti,b as Di}from"./chunk-PXIE55XG.js";import{b as xi,c as Ii}from"./chunk-QGBSX6B5.js";import"./chunk-XXVB45L4.js";import{a as yi}from"./chunk-6UTUOTXC.js";import"./chunk-76J53O4D.js";import"./chunk-7IEHGNLB.js";import"./chunk-J5NWFZXF.js";import"./chunk-NEQO7ITA.js";import"./chunk-ILIGNJRC.js";import{b as $e}from"./chunk-IJVUT4FL.js";import{a as Ze}from"./chunk-XJNXF36J.js";import"./chunk-OQWTUUQ3.js";import{b as ze,c as Ke,d as Tt,e as je,h as Qe,i as ne,j as re,l as We,n as Je,s as it}from"./chunk-6LRNCJRQ.js";import"./chunk-BYUXZABT.js";import{$ as se,Aa as ci,Ab as hi,Bb as gi,C as ot,E as Xe,F as ut,Fb as fi,Ga as di,Gb as _i,H as ti,I as ei,Ib as Si,J as Ht,K as Gt,L as ii,M as yt,N as Ki,O as qt,P as ae,V as le,X as oi,Y as ni,Ya as pi,Z as ri,_ as ai,d as He,k as Ge,lb as ui,m as qe,ra as zt,rb as mi,sa as li,ta as vt,u as Ye,ua as si,ub as Ci,va as bt,wa as Kt}from"./chunk-CSKO464Y.js";import{A as Qt,z as jt}from"./chunk-RFZ65DFT.js";import"./chunk-ZAELU3GP.js";import{d as $,g as tt,i as oe}from"./chunk-KCBWTIVH.js";import{a as Ve,b as Ue}from"./chunk-Q7LOV5U2.js";import"./chunk-ZS7OWNSY.js";import"./chunk-DIZWDXBB.js";import{Q as et,R as $t}from"./chunk-Q4MTVQC2.js";import{b as _t,d as St}from"./chunk-RRAYDVNW.js";import{Ea as E,Fc as Nt,Fd as ft,Jc as Vt,Lc as Be,Na as I,Pb as ee,Ud as Le,Yd as Oe,Zd as Ne,_a as Fe,a as dt,b as G,bd as ie,c as N,cc as Ot,ha as Me,ja as gt,jc as Re,lc as j,mb as we,pb as Lt,ub as te,uc as pt,xe as Ut}from"./chunk-WGWIBZ2L.js";import{$ as At,$b as F,$c as s,Ac as ve,Bc as It,Ca as de,D as S,E as V,Ec as be,Fa as k,Fc as J,Ga as M,Gb as lt,Gc as ht,Ib as g,Id as De,Ja as pe,Ka as ue,Kb as Ce,La as Et,Mb as kt,Ob as _,Oc as q,Oe as Rt,Pa as W,Pb as xt,Pc as Y,Pd as Ae,Pe as Bt,Q as mt,Qa as x,Qd as Ee,Rb as st,Sb as ct,Sc as Pe,T as X,Ta as Pt,Tb as p,Tc as xe,Ub as u,Vb as w,Yb as Xt,Z as rt,Zb as R,ac as c,ad as Ie,gd as Mt,hb as l,ic as he,ja as at,jc as ge,kc as fe,kd as Ft,la as Ct,ld as Te,ma as D,oc as _e,pc as b,qa as ce,qc as U,rc as B,sc as Se,tb as H,td as wt,ua as K,w as h,wb as me,ya as r,ye as ke,zb as y,zc as ye}from"./chunk-6LP6WHZQ.js";import{a as A,b as O,i as zi}from"./chunk-5KTCK5IS.js";var Ei="colorProductNumber",nn="colorName",ki="color_id";var Mi=(()=>{class o{#t=r(Ye);#e=r(ft);constructColorCanonicalUrl(t){return this.#t.getOriginUrl()+this.#e.getColorDetailsPath(t)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275prov=K({token:o,factory:o.\u0275fac,providedIn:"root"})}}return o})();var Fi=(()=>{class o{#t=r(De);getAllCoordinatingColors(t){let i=`/${t}-coordinating-colors.json`;return this.#t.get(i)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275prov=K({token:o,factory:o.\u0275fac,providedIn:"root"})}}return o})();var wi=(()=>{class o{#t=r(Fi);#e=r(j);#i=r(Ot);#r=r(zt);#l=r(vt);#s=G(this.#e.currentSite).pipe(mt(Boolean));getCoordinatingColorsProductNumbers(t){return V([t.isEnabled,t.productNumber]).pipe(D(([i,e])=>i?e?this.#d(e):(this.#i.warn("[CoordinatingColorsService] Product number not provided for retrieving Coordinating Colors product numbers"),h([])):(this.#i.info("[CoordinatingColorsService] Retrieving Coordinating Colors product numbers is disabled"),h([]))))}#d(t){return this.#s.pipe(D(i=>this.#t.getAllCoordinatingColors(i.id).pipe(S(e=>{let n=e[t];return n?n.map(a=>[a.sec,a.acc]).flat():[]}),X(e=>{let n=e instanceof Error?e.message:String(e);return this.#i.error(`[CoordinatingColorsService] Error while trying to get all Coordinating Colors product numbers from storage: ${n}`),h([])}))))}mapCoordinatingColors(t,i){return this.#s.pipe(D(e=>this.#t.getAllCoordinatingColors(e.id).pipe(S(n=>{let a=n[t];return a?this.#p(a,i):(this.#i.warn(`[CoordinatingColorsService] Coordinating colors for color ${t} not found in the storage`),[])}),X(n=>(this.#i.warn(`[CoordinatingColorsService] Error while trying to get all Coordinating Colors from storage: ${n}`),h([]))))))}getCoordinatingColors(t){return this.#s.pipe(D(i=>this.#t.getAllCoordinatingColors(i.id).pipe(D(e=>{let n=e[t.productNumber];return n?this.#o(n):(this.#i.warn(`[CoordinatingColorsService] Coordinating colors for color ${t.productNumber} not found in the storage`),h([]))}),X(e=>(this.#i.warn(`[CoordinatingColorsService] Error while trying to get all Coordinating Colors from storage: ${e}`),h([]))))))}#o(t){let i=t.map(e=>[e.sec,e.acc]).flat();return this.#r.getColorInfo(i).pipe(S(e=>this.#p(t,e)))}#p(t,i){return t.map(e=>{let n=this.#l.matchColorsToProductNumbers(i,[e.sec,e.acc]);return{algorithm:e.alg,secondary:n[0],accent:n[1]}})}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275prov=K({token:o,factory:o.\u0275fac,providedIn:"root"})}}return o}

1)();var Li=zi(Ki());var Ri=(()=>{class o extends Ii{constructor(){super(...arguments),this.#t=r(Ze),this.indexTemplate=s(()=>this.#t.currentConfiguration().algolia?.productIndex??""),this.searchParameters=s(()=>({facets:["*"]}))}#t;fetchProductSlugs(t){return t.length===0?h(new Map):this.executeSearch("",this.#e(t)).pipe(S(i=>this.#r(i)))}#e(t){let i=this.#i(t);return{filters:this.buildFiltersWithLanguage(i),hitsPerPage:t.length}}#i(t){return t.map(i=>`${xi}:${i}`).join(` ${"OR"} `)}#r(t){let i=new Map;return t.forEach(e=>{e.ProductNumber&&e.Slug&&i.set(e.ProductNumber,e.Slug)}),i}static{this.\u0275fac=(()=>{let t;return function(e){return(t||(t=pe(o)))(e||o)}})()}static{this.\u0275prov=K({token:o,factory:o.\u0275fac,providedIn:"root"})}}return o})();var Jt=Lt.NOT_AVAILABLE,Qi={loading:!0,status:Jt},Wi={loading:!0,totalPrice:0},Ji=3,Bi=1,Oi=(()=>{class o{constructor(){this.#t=r(j),this.#e=r(ii),this.#i=r(Ot),this.#r=r(Ue),this.#l=N(this.#r.erpItemNumberQualifier$),this.#s=r(Tt),this.#d=r(Gt),this.#o=r(Ht),this.#p=r(je),this.#a=r(We),this.#u=r(Tt),this.#c=r(Le),this.#m=r(Ri),this.#g=Ke(ze.PriceAndInventoryEnabled),this.colorSampleOrderingEnabled=s(()=>this.#t.getSiteFlag(E.ProductJourneyColorSampleOrderingEnabled)),this.colorSampleOrderingEnabled$=G(this.colorSampleOrderingEnabled),this.preSelectedColorType=s(()=>this.#t.getSiteSettingValueByKey(E.ProductJourneyPreselectedColorType)),this.#C=s(()=>this.#t.getSiteSettingValueByKey(E.ProductJourneyColorSampleOrderingPromotedSamples).split(",")),this.#n=s(()=>this.#t.getSiteFlag(E.ProductJourneyProductDetailsTintingFeeBreakdownIsEnabled))}#t;#e;#i;#r;#l;#s;#d;#o;#p;#a;#u;#c;#m;#g;#C;#n;getSamples(t){let i=r(ue),e=G(t),n=G(this.#C),a=N(V({colorInfo:e,colorSampleOrderingEnabled:this.colorSampleOrderingEnabled$}).pipe(D(({colorInfo:C,colorSampleOrderingEnabled:f})=>f&&C?.brandColorCode?this.#s.getProductsColor(C.brandColorCode).pipe(S(P=>({value:P,isLoading:!1})),Ct({value:[],isLoading:!0})):h({value:[],isLoading:!1}))),{initialValue:{value:[],isLoading:!0}}),m=N(V({productSamplesIds:n,colorInfo:e,colorSampleOrderingEnabled:this.colorSampleOrderingEnabled$}).pipe(D(({productSamplesIds:C,colorInfo:f,colorSampleOrderingEnabled:P})=>P&&C.length>0&&f?this.#D(C).pipe(S(T=>C.reduce((L,Q)=>{let Z=T.find(nt=>nt.ProductNumber===Q);return Z&&L.push(Z),L},[])),S(T=>({value:T,isLoading:!1})),Ct({value:[],isLoading:!0})):h({value:[],isLoading:!1}))),{initialValue:{value:[],isLoading:!0}}),v=s(()=>{let C=t(),f=this.colorSampleOrderingEnabled();if(!C||!f)return{value:[],isLoading:!1};let P=a(),T=m(),L=this.preSelectedColorType();if(P.isLoading||T.isLoading)return{value:[],isLoading:!0};let Q=P.value.flatMap(Z=>Z.itemsSku||[]);return{value:this.#S(T.value,C,Q,L).slice(0,Ji),isLoading:!1}});return N(G(v).pipe(D(C=>{if(C.isLoading)return h({value:[],isLoading:!0});let f=de(i,()=>this.#f(C.value,t())),P=C.value.map(({product:L})=>L.ProductNumber).filter(L=>!!L),T=this.#m.fetchProductSlugs(P);return V([f,T]).pipe(S(([L,Q])=>({value:this.#I(L,Q),isLoading:!1})),Ct({value:[],isLoading:!0}))})),{initialValue:{value:[],isLoading:!0}})}hasValidSamplePrices(t){return t.length===0?!1:t.some(i=>this.#h(i.price))}getValidSampleItems(t){return t.filter(i=>this.#h(i.price))}#h(t){return t?.loading?!1:t.totalPrice>0?!0:t.totalPrice===0?!!t?.free:!1}#f(t,i){if(t.length===0)return h([]);let e=t.map(({product:C,productItem:f,itemTintingSku:P})=>{let T=le(C),L=this.#e.getText(C.MarketingData.FunctionalName),Q=this.#T(f,L),Z=this.#E(f,T),nt=ae(f.ErpItemNumbers,this.#l(),this.#i),Dt=f.KMatReference,Yt=this.#y({productItem:f,isPaint:T,sku:nt,kMatReference:Dt}),Zt=this.#F(f,nt,C.ProductNumber??"",i?.brandColorCode??""),qi=P?.tinting.sku??"";return{title:L,img:Q,size:Z,inventoryParams:Yt,priceParams$:Zt,sku:nt,product:C,productItem:f,isPaint:T,tintingSku:qi}}),a=V(e.map((C,f)=>C.priceParams$.pipe(S(P=>({index:f,priceParams:P}))))).pipe(S(C=>C.reduce((f,{index:P,priceParams:T})=>O(A({},f),{[this.#v(P)]:T}),{}))).pipe(D(C=>{let f=e.reduce((P,T,L)=>O(A({},P),{[this.#_(L)]:T.inventoryParams}),{});return this.#k(f,C)})),m=this.#M(a,e.length),v=this.#x(a,e.length);return V(e.map(({title:C,img:f,size:P,sku:T,product:L,productItem:Q,isPaint:Z,tintingSku:nt},Dt)=>{let Yt=this.#_(Dt),Zt=this.#v(Dt);return G(s(()=>O(A({title:C(),img:f(),price:v()[Zt]},P()&&{size:P()}),{inventory:m()[Yt],sku:T,product:L,productItem:Q,isPaint:Z,tintingSku:nt}

1)))}))}#S(t,i,e,n){return t.reduce((a,m)=>{let v=m.Items||[];le(m)&&v.sort((P,T)=>(P.LogisticsData?.NetVolume??0)-(T.LogisticsData?.NetVolume??0));let C=this.#b(v,i.productNumber);if(C&&n===it.ReadyMixed)return a.push({product:m,productItem:C,itemTintingSku:null}),a;let f=this.#P(v,e);if(f.item&&n===it.CustomMixed)return a.push({product:m,productItem:f.item,itemTintingSku:f.itemTintingSku}),a;if(C||f){if(this.#i.info(`[ProductSamplesDataService]: ${n} Item wasn't found for product ${m.ProductNumber} in color ${i.productNumber} with brandColorCode ${i.brandColorCode}`),C)return a.push({product:m,productItem:C,itemTintingSku:null}),a;if(f&&f.item)return a.push({product:m,productItem:f.item,itemTintingSku:f.itemTintingSku}),a}return this.#i.info(`[ProductSamplesDataService]: Items isn't available for product ${m.ProductNumber} in color ${i.productNumber} with brandColorCode ${i.brandColorCode}`),a},[])}#b(t,i){return t.find(n=>n.MarketingData?.PaintTypes?.includes(ot.ReadyMixed)&&n.References?.some(a=>a.Products.some(m=>m.ProductNumber===i)))||null}#P(t,i){let e;return{item:t.find(a=>{let m=ae(a.ErpItemNumbers,this.#l(),this.#i);return e=i.find(v=>v.baseMaterialNumber===m),a.MarketingData?.PaintTypes?.includes(ot.CustomMixed)&&m&&e})||null,itemTintingSku:e||null}}#E(t,i){return s(()=>{if(i){let e=t.LogisticsData?.NetVolume??0,n=t.LogisticsData?.VolumeUOM??"";return{netVolume:e,volumeUOM:n}}return null})}#T(t,i){return s(()=>{let e=t.Assets.filter(m=>

1m.Type===ut.Front)[0]??null,n=e?.Url,a=e?.Description||i();return{src:n,alt:a}})}#k(t,i){let e=this.#p.prepareB2CInventoryCombinedQuery(t),n=this.#a.prepareB2CGetProductPricesCombinedQuery(i);return this.#g.pipe(rt(1),D(a=>this.#c.query(A({query:Oe`query PricesAndInventoryStatuses(${e.queryArgs}, ${n.queryArgs}) {
2      ${e.queryBody}
3      ${n.queryBody}
4        }`,variables:A(A({},e.variables),n.variables),errorPolicy:"ignore"},a)).pipe(S(m=>m.data),at({bufferSize:1,refCount:!0}))))}#y(t){return{deliveryType:Qe.PICKUP,productType:t.isPaint?re.PAINT:re.NON_PAINT,colorType:t.isPaint?t.productItem.MarketingData?.PaintTypes?.includes(ot.ReadyMixed)?ne.READY_MIXED_COLOR:ne.TINTED_COLOR:void 0,quantity:Bi,sKU:t.sku||"",exportCatalogSKU:t.sku||"",kMatReference:t.kMatReference||""}}#M(t,i){return N(t.pipe(S(e=>new Array(i).fill(null).reduce((n,a,m)=>{let v=this.#_(m),C=e[v],f=Jt;if(C){let P=C.items[0];f=P?.inventoryStatus?P.inventoryStatus:Jt}return n[v]={status:f||Jt},n},{}))),{initialValue:new Array(i).fill(null).reduce((e,n,a)=>O(A({},e),{[this.#_(a)]:Qi}),{})})}#F(t,i,e,n){let a={sku:i??"",quantity:Bi,exportCatalogSku:i??"",unitOfMeasurements:t.LogisticsData.SalesUOM??"",kMatReference:t.KMatReference??""};return t.MarketingData?.PaintTypes?.includes(ot.CustomMixed)?this.#A(e,n).pipe(S(m=>O(A({},a),{colorCode:m?.code??"",collectionCode:m?.paletteCode??""}))):h(O(A({},a),{colorCode:"",collectionCode:""}))}#x(t,i){return N(t.pipe(S(e=>

4new Array(i).fill(null).reduce((n,a,m)=>{let v=this.#v(m),C=e[v],f={totalPrice:0};if(C){let P=this.#a.mapToProductPrice(C,this.#n()),T=P.pricePerUnit;f={free:T===0,totalPrice:T,currencyCode:P.currency}}return n[v]=f,n},{}))),{initialValue:new Array(i).fill(null).reduce((e,n,a)=>O(A({},e),{[this.#v(a)]:Wi}),{})})}#_(t){return`inventory_${t}`}#v(t){return`price_${t}`}#I(t,i){return t.map(e=>O(A({},e),{slug:i.get(e.product.ProductNumber??"")||""}))}#D(t){let i=this.#o.productJourneySettings();if(!i)return h([]);let e=this.#d.createAssortmentQuery(i,[{Type:ut.Front,Quality:Xe.OriginalImage,sequence:1}]);return this.#d.getAssortment(i.assortmentId,e,(0,Li.createQueryBuilderV4)("products",new ti).select("ProductNumber").expand("Attributes").expanding("MarketingData",n=>n.expand("FunctionalName").select("FunctionalName")).expanding("Items",n=>n.select("ArticleNumber","KMatReference").expand("Assets","LogisticsData","ErpItemNumbers").expanding("MarketingData",a=>a.select("PaintTypes")).expanding("References",a=>a.expanding("Products",m=>m.select("ProductNumber")))).filter(ei.ProductNumber.in(...t)).build())}#A(t,i){return this.#u.getTintedColors(t,i).pipe(S(e=>e.find(n=>n.code.endsWith(i))),S(e=>e?O(A({},e),{type:it.CustomMixed}):null))}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275prov=K({token:o,factory:o.\u0275fac,providedIn:"root"})}}return o})();function Yi(o,d){if(o&1&&(w(0,"p-tag",1),q(1,"resourceValue")),o&2){let t=c();g("value",Y(1,2,t.bestSellerTag))("icon",t.primeIcons.STAR)}}function Zi(o,d){o&1&&(p(0,"p",2),b(1),u()),o&2&&(l(),U(d))}var Ni=(()=>{class o{constructor(){this.colorDescription=x(),this.isBestseller=x(!1),this.bestSellerTag=I.COLOR_DETAILS_BEST_SELLER_TAG,this.primeIcons=gt}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-color-details-description"]],inputs:{colorDescription:[1,"colorDescription"],isBestseller:[1,"isBestseller"]},decls:3,vars:2,consts:[[1,"flex","flex-column","color-details-description-container"],["data-test-id","colorDetails.description.badge","severity","info",3,"value","icon"],["data-test-id","colorDetails.description.text"]],template:function(i,e){if(i&1&&(p(0,"div",0),y(1,Yi,2,4,"p-tag",1)(2,Zi,2,1,"p",2),u()),i&2){let n;l(),_(e.isBestseller()?1:-1),l(),_((n=e.colorDescription())?2:-1,n)}},dependencies:[wt,Di,Ti,St],styles:[".color-details-description-container[_ngcontent-%COMP%]{gap:var(--p-pds-unit-600)}p[_ngcontent-%COMP%]{margin:0}"],changeDetection:0})}}return o})();var Xi=o=>({"header-banner-background":o}),to=o=>({"--color-details-rgb-value":o}),eo=o=>({"mb-6":o}),io=(o,d)=>({"dark-font":o,"light-font":d});function oo(o,d){if(o&1&&(p(0,"p",4),b(1),u()),o&2){let t=c();l(),B(" ",t.colorInfo().colorCode," ")}}function no(o,d){if(o&1){let t=R();p(0,"p-button",10),F("click",function(){k(t);let e=c();return M(e.onToggleFavoriteClick())}),u()}if(o&2){let t=c();g("text",!0)("icon",t.PrimeIcons.HEART_FILL)}}function ro(o,d){if(o&1){let t=R();p(0,"p-button",10),F("click",function(){k(t);let e=c();return M(e.onToggleFavoriteClick())}),u()}if(o&2){let t=c();g("text",!0)("icon",t.PrimeIcons.HEART)}}function ao(o,d){if(o&1&&(p(0,"h2",8),b(1),q(2,"resourceValue"),u()),o&2){let t=c();g("backgroundRGB",t.colorInfo().rgb),l(),B(" ",Y(2,2,t.tintsAndShadesHeading)," ")}}function lo(o,d){if(o&1&&w(0,"ppg-tints-and-shades",9),o&2){let t=c();g("activeProductNumber",t.colorInfo().productNumber)("stripe",d)("colorSwitchLink",t.colorSwitchLink)}}var Vi=(()=>{class o{constructor(){this.PrimeIcons=gt,this.#t=r(vt),this.#e=r(ft),this.#i=r(j),this.showColorCode=s(()=>!this.#i.getSiteFlag(E.ColorJourneyColorCodeHidden)),this.colorSwitchLink=(t,i)=>({routerLink:this.#e.getColorDetailsPath(t),queryParams:{[Wt]:i.id}}),this.colorInfo=x.required(),this.isFavorite=x.required(),this.tintsAndShades=x.required(),this.toggleFavorite=W(),this.#r=Pt(void 0),this.isFontLight=this.#r.asReadonly(),this.tintsAndShadesHeading=I.GLOBAL_TINTS_AND_SHADES,this.hex=s(()=>{let t=this.#t.stringToRgb(this.colorInfo().rgb);return this.#t.rgbToHex(t)})}get bannerWithStripe(){return!!this.tintsAndShades()}#t;#e;#i;#r;onToggleFavoriteClick(){this.toggleFavorite.emit()}onFontShadeChange(t){this.#r.set(t)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-color-details-header-banner"]],hostVars:2,hostBindings:function(i,e){i&2&&Ce("banner-with-stripe",e.bannerWithStripe)},inputs:{colorInfo:[1,"colorInfo"],isFavorite:[1,"isFavorite"],tintsAndShades:[1,"tintsAndShades"]},outputs:{toggleFavorite:"toggleFavorite"},decls:12,vars:21,consts:[[1,"ppg-color-details-header-banner","relative"],[1,"flex","flex-column",3,"ngClass","ngStyle"],[1,"mt-6",3,"ngClass"],["data-test-id","colorDetails.headerBanner.colorCodeContainer","ppgFontColorBasedOnBackgroun

4d","",1,"flex","flex-row","justify-content-between","align-items-start",3,"fontSwitchedToLight","backgroundRGB","darkFontColorValue","ngClass"],["data-test-id","colorDetails.headerBanner.colorCodeText",1,"mt-0","flex-wrap","text-lg"],[1,"ml-auto"],["data-test-id","colorDetails.headerBanner.favoriteButton",3,"text","icon"],["ppgFontColorBasedOnBackground","","data-test-id","colorDetails.headerBanner.colorName",1,"mt-0",3,"backgroundRGB"],["ppgFontColorBasedOnBackground","","data-test-id","colorDetails.headerBanner.tintsAndShadesHeader",1,"tints-and-shades-header",3,"backgroundRGB"],["data-test-id","colorDetails.headerBanner.tintsAndShadesStripe",1,"absolute",3,"activeProductNumber","stripe","colorSwitchLink"],["data-test-id","colorDetails.headerBanner.favoriteButton",3,"click","text","icon"]],template:function(i,e){if(i&1&&(p(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),F("fontSwitchedToLight",function(a){return e.onFontShadeChange(a)}),y(4,oo,2,1,"p",4),p(5,"div",5),y(6,no,1,2,"p-button",6)(7,ro,1,2,"p-button",6),u()(),p(8,"h1",7),b(9),u(),y(10,ao,3,4,"h2",8),u()(),y(11,lo,1,3,"ppg-tints-and-shades",9),u()),i&2){let n,a;l(),g("ngClass",J(12,Xi,!!e.colorInfo().rgb))("ngStyle",J(14,to,e.hex())),l(),g("ngClass",J(16,eo,!e.tintsAndShades())),l(),g("backgroundRGB",e.colorInfo().rgb)("darkFontColorValue","var(--p-pds-on-surface-neutral-strongest)")("ngClass",ht(18,io,!e.isFontLight(),e.isFontLight())),l(),_(e.showColorCode()?4:-1),l(2),_(e.isFavorite()?6:7),l(2),g("backgroundRGB",e.colorInfo().rgb),l(),B(" ",e.colorInfo().colorName," "),l(),_(((n=e.tintsAndShades())==null?null:n.colors.length)>1?10:-1),l(),_((a=((a=e.tintsAndShades())==null?null:a.colors.length)>1&&e.tintsAndShades())?11:-1,a)}},dependencies:[$t,et,Si,vi,St,Mt,Ft],styles:[`ppg-color-details-header-banner{display:block;--ppg-tints-and-shades-tile-height: 84px}ppg-color-details-header-banner.banner-with-stripe{padding-bottom:calc(var(--ppg-tints-and-shades-tile-height) / 2)}div.ppg-color-details-header-banner .header-banner-background{box-shadow:0 0 0 100vmax var(--color-details-rgb-value);clip-path:inset(0 -100vmax);background-color:var(--color-details-rgb-value);min-height:188px;max-height:290px;position:relative;z-index:0}div.ppg-color-details-header-banner .dark-font .p-button.p-button-text:hover{background-color:var(--p-pds-base-colors-alpha-b10);color:inherit}div.ppg-color-details-header-banner .light-font .p-button.p-button-text:hover{background-color:var(--p-pds-base-colors-alpha-w10);color:inherit}div.ppg-color-details-header-banner .p-button.p-button-text:enabled:active{background-color:var(--p-pds-surface-base);border-color:var(--p-pds-surface-primary-medium);color:var(--p-pds-on-surface-neutral-strongest)}div.ppg-color-details-header-banner .p-button{border-radius:var(--p-pds-radii-100)}div.ppg-color-details-header-banner .p-button:not(:hover){color:inherit}div.ppg-color-details-header-banner .tints-and-shades-header{margin-top:var(--p-pds-unit-800);margin-bottom:calc(var(--p-pds-unit-600) + var(--ppg-tints-and-shades-tile-height) / 2)}div.ppg-color-details-header-banner ppg-tints-and-shades{bottom:calc(var(--ppg-tints-and-shades-tile-height) / -2);--ppg-tints-and-shades-tile-hover-scale: 1.0714285714}
5`],encapsulation:2,changeDetection:0})}}return o})();var Ui=(()=>{class o{#t=r(vt);transform(t){let i=this.#t.stringToRgb(t);return i?`R: ${i.r} G: ${i.g} B: ${i.b}`:""}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275pipe=me({name:"formatRgb",type:o,pure:!0})}}return o})();var so=o=>[o],co=o=>({shouldScroll:!0,fragment:o}),po=(o,d)=>[o,d];function uo(o,d){if(o&1){let t=R();p(0,"a",4),F("click",function(){let e=k(t).$implicit,n=c();return M(n.onColorFamilyClick(e.name))}),p(1,"span",5),b(2),u()()}if(o&2){let t=d.$implicit,i=c();g("routerLink",J(6,so,i.formatPath(t.link.path)))("queryParams",t.link.queryParams)("fragment",t.link.fragment)("state",J(8,co,t.link.fragment)),lt("data-test-id","colorSpecification.colorFamilyName."+t.name),l(2),U(t.name)}}function mo(o,d){if(o&1){let t=R();p(0,"a",8),F("click",function(){let e=k(t).$implicit,n=c(2);return M(n.onColorCollectionClick(e))}),p(1,"span",5),b(2),u()()}if(o&2){let t=d.$implicit,i=c(2);g("routerLink",ht(4,po,i.formatPath(i.colorCollectionLink().path),i.formatPath(t)))("queryParams",i.colorCollectionLink().queryParams),lt("data-test-id","colorSpecification.colorCollectionName."+t),l(2),U(t)}}function Co(o,d){if(o&1&&(p(0,"h2",6),b(1),q(2,"resourceValue"),u(),st(3,mo,3,7,"a",7,xt)),o&2){let t=c();l(),U(Y(2,1,t.resources().collection)),l(2),ct(t.colorSpecification().colorCollectionNames)}}function ho(o,d){if(o&1&&(p(0,"p",10),b(1),q(2,"formatRgb"),u()),o&2){let t=c(2);l(),U(Y(2,1,t.colorSpecification().colorData.rgb))}}function go(o,d){if(o&1&&(p(0,"p",11),b(1),u()),o&2){let t=c(2);l(),B("LRV: ",t.colorSpecification().colorData.lrv,"")}}function fo(o,d){if(o&1&&(p(0,"p",12),b(1),u()),o&2){let t=c(2);l(),B("NCS: ",t.colorSpecification().colorData.ncs,"")}}function _o(o,d){if(o&1&&(p(0,"h2",9),b(1),q(2,"resourceValue"),u(),y(3,ho,3,3,"p",10)(4,go,2,1,"p",11)(5,fo,2,1,"p",12)),o&2){let t=c();l(),U(Y(2,4,t.resources().colorData)),l(2),_(t.rgbEnabled()?3:-1),l(),_(t.lrvEnabled()?4:-1),l(),_(t.ncsEnabled()?5:-1)}}var $i=(()=>{class o{constructor(){this.#t=r(Be),this.supportMultipleFamilies=x.required(),this.colorFamiliesPath=x.required(),this.colorCollectionPath=x.required(),this.colorSpecification=x.required(),this.colorDataEnabled=x.required(),this.rgbEnabled=x.required(),this.lrvEnabled=x.required(),this.ncsEnabled=x.required(),this.colorFamilyClick=W(),this.colorCollectionClick=W(),this.resources=s(()=>({colorFamily:I.COLOR_DETAILS_COLOR_FAMILY_HEADLINE,collection:I.COLOR_DETAILS_COLLECTION_HEADLINE,colorData:I.COLOR_DETAILS_COLOR_DATA_HEADLINE})),this.mappedColorFamilies=s(()=>this.#i()),this.colorCollectionLink=s(()=>ie(this.colorCollectionPath()))}#t;formatPath(t){return this.#t.formatStringValueToUrlPath(t)}onColorCollectionClick(t){this.colorCollectionClick.emit(t)}onColorFamilyClick(t){this.colorFamilyClick.emit(t)}#e(t,i,e){let n=e&&this.supportMultipleFamilies()?`/${e}

5`:"",a=`/${i}`,m=`${t}${n}${a}`;return this.formatPath(m)}#i(){let t=ie(this.colorFamiliesPath());return this.colorSpecification().colorFamilies.map(e=>{let n=A({path:this.#e(t.path,e.name,e.typeLabel),fragment:`${Ai.familyDescription}`},t.queryParams?{queryParams:t.queryParams}:{});return O(A({},e),{link:n})})}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-color-specification"]],inputs:{supportMultipleFamilies:[1,"supportMultipleFamilies"],colorFamiliesPath:[1,"colorFamiliesPath"],colorCollectionPath:[1,"colorCollectionPath"],colorSpecification:[1,"colorSpecification"],colorDataEnabled:[1,"colorDataEnabled"],rgbEnabled:[1,"rgbEnabled"],lrvEnabled:[1,"lrvEnabled"],ncsEnabled:[1,"ncsEnabled"]},outputs:{colorFamilyClick:"colorFamilyClick",colorCollectionClick:"colorCollectionClick"},decls:11,vars:5,consts:[[1,"flex","flex-column","md:flex-row","justify-content-between","color-specification-container"],[1,"flex","flex-column","gap-2"],["data-test-id","colorFamilyNameHeadline",1,"m-0"],[1,"block","text-left","p-0","p-ripple","p-element","p-button","p-component","p-button-link",3,"routerLink","queryParams","fragment","state"],[1,"block","text-left","p-0","p-ripple","p-element","p-button","p-component","p-button-link",3,"click","routerLink","queryParams","fragment","state"],[1,"p-button-label"],["data-test-id","colorCollectionHeadline",1,"m-0"],[1,"block","text-left","p-0","p-ripple","p-element","p-button","p-component","p-button-link",3,"routerLink","queryParams"],[1,"block","text-left","p-0","p-ripple","p-element","p-button","p-component","p-button-link",3,"click","routerLink","queryParams"],["data-test-id","colorDataHeadline",1,"m-0"],["data-test-id","rgbData",1,"m-0"],["data-test-id","lrvData",1,"m-0"],["data-test-id","ncsData",1,"m-0"]],template:function(i,e){i&1&&(p(0,"div",0)(1,"div",1)(2,"h2",2),b(3),q(4,"resourceValue"),u(),st(5,uo,3,10,"a",3,xt),u(),p(7,"div",1),y(8,Co,5,3),u(),p(9,"div",1),y(10,_o,6,6),u()()),i&2&&(l(3),U(Y(4,3,e.resources().colorFamily)),l(2),ct(e.mappedColorFamilies()),l(3),_(e.colorSpecification().colorCollectionNames&&e.colorSpecification().colorCollectionNames.length>0?8:-1),l(2),_(e.colorDataEnabled()?10:-1))},dependencies:[St,Ui,$t,Bt],styles:[".color-specification-container[_ngcontent-%COMP%]{gap:var(--p-pds-unit-600)}"],changeDetection:0})}}return o})();var vo=()=>({});function bo(o,d){if(o&1&&(p(0,"div",5)(1,"span",11),b(2),u(),p(3,"span",12),b(4),u()()),o&2){let t=c(),i=It(0);l(2),B(" ",t.resources().size,": "),l(2),Se(" ",i.size==null?null:i.size.netVolume," ",i.size==null?null:i.size.volumeUOM," ")}}function Po(o,d){if(o&1&&(b(0),q(1,"translocoCurrency")),o&2){c(2);let t=It(0);B(" ",Pe(1,1,t.price.totalPrice,"symbol",be(6,vo),t.price.currencyCode)," ")}}function xo(o,d){if(o&1&&b(0),o&2){let t=c(2);B(" ",t.resources().free," ")}}function Io(o,d){if(o&1&&(p(0,"h3",7),y(1,Po,2,7)(2,xo,1,1),u()),o&2){c();let t=It(0);l(),_(t.price.free?2:1)}}function To(o,d){o&1&&w(0,"div",8)}function Do(o,d){if(o&1){let t=R();p(0,"p-button",13),F("onClick",function(e){k(t);let n=c();return M(n.onAddToCartClick(e))}),w(1,"pds-icon",14),p(2,"span"),b(3),u()()}if(o&2){let t=c();l(3),U(t.resources().productDetailsAddToCart)}}function Ao(o,d){if(o&1&&w(0,"ppg-inventory-status",10),o&2){let t=c(),i=It(0);g("inventory",t.inventory())("inProgress",!!i.inventory.loading)("showAdditionalInformation",!1)}}var Eo="MediumOptimized102",Hi=(()=>{class o{constructor(){this.AvailabilityStatus=Lt,this.#t=r(Nt),this.#e=r(_t),this.#i=r(bt),this.#r=r(Ve),this.#s=r(Rt),this.#d=r(Je),this.#o=r(Ge),this.#p=r(Ut),this.#a=r(Me),this.#u=r(Tt),this.#c=s(()=>this.#t.getPathByAppRouteFeatureModule(pt.Cart)),this.#m=r(j),this.#g=r(Ne),this.#C=r(qt),this.sampleProductItem=x.required(),this.colorDetails=x(),this.crossSellProductClick=W(),this.inventory=s(()=>({inventoryStatus:this.sampleProductItem().inventory.status,isInventoryEnabled:!0})),this.COLOR_QUERY_MIN_CHARS=3,this.#n=r(Et),this.globalSettings=N(this.#r.globalSettings$),this.productDisplayType=s(()=>{let t=this.sampleProductItem()?.product;return t?oi(t):"description-only"}),this.showColorSelector=s(()=>["color-volume","color-only"].includes(this.productDisplayType())),this.showVolumeSelector=s(()=>this.productDisplayType()==="color-volume"),this.priceAvailable=s(()=>!this.sampleProductItem().price.loading&&(this.sampleProductItem().price.free||this.sampleProductItem().price.totalPrice)),this.sampleProductItemImage=s(()=>yt(this.sampleProductItem().img.src,Eo)||ee),this.userCanAddToCart=s(()=>{let t=!this.#g.user(),i=this.#m.getSiteFlag(E.ProductJourneyColorSampleOrderingAllowAnonymus);return t?i:!0}),this.resources=s(()=>({free:this.#e.getResourceByKey(I.FREE),size:this.#e.getResourceByKey(I.PRODUCT_DETAILS_SIZE_HEADER),productDetailsAddToCart:this.#e.getResourceByKey(I.PRODUCT_DETAILS_ADD_TO_CART),addedToCart:this.#e.getResourceByKey(I.PRODUCT_DETAILS_SUCCESS_MODAL_HEADER),errorMessageHeader:this.#e.getResourceByKey(I.PRODUCT_DETAILS_ERROR_MESSAGE_HEADER),successMessageHeader:this.#e.getResourceByKey(I.PRODUCT_DETAILS_SUCCESS_MESSAGE_HEADER),addedToCartErrorMessage:this.#e.getResourceByKey(I.PRODUCT_DETAILS_ERROR_MESSAGE_ADD_TO_CART),addedToCartSuccessMessage:this.#e.getResourceByKey(I.PRODUCT_DETAILS_SUCCESS_MESSAGE_ADD_TO_CART)})),this.detailUrl=s(()=>{let t=this.sampleProductItem(),i=this.#t.getPathByAppRouteFeatureModule(pt.ProductJourneyDetails),e=t.slug||`${encodeURIComponent(t.title)}/${t.product.ProductNumber}`;return`${i}/${e}`}),this.isTintingFeeEnabled=s(()=>this.#m.getSiteFlag(E.ProductJourneyProductDetailsTintingFeeBreakdownIsEnabled)),this.detailUrlParams=s(()=>{let t={},i=this.colorDetails()?.productNumber,e=this.sampleProductItem().sku;return i&&(t[Kt]=i),e&&(t["sku"]=e),Object.keys(t).length>0?t:null})}#t;#e;#i;#r;#l;#s;#d;#o;#p;#a;#u;#c;#m;#g;#C;#n;#h(t){return this.sampleProductItem().isPaint&&t===it.CustomMixed}onAddToCartClick(t){t.preventDefault(),!this.#g.isB2BUser()&&(this.#i.pushColorDetailsGTMTag($.CdpAddSamplesToCart,this.colorDetails(),tt.Consideration),this.#f())}#f(){let t=h(null);this.sampleProductItem().productItem.MarketingData?.PaintTypes?.includes(ot.ReadyMixed)&&this.colorDetails()&&(t=h({productNumber:this.colorDetails()?.productNumber,colorId:this.colorDetails()?.colorId,name:this.colorDetails()?.colorName,hex:this.colorDetails()?.hex})),this.sampleProductItem().productItem.MarketingData?.PaintTypes?.includes(ot.CustomMixed)&&(t=this.#P(this.colorDetails()?.brandColorCode??"")),t.pipe(D(i=>{if(!i)return h(null);let e=this.#b(i);return this.#d.addToCart(e).pipe(rt(1),D(n=>n?(this.#a.add({severity:"success",summary:this.resources().successMessageHeader,detail:this.resources().addedToCartSuccessMessage}),this.#C.getCrossSellsForMainProduct(this.sampleProductItem().product.ProductNumber??"").pipe(S(a=>({color:i,addToCartResponse:n,crossSellProducts:a})),X(()=>h({color:i,addToCartResponse:n,crossSellProducts:[]})))):(this.#a.add({severity:"error",summary:this.resources().errorMessageHeader,detail:this.resources().addedToCartErrorMessage}),h(null))),ce(n=>{if(!n)return;let{color:a,crossSellProducts:m}=n,v={productName:this.sampleProductItem().product.MarketingData?.FunctionalName,color:a,sizeData:{erpNumber:this.sampleProductItem().sku,articleNumber:this.sampleProductItem().sku,netVolume:this.sampleProductItem().size?.netVolume,volumeUOM:this.sampleProductItem().size?.volumeUOM},quantity:1,imgSrc:yt(this.sampleProductItem().img.src)||ee,isPaint:this.sampleProductItem().isPaint,price:{totalPrice:this.sampleProductItem().price.totalPrice},isTintingFeeIncluded:this.isTintingFeeEnabled()&&a?.type===it.CustomMixed,showColorSelector:this.showColorSelector(),showVolumeSelector:this.showVolumeSelector(),crossSellProducts:m};this.#S(v)}),X(()=>(this.#a.add({severity:"error",summary:this.resources().errorMessageHeader,detail:this.resources().addedToCartErrorMessage}),h(null))))}),X(()=>(this.#a.add({severity:"error",summary:this.resources().errorMessageHeader,detail:this.resources().addedToCartErrorMessage}),h(null))),dt(this.#n)).subscribe()}#S(t){this.#l=this.#o.open(hi,{templates:{header:gi},width:qe.Large,dismissableMask:!0,closable:!0,data:{dialogData:t,title:this.resources().addedToCart,showSuccessIcon:!0},style:{maxWidth:"90%"}}),this.#l.onClose.pipe(rt(1)).subscribe(i=>{typeof i=="object"&&i?.action==="crossSellProductClick"?this.crossSellProductClick.emit({productNumber:i.product.productNumber}):i==="goToCart"&&this.#c()&&this.#s.navigateByUrl(this.#c())})}#b(t){let i=this.sampleProductItem().sku;return{sku:`${this.globalSettings()?.sKUPrefix}${i}`,exportCatalogSku:i,locale:this.#p.language(),quantity:1,customColorInformation:{tintBase:" "},serviceItems:this.isTintingFeeEnabled()&&this.#h(t?.type)?{tintingFee:{sku:this.sampleProductItem().tintingSku}}:null,tintedProduct:this.#h(t?.type)?{colorCode:t?.code,colorName:t?.name,hexColorCode:t?.hex,paletteName:t?.paletteName,paletteCode:t?.paletteCode}:null}}#P(t){if(!t||t.length<this.COLOR_QUERY_MIN_CHARS)return h(null);let i=this.sampleProductItem().product?.ProductNumber??"";return this.#u.getTintedColors(i,t).pipe(dt(this.#n),S(e=>e.find(n=>n.code.endsWith(t))),S(e=>e?O(A({},e),{type:it.CustomMixed}):null))}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-sample-product-item"]],inputs:{sampleProductItem:[1,"sampleProductItem"],colorDetails:[1,"colorDetails"]},outputs:{crossSellProductClick:"crossSellProductClick"},decls:14,vars:13,consts:[[1,"flex","flex-column","md:flex-row"],[1,"sample-product-item-image-link",3,"routerLink","queryParams"],["imageClass","sample-product-item-image","loading","lazy","data-test-id","sampleProductItem.image",3,"src","alt"],[1,"flex","flex-column","flex-auto","align-items-start"],["styleClass","text-left p-0","data-test-id","sampleProductItem.title",1,"sample-product-item-title",3,"label","link","routerLink","queryParams"],[1,"flex","sample-product-item-size"],[1,"flex","flex-column","justify-content-between","sample-product-item-order-section"],["data-test-id","sampleProductItem.price",1,"m-0","sample-product-item-price","md:text-right"],[1,"hidden","md:block"],["styleClass","sample-product-item-cart-button flex justify-content-center align-items-center gap-2 white-space-nowrap","type","submit","data-test-id","sampleProductItem.addToCart"],["styleClass","white-space-nowrap",3,"inventory","inProgress","showAdditionalInformation"],["data-test-id","sampleProductItem.sizeLabel",1,"sample-product-item-size-title"],["data-test-id","sampleProductItem.sizeValue",1,"sample-product-item-size-value","font-bold"],["styleClass","sample-product-item-cart-button flex justify-content-center align-items-center gap-2 white-space-nowrap","type","submit","data-test-id","sampleProductItem.addToCart",3,"onClick"],["name","cart-outline",1,"flex"]],template:function(i,e){if(i&1&&(ye(0),p(1,"p-card")(2,"div",0)(3,"a",1),w(4,"p-image",2),u(),p(5,"div",3),w(6,"p-button",4),y(7,bo,5,3,"div",5),u(),p(8,"div",6),y(9,Io,3,1,"h3",7)(10,To,1,0,"div",8),p(11,"div"),y(12,Do,4,1,"p-button",9)(13,Ao,1,3,"ppg-inventory-status",10),u()()()()),i&2){let n=ve(e.sampleProductItem());l(),lt("data-test-id","sampleProductItem.card."+n.product.ProductNumber),l(2),g("routerLink",e.detailUrl())("queryParams",e.detailUrlParams()),l(),g("src",e.sampleProductItemImage())("alt",n.img.alt),l(2),g("label",n.title)("link",!0)("routerLink",e.detailUrl())("queryParams",e.detailUrlParams()),l(),_(e.showVolumeSelector()?7:-1),l(2),_(e.priceAvailable()?9:10),l(3),_(n.inventory.status===e.AvailabilityStatus.AVAILABLE&&e.userCanAddToCart()?12:13)}}

5,dependencies:[Qt,jt,ri,ni,Bt,Ci,He,et,$e],styles:["[_nghost-%COMP%]     .sample-product-item-image{object-fit:contain;object-position:center}[_nghost-%COMP%]     .sample-product-item-cart-button{width:100%;fill:var(--p-pds-surface-primary-extreme-soft)}@media all and (min-width:768px){[_nghost-%COMP%]     .sample-product-item-cart-button{width:unset}}.sample-product-item-image-link[_ngcontent-%COMP%]{margin-bottom:var(--p-pds-unit-600)}@media all and (min-width:768px){.sample-product-item-image-link[_ngcontent-%COMP%]{margin-bottom:0;margin-right:var(--p-pds-unit-600)}}[_nghost-%COMP%]     .sample-product-item-image, .sample-product-item-image-link[_ngcontent-%COMP%]{width:100%;height:100%;max-width:64px;max-height:64px}@media all and (min-width:768px){[_nghost-%COMP%]     .sample-product-item-image, .sample-product-item-image-link[_ngcontent-%COMP%]{max-width:96px;max-height:96px}}.sample-product-item-title[_ngcontent-%COMP%]{margin-bottom:var(--p-pds-unit-400)}.sample-product-item-title[_ngcontent-%COMP%]     .p-button.p-button-link{font-size:var(--p-pds-typography-body-large-size)}.sample-product-item-size-title[_ngcontent-%COMP%], .sample-product-item-size-value[_ngcontent-%COMP%]{font-size:var(--p-pds-typography-body-small-size)}.sample-product-item-size[_ngcontent-%COMP%]{gap:var(--p-pds-unit-200)}.sample-product-item-order-section[_ngcontent-%COMP%]{margin-top:var(--p-pds-unit-400);gap:var(--p-pds-unit-400)}@media all and (min-width:768px){.sample-product-item-order-section[_ngcontent-%COMP%]{margin-top:0}}"],changeDetection:0})}}return o})();var ko=(o,d)=>d.product.ProductNumber;function Mo(o,d){if(o&1){let t=R();p(0,"ppg-sample-product-item",6),F("crossSellProductClick",function(e){k(t);let n=c(2);return M(n.onCrossSellProductClick(e))}),u()}if(o&2){let t=d.$implicit,i=c(2);g("sampleProductItem",t)("colorDetails",i.colorDetails())}}function Fo(o,d){if(o&1&&(p(0,"div",2),st(1,Mo,1,2,"ppg-sample-product-item",5,ko),u()),o&2){let t=c();l(),ct(t.sampleItems())}}var Gi=(()=>{class o{constructor(){this.#t=r(_t),this.#e=r(bt),this.#i=r(Vt),this.sampleItems=x([]),this.colorDetails=x(),this.colorEmg=this.colorDetails()?.productNumber,this.cta=x(),this.crossSellProductClick=W(),this.resources=s(()=>({orderSamples:this.#t.getResourceByKey(I.COLOR_DETAILS_ORDER_SAMPLES),showAllSamples:this.#t.getResourceByKey(I.COLOR_DETAILS_SHOW_ALL_SAMPLES)}))}#t;#e;#i;navigateToShowProducts(){let t=this.cta();t&&(this.#e.pushColorDetailsGTMTag($.CdpShowSamples,this.colorDetails(),tt.Consideration),t.content.url+=`&${ci}=true`,this.#i.navigate(t))}onCrossSellProductClick(t){this.crossSellProductClick.emit(t)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-color-details-order-samples-section"]],inputs:{sampleItems:[1,"sampleItems"],colorDetails:[1,"colorDetails"],cta:[1,"cta"]},outputs:{crossSellProductClick:"crossSellProductClick"},decls:6,vars:6,consts:[["data-test-id","colorDetailsPage.orderSamples.section",1,"flex","flex-column"],["data-test-id","colorDetailsPage.orderSamples.headline",1,"my-0"],["data-test-id","colorDetailsPage.orderSamples.container",1,"flex","flex-column","order-samples-container"],[1,"flex","flex-column","align-items-center"],["data-test-id","colorDetails.orderSamples.showAllButton",3,"onClick","text","label"],[3,"sampleProductItem","colorDetails"],[3,"crossSellProductClick","

5sampleProductItem","colorDetails"]],template:function(i,e){i&1&&(p(0,"div",0)(1,"h2",1),b(2),u(),y(3,Fo,3,0,"div",2),p(4,"div",3)(5,"p-button",4),F("onClick",function(){return e.navigateToShowProducts()}),u()()()),i&2&&(kt(e.sampleItems().length>0?"order-samples-section":"order-samples-container"),l(2),B(" ",e.resources().orderSamples," "),l(),_(e.sampleItems().length>0?3:-1),l(2),g("text",!0)("label",e.resources().showAllSamples))},dependencies:[Hi,et],styles:[".order-samples-section[_ngcontent-%COMP%]{gap:var(--p-pds-unit-600)}.order-samples-container[_ngcontent-%COMP%]{gap:var(--p-pds-unit-200)}"],changeDetection:0})}}return o})();var wo=["headerBannerContainer"],Ro=o=>({"--desktop-header-banner-height":o}),Bo=(o,d)=>({"xl:mt-6":o,"xl:mt-0 gallery-empty-container":d});function Lo(o,d){if(o&1&&(p(0,"section"),w(1,"ppg-breadcrumbs",5),u()),o&2){let t=c();l(),g("breadcrumbs",t.breadcrumbs())("rootName",t.breadcrumbsHome())}}function Oo(o,d){o&1&&Xt(0)}function No(o,d){if(o&1){let t=R();p(0,"p-card",11)(1,"div",20)(2,"h5",21),b(3),u(),p(4,"p-button",22),F("onClick",function(){k(t);let e=c(2);return M(e.navigateToLaunchColorVisualizer(e.ctaLaunchColorVisualizer()))}),p(5,"div",23)(6,"span",24),b(7),u(),w(8,"span",25),u()()()()}if(o&2){let t,i=c(2);l(3),B(" ",i.resources().launchColorVisualizerHeadline," "),l(4),U((t=i.ctaLaunchColorVisualizer())==null||t.content==null?null:t.content.text),l(),kt(i.PrimeIcons.ARROW_UP_RIGHT)}}function Vo(o,d){if(o&1){let t=R();p(0,"ppg-color-warranty",26),F("ctaButtonClicked",function(){k(t);let e=c(2);return M(e.onColorWarrantyButtonClicked())}),u()}if(o&2){let t=c(2);g("warranty",t.colorWarranty())}}function Uo(o,d){o&1&&Xt(0)}function $o(o,d){if(o&1&&w(0,"ppg-color-details-description",15),o&2){let t,i,e=c(2);g("isBestseller",!!((t=e.colorDetails())!=null&&t.isBestSeller))("colorDescription",(i=(i=e.colorDetails())==null?null:i.description)!==null&&i!==void 0?i:"")}}function Ho(o,d){if(o&1){let t=R();p(0,"ppg-color-details-order-samples-section",27),F("crossSellProductClick",function(e){k(t);let n=c(2);return M(n.crossSellProductClick(e))}),u()}if(o&2){let t=c(2);g("colorDetails",t.colorDetails())("sampleItems",t.validSampleItems())("cta",t.ctaShowProducts())}}function Go(o,d){if(o&1&&w(0,"ppg-brand-icon",32),o&2){let t=c(5);g("url",t.ctaShowProducts().content.icon.url)}}function qo(o,d){if(o&1&&w(0,"ppg-image",33),o&2){let t,i=c(5);g("url",(t=(t=i.ctaShowProducts())==null||t.content==null||t.content.icon==null?null:t.content.icon.url)!==null&&t!==void 0?t:"")("isResponsive",!1)}}function zo(o,d){if(o&1&&y(0,Go,1,1,"ppg-brand-icon",32)(1,qo,1,2,"ppg-image",33),o&2){let t=c(4);_(t.ctaShowProductsIconIsSVG()?0:1)}}function Ko(o,d){if(o&1){let t=R();p(0,"div",30)(1,"p-button",31),F("onClick",function(){k(t);let e=c(3);return M(e.navigateToShowProducts(e.ctaShowProducts()))}),y(2,zo,2,1),b(3),u()()}if(o&2){let t,i,e=c(3);l(),g("outlined",!0),l(),_(!((t=e.ctaShowProducts())==null||t.content==null)&&t.content.icon?2:-1),l(),B(" ",(i=e.ctaShowProducts())==null||i.content==null?null:i.content.text," ")}}function jo(o,d){if(o&1&&w(0,"ppg-brand-icon",32),o&2){let t=c(3).$implicit;g("url",t.content.icon.url)}}function Qo(o,d){if(o&1&&w(0,"ppg-image",33),o&2){let t=c(3).$implicit;g("url",t.content.icon.url)("isResponsive",!1)}}function Wo(o,d){if(o&1&&y(0,jo,1,1,"ppg-brand-icon",32)(1,Qo,1,2,"ppg-image",33),o&2){let t=c(2).$index,i=c(3);_(i.findAndBuyCtaIconIsSVG()[t]?0:1)}}function Jo(o,d){if(o&1){let t=R();p(0,"div",30)(1,"p-button",34),F("onClick",function(){k(t);let e=c(),n=e.$implicit,a=e.$index,m=c(3);return M(m.navigateToFindAndBuy(n,a))}),y(2,Wo,2,1),b(3),u()()}if(o&2){let t=c(),i=t.$implicit,e=t.$index,n=c(3);l(),g("outlined",!0),lt("data-test-id",n.getFindAndBuyButtonTestId(e)),l(),_(i.content.icon?2:-1),l(),B(" ",i.content.text," ")}}function Yo(o,d){if(o&1&&y(0,Jo,4,4,"div",30),o&2){let t=d.$implicit;_(t.content.url?0:-1)}}function Zo(o,d){if(o&1&&(p(0,"div",18)(1,"h2",28),b(2),u(),p(3,"div",29),y(4,Ko,4,3,"div",30),st(5,Yo,1,1,null,null,xt),u()()),o&2){let t,i=c(2);

5l(2),B(" ",i.resources().findAndBuySectionHeadline," "),l(2),_(!((t=i.ctaShowProducts())==null||t.content==null)&&t.content.url?4:-1),l(),ct(i.findAndBuyCtaItems())}}function Xo(o,d){if(o&1&&w(0,"ppg-color-warranty",19),o&2){let t=c(2);g("warranty",t.colorWarranty())}}function tn(o,d){if(o&1){let t=R();p(0,"section",3)(1,"div",6,1),y(3,Oo,1,0,"ng-container",7),u(),p(4,"div",8)(5,"div",9)(6,"ppg-galleria",10),F("startVideoClick",function(e){k(t);let n=c();return M(n.startVideoClickHandler(e))})("thumbnailClick",function(e){k(t);let n=c();return M(n.onGalleriaItemChange(e))}),u(),y(7,No,9,4,"p-card",11)(8,Vo,1,1,"ppg-color-warranty",12),u()(),p(9,"div",13)(10,"div",14,1),y(12,Uo,1,0,"ng-container",7),u(),y(13,$o,1,2,"ppg-color-details-description",15),p(14,"ppg-color-specification",16),F("colorCollectionClick",function(){k(t);let e=c();return M(e.onColorCollectionClick())})("colorFamilyClick",function(){k(t);let e=c();return M(e.onColorFamilyClick())}),u(),y(15,Ho,1,3,"ppg-color-details-order-samples-section",17)(16,Zo,7,2,"div",18)(17,Xo,1,1,"ppg-color-warranty",19),u()()}if(o&2){let t,i,e=c(),n=_e(5);l(3),g("ngTemplateOutlet",n),l(3),g("showItemNavigators",!0)("showThumbnails",!0)("ngStyle",J(21,Ro,e.desktopHeaderHeight()))("ngClass",ht(23,Bo,e.galleriaImages().length,!e.galleriaImages().length))("images",e.galleriaImages()),l(),_(!((t=e.ctaLaunchColorVisualizer())==null||t.content==null)&&t.content.url?7:-1),l(),_(e.colorWarranty()?8:-1),l(4),g("ngTemplateOutlet",n),l(),_((i=e.colorDetails())!=null&&i.isBestSeller||(i=e.colorDetails())!=null&&i.description?13:-1),l(),g("supportMultipleFamilies",e.areMultipleFamilyTypesEnabled())("colorSpecification",e.colorSpecification())("colorDataEnabled",e.isColorDataSectionEnabled())("rgbEnabled",e.isColorDataRGBEnabled())("lrvEnabled",e.isColorDataLRVEnabled())("ncsEnabled",e.isColorDataNCSEnabled())("colorFamiliesPath",e.colorFamilyNavigationPath())("colorCollectionPath",e.colorCollectionNavigationPath()),l(),_(e.colorSampleOrderingEnabled()&&e.hasValidSamplePrices()?15:-1),l(),_(e.isFindAndBuySectionVisible()?16:-1),l(),_(e.colorWarranty()?17:-1)}}function en(o,d){if(o&1&&(p(0,"section",4),w(1,"ppg-container-603010",35),u()),o&2){let t=c();l(),g("model",t.coordinatingColors())("fullWidth",!0)}}function on(o,d){if(o&1){let t=R();p(0,"ppg-color-details-header-banner",36),F("toggleFavorite",function(){k(t);let e=c();return M(e.onFavoriteButtonClicked())}),u()}if(o&2){let t,i=c();g("isFavorite",i.isFavorite())("colorInfo",i.colorDetails())("tintsAndShades",(t=i.tintsAndShades())!==null&&t!==void 0?t:null)}}var il=(()=>{class o{#t;#e;#i;#r;#l;#s;#d;#o;#p;#a;#u;#c;#m;#g;#C;#n;#h;#f;#S;#b;#P;#E;#T;#k;#y;#M;#F;#x;#_;#v;#I;#D;#A;#w;#R;#L;constructor(){this.headerContainers=void 0,this.#t=Pt("0px"),this.desktopHeaderHeight=this.#t.asReadonly(),this.#e=r(Et),this.#i=r(Rt),this.#r=r(ke),this.#l=r(zt),this.#s=r(Gt),this.#d=r(Ht),this.#o=r(j),this.#p=r(li),this.#a=r(si),this.#u=r(Vt),this.#c=r(_t),this.#m=r(Ut),this.#g=r(Re),this.#C=r(Nt),this.#n=r(bt),this.#h=r(wi),this.#f=r(bi),this.#S=r(Pi),this.#b=r(Ae),this.#P=r(Ee),this.#E=r(_i),this.#T=r(fi),this.#k=r(ft),this.#y=r(Oi),this.#M=r(Mi),this.#F=r(qt),this.storeLocatorFindAndBuyIndex=0,this.colorConsultationFindAndBuyIndex=1,this.PrimeIcons=gt,this.content=x.required(),this.pageContent=s(()=>this.content().page.content),this.breadcrumbsHome=s(()=>this.#c.getResourceByKey(I.BREADCRUMB_HOME)),this.breadcrumbs=s(()=>this.#N(this.colorDetails(),this.content())),this.findAndBuyCtaItems=s(()=>this.pageContent().ctaFindAndBuySupportedPaint),this.ctaShowProductsContent=s(()=>this.pageContent().ctaShowProducts),this.ctaLaunchColorVisualizer=s(()=>this.pageContent().ctaLaunchColorVisualizer),this.colorWarranty=s(()=>this.pageContent().colorWarranty),this.isColorDataSectionEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyColorDataSectionEnabled)),this.isColorDataRGBEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyColorDataRGBEnabled)),this.isColorDataLRVEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyColorDataLRVEnabled)),this.isColorDataNCSEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyColorDataNCSEnabled)),this.tintsAndShadesEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyTintsAndShadesEnabled)),this.cordinatingColorsEnabled=s(()=>this.#o.getSiteFlag(E.ColorJourneyCoordinatingColorsEnabled)),this.colorToProductJourneyEnabled=s(()=>this.#o.getSiteFlag(E.ColorToProductJourneyEnabled)),this.videoThumbnailCodename=s(()=>this.#o.getSiteSettingValueByKey(E.BrandingAssetsVideoThumbnail)),this.algorithmsFromConfig=s(()=>{let t=this.#o.getSiteSettingValueByKey(E.ColorJourneyCoordinatingColorsAlgorithm1),i=this.#o.getSiteSettingValueByKey(E.ColorJourneyCoordinatingColorsAlgorithm2),e=this.#o.getSiteSettingValueByKey(E.ColorJourneyCoordinatingColorsAlgorithm3);return[t,i,e].filter(n=>!!n)}),this.#x=this.#r.paramMap.pipe(S(t=>t.get(Ei)),At()),this.#_=this.#r.queryParams.pipe(S(t=>t[ki]),At()),this.#v=this.#S.getStripeIdFromQueryParams(this.#r.queryParams),this.#I=V({paramMapProductNumber:this.#x,queryParamsProductNumber:this.#_}).pipe(S(({paramMapProductNumber:t,queryParamsProductNumber:i})=>t||i),mt(Boolean),D(t=>this.#l.getColorDetails(t)),at(1)),this.#D=s(()=>this.tintsAndShadesEnabled()&&this.cordinatingColorsEnabled()),this.#A=G(this.#D),this.#w=V({paramMapProductNumber:this.#x,queryParamsProductNumber:this.#_}).pipe(S(({paramMapProductNumber:t,queryParamsProductNumber:i})=>t||i),mt(Boolean),D(t=>this.#f.getStripeIdFromProductNumber(t,this.tintsAndShadesEnabled())),at(1)),this.colorDetails=N(this.#I,{initialValue:null}),this.#R=V([this.#f.getTintsAndShadesProductNumbersByStripeId({isEnabled:this.#A,stripeId:this.#w}),this.#h.getCoordinatingColorsProductNumbers({isEnabled:this.#A,productNumber:this.#x}

5)]).pipe(S(([t,i])=>!t||!i?{tintsAndShades:[],coordinatingColors:[]}:{tintsAndShades:t.colors??[],coordinatingColors:i??[]}),D(({tintsAndShades:t,coordinatingColors:i})=>{let e={tintsAndShades:null,coordinatingColors:null};if(t.length===0||i.length===0)return h(e);let n=Array.from(new Set([...t,...i])),a=this.#l.getColorInfo(n);return a?a.pipe(D(m=>m?(e={tintsAndShades:t?.map(v=>m.find(C=>C.productNumber===v)).filter(v=>!!v),coordinatingColors:m.filter(v=>i?.includes(v.productNumber))},h(e)):h(e))):h(e)}),at(1)),this.tintsAndShades=N(V([this.#I,this.#w,this.#R]).pipe(mt(([,t])=>!!t),D(([t,i,e])=>e.tintsAndShades?this.#f.getTintsAndShadesByColors(e.tintsAndShades,{colorInfo:h(t),stripeId:h(i),tintsAndShadesEnabled:h(this.#D())}):this.#f.getTintsAndShadesByParams({colorInfo:h(t),stripeId:h(i),tintsAndShadesEnabled:h(this.tintsAndShadesEnabled())})),S(t=>t?.id?t:null),At())),this.colorSampleOrderingEnabled=this.#y.colorSampleOrderingEnabled,this.sampleItems=this.#y.getSamples(this.colorDetails),this.hasValidSamplePrices=s(()=>this.#y.hasValidSamplePrices(this.sampleItems().value)),this.validSampleItems=s(()=>this.#y.getValidSampleItems(this.sampleItems().value)),this.#L=s(()=>{if(!this.hasValidSamplePrices())return h([]);let t=this.#d.productJourneySettings();if(!t)return h([]);let i=this.#s.createCategoriesQuery(t);return this.#s.getAllCategories(t.webHierarchy,i).pipe(at(1))}),this.categories=N(G(this.#L).pipe(D(t=>t)),{initialValue:[]}),this.coordinatingColors=N(V([this.#I,this.#R,G(this.cordinatingColorsEnabled)]).pipe(D(([t,i,e])=>{if(!t)return h(null);if(i.coordinatingColors){let n=t?.productNumber??"";return this.#$(n,i.coordinatingColors)}return e?this.#U(t):h(null)}))),this.ctaShowProducts=s(()=>this.#V()),this.ctaShowProductsIconIsSVG=s(()=>!!this.ctaShowProducts()?.content?.icon?.url?.toLowerCase().endsWith(te.SVG)),this.findAndBuyCtaIconIsSVG=s(()=>this.findAndBuyCtaItems().map(t=>!!t?.content?.icon?.url?.toLowerCase().endsWith(te.SVG))),this.isFavorite=s(()=>{let t=this.colorDetails(),i=this.#p.favoriteColors();return t?i.some(e=>e.productNumber===t.productNumber):!1}),this.resources=s(()=>

5({findAndBuySectionHeadline:this.#c.getResourceByKey(I.COLOR_DETAILS_FIND_AND_BUY_SUPPORTED_PAINT_HEADLINE),launchColorVisualizerHeadline:this.#c.getResourceByKey(I.COLOR_DETAILS_VISUALIZE_THE_COLOR_HEADLINE)})),this.videoThumbnail=this.getVideoThumbnail()?N(this.getVideoThumbnail()):Pt(void 0),this.isFindAndBuySectionVisible=s(()=>this.findAndBuyCtaItems().some(t=>t?.content?.url)),this.colorSpecification=s(()=>this.mapToColorSpecification(this.colorDetails())),this.areMultipleFamilyTypesEnabled=this.#l.areMultipleFamilyTypesEnabled,this.colorFamilyNavigationPath=s(()=>this.#C.getPathByAppRouteFeatureModule(pt.ColorFamilies)??""),this.colorCollectionNavigationPath=s(()=>this.#C.getPathByAppRouteFeatureModule(pt.ColorCollection)??""),this.galleriaImages=s(()=>{let t=this.colorDetails()?.assets.filter(n=>n.type.toLowerCase()==="ambiance"),i=this.colorDetails()?.assets.filter(n=>n.type.toLowerCase()==="color image"),e=this.colorDetails()?.assets.filter(n=>n.type.toLowerCase()==="video");return t?.sort((n,a)=>n.sequence-a.sequence),i?.sort((n,a)=>n.sequence-a.sequence),e?.sort((n,a)=>n.sequence-a.sequence),[...t?this.#B(t):[],...i?this.#B(i):[],...e?this.#B(e,this.videoThumbnail()):[]]}),Ie(()=>{let t=this.colorDetails();

5if(t){this.#n.pushColorDetailsGTMTag($.CdpDetailView,t);let i={title:t.metaTitle,description:t.metaDescription,canonicalUrl:this.#M.constructColorCanonicalUrl(t)},e=this.#T.getMetaTags(i,we.COLOR_DETAILS);this.#b.addTags(e);let n=this.#T.getLinkTags(i);this.#E.addOrUpdateTags(n),t.metaTitle&&this.#P.setTitle(t.metaTitle)}}),this.#S.initStripeIdQueryParamsUpdater({router:this.#i,relativeTo:this.#r,stripeId:s(()=>this.tintsAndShades()?.id||null),stripeIdFromQueryParams:N(this.#v,{initialValue:null}),enabled:this.tintsAndShadesEnabled})}ngAfterViewInit(){this.headerContainers?.changes.pipe(Ct(this.headerContainers),S(t=>{let i=[t.first,t.last].filter(e=>e?.nativeElement?.offsetHeight>0)[0];return i?i.nativeElement.offsetHeight+"px":"220px"}),dt(this.#e)).subscribe(t=>this.#t.set(t)),this.#a.favoriteColorAdded$.pipe(dt(this.#e)).subscribe(t=>this.#n.addColorToFavoritesGTMtag(t,oe.ColorDetailsPage)),this.#a.favoriteColorRemoved$.pipe(dt(this.#e)).subscribe(t=>this.#n.removeColorFromFavoritesGTMtag(t,oe.ColorDetailsPage))}onFavoriteButtonClicked(){let t=this.colorDetails();t&&(this.isFavorite()?this.#a.removeFromFavorites(t):this.#a.addToFavorites(t))}onColorWarrantyButtonClicked(){this.#n.pushColorDetailsGTMTag($.CdpWarrantyInfo,this.colorDetails())}onGalleriaItemChange(t){this.#n.changeGalleriaItemGTMTag(this.colorDetails(),t)}onColorFamilyClick(){this.#n.pushColorDetailsGTMTag($.CdpColorFamily,this.colorDetails())}onColorCollectionClick(){this.#n.pushColorDetailsGTMTag($.CdpColorCollection,this.colorDetails())}navigateToLaunchColorVisualizer(t){this.#n.pushColorDetailsGTMTag($.CdpLaunchVisualizer,this.colorDetails()),this.#u.navigate(t)}navigateToShowProducts(t){t&&(this.#n.pushColorDetailsGTMTag($.CdpShowProducts,this.colorDetails(),tt.Consideration),this.#u.navigate(t))}navigateToFindAndBuy(t,i){switch(i){case this.colorConsultationFindAndBuyIndex:this.#n.pushColorDetailsGTMTag($.CdpColorConsultation,this.colorDetails(),tt.Consideration);break;case this.storeLocatorFindAndBuyIndex:this.#n.pushColorDetailsGTMTag($.CdpFindStore,this.colorDetails(),tt.Consideration);break}this.#u.navigate(t)}getFindAndBuyButtonTestId(t){switch(t){case this.storeLocatorFindAndBuyIndex:return"colorDetails.findAndBuy.findStoreButton";case this.colorConsultationFindAndBuyIndex:return"colorDetails.findAndBuy.colorAdviceButton";default:return null}}mapToColorSpecification(t){return t?{colorFamilies:t.colorFamilies??[],colorCollectionNames:t.colorCollections??[],colorData:{rgb:t.rgb,lrv:t.lrv,ncs:t.ncs}}:null}#N(t,i){let e=t?.colorName;return e?[{title:i?.breadcrumbs[0]?.title,url:`${this.#C.getPathByAppRouteFeatureModule(pt.ColorFamilies)}`,dataTestId:"breadcrumbs.colorFamilies"},{title:e,dataTestId:"colorFamilies.selectedFamilyName"}]:[]}#B(t,i){return t.filter(e=>e.url!==null).map(e=>({id:e.id,name:e.name,type:e.type==ut.Video?se.Video:se.Image,src:e.type==ut.Video?e.url:yt(e.url)??"",thumbnailSrc:e.type==ut.Video?i?.url:yt(e.url,"SmallOptimized54")??"",alt:e.description??""}))}getVideoThumbnail(){let t=this.#o.siteId(),i=this.videoThumbnailCodename();return this.#g.getSiteStaticAssets(t,this.#m.language()).pipe(S(e=>e?.items.find(n=>n.codename.includes(i))))}startVideoClickHandler(t){}#V(){let t=this.colorDetails();if(!t||!this.colorToProductJourneyEnabled())return null;let i=this.ctaShowProductsContent();if(!i?.content?.url)return null;let e=this.tintsAndShades()?.id,n=this.#k.getColorToProductJourneyListPath(A({[Kt]:t.productNumber},e?{[Wt]:e.toString()}:{}));return n?O(A({},i),{content:O(A({},i.content),{url:n})}):null}#U(t){let i=this.algorithmsFromConfig();return this.#h.getCoordinatingColors(t).pipe(S(e=>{if(!e||!e.length)return null;let n=i.map(a=>e.find(m=>m.algorithm===a)).filter(a=>!!a);return this.#O(n)}))}#$(t,i){let e=this.algorithmsFromConfig();return this.#h.mapCoordinatingColors(t,i).pipe(S(n=>{if(!n||!n.length)return null;let a=e.map(m=>n.find(v=>v.algorithm===m)).filter(m=>!!m);return this.#O(a)}))}#O(t){let i=t.filter(e=>e.secondary.isValid&&e.accent.isValid).map(e=>{let n=e.algorithm;return{headline:this.#c.getResourceByKey(n),primaryColor:this.colorDetails(),secondaryColor:e.secondary,accentColor:e.accent}});return i.length?{headline:this.#c.getResourceByKey(I.GLOBAL_COORDINATING_COLORS),components:i,textAlignment:Fe.CENTER}:null}crossSellProductClick(t){t.productNumber&&this.#F.getCrossSellProductsWithOriginalProducts([t.productNumber]).pipe(rt(1)).subscribe(i=>{let e=i.products.find(n=>n.ProductNumber===t.productNumber);if(e){let n=i.crossSells.find(m=>m.productNumber===t.productNumber)?.name||"",a=this.#H(e.CategoryIds||[]);this.#n.selectCrossSellProductCDPGTMTag(e,n,a),this.#n.cdpCrossSellProductClicked(n)}})}#H(t){let i=this.categories(),e=this.#m.language();return t?.map(n=>i.find(v=>v.Id===n)?.Name?.find(v=>v.Language===e)?.Translation??null)?.filter(n=>n!=null)??[]}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=H({type:o,selectors:[["ppg-color-details"]],viewQuery:function(i,e){if(i&1&&he(wo,5),i&2){let n;ge(n=fe())&&(e.headerContainers=n)}},inputs:{content:[1,"content"]},decls:6,vars:3,consts:[["headerBanner",""],["headerBannerContainer",""],[1,"ppg-color-details","page-content"],[1,"page-section","page-section-x-padded","flex","flex-column","xl:flex-row","details-section"],["data-test-id","coordinatingColors.section",1,"page-section","page-section-x-padded"],[3,"breadcrumbs","rootName"],["data-test-id","colorDetails.smallScreenHeaderBannerContainer",1,"block","xl:hidden"],[4,"ngTemplateOutlet"],[1,"w-full"],[1,"flex","flex-column","gallery-column","w-full"],["data-test-id","colorDetails.galleria",1,"z-1",3,"startVideoClick","thumbnailClick","

5showItemNavigators","showThumbnails","ngStyle","ngClass","images"],["styleClass","w-full",1,"z-1"],["data-test-id","colorDetailsPage.colorWarranty",1,"hidden","xl:block","z-1",3,"warranty"],[1,"flex","flex-column","description-column","w-full"],["data-test-id","colorDetails.largeScreenHeaderBannerContainer",1,"hidden","xl:block"],[1,"block",3,"isBestseller","colorDescription"],[1,"block",3,"colorCollectionClick","colorFamilyClick","supportMultipleFamilies","colorSpecification","colorDataEnabled","rgbEnabled","lrvEnabled","ncsEnabled","colorFamiliesPath","colorCollectionPath"],["data-test-id","colorDetails.orderSamples.section",3,"colorDetails","sampleItems","cta"],["data-test-id","colorDetails.findAndBuy.section",1,"find-and-buy-section","flex","flex-column"],["data-test-id","colorDetailsPage.colorWarranty",1,"block","xl:hidden",3,"warranty"],[1,"flex","flex-column"],["data-test-id","colorDetailsPage.launchColorVisualizerHeadline",1,"font-bold"],["data-test-id","colorDetailsPage.launchColorVisualizerButton","styleClass","w-full flex justify-content-center",1,"mt-3",3,"onClick"],[1,"flex","flex-row","align-items-center","gap-2"],["data-test-id","colorDetailsPage.launchColorVisualizerButton.label"],[2,"font-size","inherit"],["data-test-id","colorDetailsPage.colorWarranty",1,"hidden","xl:block","z-1",3,"ctaButtonClicked","warranty"],["data-test-id","colorDetails.orderSamples.section",3,"crossSellProductClick","colorDetails","sampleItems","cta"],["data-test-id","colorDetailsPage.findAndBuySectionHeadline",1,"my-0"],["data-test-id","colorDetailsPage.findAndBuyButtons",1,"flex","flex-column","md:flex-row","flex-wrap","find-and-buy-container"],[1,"flex-1"],["data-test-id","colorDetails.findAndBuy.showProductsButton","styleClass","w-full h-full inline-flex flex-wrap align-content-center justify-content-center gap-1",3,"onClick","outlined"],[3,"url"],["width","auto","height","auto",3,"url","isResponsive"],["styleClass","w-full h-full inline-flex flex-wrap align-content-center justify-content-center gap-1",3,"onClick","outlined"],["data-test-id","coordinatingColors",3,"model","fullWidth"],["ngSkipHydration","",3,"toggleFavorite","isFavorite","colorInfo","tintsAndShades"]],template:function(i,e){if(i&1&&(y(0,Lo,2,2,"section"),p(1,"div",2),y(2,tn,18,26,"section",3)(3,en,2,2,"section",4),u(),y(4,on,1,3,"ng-template",null,0,xe)),i&2){let n;_(e.breadcrumbs()?0:-1),l(2),_((n=e.colorDetails())?2:-1,n),l(),_(e.coordinatingColors()?3:-1)}},dependencies:[pi,et,Qt,jt,di,Vi,Ni,$i,yi,ui,ai,wt,Mt,Te,Ft,mi,Gi],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:var(--p-pds-unit-1000)}.details-section[_ngcontent-%COMP%]{gap:var(--p-pds-unit-1000)}@media screen and (min-width:1280px){.details-section[_ngcontent-%COMP%]{gap:var(--p-pds-unit-600)}}.details-section[_ngcontent-%COMP%]   .gallery-column[_ngcontent-%COMP%]{gap:var(--p-pds-unit-800)}.details-section[_ngcontent-%COMP%]   .description-column[_ngcontent-%COMP%]{gap:var(--p-pds-unit-1000)}.details-section[_ngcontent-%COMP%]   .description-column[_ngcontent-%COMP%]   .find-and-buy-section[_ngcontent-%COMP%]{gap:var(--p-pds-unit-600)}.details-section[_ngcontent-%COMP%]   .description-column[_ngcontent-%COMP%]   .find-and-buy-section[_ngcontent-%COMP%]   .find-and-buy-container[_ngcontent-%COMP%]{column-gap:var(--p-pds-unit-600);row-gap:var(--p-pds-unit-400)}@media screen and (min-width:1280px){.details-section[_ngcontent-%COMP%]   .description-column[_ngcontent-%COMP%]   .find-and-buy-section[_ngcontent-%COMP%]   .find-and-buy-container[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{min-width:calc(50% - var(--p-pds-unit-600) / 2);max-width:calc(50% - var(--p-pds-unit-600) / 2)}}@media screen and (min-width:1280px){.gallery-empty-container[_ngcontent-%COMP%]{height:var(--desktop-header-banner-height)}}"]})}}return o})();export{ki as COLOR_ID_QUERY_PARAM,nn as COLOR_NAME_PARAM,Ei as COLOR_PRODUCT_NUMBER_PARAM,il as ColorDetailsComponent};