PageSourceSearch

https://www.clinique.com/cdn/shop/t/82/assets/core-dialog.Nol79C1E.min.js

js clinique.com collected 2026-09-24 08:58:54 UTC 17,860 bytes, 48 lines download raw bytes

1import{a as t}from"./BaseElement.wji90fuE.min.js";import{W as a}from"./WithModalDialog.CpI_Ubm9.min.js";import{x as i,l as e,t as r,h as o,m as n,T as s,o as l,b as d,n as c,p,a as h}from"./vendor-lit.2u3dzq2T.min.js";import{W as m}from"./WithApiClient.B8AOHZZP.min.js";import"./modal-context.CE7TbCWB.min.js";import"./fetchWithCache.BJ12kVQ7.min.js";import"./vendor.D2HIaoTS.min.js";var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,y=(t,a,i,e)=>{for(var r,o=e>1?void 0:e?w(a,i):a,n=t.length-1;n>=0;n--)(r=t[n])&&(o=(e?r(a,i,o):r(o))||o);return e&&o&&g(a,i,o),o};let u=class extends(a(t)){onClick(t){this.modalId&&(t.preventDefault(),this.modalIsOpen?this.stampDeferredDialog()?this.$emit("modal-dialog::open",this.modalId):this.closeModal():this.openModal())}updated(t){var a;super.updated(t),this.toggleAttribute("open",this.modalIsOpen),null==(a=this.assignedElements)||a.forEach(t=>{t.toggleAttribute("open",this.modalIsOpen),t.setAttribute("aria-expanded",String(this.modalIsOpen))})}render(){return i`<slot @click="${this.onClick}"></slot>`}};y([e()],u.prototype,"assignedElements",2),u=y([r("dialog-toggle")],u);var v,f,x,b=Object.defineProperty,k=Object.getOwnPropertyDescriptor,C=t=>{throw TypeError(t)},z=(t,a,i,e)=>{for(var r,o=e>1?void 0:e?k(a,i):a,n=t.length-1;n>=0;n--)(r=t[n])&&(o=(e?r(a,i,o):r(o))||o);return e&&o&&b(a,i,o),o},$=(t,a,i)=>a.has(t)||C("Cannot "+i),j=(t,a,i)=>($(t,a,"read from private field"),a.get(t)),O=(t,a,i)=>a.has(t)?C("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,i),T=(t,a,i)=>($(t,a,"access private method"),i);let L=class extends(m(a(t))){constructor(){super(...arguments),O(this,f),this.type="modal",this.anchor="right",this.withoutTitle=!1,this.closeOnBackdropClick=!1,this.class="",this.headerClasses="",this.parentClass="",this.closeIconSize="18",O(this,v,null),this._loadURLContentTask=new o(this,{task:async([t],{signal:a})=>{if(!this.hasToLoadURL)return n;const i=await this.$api.client.fetchClient(t,{method:"GET",signal:a,headers:{"Content-Type":"text/html"}});return a.throwIfAborted(),i},args:()=>[this.url]})}_handleBackdropClick(t){this.closeOnBackdropClick&&t.target instanceof HTMLElement&&"DIALOG"===t.target.tagName&&T(this,f,x).call(this)}_handleGenericClick(t){const a=t.target;a.hasAttribute("close-modal")&&(t.preventDefault(),T(this,f,x).call(this)),a.closest("[close-modal]")&&(t.preventDefault(),T(this,f,x).call(this))}firstUpdated(t){super.firstUpdated(t),(this.open||this.modalIsOpen&&!this.open)&&this.show()}async show(){const t=await this.dialog;var a,i;t&&!t.open&&(a=v,i=document.activeElement,$(this,a,"write to private field"),a.set(this,i),t.showModal(),this.open=!0)}async hide(){const t=await this.dialog;t&&t.open&&(t.close(),this.open=!1),j(this,v)&&j(this,v).focus()}get hasToLoadURL(){const t=this.url;return!(!t||"#"===t||"about:blank"===t||"javascript:;"===t||"javascript:void(0)"===t||""===t)}get dialogContentHTML(){return this.hasToLoadURL?i`
2      ${this._loadURLContentTask.render({pending:()=>i`<p class="animate-pulse p-md text-center caption">
3            Loading...
4          </p>`,complete:t=>t?i`${l(t)}`:s})}
5    `:i`<slot @click=${this._handleGenericClick}></slot>`}willUpdate(t){t.has("url")&&""!==this.url&&(this.urlParams=new URL(this.url).searchParams)}render(){return i`
6      <dialog
7        role="dialog"
8        aria-modal="true"
9        type="${this.type}"
10        aria-labelledby="${this.id}-dialogTitle"
11        @modal-close=${T(this,f,x)}
12        @close=${T(this,f,x)}
13        .inert=${!this.modalIsOpen}
14        class="dialog ${this.parentClass}"
15        @click=${this._handleBackdropClick}
16      >
17        <div
18          class="${this.type||"modal"} grid grid-cols-1 grid-rows-[var(--dmn-dialog-header-height,_60px)_minmax(0,_1fr)_auto]"
19          size=${this.size}
20          anchor=${this.anchor}
21        >
22          <div
23            class="${this.headerClasses} sticky top-0 z-50 flex items-center justify-between bg-background px-sm py-xs"
24          >
25            <div
26              class="${this.withoutTitle?"sr-only":""} grow-1"
27              id="${this.id}-dialogTitle"
28            >
29              <slot name="header"></slot>
30            </div>
31
32            <button
33              @click=${T(this,f,x)}
34              class="focus-visible:ring-u-focus ml-auto inline-flex leading-none focus:outline-hidden focu
34s-visible:ring-1"
35            >
36              <slot name="close-icon">
37                <svg-icon
38                  src="icon-close"
39                  style="font-size: ${this.closeIconSize}px"
40                ></svg-icon>
41                <span class="sr-only">Close</span>
42              </slot>
43            </button>
44          </div>
45          <div>${this.dialogContentHTML}</div>
46        </div>
47      </dialog>
48    `}};v=new WeakMap,f=new WeakSet,x=function(){this.closeModal(),this.open&&(this.open=!1)},L.styles=[d('/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-ease:initial;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.dialog[open]::backdrop{background-color:var(--color-overlay);opacity:1;transition-property:opacity,overlay,display;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-behavior:allow-discrete;--tw-duration:.3s;transition-duration:.3s;transition-delay:0s;display:block}@media (prefers-reduced-motion:reduce){.dialog[open]::backdrop{transition-property:none}}.dialog:not([open])::backdrop{opacity:0;transition-property:opacity,overlay,display;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-behavior:allow-discrete;--tw-duration:.3s;transition-duration:.3s;transition-delay:.1s;display:none}@media (prefers-reduced-motion:reduce){.dialog:not([open])::backdrop{transition-property:none}}@starting-style{.dialog[open]::backdrop{opacity:0}
48}.dialog{inset:calc(var(--spacing,.25rem)*0);margin:calc(var(--spacing,.25rem)*0);overscroll-behavior:contain;background-color:unset;opacity:1;width:100dvw;height:100dvh;transition-property:visibility,opacity,display,overlay;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-behavior:allow-discrete;display:block;position:fixed;overflow:hidden}@media (prefers-reduced-motion:reduce){.dialog{transition-property:none}}.dialog:modal{max-height:100dvh}.dialog:modal{max-width:100vw}.dialog[type=modal]{inset:calc(var(--spacing,.25rem)*0)!important;padding-inline:calc(var(--spacing,.25rem)*0)!important}@media (min-width:48rem){.dialog[type=modal]{justify-content:center;align-items:center;display:flex}}.dialog:not([open]){pointer-events:none;visibility:hidden;opacity:0;--tw-duration:.7s;transition-duration:.7s;transition-delay:.5s}.dialog:not([open])::backdrop{opacity:0}.dialog[open]{pointer-events:auto}@starting-style{.dialog[open]{opacity:0}}.modal{--tw-translate-y:100%;width:100%;height:100%;translate:var(--tw-translate-x)var(--tw-translate-y);overscroll-behavior:contain;background-color:var(--color-background,#fff);opacity:0;transition-property:opacity,translate,overlay;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-delay:0s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));overflow-y:auto}@media (prefers-reduced-motion:reduce){.modal{transition-property:none}}@media (min-width:48rem){.modal{--tw-translate-y:calc(var(--spacing,.25rem)*16);width:83.3333%;height:auto;translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:64rem){.modal{max-height:100dvh;max-width:var(--max-width-2xl,42rem)}}.modal[anchor=right]{--tw-translate-x:100%;--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.modal[anchor=right]{--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal[anchor=left]{--tw-translate-x:-100%;--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.modal[anchor=left]{--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal[size=modal-small]{max-width:512px!important}.modal[size=modal-max]{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;max-width:var(--max-width-full,100%)!important;--tw-translate-x:var(--spacing-none,0)!important;--tw-translate-y:var(--spacing-none,0)!important;translate:var(--tw-translate-x)var(--tw-translate-y)!important;translate:none!important}.dialog[open] .modal{--tw-translate-x:var(--spacing-none,0);--tw-translate-y:var(--spacing-none,0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-delay:.1s;translate:none}.dialog.region-selector-dialog[type=modal]{padding-top:max(var(--spacing-pagemargin),8dvh);justify-content:center;align-items:flex-start;display:flex}@media (min-width:48rem){.dialog.region-selector-dialog[type=modal]{padding-top:calc(var(--spacing,.25rem)*0);align-items:center}}.dialog.region-selector-dialog .modal{max-height:calc(100dvh - 2*var(--spacing-pagemargin));max-width:calc(100% - 2*var(--spacing-pagemargin));width:auto!important;height:auto!important}@media (min-width:48rem){.dialog.region-selector-dialog .modal{width:83.3333%;max-width:560px}}@media not all and (min-width:48rem){.dialog.region-selector-dialog .modal{max-height:min(85dvh,calc(100dvh - var(--spacing-pagemargin) - max(8dvh,var(--spacing-pagemargin))))}}@media screen and (min-width:768px){.dialog.region-selector-dialog .modal{translate:none}}.dialog.region-selector-dialog[open] .modal{height:auto!important;translate:none!important}.dialog.vto-consent-dialog .modal{position:relative;overflow:hidden}@media (min-width:48rem){.dialog.vto-consent-dialog .modal{width:auto;max-width:440px;height:auto}}.dialog.loyalty-details-dialog[type=modal]{justify-content:center;align-items:flex-end;display:flex}@media (min-width:48rem){.dialog.loyalty-details-dialog[type=modal]{align-items:center}}.dialog.loyalty-details-dialog .modal{width:100%;height:auto;max-height:85dvh}@media (min-width:48rem){.dialog.loyalty-details-dialog .modal{width:83.3333%;max-width:710px}}@media screen and (min-width:768px){.dialog.loyalty-details-dialog .modal{translate:none}}.dialog.loyalty-details-dialog[open] .modal{translate:none!important}.dialog.loyalty-activity-dialog[type=modal]{justify-content:center;align-items:flex-end;display:flex}@media (min-width:48rem){.dialog.loyalty-activity-dialog[type=modal]{align-items:center}}.dialog.loyalty-activity-dialog .modal{width:100%;height:auto;max-height:85dvh;overflow:hidden}@media (min-width:48rem){.dialog.loyalty-activity-dialog .modal{width:83.3333%;max-width:600px}}@media screen and (min-width:768px){.dialog.loyalty-activity-dialog .modal{translate:none}}.dialog.loyalty-activity-dialog[open] .modal{translate:none!important}.dialog.loyalty-activity-dialog [part=modal-content-container]{min-height:calc(var(--spacing,.25rem)*0);flex-direction:column;display:flex}.drawer{right:calc(var(--spacing,.25rem)*0);position:fixed}.drawer::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.drawer::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.drawer::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.drawer{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,initial)var(--scrollbar-track,initial)}.drawer::-webkit-scrollbar{width:8px;height:8px;display:block}.drawer{--tw-translate-x:100%;width:100%;height:100%;translate:var(--tw-translate-x)var(--tw-translate-y);overscroll-behavior:contain;background-color:var(--color-background,#fff);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-delay:0s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--scrollbar-thumb:#fafafa;--scrollbar-track:transparent;overflow-y:auto}@media (prefers-reduced-motion:reduce){.drawer{transition-property:none}}@media (min-width:40rem){.drawer{max-width:400px}}.drawer[anchor=left]{right:auto;left:calc(var(--spacing,.25rem)*0);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.cart-drawer-dialog .drawer[anchor=right]{width:95vw;height:100dvh;overflow:hidden}@media (min-width:40rem){.cart-drawer-dialog .drawer[anchor=right]{max-width:420px}}.dialog:not([open]) .drawer[anchor=right]{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y);transition-delay:0s}.dialog:not([open]) .drawer[anchor=left]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);transition-delay:0s}.dialog[open] .drawer{--tw-translate-x:var(--spacing-none,0);--tw-translate-y:var(--spacing-none,0);translate:var(--tw-translate-x)var(--tw-translate-y);transition-delay:.1s;translate:none}.modal-main-container{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.modal-header-container{top:calc(var(--spacing,.25rem)*0);z-index:50;background-color:var(--color-background,#fff);padding:var(--spacing-sm,min(max( 16px ,calc(calc(100vw/1440)*16)),16px));justify-content:space-between;align-items:center;display:flex;position:sticky}.modal-header-wrapper{flex-grow:1}.modal-close-button{--tw-leading:var(--leading-none,1);line-height:1;line-height:var(--leading-none,1);margin-left:auto;display:inline-flex}.modal-close-button:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.modal-close-button:focus{outline-offset:2px;outline:2px solid #0000}}@media (min-width:48rem){.modal-close-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
48dow);--tw-ring-color:var(--color-focus,#adddb7)}}.modal-overlay-container{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);z-index:60;position:absolute}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}')],z([c({type:Boolean,reflect:!0})],L.prototype,"open",2),z([c({type:String})],L.prototype,"type",2),z([c({type:String,reflect:!0})],L.prototype,"size",2),z([c({type:String})],L.prototype,"anchor",2),z([c({type:Boolean,reflect:!0,attribute:"without-title"})],L.prototype,"withoutTitle",2),z([c({type:Boolean,attribute:"close-on-backdrop-click"})],L.prototype,"closeOnBackdropClick",2),z([c({type:String,attribute:"class"})],L.prototype,"class",2),z([c({type:String,attribute:"header-classes"})],L.prototype,"headerClasses",2),z([c({type:String,attribute:"parent-class"})],L.prototype,"parentClass",2),z([c({type:String,attribute:"close-icon-size"})],L.prototype,"closeIconSize",2),z([c({type:String,attribute:"url"})],L.prototype,"url",2),z([c({type:Object,reflect:!0,attribute:"url-params"})],L.prototype,"urlParams",2),z([p("dialog")],L.prototype,"dialog",2),z([h("iframe, video")],L.prototype,"iframeOrVideo",2),L=z([r("modal-dialog")],L);export{L as ModalDialog};

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.