https://www.pinkbox.com.pl/application/assets/storefront/chunk-flash_messenger_initializer.DOe96Eh.js

1import{F,a as S,b as A,c as C,v as N,d as n,P as g,M as T,e as m,S as b,C as L}from"./storefrontApp.DHj_rTVq.min.js";import{F as l,a as c,b as $,c as y,d as O}from"./chunk-flash_message_constants.CxvW13E.js";import{w as R,o as w,$ as o,e as d,t as B,c as k}from"./chunk-vendor-lit.NvY0u02.js";import{S as u}from"./chunk-storefront_base_lit_element.BDgKmPq.js";import{B as P}from"./chunk-btn_controller.BPcEEeZ.js";import{s as x,g as H,a as G,u as I,d as D,b as K,w as V}from"./chunk-index.esm.nYUWi4A.js";import{o as q}from"./chunk-observable_directive.eGckMWP.js";import{A as z}from"./chunk-aria_live_controller.BLdegW9.js";import{S as j}from"./chunk-storefront_settings_constants.DIF02Gz.js";import{t as W}from"./chunk-vendor-lodash.CWHFt7Z.js";import"./chunk-vendor-di.Bh23gdA.js";import"./chunk-vendor-rxjs.Dp7kflo.js";import"./chunk-vendor-phoenix.cdKS79L.js";import"./chunk-keystrokes_controller.BSiCZ0Y.js";import"./chunk-storefront_event_handler.BBKelLe.js";var Q=Object.defineProperty,Y=(i,e,a,t)=>{for(var s=void 0,h=i.length-1,r;h>=0;h--)(r=i[h])&&(s=r(e,a,s)||s);return s&&Q(e,a,s),s};class v extends u{constructor(){super(...arguments),this.flashMessage=F.create({content:"",type:S.info}),this._flashMessageRemainingTimeout=null,this._timeoutStart=0,this._elapsedTime=0,this._close=()=>{this.classList.add(`${l}__removed`),this.addEventListener("transitionend",this.handleDispatchCloseEvent)},this.handleDispatchCloseEvent=()=>{const e=new CustomEvent(c.close,{bubbles:!0,detail:{id:this.flashMessage.id}});this.dispatchEvent(e)},this._handleCloseOnClick=()=>{this._clearTimeout(),this._close()},this._startFlashMessageTimeout=e=>{this._timeoutStart=Date.now();const a=typeof e=="number"?e:this.flashMessage.timeout;this._flashMessageRemainingTimeout=Number(setTimeout(this._close,a))}}static{this.moduleName=l}connectedCallback(){super.connectedCallback(),this.className=`${l} ${l}__${this.flashMessage.type}`,this.addEventListener(c.closeOnClick,this._handleCloseOnClick),this.flashMessage.timeout!==0&&(this._startFlashMessageTimeout(),this.addEventListener("mouseover",this._clearTimeout),this.addEventListener("mouseout",this._startFlashMessageTimeout))}_clearTimeout(){this._elapsedTime+=Date.now()-this._timeoutStart,this._flashMessageRemainingTimeout&&clearTimeout(this._flashMessageRemainingTimeout)}updated(){this.removeEventListener("transitionend",this.handleDispatchCloseEvent),this.className=`${l} ${l}__${this.flashMessage.type}`,this.flashMessage.timeout!==0&&(this._clearTimeout(),this._startFlashMessageTimeout(this.flashMessage.timeout-this._elapsedTime))}disconnectedCallback(){super.disconnectedCallback(),this._clearTimeout()}_replaceHtmlStringWithTag(e){const a=document.createElement("span");return a.innerHTML=e,a.childNodes.length>1?a:e}render(){const e=document.querySelector("#iconsPath")?.href||"/assets/img/icons/symbol-defs.svg";return o`
2            ${w(`
3                <svg
4                    aria-hidden="true"
5                    class="
6                        icon
7                        ${$}
8                        ${this.flashMessage.icon.size?`icon_${this.flashMessage.icon.size}`:""}
9                    "
10                    aria-hidden="true"
11                >
12                    <use href="${e}#icon-${this.flashMessage.icon.name}" xlink:href="${e}#icon-${this.flashMessage.icon.name}"></use>
13                </svg>
14            `)} ${this._replaceHtmlStringWithTag(this.flashMessage.content)}
15            ${this.flashMessage.isCloseable?o` <flash-message-close class="icon"></flash-message-close>`:R}
16        `}}Y([d({type:Object})],v.prototype,"flashMessage");var J=Object.defineProperty,Z=(i,e,a,t)=>{for(var s=void 0,h=i.length-1,r;h>=0;h--)(r=i[h])&&(s=r(e,a,s)||s);return s&&J(e,a,s),s};class p extends u{constructor(){super(),this.class="",this._handleCloseOnClick=()=>{const e=new CustomEvent(c.closeOnClick,{bubbles:!0});this.dispatchEvent(e)},new P(this,this._handleCloseOnClick)}static{this.moduleName=y}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleCloseOnClick)}render(){const e=document.querySelector("#iconsPath")?.href||"/assets/img/icons/symbol-defs.svg";return o`
17            <svg class="${this.class} ${O}">
18                <use href="${e}#icon-x" xlink:href="${e}#icon-x"></use>
19            </svg>
20        `}}Z([d({type:String,reflect:!0})],p.prototype,"class");class U{#e;constructor(e){this.#e=e}selectFlashMessages$(){return this.#e.pipe(x())}getFlashMessages(){return this.#e.query(H())}addFlashMessage(e){this.#e.query(G({filterEntity:({content:t,type:s})=>t===e.content&&s===e.type})).length||this.#e.update(I(e))}removeFlashMessage(e){this.#e.update(D(e))}removeAllFlashMessages(){this.#e.update(K())}}class X extends A{#e;constructor(e){super(),this.#e=e}selectFlashMessages$(){return this.#e.selectFlashMessages$()}getFlashMessages(){return this.#e.getFlashMessages()}addFlashMessage(e){this.#e.addFlashMessage(e)}addFlashMessages(e){e.forEach(a=>{this.addFlashMessage(a)})}removeFlashMessage(e){this.#e.removeFlashMessage(e)}removeAllFlashMessages(){this.#e.removeAllFlashMessages()}}const ee=i=>C({name:i},V()),se=100;var te=Object.defineProperty,M=(i,e,a,t)=>{for(var s=void 0,h=i.length-1,r;h>=0;h--)(r=i[h])&&(s=r(e,a,s)||s);return s&&te(e,a,s),s};class _ extends u{constructor(){super(),this.name="",this.assertive=!1,this._flashMessengerId=N(),this._flashMessagesSubscription=null,this._shouldRenderAssertiveMessages=!1,this._handleCloseFlashMessage=t=>{const{id:s}=t.detail;this._flashMessengerService.removeFlashMessage(s)},this._setupEventBusListeners=()=>{this.eventBus.on(n.addFlashMessage,this._handleAddFlashMessage),this.eventBus.on(n.addFlashMessages,this._handleAddFlashMessages),this.eventBus.on(n.removeFlashMessage,this._handleRemoveFlashMessage),this.eventBus.on(n.removeAllFlashMessages,this._handleRemoveAllFlashMessages),this.eventBus.on(g.visited,this._enableAssertiveMessages),this.eventBus.on(g.loaded,this._disableAssertiveMessages)},this._handleAddFlashMessage=({body:t})=>{if(!t||!this._doesBelongToFlashMessenger(t.containerName))return;const{flashMessage:s}=t;this._flashMessengerService.addFlashMessage(s)},this._handleAddFlashMessages=({body:t})=>{if(!t||!this._doesBelongToFlashMessenger(t.containerName))return;const{flashMessages:s}=t;this._flashMessengerService.addFlashMessages(s)},this._handleRemoveFlashMessage=({body:t})=>{if(!t||!this._doesBelongToFlashMessenger(t.containerName))return;const{id:s}=t;this._flashMessengerService.removeFlashMessage(s)},this._handleRemoveAllFlashMessages=({body:t})=>{!t||!this._doesBelongToFlashMessenger(t.containerName)||this._flashMessengerService.removeAllFlashMessages()},this._updateKeyboardOffsetListener=W(()=>{this._updateKeyboardOffset()},se),this._updateKeyboardOffset=()=>

20{const t=window.innerHeight-(window.visualViewport?.height??window.innerHeight);this.style.setProperty("--flash-messenger-keyboard-offset",`${Math.max(0,t)}px`)},this._enableAssertiveMessages=()=>{this._shouldRenderAssertiveMessages=!0},this._disableAssertiveMessages=()=>{this._shouldRenderAssertiveMessages=!1};const e=ee(this._flashMessengerId),a=new U(e);this._flashMessengerService=new X(a),this._flashMessages$=this._flashMessengerService.selectFlashMessages$(),this._messageStorageApi=this.getApiSync(T),this._settingsApi=this.getApiSync(j.api)}static{this.moduleName=m.component}connectedCallback(){if(super.connectedCallback(),!this.name)throw new Error('Error: Did not provide the "name" attribute');this.classList.contains("flash-messenger_fixed")&&(this._updateKeyboardOffset(),window.visualViewport?.addEventListener("resize",this._updateKeyboardOffsetListener)),this._ariaLiveController||(this._ariaLiveController=new z(this,{valueKey:"content"})),this._flashMessagesSubscription=this._flashMessages$.subscribe(e=>{this._ariaLiveController.handleNotifications(e,this._shouldRenderAssertiveMessages||this.assertive)}),this._showQueuedFlashMessagesIfExist(),this.addEventListener(c.close,this._handleCloseFlashMessage),this._setupEventBusListeners()}_showQueuedFlashMessagesIfExist(){const e=this._messageStorageApi.getChannelMessages(n.addFlashMessage),a=this._messageStorageApi.getChannelMessages(n.addFlashMessages);e?.length&&e.forEach(t=>this._handleAddFlashMessage(t)),a?.length&&a.forEach(t=>{this._handleAddFlashMessages(t)})}disconnectedCallback(){this.eventBus.off(n.addFlashMessage,this._handleAddFlashMessage),this.eventBus.off(n.addFlashMessages,this._handleAddFlashMessages),this.eventBus.off(n.removeFlashMessage,this._handleRemoveFlashMessage),this.eventBus.off(n.removeAllFlashMessages,this._handleRemoveAllFlashMessages),this.eventBus.off(g.visited,this._enableAssertiveMessages),this.eventBus.off(g.loaded,this._disableAssertiveMessages),this._messageStorageApi.removeChannelMessages(n.addFlashMessage),this._messageStorageApi.removeChannelMessages(n.addFlashMessages),this._flashMessagesSubscription?.unsubscribe(),this._ariaLiveController.removeNotificationsFromAriaLiveRegion(this._ariaLiveController.getCurrentNotifications()),window.visualViewport?.removeEventListener("resize",this._updateKeyboardOffsetListener)}_doesBelongToFlashMessenger(e){return e===this.name}render(){return o`
21            <flash-messenger-list
22                .flashMessages="${q(this._flashMessages$)}"
23                name="${this.name}"
24                class="${this.className}"
25            ></flash-messenger-list>
26        `}}M([d({type:String,reflect:!0})],_.prototype,"name");M([d({type:Boolean})],_.prototype,"assertive");M([B()],_.prototype,"_shouldRenderAssertiveMessages");const ae="flash-messenger-list";var ie=Object.defineProperty,E=(i,e,a,t)=>{for(var s=void 0,h=i.length-1,r;h>=0;h--)(r=i[h])&&(s=r(e,a,s)||s);return s&&ie(e,a,s),s};class f extends u{constructor(){super(...arguments),this.name="",this.flashMessages=[]}static{this.moduleName=ae}render(){return o`
27            ${k(this.flashMessages,e=>e.id,e=>o`<flash-message flashMessage="${JSON.stringify(e)}"></flash-message>`)}
28        `}}E([d({type:String,reflect:!0})],f.prototype,"name");E([d()],f.prototype,"flashMessages");class Ee extends b{static{this.featureName=m.feature}init(){return{cores:[{type:L,instance:[_,f,v,p]}]}}}export{Ee as FlashMessengerInitializer};