https://www.gardensillustrated.com/modal.leandom.component-22ULXSXT.js

1import{a as U,b as $}from"./chunk-27Q37A3Z.js";import{b as F,c as R}from"./chunk-2CR3GDBB.js";import"./chunk-5BPDLDGU.js";import"./chunk-P2VMNUBR.js";import"./chunk-5WTUBVIN.js";import"./chunk-2T2WS4SX.js";import"./chunk-HIHT3FGD.js";import"./chunk-AZX7ZKC4.js";import{a as L,b as Y}from"./chunk-HUUBZTH7.js";import"./chunk-IN7FWWHD.js";import"./chunk-G5QD4FQT.js";import"./chunk-LQWU2QIY.js";import"./chunk-6Z4KK3DV.js";import{b as T,c as z}from"./chunk-IMMPUTIX.js";import"./chunk-5ADT5EX4.js";import"./chunk-LS52HLFW.js";import"./chunk-WXDPVM5Z.js";import"./chunk-VDO5H3U7.js";import"./chunk-DUETLGPB.js";import"./chunk-JKQEY5YB.js";import{n as O,t as S}from"./chunk-ZH6ZNVE5.js";import{Cb as b,Db as g,Dc as y,Gc as D,Ia as f,Ob as v,Oc as M,Qb as _,Rb as x,Tb as h,Ub as C,Vb as d,Wb as n,Xb as s,cd as I,ec as k,gc as p,hb as c,ic as P,pa as r,qa as m,tc as w,xb as u}from"./chunk-7ECHXWGJ.js";import{d as E}from"./chunk-HQXTCKBE.js";function A(o,i){}function H(o,i){if(o&1&&g(0,A,0,0,"ng-template",6,2,M),o&2){let t=P().$implicit;d("baseConfig",t)}}function q(o,i){if(o&1&&v(0,H,2,1,null,6),o&2){let t=i.$implicit;_(t._isEnabled?0:-1)}}var j,Z,G=E(()=>{z();$();S();Y();R();I();j=["class","pxp-modal"];Z=(()=>{class o extends U{static{this.\u0275fac=(()=>{let t;return function(e){return(t||(t=f(o)))(e||o)}})()}static{this.\u0275cmp=u({type:o,selectors:[["div",8,"pxp-modal"]],features:[D([T]),b],attrs:j,decls:7,vars:4,consts:[["container",""],["scrollContainer",""],["viewChild",""],[3,"click"],["aria-label","close",1,"icon","icon-close",3,"click"],["storefrontCheckOverflowTarget","self",1,"modal-content",3,"storefrontCheckOverflow"],[3,"pxpDynamicComponent","baseConfig"]],template:function(l,e){if(l&1){let a=k();n(0,"div",3,0),p("click",function(B){return r(a),m(e.onClickContent(B))}),n(2,"button",4),p("click",function(){return r(a),m(e.onClickClose())}),s(),n(3,"div",5,1),h(5,q,1,1,null,null,x),s()()}if(l&2){let a;w(y("modal-container ",(a=e.viewConfig())==null?null:a.name)),c(3),d("storefrontCheckOverflow",e.OverflowDirection.VERTICAL),c(2),C(e.children())}},dependencies:[F,O,L],styles:[`storefront-modal,.pxp-modal{position:fixed;top:0;bottom:0;left:0;z-index:21;display:flex;align-items:center;justify-content:center;width:100%;height:auto;overflow:hidden;background:transparent;transition:background-color 60ms ease-in}storefront-modal[animation=POP_UP] .modal-container,.pxp-modal[animation=POP_UP] .modal-container{position:relative;width:auto;

1min-width:200px;max-width:90%;min-height:200px;max-height:90%;transform:scale(0)}storefront-modal[animation=POP_UP] .modal-container .modal-content,.pxp-modal[animation=POP_UP] .modal-container .modal-content{padding:var(--modalPadding);padding-bottom:var(--modalPaddingBottom)}storefront-modal[animation=POP_UP].visible,.pxp-modal[animation=POP_UP].visible{background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}storefront-modal[animation=POP_UP].visible .modal-container,.pxp-modal[animation=POP_UP].visible .modal-container{top:auto;left:auto;transform:scale(1)}storefront-modal.visible,.pxp-modal.visible{background-color:#00000080;opacity:1;transition:background-color 60ms ease-out}storefront-modal.visible .modal-container,.pxp-modal.visible .modal-container{transform:translateY(0);transition:transform .2s ease-out 60ms}storefront-modal .modal-content,.pxp-modal .modal-content{overflow:auto}storefront-modal .modal-content>storefront-element:last-child,storefront-modal .modal-content>div:last-child,.pxp-modal .modal-content>storefront-element:last-child,.pxp-modal .modal-content>div:last-child{margin-bottom:var(--modalPaddingBottom)}storefront-modal .modal-container,.pxp-modal .modal-container{position:absolute;top:var(--appBarHeight);bottom:0;display:flex;flex-direction:column;width:100%;height:auto;overflow:auto;background-color:var(--modalBgColor);transform:translateY(100%);transition:transform .15s ease-in}storefront-modal .modal-container>button.icon-close,.pxp-modal .modal-container>button.icon-close{flex-shrink:0;align-self:flex-end;width:32px;height:32px;margin:var(--gutter);font-size:18px}storefront-modal .modal-container .modal-content.scrollable-vert.scrollable-bottom,.pxp-modal .modal-container .modal-content.scrollable-vert.scrollable-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 0% calc(100% - 2 * var(--gutter)),#0000);mask-image:linear-gradient(to bottom,#000 0% calc(100% - 2 * var(--gutter)),#0000)}storefront-modal .modal-container .modal-content.scrollable-vert.scrollable-top,.pxp-modal .modal-container .modal-content.scrollable-vert.scrollable-top{-webkit-mask-image:linear-gradient(to top,#000 0% calc(100% - 2 * var(--gutter)),#0000);mask-image:linear-gradient(to top,#000 0% calc(100% - 2 * var(--gutter)),#0000)}storefront-modal .modal-container .modal-content.scrollable-vert.scrollable-bottom.scrollable-top,.pxp-modal .modal-container .modal-content.scrollable-vert.scrollable-bottom.scrollable-top{-webkit-mask-image:linear-gradient(to bottom,#0000,#000 calc(2 * var(--gutter)) calc(100% - 2 * var(--gutter)),#0000);mask-image:linear-gradient(to bottom,#0000,#000 calc(2 * var(--gutter)) calc(100% - 2 * var(--gutter)),#0000)}
2`],encapsulation:2})}}return o})()});G();export{Z as ModalLeanDomComponent};