@pacem/pacem-ui 2.0.0-euler → 2.0.0-fourier

package/dist/bundle/pacem-ui.min.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-fourier (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -83,7 +83,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
             <${S}-button class="button button-size size-small dialog-cancel" on-click=":host.commit('cancel', $event)" disabled="{{ :host.disabled || this.hide }}" hide="{{ :host.buttons !== 'yesnocancel' && :host.buttons !== 'okcancel' }}"><${S}-text text="{{ :host.cancelCaption }}"></${S}-text></${S}-button>
         </div>
     </div>
-</${S}-lightbox>`})],ve);import{P as rn,CustomElement as an,Watch as nn,Utils as Zo,PropertyConverters as ln,Components as cn}from"@pacem/pacem-core";var er=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Js=class extends cn.PacemElement{constructor(){super("separator")}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),!o&&e==="orientation"&&this._syncOrientation(s)}viewActivatedCallback(){super.viewActivatedCallback(),this._syncOrientation()}_syncOrientation(e=this.orientation){e!=="vertical"&&(e="horizontal"),super.aria.attributes.set("orientation",e),e==="vertical"?Zo.addClass(this,"divider-vertical"):Zo.removeClass(this,"divider-vertical")}};er([nn({converter:ln.String,emit:!1})],Js.prototype,"orientation",void 0);Js=er([an({tagName:rn+"-divider",shadow:!0,template:'<div part="divider"><div part="prepend"></div><slot part="content"></slot><div part="append"></div></div>'})],Js);import{P as hn,PCSS as dn,CustomElement as pn,Watch as un,Utils as lr,PropertyConverters as mn,Components as fn,CustomElementUtils as tr}from"@pacem/pacem-core";var nr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},vn=/^\s*<svg\s/,bn=/^fa(b|r|s|l|d|t|-brands|-solid|-regular|-light|-thin|-duotone)?\s+fa-/,sr={url:"https://kit.fontawesome.com/4922589c3c.js",crossOrigin:!0},_n=/^lni\s+lni-/,gn="https://cdn.lineicons.com/2.0/LineIcons.css",yn=/^ci[dlsbf]-/,wn="https://unpkg.com/@coreui/icons/css/all.min.css",ir=/^material-icons?\s+([\w]+)/,or=/^material(-symbols?)?\s+([\w]+)/,rr="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",Cn=/^(https?:\/\/|\/\/)?.+\.(webp|svg|gif|png|jpe?g)$/,ar=[];function ls(r,e,t,s,o){return ar.indexOf(r)>=0||(ar.push(r),lr.Css.isClassDefined(r))?Promise.resolve():o?tr.importjs(e,t,s):tr.importcss(e,t,s)}function En(r){return new Promise((e,t)=>{if(lr.isNullOrEmpty(r))t("No icon provided");else if(vn.test(r))e(r);else if(bn.test(r))ls("fa",sr.url,void 0,sr.crossOrigin,!0).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(or.test(r))ls("material-symbols",rr).then(s=>{let o=or.exec(r),i=o[2],a=r.substring(o[0].length);e(`<i class="material-symbols-outlined${a}">${i}</i>`)},s=>t(s));else if(ir.test(r))ls("material-icons",rr).then(s=>{let o=ir.exec(r),i=o[1],a=r.substring(o[0].length);e(`<i class="material-icons${a}">${i}</i>`)},s=>t(s));else if(_n.test(r))ls("lni",gn).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(yn.test(r))ls("clb",wn).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(Cn.test(r))e(`<img src="${r}" />`);else{let s=r.trim().split(" "),o=s[0],i=s.length>1?" "+s.slice(1).join(" "):"";e(`<i class="${dn}-icon${i}">${o}</i>`)}})}var Zs=class extends fn.PacemElement{constructor(){super("",{hidden:"true"})}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"icon":this._setIcon();break;case"hide":s||this.aria.attributes.set("hidden","true");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setIcon()}_setIcon(e=this.icon){En(e).then(t=>{this.innerHTML=t},t=>{this.innerHTML=""})}};nr([un({emit:!1,converter:mn.String})],Zs.prototype,"icon",void 0);Zs=nr([pn({tagName:hn+"-icon"})],Zs);import{P as xn,CustomElement as kn,Watch as ei,Utils as cs,PropertyConverters as Fi,Components as Pn}from"@pacem/pacem-core";var hs=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},dt=class extends Pn.PacemElement{constructor(){super("img")}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"src":case"disabled":this._setSource();break;case"size":case"adapt":this._setLayout();break;case"loading":(s?cs.removeClass:cs.addClass)(this,"img-ready");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setLayout(),this._setSource()}_setLayout(){let e=!cs.isNullOrEmpty(this.size),t=this.adapt||"auto",s=this.size||this.#e||{width:"0",height:"0"};this.style.backgroundSize=t;let o=t==="auto",i=s.width,a=s.height;(o||e)&&(this.style.width=i||"",this.style.height=a||"")}#e;async _setSource(){if(this.disabled||!this.isReady)return;let e=this.src;if(this.style.backgroundImage="",!cs.isNullOrEmpty(e)){this.loading=!0;try{let t=await cs.loadImage(e),s,o,i;window.performance&&(o=performance.getEntriesByName(t.src))&&(i=o[0])&&(s=i.decodedBodySize),this.#e={width:t.naturalWidth+"px",height:t.naturalHeight+"px",weight:s},this._setLayout(),this.style.backgroundImage=`url("${t.src}")`}catch{}finally{this.loading=!1}}}};hs([ei({emit:!1,converter:Fi.String})],dt.prototype,"adapt",void 0);hs([ei({emit:!1,converter:Fi.String})],dt.prototype,"src",void 0);hs([ei({emit:!1,converter:{convert:(r,e)=>{let s=/^\s*([\d.]+)(px|em|rem|vw|vh)?\s*(?:,\s*([\d.]+)(px|em|rem|vw|vh)?)?\s*$/i.exec(r),o=s?s[1]+(s[2]||"px"):"0",i=s?s[3]?s[3]+(s[4]||"px"):o:"0";return{width:o,height:i}},convertBack:(r,e)=>`${r?.width},${r?.height}`},reflectBack:!0})],dt.prototype,"size",void 0);hs([ei({converter:Fi.Boolean})],dt.prototype,"loading",void 0);dt=hs([kn({tagName:xn+"-img"})],dt);import{P as Sn,Debounce as $n,CustomElement as Dn,Watch as hr,Utils as cr,PropertyConverters as dr,PacemEventTarget as On}from"@pacem/pacem-core";var ti=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Ht=class extends On{constructor(){super(),this._scrollDelegate=()=>this._doScroll(),this._enabled=!0,this._viewportHeight=0,this._innerHeight=0,this._isDocument=!1,this._container=null,this._viewport=null,this._scroller=null,this._bottomGap=10,this._container=this,this._viewport=this,this._scroller=this}viewActivatedCallback(){super.viewActivatedCallback(),this.setInfiniteScrollContainer(this._container)}disconnectedCallback(){cr.isNull(this._scroller)||this._scroller.removeEventListener("scroll",this._scrollDelegate,!1),super.disconnectedCallback()}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"container":this.setInfiniteScrollContainer(s);break;case"disabled":(this._enabled=!s)&&this._doScroll();break;case"threshold":this._bottomGap=s||0;break}}setInfiniteScrollContainer(e="$document"){var t=e,s=this._isDocument=t==="$document"||t===document.body||t===document.documentElement;this._container=s?document.body||document.documentElement:typeof e=="string"?document.querySelector(t):t,this._viewport=s?window:this._container,this._scroller&&this._scroller.removeEventListener("scroll",this._scrollDelegate,!1),this._scroller=s?window.document:this._container,this._scroller.addEventListener("scroll",this._scrollDelegate,!1),this._enabled&&this._doScroll()}_emitFetchMore(){var e=new CustomEvent("fetchmore");this.dispatchEvent(e)}_doScroll(){if(this._enabled)if(this._computeHeight())this._doScroll();else{var e=this._scroller instanceof Document?window.pageYOffset:this._scroller.scrollTop,t=this._viewportHeight,s=this._innerHeight,o=s-(e+t);(o<this._bottomGap||s<=t)&&(this._emitFetchMore(),window.requestAnimationFrame(()=>{this._enabled&&this._doScroll()}))}}_computeHeight(){if(this._container){var e=this._container,t=Number.MAX_VALUE,s=0,o=0,i;if(this._isDocument){var a=e;i=Math.max(a.scrollHeight,a.offsetHeight,a.clientHeight)}else{for(var n=0;n<e.children.length;n++){var l=e.children.item(n),h=l.offsetTop,p=l.offsetHeight,u=h+p;o+=p,h<t&&(t=h),u>s&&(s=u)}i=Math.round(s-t)}var f=this._viewport instanceof Window?cr.windowSize.height:this._viewport.offsetHeight;return i!=this._innerHeight||f!=this._viewportHeight?(this._innerHeight=i,this._viewportHeight=f,!0):!1}}};ti([hr({converter:dr.String})],Ht.prototype,"container",void 0);ti([hr({reflectBack:!0,converter:dr.Number})],Ht.prototype,"threshold",void 0);ti([$n(100)],Ht.prototype,"_doScroll",null);Ht=ti([Dn({tagName:Sn+"-infinite-scroller"})],Ht);import{Watch as ur,Utils as qi,PropertyConverters as Nn,Components as Rn}from"@pacem/pacem-core";var pr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},ds=class extends Rn.PacemElement{constructor(){super(...arguments),this.index=0}isCloseTo(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isCloseToCore(e,t,this.datasource.length)}isPrevious(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isPreviousCore(e,t,this.datasource.length)}isNext(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isNextCore(e,t,this.datasource.length)}_isNextCore(e,t,s){return(t+1)%s===e}_isPreviousCore(e,t,s){return(t-1+s)%s===e}_isCloseToCore(e,t,s){return(t+s)%s==(e+s)%s||this._isNextCore(e,t,s)||this._isPreviousCore(e,t,s)}};pr([ur({converter:Nn.Number})],ds.prototype,"index",void 0);pr([ur()],ds.prototype,"datasource",void 0);import{P as Ln,PCSS as We,CustomElement as An,Watch as Qi,Utils as V,PropertyConverters as Ki,Components as Hn,stopPropagationHandler as Yi,ViewChild as si,avoidHandler as Gi}from"@pacem/pacem-core";var Fe=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},be=class extends Hn.PacemElement{constructor(){super(...arguments),this._keyupHandler=e=>{e.keyCode===27&&this.show&&!this.modal&&(this.show=!1)},this._wrapperMousedownHandler=e=>{this.modal||this.behavior===rt.ExplicitClose?Yi(e):this.show=!1},this._slotchangeHandler=e=>{this._resetLayout()},this._closeHandler=e=>{this._close(e)}}_resetLayout(){this._disposeButton();let e=this._ensureButton();V.isNull(e)||e.addEventListener("click",this._closeHandler,!1)}_toggleCloseVisibility(){let e=this._closeWrapper;V.isNull(e)||(e.hidden=this.modal)}viewActivatedCallback(){super.viewActivatedCallback(),this._toggleCloseVisibility();var e=this._wrapperElement,t=this._container;e.addEventListener("mousedown",this._wrapperMousedownHandler,!1),t.addEventListener("mousedown",Yi,!1),document.body.removeEventListener("scroll",Gi,!0),window.addEventListener("keyup",this._keyupHandler,!1),this._resetLayout(),this._slot.addEventListener("slotchange",this._slotchangeHandler,!1),this.show&&this._toggle(!0)}_toggle(e){let t=this._wrapperElement,s=this._container;if(e){this.inert=!1,this.dispatchEvent(new Event("open",{bubbles:!0,cancelable:!1})),t.style.display="",t.hidden=!1,window.requestAnimationFrame(()=>{V.addPart(t,"lightbox-wrapper-shown"),V.addPart(s,"lightbox-shown")});var o=this.querySelector("."+We+"-scrollable");o&&window.requestAnimationFrame(()=>o.scrollTop=0)}else this.inert=!0,this.dispatchEvent(new Event("close",{bubbles:!0,cancelable:!1})),V.removePart(t,"lightbox-wrapper-shown"),V.removePart(s,"lightbox-shown"),V.addAnimationEndCallback(t,i=>{i.hidden=!0,i.style.display="none"},500)}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"show":s?this._toggle(!0):t&&this._toggle(!1);break;case"modal":this._toggleCloseVisibility();break}}disconnectedCallback(){this.show&&this._close();var e=this._wrapperElement,t=this._container;document.body.removeEventListener("scroll",Gi,!0),V.isNull(e)||e.removeEventListener("mousedown",this._wrapperMousedownHandler,!1),V.isNull(t)||t.removeEventListener("mousedown",Yi,!1),window.removeEventListener("keyup",this._keyupHandler,!1),this._disposeButton(),this._disposeSlot(),super.disconnectedCallback()}_disposeButton(){this.#e?.removeEventListener("click",this._closeHandler),this.#e=null}_disposeSlot(){this._slot?.removeEventListener("slotchange",this._slotchangeHandler,!1)}_close(e){V.isNull(e)||Gi(e),this.show=!1}#e;_ensureButton(){if(!V.isNull(this.#e))return this.#e;let e=this._slot;if(V.isNull(e))return null;let t=this._lookForAButton();if(!V.isNull(t))return this.#e=t;let s=new Q;return s.setAttribute("slot","close"),s.className=`${We}-margin margin-0 ${We}-rise rise--2 button-circle circle-smaller`,s.iconGlyph="close",this.appendChild(s),this.#e=s}_lookForAButton(){let e=this._slot;if(V.isNull(e))return null;let t=e.assignedElements({flatten:!0});return V.isNullOrEmpty(t)?null:t[0]}};Fe([Qi({converter:Ki.Boolean})],be.prototype,"show",void 0);Fe([Qi({converter:Ki.Boolean})],be.prototype,"modal",void 0);Fe([Qi({emit:!1,converter:Ki.String})],be.prototype,"behavior",void 0);Fe([si("."+We+"-lightbox-wrapper")],be.prototype,"_wrapperElement",void 0);Fe([si("."+We+"-lightbox",!0)],be.prototype,"_container",void 0);Fe([si("slot[name=close]")],be.prototype,"_slot",void 0);Fe([si("div[part=close]")],be.prototype,"_closeWrapper",void 0);be=Fe([An({tagName:Ln+"-lightbox",shadow:!0,template:`<div class="${We}-lightbox-wrapper" part="lightbox-wrapper" hidden>
+</${S}-lightbox>`})],ve);import{P as rn,CustomElement as an,Watch as nn,Utils as Zo,PropertyConverters as ln,Components as cn}from"@pacem/pacem-core";var er=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Js=class extends cn.PacemElement{constructor(){super("separator")}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),!o&&e==="orientation"&&this._syncOrientation(s)}viewActivatedCallback(){super.viewActivatedCallback(),this._syncOrientation()}_syncOrientation(e=this.orientation){e!=="vertical"&&(e="horizontal"),super.aria.attributes.set("orientation",e),e==="vertical"?Zo.addClass(this,"divider-vertical"):Zo.removeClass(this,"divider-vertical")}};er([nn({converter:ln.String,emit:!1})],Js.prototype,"orientation",void 0);Js=er([an({tagName:rn+"-divider",shadow:!0,template:'<div part="divider"><div part="prepend"></div><slot part="content"></slot><div part="append"></div></div>'})],Js);import{P as hn,PCSS as dn,CustomElement as pn,Watch as un,Utils as lr,PropertyConverters as mn,Components as fn,CustomElementUtils as tr}from"@pacem/pacem-core";var nr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},vn=/^\s*<svg\s/,bn=/^fa(b|r|s|l|d|t|-brands|-solid|-regular|-light|-thin|-duotone)?\s+fa-/,sr={url:"https://kit.fontawesome.com/4922589c3c.js",crossOrigin:!0},_n=/^lni\s+lni-/,gn="https://cdn.lineicons.com/2.0/LineIcons.css",yn=/^ci[dlsbf]-/,wn="https://unpkg.com/@coreui/icons/css/all.min.css",ir=/^material-icons?\s+([\w]+)/,or=/^material(-symbols?)?\s+([\w]+)/,rr="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",Cn=/^(https?:\/\/|\/\/)?.+\.(webp|svg|gif|png|jpe?g)$/,ar=[];function ls(r,e,t,s,o){return ar.indexOf(r)>=0||(ar.push(r),lr.Css.isClassDefined(r))?Promise.resolve():o?tr.importjs(e,t,s):tr.importcss(e,t,s)}function En(r){return new Promise((e,t)=>{if(lr.isNullOrEmpty(r))t("No icon provided");else if(vn.test(r))e(r);else if(bn.test(r))ls("fa",sr.url,void 0,sr.crossOrigin,!0).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(or.test(r))ls("material-symbols",rr).then(s=>{let o=or.exec(r),i=o[2],a=r.substring(o[0].length);e(`<i class="material-symbols-outlined${a}">${i}</i>`)},s=>t(s));else if(ir.test(r))ls("material-icons",rr).then(s=>{let o=ir.exec(r),i=o[1],a=r.substring(o[0].length);e(`<i class="material-icons${a}">${i}</i>`)},s=>t(s));else if(_n.test(r))ls("lni",gn).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(yn.test(r))ls("clb",wn).then(s=>{e(`<i class="${r}"></i>`)},s=>t(s));else if(Cn.test(r))e(`<img src="${r}" />`);else{let s=r.trim().split(" "),o=s[0],i=s.length>1?" "+s.slice(1).join(" "):"";e(`<i class="${dn}-icon${i}">${o}</i>`)}})}var Zs=class extends fn.PacemElement{constructor(){super("",{hidden:"true"})}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"icon":this._setIcon();break;case"hide":s||this.aria.attributes.set("hidden","true");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setIcon()}_setIcon(e=this.icon){En(e).then(t=>{this.innerHTML=t},t=>{this.innerHTML=""})}};nr([un({emit:!1,converter:mn.String})],Zs.prototype,"icon",void 0);Zs=nr([pn({tagName:hn+"-icon",modifiers:["face","content"]})],Zs);import{P as xn,CustomElement as kn,Watch as ei,Utils as cs,PropertyConverters as Fi,Components as Pn}from"@pacem/pacem-core";var hs=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},dt=class extends Pn.PacemElement{constructor(){super("img")}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"src":case"disabled":this._setSource();break;case"size":case"adapt":this._setLayout();break;case"loading":(s?cs.removeClass:cs.addClass)(this,"img-ready");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setLayout(),this._setSource()}_setLayout(){let e=!cs.isNullOrEmpty(this.size),t=this.adapt||"auto",s=this.size||this.#e||{width:"0",height:"0"};this.style.backgroundSize=t;let o=t==="auto",i=s.width,a=s.height;(o||e)&&(this.style.width=i||"",this.style.height=a||"")}#e;async _setSource(){if(this.disabled||!this.isReady)return;let e=this.src;if(this.style.backgroundImage="",!cs.isNullOrEmpty(e)){this.loading=!0;try{let t=await cs.loadImage(e),s,o,i;window.performance&&(o=performance.getEntriesByName(t.src))&&(i=o[0])&&(s=i.decodedBodySize),this.#e={width:t.naturalWidth+"px",height:t.naturalHeight+"px",weight:s},this._setLayout(),this.style.backgroundImage=`url("${t.src}")`}catch{}finally{this.loading=!1}}}};hs([ei({emit:!1,converter:Fi.String})],dt.prototype,"adapt",void 0);hs([ei({emit:!1,converter:Fi.String})],dt.prototype,"src",void 0);hs([ei({emit:!1,converter:{convert:(r,e)=>{let s=/^\s*([\d.]+)(px|em|rem|vw|vh)?\s*(?:,\s*([\d.]+)(px|em|rem|vw|vh)?)?\s*$/i.exec(r),o=s?s[1]+(s[2]||"px"):"0",i=s?s[3]?s[3]+(s[4]||"px"):o:"0";return{width:o,height:i}},convertBack:(r,e)=>`${r?.width},${r?.height}`},reflectBack:!0})],dt.prototype,"size",void 0);hs([ei({converter:Fi.Boolean})],dt.prototype,"loading",void 0);dt=hs([kn({tagName:xn+"-img"})],dt);import{P as Sn,Debounce as $n,CustomElement as Dn,Watch as hr,Utils as cr,PropertyConverters as dr,PacemEventTarget as On}from"@pacem/pacem-core";var ti=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Ht=class extends On{constructor(){super(),this._scrollDelegate=()=>this._doScroll(),this._enabled=!0,this._viewportHeight=0,this._innerHeight=0,this._isDocument=!1,this._container=null,this._viewport=null,this._scroller=null,this._bottomGap=10,this._container=this,this._viewport=this,this._scroller=this}viewActivatedCallback(){super.viewActivatedCallback(),this.setInfiniteScrollContainer(this._container)}disconnectedCallback(){cr.isNull(this._scroller)||this._scroller.removeEventListener("scroll",this._scrollDelegate,!1),super.disconnectedCallback()}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"container":this.setInfiniteScrollContainer(s);break;case"disabled":(this._enabled=!s)&&this._doScroll();break;case"threshold":this._bottomGap=s||0;break}}setInfiniteScrollContainer(e="$document"){var t=e,s=this._isDocument=t==="$document"||t===document.body||t===document.documentElement;this._container=s?document.body||document.documentElement:typeof e=="string"?document.querySelector(t):t,this._viewport=s?window:this._container,this._scroller&&this._scroller.removeEventListener("scroll",this._scrollDelegate,!1),this._scroller=s?window.document:this._container,this._scroller.addEventListener("scroll",this._scrollDelegate,!1),this._enabled&&this._doScroll()}_emitFetchMore(){var e=new CustomEvent("fetchmore");this.dispatchEvent(e)}_doScroll(){if(this._enabled)if(this._computeHeight())this._doScroll();else{var e=this._scroller instanceof Document?window.pageYOffset:this._scroller.scrollTop,t=this._viewportHeight,s=this._innerHeight,o=s-(e+t);(o<this._bottomGap||s<=t)&&(this._emitFetchMore(),window.requestAnimationFrame(()=>{this._enabled&&this._doScroll()}))}}_computeHeight(){if(this._container){var e=this._container,t=Number.MAX_VALUE,s=0,o=0,i;if(this._isDocument){var a=e;i=Math.max(a.scrollHeight,a.offsetHeight,a.clientHeight)}else{for(var n=0;n<e.children.length;n++){var l=e.children.item(n),h=l.offsetTop,p=l.offsetHeight,u=h+p;o+=p,h<t&&(t=h),u>s&&(s=u)}i=Math.round(s-t)}var f=this._viewport instanceof Window?cr.windowSize.height:this._viewport.offsetHeight;return i!=this._innerHeight||f!=this._viewportHeight?(this._innerHeight=i,this._viewportHeight=f,!0):!1}}};ti([hr({converter:dr.String})],Ht.prototype,"container",void 0);ti([hr({reflectBack:!0,converter:dr.Number})],Ht.prototype,"threshold",void 0);ti([$n(100)],Ht.prototype,"_doScroll",null);Ht=ti([Dn({tagName:Sn+"-infinite-scroller"})],Ht);import{Watch as ur,Utils as qi,PropertyConverters as Nn,Components as Rn}from"@pacem/pacem-core";var pr=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},ds=class extends Rn.PacemElement{constructor(){super(...arguments),this.index=0}isCloseTo(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isCloseToCore(e,t,this.datasource.length)}isPrevious(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isPreviousCore(e,t,this.datasource.length)}isNext(e,t){return qi.isNull(this.datasource)||this.datasource.length==0?!1:this._isNextCore(e,t,this.datasource.length)}_isNextCore(e,t,s){return(t+1)%s===e}_isPreviousCore(e,t,s){return(t-1+s)%s===e}_isCloseToCore(e,t,s){return(t+s)%s==(e+s)%s||this._isNextCore(e,t,s)||this._isPreviousCore(e,t,s)}};pr([ur({converter:Nn.Number})],ds.prototype,"index",void 0);pr([ur()],ds.prototype,"datasource",void 0);import{P as Ln,PCSS as We,CustomElement as An,Watch as Qi,Utils as V,PropertyConverters as Ki,Components as Hn,stopPropagationHandler as Yi,ViewChild as si,avoidHandler as Gi}from"@pacem/pacem-core";var Fe=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},be=class extends Hn.PacemElement{constructor(){super(...arguments),this._keyupHandler=e=>{e.keyCode===27&&this.show&&!this.modal&&(this.show=!1)},this._wrapperMousedownHandler=e=>{this.modal||this.behavior===rt.ExplicitClose?Yi(e):this.show=!1},this._slotchangeHandler=e=>{this._resetLayout()},this._closeHandler=e=>{this._close(e)}}_resetLayout(){this._disposeButton();let e=this._ensureButton();V.isNull(e)||e.addEventListener("click",this._closeHandler,!1)}_toggleCloseVisibility(){let e=this._closeWrapper;V.isNull(e)||(e.hidden=this.modal)}viewActivatedCallback(){super.viewActivatedCallback(),this._toggleCloseVisibility();var e=this._wrapperElement,t=this._container;e.addEventListener("mousedown",this._wrapperMousedownHandler,!1),t.addEventListener("mousedown",Yi,!1),document.body.removeEventListener("scroll",Gi,!0),window.addEventListener("keyup",this._keyupHandler,!1),this._resetLayout(),this._slot.addEventListener("slotchange",this._slotchangeHandler,!1),this.show&&this._toggle(!0)}_toggle(e){let t=this._wrapperElement,s=this._container;if(e){this.inert=!1,this.dispatchEvent(new Event("open",{bubbles:!0,cancelable:!1})),t.style.display="",t.hidden=!1,window.requestAnimationFrame(()=>{V.addPart(t,"lightbox-wrapper-shown"),V.addPart(s,"lightbox-shown")});var o=this.querySelector("."+We+"-scrollable");o&&window.requestAnimationFrame(()=>o.scrollTop=0)}else this.inert=!0,this.dispatchEvent(new Event("close",{bubbles:!0,cancelable:!1})),V.removePart(t,"lightbox-wrapper-shown"),V.removePart(s,"lightbox-shown"),V.addAnimationEndCallback(t,i=>{i.hidden=!0,i.style.display="none"},500)}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"show":s?this._toggle(!0):t&&this._toggle(!1);break;case"modal":this._toggleCloseVisibility();break}}disconnectedCallback(){this.show&&this._close();var e=this._wrapperElement,t=this._container;document.body.removeEventListener("scroll",Gi,!0),V.isNull(e)||e.removeEventListener("mousedown",this._wrapperMousedownHandler,!1),V.isNull(t)||t.removeEventListener("mousedown",Yi,!1),window.removeEventListener("keyup",this._keyupHandler,!1),this._disposeButton(),this._disposeSlot(),super.disconnectedCallback()}_disposeButton(){this.#e?.removeEventListener("click",this._closeHandler),this.#e=null}_disposeSlot(){this._slot?.removeEventListener("slotchange",this._slotchangeHandler,!1)}_close(e){V.isNull(e)||Gi(e),this.show=!1}#e;_ensureButton(){if(!V.isNull(this.#e))return this.#e;let e=this._slot;if(V.isNull(e))return null;let t=this._lookForAButton();if(!V.isNull(t))return this.#e=t;let s=new Q;return s.setAttribute("slot","close"),s.className=`${We}-margin margin-0 ${We}-rise rise--2 button-circle circle-smaller`,s.iconGlyph="close",this.appendChild(s),this.#e=s}_lookForAButton(){let e=this._slot;if(V.isNull(e))return null;let t=e.assignedElements({flatten:!0});return V.isNullOrEmpty(t)?null:t[0]}};Fe([Qi({converter:Ki.Boolean})],be.prototype,"show",void 0);Fe([Qi({converter:Ki.Boolean})],be.prototype,"modal",void 0);Fe([Qi({emit:!1,converter:Ki.String})],be.prototype,"behavior",void 0);Fe([si("."+We+"-lightbox-wrapper")],be.prototype,"_wrapperElement",void 0);Fe([si("."+We+"-lightbox",!0)],be.prototype,"_container",void 0);Fe([si("slot[name=close]")],be.prototype,"_slot",void 0);Fe([si("div[part=close]")],be.prototype,"_closeWrapper",void 0);be=Fe([An({tagName:Ln+"-lightbox",shadow:!0,template:`<div class="${We}-lightbox-wrapper" part="lightbox-wrapper" hidden>
         <div class="${We}-lightbox" part="lightbox">
             <div part="top"><slot name="top"></slot></div>
             <div class="${We}-scrollable" part="scrollable">
@@ -134,7 +134,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
     }
 }`;let a=this.speed||20,n=Math.max(a,Math.round(a*Math.abs(o-i)/1920));t.style.animationName=s,t.style.animationDuration=n+"s",t.style.animationIterationCount="infinite",t.style.animationTimingFunction="linear"}}};ms([Zi(`.${ni}-marquee`)],pt.prototype,"_marquee",void 0);ms([Zi(`.${ni}-marquee-overlap`)],pt.prototype,"_overlap",void 0);ms([Zi(Ye+"-resize")],pt.prototype,"_resizer",void 0);ms([Xn({converter:Jn.Number})],pt.prototype,"speed",void 0);pt=ms([Kn({tagName:Ye+"-marquee",shadow:Zn.USE_SHADOW_ROOT,template:`<div class="${ni}-marquee"><${Ye}-content></${Ye}-content></div><div class="${ni}-marquee-overlap"></div>
 <${Ye}-resize target="{{ :host._overlap }}" on-${Ji.ResizeEventName}=":host._overlapResize($event)"></${Ye}-resize>
-<${Ye}-resize target="{{ :host._marquee }}" on-${Ji.ResizeEventName}=":host._contentResize($event)"></${Ye}-resize>`})],pt);import{P as el,Utils as _r,CustomElement as tl,Watch as gr,PropertyConverters as yr,PacemEventTarget as sl}from"@pacem/pacem-core";var eo=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},wr=768,il=992,ol=1200,rl=1824,al=1920,nl=2048,ll=3840,cl=`(max-width: ${wr-1}px)`,hl=`(min-width: ${wr}px)`,dl=`(min-width: ${il}px)`,pl=`(min-width: ${ol}px)`,ul=`(min-width: ${rl}px)`,ml=`(min-width: ${al}px)`,fl=`(min-width: ${nl}px)`,vl=`(min-width: ${ll}px)`,bl="(orientation: portrait)",_l="(orientation: landscape)",gl="(prefers-color-scheme: light)",yl="(prefers-color-scheme: dark)",fs=class extends sl{constructor(){super(...arguments),this._changeHandler=e=>{this.isMatch=e.matches}}#e;viewActivatedCallback(){super.viewActivatedCallback(),this._init()}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"query":o||this._init();break;case"isMatch":this._broadcastChange(s);break}}disconnectedCallback(){this._init(""),super.disconnectedCallback()}_broadcastChange(e=this.isMatch){this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event(e?"match":"unmatch"))}_init(e=this.query){let t=this.#e;if(_r.isNull(t)||t.removeEventListener("change",this._changeHandler),!_r.isNullOrEmpty(e)){let s=this.#e=window.matchMedia(e);s.addEventListener("change",this._changeHandler),this.isMatch=s.matches}}};eo([gr({emit:!1,converter:yr.String})],fs.prototype,"query",void 0);eo([gr({reflectBack:!0,converter:yr.Boolean})],fs.prototype,"isMatch",void 0);fs=eo([tl({tagName:el+"-media-query"})],fs);import{P as X,PCSS as _e,Utils as H,CustomElement as Cr,Watch as vs,ViewChild as Er,PropertyConverters as bs,Components as xr,Defaults as wl,avoidHandler as Cl,stopPropagationHandler as li,CustomElementUtils as kr,Logging as El}from"@pacem/pacem-core";var Le=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},to,te=class extends xr.PacemElement{constructor(){super(...arguments),this.synchronizeShell=!0,this._stopPropagationHandlerConditional=e=>{if(!H.isNull(this._container)&&!H.isNull(this._base)){let t=H.offset(this._container),s=H.offset(this._base);t.width<s.width&&(this.open=!1)}}}viewActivatedCallback(){super.viewActivatedCallback(),this._container.addEventListener("click",li,!1),this._container.addEventListener("scroll",li,!1),this._sync()}disconnectedCallback(){window.removeEventListener("navigate",this._stopPropagationHandlerConditional,!1),H.isNull(this._container)||(this._container.removeEventListener("click",li,!1),this._container.removeEventListener("scroll",li,!1)),this._sync(!1),super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),window.addEventListener("navigate",this._stopPropagationHandlerConditional,!1),this._shell=kr.findAncestorShell(this)}_toggle(e){Cl(e),this.open=!this.open,this.dispatchEvent(new Event("toggle"))}_sync(e=this.open){this.synchronizeShell?(H.addClass(this,"menu-sync"),H.addClass(this._shell,_e+(e===!0?"-menu-open":"-menu-close")),H.removeClass(this._shell,_e+(e===!0?"-menu-close":"-menu-open"))):(H.removeClass(this,"menu-sync"),H.removeClass(this._shell,_e+"-menu-close "+_e+"-menu-open")),this.outset?H.addClass(this,"menu-outset"):H.removeClass(this,"menu-outset")}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),(e==="open"||e==="synchronizeShell"||e==="outset")&&this._sync()}};Le([vs({converter:bs.Boolean})],te.prototype,"open",void 0);Le([vs({converter:bs.Boolean})],te.prototype,"hideHamburgerButton",void 0);Le([vs({converter:bs.Boolean})],te.prototype,"hideBackButton",void 0);Le([vs({emit:!1,converter:bs.Boolean})],te.prototype,"outset",void 0);Le([vs({emit:!1,converter:bs.Boolean})],te.prototype,"synchronizeShell",void 0);Le([Er("nav")],te.prototype,"_container",void 0);Le([Er(`.${_e}-menu`)],te.prototype,"_base",void 0);te=Le([Cr({tagName:X+"-menu",template:`<${X}-panel class="${_e}-menu" css-class="{{ {'menu-close': !:host.open, 'menu-open': :host.open} }}" on-click=":host._toggle($event)">    
+<${Ye}-resize target="{{ :host._marquee }}" on-${Ji.ResizeEventName}=":host._contentResize($event)"></${Ye}-resize>`})],pt);import{P as el,Utils as _r,CustomElement as tl,Watch as gr,PropertyConverters as yr,PacemEventTarget as sl}from"@pacem/pacem-core";var eo=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},wr=768,il=992,ol=1200,rl=1824,al=1920,nl=2048,ll=3840,cl=`(max-width: ${wr-1}px)`,hl=`(min-width: ${wr}px)`,dl=`(min-width: ${il}px)`,pl=`(min-width: ${ol}px)`,ul=`(min-width: ${rl}px)`,ml=`(min-width: ${al}px)`,fl=`(min-width: ${nl}px)`,vl=`(min-width: ${ll}px)`,bl="(orientation: portrait)",_l="(orientation: landscape)",gl="(prefers-color-scheme: light)",yl="(prefers-color-scheme: dark)",fs=class extends sl{constructor(){super(...arguments),this._changeHandler=e=>{this.isMatch=e.matches}}#e;viewActivatedCallback(){super.viewActivatedCallback(),this._init()}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"query":o||this._init();break;case"isMatch":this._broadcastChange(s);break}}disconnectedCallback(){this._init(""),super.disconnectedCallback()}_broadcastChange(e=this.isMatch){this.dispatchEvent(new Event("change")),this.dispatchEvent(new Event(e?"match":"unmatch"))}_init(e=this.query){let t=this.#e;if(_r.isNull(t)||t.removeEventListener("change",this._changeHandler),!_r.isNullOrEmpty(e)){let s=this.#e=window.matchMedia(e);s.addEventListener("change",this._changeHandler),this.isMatch=s.matches}}};eo([gr({emit:!1,converter:yr.String})],fs.prototype,"query",void 0);eo([gr({reflectBack:!0,converter:yr.Boolean})],fs.prototype,"isMatch",void 0);fs=eo([tl({tagName:el+"-media-query"})],fs);import{P as X,PCSS as _e,Utils as H,CustomElement as Cr,Watch as vs,ViewChild as Er,PropertyConverters as bs,Components as xr,Defaults as wl,avoidHandler as Cl,stopPropagationHandler as li,CustomElementUtils as kr,Logging as El}from"@pacem/pacem-core";var Le=function(r,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,s);else for(var n=r.length-1;n>=0;n--)(a=r[n])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},to,te=class extends xr.PacemElement{constructor(){super(...arguments),this.synchronizeShell=!0,this._stopPropagationHandlerConditional=e=>{if(!H.isNull(this._container)&&!H.isNull(this._backdrop)){let t=H.offset(this._container),s=H.offset(this._backdrop);t.width<s.width&&(this.open=!1)}}}viewActivatedCallback(){super.viewActivatedCallback(),this._container.addEventListener("click",li,!1),this._container.addEventListener("scroll",li,!1),this._sync()}disconnectedCallback(){window.removeEventListener("navigate",this._stopPropagationHandlerConditional,!1),H.isNull(this._container)||(this._container.removeEventListener("click",li,!1),this._container.removeEventListener("scroll",li,!1)),this._sync(!1),super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),window.addEventListener("navigate",this._stopPropagationHandlerConditional,!1),this._shell=kr.findAncestorShell(this)}_toggle(e){Cl(e),this.open=!this.open,this.dispatchEvent(new Event("toggle"))}_sync(e=this.open){this.synchronizeShell?(H.addClass(this,"menu-sync"),H.addClass(this._shell,_e+(e===!0?"-menu-open":"-menu-close")),H.removeClass(this._shell,_e+(e===!0?"-menu-close":"-menu-open"))):(H.removeClass(this,"menu-sync"),H.removeClass(this._shell,_e+"-menu-close "+_e+"-menu-open")),this.outset?H.addClass(this,"menu-outset"):H.removeClass(this,"menu-outset")}propertyChangedCallback(e,t,s,o){super.propertyChangedCallback(e,t,s,o),(e==="open"||e==="synchronizeShell"||e==="outset")&&this._sync()}};Le([vs({converter:bs.Boolean})],te.prototype,"open",void 0);Le([vs({converter:bs.Boolean})],te.prototype,"hideHamburgerButton",void 0);Le([vs({converter:bs.Boolean})],te.prototype,"hideBackButton",void 0);Le([vs({emit:!1,converter:bs.Boolean})],te.prototype,"outset",void 0);Le([vs({emit:!1,converter:bs.Boolean})],te.prototype,"synchronizeShell",void 0);Le([Er("nav",!0)],te.prototype,"_container",void 0);Le([Er(`.${_e}-menu`)],te.prototype,"_backdrop",void 0);te=Le([Cr({tagName:X+"-menu",template:`<${X}-panel class="${_e}-menu" css-class="{{ {'menu-close': !:host.open, 'menu-open': :host.open} }}" on-click=":host._toggle($event)">    
     <nav><${X}-content></${X}-content></nav>
 </${X}-panel>
 <${X}-shell-proxy>

package/dist/bundle/pacem-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-ui v2.0.0-euler (https://js.pacem.it)
+ * @pacem/pacem-ui v2.0.0-fourier (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -3391,7 +3391,8 @@ __decorate14([
 ], PacemIconElement.prototype, "icon", void 0);
 PacemIconElement = __decorate14([
   CustomElement13({
-    tagName: P13 + "-icon"
+    tagName: P13 + "-icon",
+    modifiers: ["face", "content"]
   })
 ], PacemIconElement);
 
@@ -4307,9 +4308,9 @@ var PacemMenuElement = class PacemMenuElement2 extends Components20.PacemElement
     super(...arguments);
     this.synchronizeShell = true;
     this._stopPropagationHandlerConditional = (_) => {
-      if (!Utils20.isNull(this._container) && !Utils20.isNull(this._base)) {
+      if (!Utils20.isNull(this._container) && !Utils20.isNull(this._backdrop)) {
         const offsetNav = Utils20.offset(this._container);
-        const offsetBase = Utils20.offset(this._base);
+        const offsetBase = Utils20.offset(this._backdrop);
         if (offsetNav.width < offsetBase.width) {
           this.open = false;
         }
@@ -4379,11 +4380,11 @@ __decorate23([
   Watch22({ emit: false, converter: PropertyConverters21.Boolean })
 ], PacemMenuElement.prototype, "synchronizeShell", void 0);
 __decorate23([
-  ViewChild10("nav")
+  ViewChild10("nav", true)
 ], PacemMenuElement.prototype, "_container", void 0);
 __decorate23([
   ViewChild10(`.${PCSS14}-menu`)
-], PacemMenuElement.prototype, "_base", void 0);
+], PacemMenuElement.prototype, "_backdrop", void 0);
 PacemMenuElement = __decorate23([
   CustomElement21({
     tagName: P22 + "-menu",