https://www.gardensillustrated.com/944.50549bcddee2517e.js

1"use strict";(self.webpackChunkstorefront=self.webpackChunkstorefront||[]).push([[944],{4365:(I,d,l)=>{l.d(d,{AN:()=>g,FZ:()=>u,Mw:()=>o,Rp:()=>T,W9:()=>x});var f=l(4404),x=function(c){return c.COVER="cover",c.CARD="card",c.HIGHLIGHT="highlight",c.DETAILS="details",c.GROUP="group",c}(x||{});const T={showErrorDialog:!0};var g=function(c){return c.SINGLE="SINGLE",c.MULTI="MULTI",c}(g||{}),u=function(c){return c.SILENT="SILENT",c}(u||{});const o={template:x.CARD,openContent:{mode:f.DisplayMode.MODAL,titleBar:!0},downloadOptions:null,customButtons:[],customMessages:[],titleMessage:"ISSUE_TITLE",descriptionMessage:"ISSUE_DESCRIPTION",publicationTitleMessage:"ISSUE_PUBLICATION_TITLE"}},944:(I,d,l)=>{l.r(d),l.d(d,{PublicationCompletionModule:()=>Ro,component:()=>ko});var f=l(177),_=l(3),P=l(9805),x=l(4403),T=l(6215),g=l(467),u=l(9379),o=l(3953),c=l(4745),D=l(4404),S=l(4572),j=l(6010),Y=l(8004),L=l(8251),H=l(4004),M=l(4622),W=l(3178),E=l(8091),y=l(7879),Z=l(1210),A=l(4365);const z={publicationId:null,fallback:null,titleMessage:"PUBLICATION_COMPLETION_TITLE",promotionTextMessage:"PUBLICATION_COMPLETION_PROMOTION_TEXT",purchaseButtonMessage:"PUBLICATION_COMPLETION_ACTION_PURCHASE",maxDisplayIssues:5,maxUnlockableIssues:1e3};var C=l(8179),Q=l(5964),G=l(1739),K=l(950),N=l(8909),R=l(2932),k=l(1302),F=l(7240),O=l(6962),X=l(2868);const B=n=>[n];function J(n,e){1&n&&o.nrm(0,"div",7),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function V(n,e){if(1&n&&o.Z7z(0,J,1,1,"div",7,o.fX1),2&n){const t=o.XpG(4);o.Dyx(t.displayedIssues)}}function w(n,e){1&n&&o.nrm(0,"storefront-image",8),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function q(n,e){if(1&n&&o.Z7z(0,w,1,1,"storefront-image",8,o.fX1),2&n){const t=o.XpG(4);o.Dyx(t.displayedIssues)}}function oo(n,e){if(1&n&&(o.j41(0,"div",2),o.DNE(1,V,2,0)(2,q,2,0),o.k0s()),2&n){const t=o.XpG(3);o.R7$(),o.vxM(t.domHelper.leanDom?1:2)}}function no(n,e){1&n&&o.nrm(0,"div",9)}function to(n,e){if(1&n&&o.DNE(0,no,1,0,"div",9),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function io(n,e){1&n&&o.nrm(0,"storefront-spinner",10)}function eo(n,e){if(1&n&&o.DNE(0,io,1,0,"storefront-spinner",10),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function lo(n,e){if(1&n){const t=o.RV6();o.DNE(0,oo,3,1,"div",2),o.nrm(1,"h3",3)(2,"p",4),o.j41(3,"button",5),o.bIt("click",function(a){o.eBV(t);const p=o.XpG(2);return o.Njj(p.onClickPurchase(a))}),o.nrm(4,"span",6),o.DNE(5,to,1,1)(6,eo,1,1),o.k0s()}if(2&n){const t=o.XpG(2);o.vxM(t.displayedIssues?0:-1),o.R7$(),o.Y8G("storefrontTranslate",t.config.titleMessage),o.R7$(),o.Y8G("storefrontTranslate",t.config.promotionTextMessage)("storefrontTranslateArgs",t.publicationCompletionArgs),o.R7$(),o.Y8G("disabled",t.purchaseLoading),o.R7$(),o.Y8G("storefrontTranslate",t.config.purchaseButtonMessage)("storefrontTranslateArgs",o.eq3(8,B,t.productPriceInfo.formattedPrice)),o.R7$(),o.vxM(t.domHelper.leanDom?5:6)}}function ao(n,e){}function co(n,e){if(1&n&&o.DNE(0,ao,0,0,"ng-template",0),2&n){const t=o.XpG(2);o.Y8G("classNames","publication-completion-fallback")("baseContext",t.baseContext())("baseConfig",t.fallback)}}function po(n,e){if(1&n&&o.nrm(0,"p",1),2&n){const t=o.XpG(2);o.Y8G("storefrontTranslateArgs",o.eq3(1,B,t.error.code))}}function ro(n,e){if(1&n&&o.DNE(0,lo,7,10)(1,co,1,3,null,0)(2,po,1,3,"p",1),2&n){const t=o.XpG();o.vxM(t.fallback||t.publicationCompletionLoading||t.error?-1:0),o.R7$(),o.vxM(t.fallback?1:-1),o.R7$(),o.vxM(t.error?2:-1)}}function so(n,e){1&n&&o.nrm(0,"div",11)}function uo(n,e){1&n&&o.nrm(0,"storefront-spinner",12)}function mo(n,e){if(1&n&&o.DNE(0,so,1,0,"div",11)(1,uo,1,0,"storefront-spinner",12),2&n){const t=o.XpG();o.vxM(t.domHelper.leanDom?0:1)}}let $=(()=>{var n;class e extends Z.${constructor(){super(...arguments),this.store=(0,o.WQX)(L.B),this.eventActionService=(0,o.WQX)(Y.G),this.rxStore=(0,o.WQX)(c.il),this.purpleService=(0,o.WQX)(j.Wj),this.changeDetectorRef=(0,o.WQX)(o.gRc),this.defaultConfig=(0,u.A)({},z),this.error=null,this.unlockableIssues=[],this.displayedIssues=[],this.unlockableIssuesPriceInfos=[],this.publicationCompletionArgs=[],this.publicationCompletionLoading=!0,this.purchaseLoading=!1,this.purchaseConfig=(0,u.A)({},A.Rp)}onConfigChanges(){this.purchaseConfig=(0,u.A)((0,u.A)({},A.Rp),this.config.purchase),this.config.titleMessage=(0,C.v3)(this.config.titleMessage),this.config.promotionTextMessage=(0,C.v3)(this.config.promotionTextMessage),this.config.purchaseButtonMessage=(0,C.v3)(this.config.purchaseButtonMessage),this.initPublicationCompletion()}initPublicationCompletion(){var i=this;return(0,g.A)(function*(){var a;const p={publicationProductFilter:{AND:[{purchased:{value:!1}},{hidden:{value:!1}}]}};(0,y.E7)(window.purple.catalog,{major:1,minor:4},D.IntOperation.GREATER_THAN)&&p.publicationProductFilter.AND.push({type:{value:D.PublicationProductType.BACK_ISSUE_COMPLETION}}),p.maxUnlockableContents=null!==(a=i.config.maxUnlockableContents)&&void 0!==a?a:i.config.maxUnlockableIssues,i.config.productFilter&&(p.publicationProductFilter={AND:[p.publicationProductFilter,i.config.productFilter]}),i.config.unlockableIssuesFilter&&(p.unlockableIssuesFilter=(0,C.n)(i.config.unlockableIssuesFilter),console.error("using deprecated unlockableIssuesFilter on publication-completion component, use unlockableContentsFilter instead")),i.config.unlockableContentsFilter&&(p.unlockableContentsFilter=(0,C.Ph)(i.config.unlockableContentsFilter));try{var h;const m=yield i.purpleService.getPublicationProducts(p);if(m){let r=[];i.config.publicationId?i.product=m.find(b=>!!b.publications[i.config.publicationId]):i.config.publicationFilter?(r=(yield i.purpleService.getPublications({publicationFilter:(0,C.y3)(i.config.publicationFilter)})).nodes.map(s=>s.id),i.product=m.find(s=>

1!!r.find(v=>s.publications[v]))):i.product=m[0],i.product&&(r=Object.keys(i.product.publications),i.unlockableIssues=r.reduce((b,s)=>[...b,...i.product.publications[s].unlockableIssues],[]))}if(i.product&&(null===(h=i.unlockableIssues)||void 0===h?void 0:h.length)>0){i.unlockableIssues=(0,K.dV)(i.unlockableIssues),i.displayedIssues=i.unlockableIssues.slice(0,i.config.maxDisplayIssues);try{i.store.subscribe(i.calculatePrices(),([r,b])=>{r?(0,G.b)(r)?i.showError(r):(i.productPriceInfo=r,i.unlockableIssuesPriceInfos=b.filter(s=>!!s&&!(0,G.b)(s)),i.unlockableIssuesPrice=i.unlockableIssuesPriceInfos.reduce((s,v)=>v?s+v.price:s,0),i.productPriceInfo.price<i.unlockableIssuesPrice?(i.fallback=null,i.error=null,i.saving=Math.floor((i.unlockableIssuesPrice-i.productPriceInfo.price)/i.unlockableIssuesPrice*100),i.publicationCompletionArgs=i.getPublicationCompletionArgs(),i.publicationCompletionLoading=!1):i.showFallback()):i.showFallback()})}catch(r){console.warn("Could not calculate all publication completion prices: ",r),i.showError(r)}}else i.showFallback()}catch(m){console.warn("Could not load publication completion products: ",m),i.showError(m)}})()}calculatePrices(){const i=this.unlockableIssues.map(p=>p.productId),a=(0,S.z)((0,M.Zt)(this.product.productId)(this.rxStore),(0,M.TX)(i)(this.rxStore)).pipe((0,Q.p)(([p,h])=>!h.includes(void 0)));return this.store.dispatch((0,H.$W)({productIds:[...i,this.product.productId]})),a}showFallback(){this.publicationCompletionLoading=!1,this.fallback=this.config.fallback}showError(i){this.publicationCompletionLoading=!1,this.error=i}onClickPurchase(i){var a=this;return(0,g.A)(function*(){i.stopPropagation(),a.purchaseLoading=!0,a.changeDetectorRef.detectChanges(),yield a.eventActionService.processPurchaseAction((0,u.A)((0,u.A)({},a.purchaseConfig),{},{productId:a.product.productId,price:a.productPriceInfo.price,currency:a.productPriceInfo.currency}),a),a.purchaseLoading=!1})()}getPublicationCompletionArgs(){if(this.unlockableIssues.length>0&&this.saving&&this.unlockableIssuesPrice&&this.productPriceInfo){const i=new Intl.NumberFormat((0,W.JK)(),{style:"currency",currency:this.unlockableIssuesPriceInfos[0].currency});return['<span class="issue-count">'.concat(this.unlockableIssues.length,"</span>"),'<span class="saving">'.concat(this.saving,"%</span>"),'<span class="former-price">'.concat(i.format(this.unlockableIssuesPrice),"</span>"),'<span class="current-price">'.concat(this.productPriceInfo.formattedPrice,"</span>")]}return[]}getTrackingParams(){return(0,y.TH)(this.product,this.productPriceInfo)}getErrorDialogArgs(i){return(0,E.F0)((0,E.E2)(i,this.contextService),this.product)}}return(n=e).type="publication-completion",n.\u0275fac=(()=>{let t;return function(a){return(t||(t=o.xGo(n)))(a||n)}})(),n.\u0275cmp=o.VBU({type:n,selectors:[["storefront-publication-completion"]],standalone:!1,features:[o.Jv_([L.B]),o.Vt3],decls:2,vars:2,consts:[[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(i,a){1&i&&o.DNE(0,ro,3,3)(1,mo,2,1),2&i&&(o.vxM(a.config?0:-1),o.R7$(),o.vxM(!a.config||a.publicationCompletionLoading?1:-1))},dependencies:[N.M,R.h,k.x,F.t,O.n,X.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),e})();const fo=["class","pxp-publication-completion"],U=n=>[n];function Co(n,e){1&n&&o.nrm(0,"div",7),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function bo(n,e){if(1&n&&o.Z7z(0,Co,1,1,"div",7,o.fX1),2&n){const t=o.XpG(4);o.Dyx(t.displayedIssues)}}function _o(n,e){1&n&&o.nrm(0,"storefront-image",8),2&n&&o.Y8G("src",e.$implicit.thumbnails.default)}function xo(n,e){if(1&n&&o.Z7z(0,_o,1,1,"storefront-image",8,o.fX1),2&n){const t=o.XpG(4);o.Dyx(t.displayedIssues)}}function go(n,e){if(1&n&&(o.j41(0,"div",2),o.DNE(1,bo,2,0)(2,xo,2,0),o.k0s()),2&n){const t=o.XpG(3);o.R7$(),o.vxM(t.domHelper.leanDom?1:2)}}function ho(n,e){1&n&&o.nrm(0,"div",9)}function vo(n,e){if(1&n&&o.DNE(0,ho,1,0,"div",9),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function Po(n,e){1&n&&o.nrm(0,"storefront-spinner",10)}function To(n,e){if(1&n&&o.DNE(0,Po,1,0,"storefront-spinner",10),2&n){const t=o.XpG(3);o.vxM(t.purchaseLoading?0:-1)}}function Io(n,e){if(1&n){const t=o.RV6();o.DNE(0,go,3,1,"div",2),o.nrm(1,"h3",3)(2,"p",4),o.j41(3,"button",5),o.bIt("click",function(a){o.eBV(t);const p=o.XpG(2);return o.Njj(p.onClickPurchase(a))}),o.nrm(4,"span",6),o.DNE(5,vo,1,1)(6,To,1,1),o.k0s()}if(2&n){const t=o.XpG(2);o.vxM(t.displayedIssues?0:-1),o.R7$(),o.Y8G("storefrontTranslate",t.config.titleMessage),o.R7$(),o.Y8G("storefrontTranslate",t.config.promotionTextMessage)("storefrontTranslateArgs",t.publicationCompletionArgs),o.R7$(),o.Y8G("disabled",t.purchaseLoading),o.R7$(),o.Y8G("storefrontTranslate",t.config.purchaseButtonMessage)("storefrontTranslateArgs",o.eq3(8,U,t.productPriceInfo.formattedPrice)),o.R7$(),o.vxM(t.domHelper.leanDom?5:6)}}function Do(n,e){}function Lo(n,e){if(1&n&&o.DNE(0,Do,0,0,"ng-template",0),2&n){const t=o.XpG(2);o.Y8G("classNames","publication-completion-fallback")("baseContext",t.baseContext())("baseConfig",t.fallback)}}function Mo(n,e){if(1&n&&o.nrm(0,"p",1),2&n){const t=o.XpG(2);o.Y8G("storefrontTranslateArgs",o.eq3(1,U,t.error.code))}}function Eo(n,e){if(1&n&&o.DNE(0,Io,7,10)(1,Lo,1,3,null,0)(2,Mo,1,3,"p",1),2&n){const t=o.XpG();o.vxM(t.fallback||t.publicationCompletionLoading||t.error?-1:0),o.R7$(),o.vxM(t.fallback?1:-1),o.R7$(),o.vxM(t.error?2:-1)}}function yo(n,e){1&n&&o.nrm(0,"div",11)}function Ao(n,e){1&n&&o.nrm(0,"storefront-spinner",12)}function Go(n,e){if(1&n&&o.DNE(0,yo,1,0,"div",11)(1,Ao,1,0,"storefront-spinner",12),2&n){const t=o.XpG();o.vxM(t.domHelper.leanDom?0:1)}}let No=(()=>{var n;class e extends ${}return(n=e).\u0275fac=(()=>{let t;return function(a){return(t||(t=o.xGo(n)))(a||n)}})(),n.\u0275cmp=o.VBU({type:n,selectors:[["div",8,"pxp-publication-completion"]],standalone:!1,features:[o.Vt3],attrs:fo,decls:2,vars:2,consts:[[3,"pxpDynamicComponent","classNames","baseContext","baseConfig"],["storefrontTranslate","ERROR_PUBLICATION_COMPLETION",1,"publication-completion-error",3,"storefrontTranslateArgs"],[1,"publication-completion-issues","stacked","top-even-centered"],[1,"title",3,"storefrontTranslate"],[1,"promotion-text",3,"storefrontTranslate","storefrontTranslateArgs"],[1,"button-purchase","action-button",3,"click","disabled"],[3,"storefrontTranslate","storefrontTranslateArgs"],["height","DEFAULT",1,"pxp-image",3,"src"],["height","DEFAULT",3,"src"],[1,"pxp-spinner","button-spinner"],[1,"button-spinner"],[1,"pxp-spinner","publication-completion-loading"],[1,"publication-completion-loading"]],template:function(i,a){1&i&&o.DNE(0,Eo,3,3)(1,Go,2,1),2&i&&(o.vxM(a.config?0:-1),o.R7$(),o.vxM(!a.config||a.publicationCompletionLoading?1:-1))},dependencies:[N.M,R.h,k.x,F.t,O.n,X.q],styles:['.aspectRatioBase{position:relative;display:block}.aspectRatioBase:before{content:"";position:relative;display:block}.aspectRatioBase>*{position:absolute}storefront-publication-completion,.pxp-publication-completion{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}storefront-publication-completion h3,.pxp-publication-completion h3{margin:var(--gutter);text-align:center}storefront-publication-completion .publication-completion-issues,.pxp-publication-completion .publication-completion-issues{display:flex;width:100%;justify-content:center}storefront-publication-completion .promotion-text,.pxp-publication-completion .promotion-text{text-align:center;margin:var(--gutter)}storefront-publication-completion .promotion-text span,.pxp-publication-completion .promotion-text span{font-weight:700}storefront-publication-completion .promotion-text span.saving,storefront-publication-completion .promotion-text span.former-price,storefront-publication-completion .promotion-text span.current-price,.pxp-publication-completion .promotion-text span.saving,.pxp-publication-completion .promotion-text span.former-price,.pxp-publication-completion .promotion-text span.current-price{color:var(--primaryColor)}storefront-publication-completion button,.pxp-publication-completion button{color:#fff;background-color:var(--primaryColor)}storefront-publication-completion button[disabled],.pxp-publication-completion button[disabled]{opacity:.5}@media (max-width: 533px) and (orientation: portrait),(max-height: 533px) and (orientation: landscape){storefront-publication-completion button,.pxp-publication-completion button{width:100%}}storefront-publication-completion storefront-spinner.publication-completion-loading,storefront-publication-completion .pxp-spinner.publication-completion-loading,.pxp-publication-completion storefront-spinner.publication-completion-loading,.pxp-publication-completion .pxp-spinner.publication-completion-loading{--spinnerColor: var(--secondaryColor);height:100px;width:100px}\n'],encapsulation:2}),e})(),Ro=(()=>{var n;class e{}return(n=e).\u0275fac=function(i){return new(i||n)},n.\u0275mod=o.$C({type:n}),n.\u0275inj=o.G2t({imports:[f.MD,x.U,T.O,P.ButtonModule,_.pZ]}),e})();const ko={component:$,leanDomComponent:No}},1739:(I,d,l)=>{function f(_){return _&&!!_.code}l.d(d,{b:()=>f})}}]);