@pacem/pacem-ui 1.0.0-abel → 1.0.0-amaldi
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/pacem-ui.js +39 -23
- package/dist/browser/pacem-ui.js.map +1 -1
- package/dist/browser/pacem-ui.min.js +6 -1
- package/dist/browser/pacem-ui.min.js.map +1 -1
- package/dist/bundle/pacem-ui.min.mjs +6 -1
- package/dist/bundle/pacem-ui.mjs +37 -22
- package/dist/bundle/pacem-ui.mjs.map +2 -2
- package/dist/esm/adapter.js +5 -0
- package/dist/esm/anchor.js +5 -0
- package/dist/esm/balloon.js +5 -0
- package/dist/esm/binder.js +5 -0
- package/dist/esm/blade.js +5 -0
- package/dist/esm/bottom-sheet.js +5 -0
- package/dist/esm/button.js +5 -0
- package/dist/esm/buttonset.js +5 -0
- package/dist/esm/calendar.js +5 -0
- package/dist/esm/collapse.js +5 -0
- package/dist/esm/dialog-abstractions.js +5 -0
- package/dist/esm/dialog.js +5 -0
- package/dist/esm/divider.js +5 -0
- package/dist/esm/icon.js +5 -0
- package/dist/esm/image.js +5 -0
- package/dist/esm/index-components-ui.js +5 -0
- package/dist/esm/index-components.js +5 -0
- package/dist/esm/index-iife.js +5 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/infinite-scroller.js +5 -0
- package/dist/esm/iterative.js +5 -0
- package/dist/esm/lightbox-abstractions.js +5 -0
- package/dist/esm/lightbox.js +39 -23
- package/dist/esm/loader.js +5 -0
- package/dist/esm/markdown-svc.js +5 -0
- package/dist/esm/markdown.js +5 -0
- package/dist/esm/marquee.js +5 -0
- package/dist/esm/media-query.js +5 -0
- package/dist/esm/menu.js +5 -0
- package/dist/esm/pager.js +5 -0
- package/dist/esm/picture.js +5 -0
- package/dist/esm/progressbar.js +5 -0
- package/dist/esm/sidebar.js +5 -0
- package/dist/esm/slideshow.js +5 -0
- package/dist/esm/social-twitter.js +5 -0
- package/dist/esm/sticky-header.js +5 -0
- package/dist/esm/tabs.js +5 -0
- package/dist/esm/ticker.js +5 -0
- package/dist/esm/toast.js +5 -0
- package/dist/esm/toc.js +5 -0
- package/dist/esm/tuner.js +5 -0
- package/dist/esm/types.js +5 -0
- package/dist/esm/vibration.js +5 -0
- package/dist/esm/view.js +5 -0
- package/dist/esm/window.js +5 -0
- package/package.json +1 -1
- package/typings/index.d.ts +1 -0
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-ui v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var rr=Object.defineProperty;var yo=(a,e)=>{for(var t in e)rr(a,t,{get:e[t],enumerable:!0})};var ar={};yo(ar,{UI:()=>vo});var vo={};yo(vo,{AdapterOrientation:()=>_t,AdapterPageButtonRefreshEvent:()=>As,AdapterPageButtonRefreshEventName:()=>qt,BalloonAlignment:()=>y,BalloonBehavior:()=>xe,BalloonPopoutEventName:()=>Ro,BalloonPopupEventName:()=>No,BalloonPosition:()=>w,BalloonSizing:()=>Gt,BalloonTrigger:()=>N,BinderAnchor:()=>c,BinderEnd:()=>re,BinderInteractionEvent:()=>js,BinderInteractionEventName:()=>To,BinderTension:()=>Ms,CalendarEventSelectEvent:()=>qs,CalendarEventUnselectEvent:()=>Ys,CalendarZoom:()=>$e,DateSelectEvent:()=>Ws,DialogButton:()=>Pt,DialogButtons:()=>it,DialogResultEvent:()=>Bs,DialogResultEventName:()=>Wo,ElementOrPointPropertyConverter:()=>Ct,LightboxBehavior:()=>ds,LoaderType:()=>oi,MEDIAQUERY_2K:()=>fl,MEDIAQUERY_4K:()=>vl,MEDIAQUERY_HD:()=>ml,MEDIAQUERY_LANDSCAPE:()=>gl,MEDIAQUERY_LG:()=>pl,MEDIAQUERY_MD:()=>dl,MEDIAQUERY_PORTRAIT:()=>bl,MEDIAQUERY_PREFERS_DARK:()=>yl,MEDIAQUERY_PREFERS_LIGHT:()=>_l,MEDIAQUERY_SM:()=>hl,MEDIAQUERY_XL:()=>ul,MEDIAQUERY_XS:()=>cl,MarkdownService:()=>us,PacemAdaptedIterativeElement:()=>hs,PacemAdapterElement:()=>C,PacemAgendaElement:()=>es,PacemAnchorElement:()=>Ee,PacemBalloonElement:()=>Me,PacemBinderElement:()=>ee,PacemBladeElement:()=>Is,PacemBottomSheetElement:()=>Pe,PacemBottomSheetHandleElement:()=>Kt,PacemButtonElement:()=>Q,PacemButtonsetElement:()=>Ai,PacemCalendarBaseElement:()=>G,PacemCalendarDayOfWeekRuleElement:()=>Gs,PacemCalendarElement:()=>Rt,PacemCalendarEventElement:()=>De,PacemCalendarRuleBaseElement:()=>ss,PacemCalendarWithEventsBaseElement:()=>Zt,PacemClockElement:()=>Qs,PacemCollapseElement:()=>rt,PacemDialogBase:()=>St,PacemDialogElement:()=>me,PacemDividerElement:()=>Js,PacemIconElement:()=>Zs,PacemImageElement:()=>nt,PacemInfiniteScrollerElement:()=>At,PacemLightboxElement:()=>fe,PacemLoaderElement:()=>Ve,PacemMarkdownElement:()=>ai,PacemMarqueeElement:()=>lt,PacemMediaQueryElement:()=>fs,PacemMenuCursorElement:()=>Ji,PacemMenuElement:()=>te,PacemPagerElement:()=>be,PacemPictureElement:()=>Ye,PacemPictureSourceElement:()=>ct,PacemProgressbarElement:()=>Qe,PacemScheduleElement:()=>ts,PacemSidebarElement:()=>Es,PacemSlideElement:()=>hi,PacemSlideshowElement:()=>io,PacemStickyHeaderElement:()=>ht,PacemTabElement:()=>pt,PacemTabsElement:()=>Ge,PacemTickerElement:()=>It,PacemToastElement:()=>Ke,PacemTocElement:()=>le,PacemTunerElement:()=>X,PacemTweetEmbedElement:()=>di,PacemVibrateElement:()=>yi,PacemViewElement:()=>Le,PacemWindowAreaElement:()=>uo,PacemWindowElement:()=>vt,StickyHeaderVisibility:()=>Mt,TimeSelectEvent:()=>Fs,ViewDateChangeEvent:()=>Vs});import{P as x,PCSS as Ce,Defaults as nr,CustomElement as lr,ViewChild as yt,Watch as ae,Utils as oe,PropertyConverters as Je,Debounce as cr,avoidHandler as Rs,Throttle as ko}from"@pacem/pacem-core";import{Components as Po,UI as wo}from"@pacem/pacem-core";var S=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},{PacemElement:Ls,RepeaterItemCreateEventName:Co,ItemRegisterEventName:Eo,ItemUnregisterEventName:xo}=Po,_t;(function(a){a.Vertical="vertical",a.Horizontal="horizontal"})(_t||(_t={}));var qt="pagerefresh",As=class extends CustomEvent{constructor(e){super(qt,{detail:e,bubbles:!1,cancelable:!1})}},C=class extends Po.PacemAdapter{constructor(){super(...arguments),this._itemCreatedHandler=e=>{let t=e.detail.index;this._pageMap.set(t,e.detail.dom[0].firstElementChild),this._fireAdapterPageRefreshCallback(t,e.detail.item)},this._pageMap=new Map,this.interactive=!0,this.swipeEnabled=!0,this.loop=!0,this.labelCallback=(e,t)=>(t+1).toString(),this._itemRegisterHandler=e=>{let t=e.detail;!oe.isNull(this._swiper)&&t instanceof Ls&&t.behaviors.indexOf(this._swiper)==-1&&t.behaviors.push(this._swiper)},this._itemUnregisterHandler=e=>{let t=e.detail,s;!oe.isNull(this._swiper)&&t instanceof Ls&&(s=t.behaviors.indexOf(this._swiper))>=0&&t.behaviors.splice(s,1)},this._keydownHandler=e=>{if(this.interactive)switch(this.orientation){case _t.Vertical:switch(e.keyCode){case 40:this._next(e);break;case 38:this._previous(e);break}break;default:switch(e.keyCode){case 39:this._next(e);break;case 37:this._previous(e);break}break}}}masterPropertyChangedCallback(e,t,s,o){switch(super.masterPropertyChangedCallback(e,t,s,o),e){case"items":this._syncViewWithItems();break;case"index":this._index=s;break}}viewActivatedCallback(){super.viewActivatedCallback(),this._repeater.addEventListener(Co,this._itemCreatedHandler,!1),this._syncViewWithItems()}disconnectedCallback(){this._repeater&&this._repeater.removeEventListener(Co,this._itemCreatedHandler,!1),super.disconnectedCallback()}initializeCallback(){super.initializeCallback(),this.addEventListener("keydown",this._keydownHandler,!1);let e=this.master;if(!oe.isNull(e)){let t=this._previousTabIndex=e.tabIndex;(!t||t<0)&&(e.tabIndex=0),e.addEventListener("keydown",this._keydownHandler,!1),e.addEventListener(Eo,this._itemRegisterHandler,!1),e.addEventListener(xo,this._itemUnregisterHandler,!1)}this._syncViewWithItems()}destroyCallback(){this.removeEventListener("keydown",this._keydownHandler,!1);let e=this.master;if(!oe.isNull(e)){if(e.removeEventListener("keydown",this._keydownHandler,!1),e.removeEventListener(Eo,this._itemRegisterHandler,!1),e.removeEventListener(xo,this._itemUnregisterHandler,!1),!oe.isNullOrEmpty(e.items))for(let t of e.items){let s=t.behaviors,o=s.indexOf(this._swiper);o>=0&&s.splice(o,1)}e.tabIndex=this._previousTabIndex}super.destroyCallback()}itemPropertyChangedCallback(e,t,s,o,i){super.itemPropertyChangedCallback(e,t,s,o,i),this._tickVersion(),this._fireAdapterPageRefreshCallback(e)}_fireAdapterPageRefreshCallback(e,t){t=t||this.master.items[e];var s=t.hide||!1,o=t.disabled||!1,i=this._labelCallback(t,e);let r=new As({index:e,hide:s,disabled:o,content:i});this.dispatchEvent(r),s=this._isHidden(t,e,r.detail.hide),o=this._isDisabled(t,e,r.detail.disabled),i=r.detail.content;let n=this._pageMap;if(n.has(e)){let l=n.get(e),h=l.firstElementChild,d=u=>{u&&l.removeEventListener("load",d,!1),l.hide=s,l.disabled=o,h.content=i};l.isReady?d():l.addEventListener("load",d,!1)}}_tickVersion(){this._v=Date.now()}propertyChangedCallback(e,t,s,o){switch(super.propertyChangedCallback(e,t,s,o),e){case"interval":this._resetTimer(s);break;case"swipeEnabled":this._swiper.disabled=!s||!this.interactive;break;case"interactive":this.hidden=!s,this._swiper.disabled=!s||!this.swipeEnabled;break;case"pausable":s==!0?this._liPause.removeAttribute("hidden"):this._liPause.setAttribute("hidden","hidden");break}}_syncViewWithItems(){if(!(!this.isReady||oe.isNull(this.master)||oe.isNull(this._prevBtn)||oe.isNull(this._nextBtn)||oe.isNull(this._repeater))){var e=this.master.items;if(this._prevBtn.hide=this._nextBtn.hide=this._panel.hide=!(e&&e.length>1),this._panel.hide=oe.isNullOrEmpty(e),this._repeater.datasource=e,this._index=this.master.index,!oe.isNullOrEmpty(e))for(let t of e)t instanceof Ls&&t.behaviors.indexOf(this._swiper)==-1&&t.behaviors.push(this._swiper)}}_toggle(e){(this._paused=!this._paused)?(Rs(e),this._resetTimer(0)):this._next(e)}_resetTimer(e){clearInterval(this._handle),e>0&&(this._handle=window.setInterval(()=>{super.next()},e))}_next(e){e.type!==wo.SwipeEventType.SwipeLeft&&Rs(e),this._resetTimer(this.interval),super.next(this.loop)}_previous(e){e.type!==wo.SwipeEventType.SwipeRight&&Rs(e),this._resetTimer(this.interval),super.previous(this.loop)}_select(e,t){Rs(t),this._resetTimer(this.interval),!this.deselectable||e!==this._index?super.select(e):this.master.index=this._index=-1}_isDisabled(e,t,s,o){return this._disableOrHide(e,t,s)}_isHidden(e,t,s,o){return this._disableOrHide(e,t,s)}_disableOrHide(e,t,s){let o=e instanceof Ls&&s===!0;return(this._index===-1&&o===!1||o===!0&&t===this._index)&&(this.deselectable?this.master.index=this._index=-1:super.select(t)),o}_labelCallback(e,t,s){return this.labelCallback(e,t)}};S([yt(x+"-repeater")],C.prototype,"_repeater",void 0);S([yt(x+"-button."+Ce+"-adapter-previous")],C.prototype,"_prevBtn",void 0);S([yt(x+"-button."+Ce+"-adapter-next")],C.prototype,"_nextBtn",void 0);S([yt(x+"-panel")],C.prototype,"_panel",void 0);S([yt(x+"-swipe")],C.prototype,"_swiper",void 0);S([yt("."+Ce+"-adapter-dashboard > li[pacem]")],C.prototype,"_liPause",void 0);S([cr()],C.prototype,"_tickVersion",null);S([ae({converter:Je.Boolean})],C.prototype,"pausable",void 0);S([ae({emit:!1,converter:Je.Number})],C.prototype,"interval",void 0);S([ae({emit:!1,converter:Je.String})],C.prototype,"orientation",void 0);S([ae({emit:!1,reflectBack:!0,converter:Je.Boolean})],C.prototype,"interactive",void 0);S([ae({emit:!1,reflectBack:!0,converter:Je.Boolean})],C.prototype,"swipeEnabled",void 0);S([ae({emit:!1,reflectBack:!0,converter:Je.Boolean})],C.prototype,"deselectable",void 0);S([ae({emit:!1,reflectBack:!0,converter:Je.Boolean})],C.prototype,"loop",void 0);S([ae({emit:!1})],C.prototype,"labelCallback",void 0);S([ae()],C.prototype,"_index",void 0);S([ae()],C.prototype,"_paused",void 0);S([ae()],C.prototype,"_v",void 0);S([ko(333)],C.prototype,"_next",null);S([ko(333)],C.prototype,"_previous",null);C=S([lr({tagName:x+"-adapter",shadow:nr.USE_SHADOW_ROOT,template:`<${x}-button class="${Ce}-adapter-previous" on-click=":host._previous($event)"><</${x}-button>
|
|
2
7
|
<${x}-button class="${Ce}-adapter-next" on-click=":host._next($event)">></${x}-button>
|
|
3
8
|
<${x}-swipe on-swipeleft=":host._next($event)" on-swiperight=":host._previous($event)"></${x}-swipe>
|
|
@@ -77,7 +82,7 @@ css-class="{{ ['hour-start-'+ (^item.hour + 1), 'hour-end-'+ (^item.hour + ^item
|
|
|
77
82
|
<${P}-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' }}"><${P}-text text="{{ :host.cancelCaption }}"></${P}-text></${P}-button>
|
|
78
83
|
</div>
|
|
79
84
|
</div>
|
|
80
|
-
</${P}-lightbox>`})],me);import{P as on,CustomElement as an,Watch as rn,Utils as Xo,PropertyConverters as nn,Components as ln}from"@pacem/pacem-core";var Jo=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Js=class extends ln.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"?Xo.addClass(this,"divider-vertical"):Xo.removeClass(this,"divider-vertical")}};Jo([rn({converter:nn.String,emit:!1})],Js.prototype,"orientation",void 0);Js=Jo([an({tagName:on+"-divider",shadow:!0,template:'<div part="divider"><div part="prepend"></div><slot part="content"></slot><div part="append"></div></div>'})],Js);import{P as cn,PCSS as hn,CustomElement as dn,Watch as pn,Utils as ra,PropertyConverters as un,Components as mn,CustomElementUtils as Zo}from"@pacem/pacem-core";var aa=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},fn=/^\s*<svg\s/,vn=/^fa(b|r|s|l|d|t|-brands|-solid|-regular|-light|-thin|-duotone)?\s+fa-/,ea={url:"https://kit.fontawesome.com/4922589c3c.js",crossOrigin:!0},bn=/^lni\s+lni-/,gn="https://cdn.lineicons.com/2.0/LineIcons.css",_n=/^ci[dlsbf]-/,yn="https://unpkg.com/@coreui/icons/css/all.min.css",ta=/^material-icons?\s+([\w]+)/,sa=/^material(-symbols?)?\s+([\w]+)/,ia="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",wn=/^(https?:\/\/|\/\/)?.+\.(webp|svg|gif|png|jpe?g)$/,oa=[];function ns(a,e,t,s,o){return oa.indexOf(a)>=0||(oa.push(a),ra.Css.isClassDefined(a))?Promise.resolve():o?Zo.importjs(e,t,s):Zo.importcss(e,t,s)}function Cn(a){return new Promise((e,t)=>{if(ra.isNullOrEmpty(a))t("No icon provided");else if(fn.test(a))e(a);else if(vn.test(a))ns("fa",ea.url,void 0,ea.crossOrigin,!0).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(sa.test(a))ns("material-symbols",ia).then(s=>{let o=sa.exec(a),i=o[2],r=a.substring(o[0].length);e(`<i class="material-symbols-outlined${r}">${i}</i>`)},s=>t(s));else if(ta.test(a))ns("material-icons",ia).then(s=>{let o=ta.exec(a),i=o[1],r=a.substring(o[0].length);e(`<i class="material-icons${r}">${i}</i>`)},s=>t(s));else if(bn.test(a))ns("lni",gn).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(_n.test(a))ns("clb",yn).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(wn.test(a))e(`<img src="${a}" />`);else{let s=a.trim().split(" "),o=s[0],i=s.length>1?" "+s.slice(1).join(" "):"";e(`<i class="${hn}-icon${i}">${o}</i>`)}})}var Zs=class extends mn.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){Cn(e).then(t=>{this.innerHTML=t},t=>{this.innerHTML=""})}};aa([pn({emit:!1,converter:un.String})],Zs.prototype,"icon",void 0);Zs=aa([dn({tagName:cn+"-icon"})],Zs);import{P as En,CustomElement as xn,Watch as ei,Utils as ls,PropertyConverters as Bi,Components as kn}from"@pacem/pacem-core";var cs=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},nt=class extends kn.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?ls.removeClass:ls.addClass)(this,"img-ready");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setLayout(),this._setSource()}_setLayout(){let e=!ls.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,r=s.height;(o||e)&&(this.style.width=i||"",this.style.height=r||"")}#e;async _setSource(){if(this.disabled||!this.isReady)return;let e=this.src;if(this.style.backgroundImage="",!ls.isNullOrEmpty(e)){this.loading=!0;try{let t=await ls.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}}}};cs([ei({emit:!1,converter:Bi.String})],nt.prototype,"adapt",void 0);cs([ei({emit:!1,converter:Bi.String})],nt.prototype,"src",void 0);cs([ei({emit:!1,converter:{convert:(a,e)=>{let s=/^\s*([\d.]+)(px|em|rem|vw|vh)?\s*(?:,\s*([\d.]+)(px|em|rem|vw|vh)?)?\s*$/i.exec(a),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:(a,e)=>`${a?.width},${a?.height}`},reflectBack:!0})],nt.prototype,"size",void 0);cs([ei({converter:Bi.Boolean})],nt.prototype,"loading",void 0);nt=cs([xn({tagName:En+"-img"})],nt);import{P as Pn,Debounce as Sn,CustomElement as $n,Watch as la,Utils as na,PropertyConverters as ca,PacemEventTarget as Dn}from"@pacem/pacem-core";var ti=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},At=class extends Dn{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(){na.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 r=e;i=Math.max(r.scrollHeight,r.offsetHeight,r.clientHeight)}else{for(var n=0;n<e.children.length;n++){var l=e.children.item(n),h=l.offsetTop,d=l.offsetHeight,u=h+d;o+=d,h<t&&(t=h),u>s&&(s=u)}i=Math.round(s-t)}var m=this._viewport instanceof Window?na.windowSize.height:this._viewport.offsetHeight;return i!=this._innerHeight||m!=this._viewportHeight?(this._innerHeight=i,this._viewportHeight=m,!0):!1}}};ti([la({converter:ca.String})],At.prototype,"container",void 0);ti([la({reflectBack:!0,converter:ca.Number})],At.prototype,"threshold",void 0);ti([Sn(100)],At.prototype,"_doScroll",null);At=ti([$n({tagName:Pn+"-infinite-scroller"})],At);import{Watch as da,Utils as Ui,PropertyConverters as On,Components as Nn}from"@pacem/pacem-core";var ha=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},hs=class extends Nn.PacemElement{constructor(){super(...arguments),this.index=0}isCloseTo(e,t){return Ui.isNull(this.datasource)||this.datasource.length==0?!1:this._isCloseToCore(e,t,this.datasource.length)}isPrevious(e,t){return Ui.isNull(this.datasource)||this.datasource.length==0?!1:this._isPreviousCore(e,t,this.datasource.length)}isNext(e,t){return Ui.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)}};ha([da({converter:On.Number})],hs.prototype,"index",void 0);ha([da()],hs.prototype,"datasource",void 0);var ds;(function(a){a.ClickOutsideClose="clickOutsideClose",a.ExplicitClose="explicitClose"})(ds||(ds={}));import{P as Rn,PCSS as Be,CustomElement as Ln,Watch as Fi,Utils as U,PropertyConverters as qi,Components as An,stopPropagationHandler as Vi,ViewChild as si,avoidHandler as Wi}from"@pacem/pacem-core";var Ue=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},fe=class extends An.PacemElement{constructor(){super(...arguments),this._keyupHandler=e=>{e.keyCode===27&&this.show&&!this.modal&&(this.show=!1)},this._wrapperMousedownHandler=e=>{this.modal||this.behavior===ds.ExplicitClose?Vi(e):this.show=!1},this._slotchangeHandler=e=>{this._resetLayout()},this._closeHandler=e=>{this._close(e)}}_resetLayout(){this._disposeButton();let e=this._ensureButton();U.isNull(e)||e.addEventListener("click",this._closeHandler,!1)}_toggleCloseVisibility(){let e=this._closeWrapper;U.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",Vi,!1),document.body.removeEventListener("scroll",Wi,!0),window.addEventListener("keyup",this._keyupHandler,!1),this._resetLayout(),this._slot.addEventListener("slotchange",this._slotchangeHandler,!1)}propertyChangedCallback(e,t,s,o){if(super.propertyChangedCallback(e,t,s,o),!o)switch(e){case"show":let r=this._wrapperElement,n=this._container;if(s){this.inert=!1,this.dispatchEvent(new Event("open",{bubbles:!0,cancelable:!1})),r.style.display="",r.hidden=!1,window.requestAnimationFrame(()=>{U.addPart(r,"lightbox-wrapper-shown"),U.addPart(n,"lightbox-shown")});var i=this.querySelector("."+Be+"-scrollable");i&&window.requestAnimationFrame(()=>i.scrollTop=0)}else t&&(this.inert=!0,this.dispatchEvent(new Event("close",{bubbles:!0,cancelable:!1})),U.removePart(r,"lightbox-wrapper-shown"),U.removePart(n,"lightbox-shown"),U.addAnimationEndCallback(r,l=>{l.hidden=!0,l.style.display="none"},500));break;case"modal":this._toggleCloseVisibility();break}}disconnectedCallback(){this.show&&this._close();var e=this._wrapperElement,t=this._container;document.body.removeEventListener("scroll",Wi,!0),U.isNull(e)||e.removeEventListener("mousedown",this._wrapperMousedownHandler,!1),U.isNull(t)||t.removeEventListener("mousedown",Vi,!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){U.isNull(e)||Wi(e),this.show=!1}#e;_ensureButton(){if(!U.isNull(this.#e))return this.#e;let e=this._slot;if(U.isNull(e))return null;let t=this._lookForAButton();if(!U.isNull(t))return this.#e=t;let s=new Q;return s.setAttribute("slot","close"),s.className=`${Be}-margin margin-0 ${Be}-rise rise--2 button-circle circle-smaller`,s.iconGlyph="close",this.appendChild(s),this.#e=s}_lookForAButton(){let e=this._slot;if(U.isNull(e))return null;let t=e.assignedElements({flatten:!0});return U.isNullOrEmpty(t)?null:t[0]}};Ue([Fi({converter:qi.Boolean})],fe.prototype,"show",void 0);Ue([Fi({converter:qi.Boolean})],fe.prototype,"modal",void 0);Ue([Fi({emit:!1,converter:qi.String})],fe.prototype,"behavior",void 0);Ue([si("."+Be+"-lightbox-wrapper")],fe.prototype,"_wrapperElement",void 0);Ue([si("."+Be+"-lightbox")],fe.prototype,"_container",void 0);Ue([si("slot[name=close]")],fe.prototype,"_slot",void 0);Ue([si("div[part=close]")],fe.prototype,"_closeWrapper",void 0);fe=Ue([Ln({tagName:Rn+"-lightbox",shadow:!0,template:`<div class="${Be}-lightbox-wrapper" part="lightbox-wrapper" hidden>
|
|
85
|
+
</${P}-lightbox>`})],me);import{P as on,CustomElement as an,Watch as rn,Utils as Xo,PropertyConverters as nn,Components as ln}from"@pacem/pacem-core";var Jo=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},Js=class extends ln.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"?Xo.addClass(this,"divider-vertical"):Xo.removeClass(this,"divider-vertical")}};Jo([rn({converter:nn.String,emit:!1})],Js.prototype,"orientation",void 0);Js=Jo([an({tagName:on+"-divider",shadow:!0,template:'<div part="divider"><div part="prepend"></div><slot part="content"></slot><div part="append"></div></div>'})],Js);import{P as cn,PCSS as hn,CustomElement as dn,Watch as pn,Utils as ra,PropertyConverters as un,Components as mn,CustomElementUtils as Zo}from"@pacem/pacem-core";var aa=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},fn=/^\s*<svg\s/,vn=/^fa(b|r|s|l|d|t|-brands|-solid|-regular|-light|-thin|-duotone)?\s+fa-/,ea={url:"https://kit.fontawesome.com/4922589c3c.js",crossOrigin:!0},bn=/^lni\s+lni-/,gn="https://cdn.lineicons.com/2.0/LineIcons.css",_n=/^ci[dlsbf]-/,yn="https://unpkg.com/@coreui/icons/css/all.min.css",ta=/^material-icons?\s+([\w]+)/,sa=/^material(-symbols?)?\s+([\w]+)/,ia="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",wn=/^(https?:\/\/|\/\/)?.+\.(webp|svg|gif|png|jpe?g)$/,oa=[];function ns(a,e,t,s,o){return oa.indexOf(a)>=0||(oa.push(a),ra.Css.isClassDefined(a))?Promise.resolve():o?Zo.importjs(e,t,s):Zo.importcss(e,t,s)}function Cn(a){return new Promise((e,t)=>{if(ra.isNullOrEmpty(a))t("No icon provided");else if(fn.test(a))e(a);else if(vn.test(a))ns("fa",ea.url,void 0,ea.crossOrigin,!0).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(sa.test(a))ns("material-symbols",ia).then(s=>{let o=sa.exec(a),i=o[2],r=a.substring(o[0].length);e(`<i class="material-symbols-outlined${r}">${i}</i>`)},s=>t(s));else if(ta.test(a))ns("material-icons",ia).then(s=>{let o=ta.exec(a),i=o[1],r=a.substring(o[0].length);e(`<i class="material-icons${r}">${i}</i>`)},s=>t(s));else if(bn.test(a))ns("lni",gn).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(_n.test(a))ns("clb",yn).then(s=>{e(`<i class="${a}"></i>`)},s=>t(s));else if(wn.test(a))e(`<img src="${a}" />`);else{let s=a.trim().split(" "),o=s[0],i=s.length>1?" "+s.slice(1).join(" "):"";e(`<i class="${hn}-icon${i}">${o}</i>`)}})}var Zs=class extends mn.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){Cn(e).then(t=>{this.innerHTML=t},t=>{this.innerHTML=""})}};aa([pn({emit:!1,converter:un.String})],Zs.prototype,"icon",void 0);Zs=aa([dn({tagName:cn+"-icon"})],Zs);import{P as En,CustomElement as xn,Watch as ei,Utils as ls,PropertyConverters as Bi,Components as kn}from"@pacem/pacem-core";var cs=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},nt=class extends kn.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?ls.removeClass:ls.addClass)(this,"img-ready");break}}viewActivatedCallback(){super.viewActivatedCallback(),this._setLayout(),this._setSource()}_setLayout(){let e=!ls.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,r=s.height;(o||e)&&(this.style.width=i||"",this.style.height=r||"")}#e;async _setSource(){if(this.disabled||!this.isReady)return;let e=this.src;if(this.style.backgroundImage="",!ls.isNullOrEmpty(e)){this.loading=!0;try{let t=await ls.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}}}};cs([ei({emit:!1,converter:Bi.String})],nt.prototype,"adapt",void 0);cs([ei({emit:!1,converter:Bi.String})],nt.prototype,"src",void 0);cs([ei({emit:!1,converter:{convert:(a,e)=>{let s=/^\s*([\d.]+)(px|em|rem|vw|vh)?\s*(?:,\s*([\d.]+)(px|em|rem|vw|vh)?)?\s*$/i.exec(a),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:(a,e)=>`${a?.width},${a?.height}`},reflectBack:!0})],nt.prototype,"size",void 0);cs([ei({converter:Bi.Boolean})],nt.prototype,"loading",void 0);nt=cs([xn({tagName:En+"-img"})],nt);import{P as Pn,Debounce as Sn,CustomElement as $n,Watch as la,Utils as na,PropertyConverters as ca,PacemEventTarget as Dn}from"@pacem/pacem-core";var ti=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},At=class extends Dn{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(){na.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 r=e;i=Math.max(r.scrollHeight,r.offsetHeight,r.clientHeight)}else{for(var n=0;n<e.children.length;n++){var l=e.children.item(n),h=l.offsetTop,d=l.offsetHeight,u=h+d;o+=d,h<t&&(t=h),u>s&&(s=u)}i=Math.round(s-t)}var m=this._viewport instanceof Window?na.windowSize.height:this._viewport.offsetHeight;return i!=this._innerHeight||m!=this._viewportHeight?(this._innerHeight=i,this._viewportHeight=m,!0):!1}}};ti([la({converter:ca.String})],At.prototype,"container",void 0);ti([la({reflectBack:!0,converter:ca.Number})],At.prototype,"threshold",void 0);ti([Sn(100)],At.prototype,"_doScroll",null);At=ti([$n({tagName:Pn+"-infinite-scroller"})],At);import{Watch as da,Utils as Ui,PropertyConverters as On,Components as Nn}from"@pacem/pacem-core";var ha=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},hs=class extends Nn.PacemElement{constructor(){super(...arguments),this.index=0}isCloseTo(e,t){return Ui.isNull(this.datasource)||this.datasource.length==0?!1:this._isCloseToCore(e,t,this.datasource.length)}isPrevious(e,t){return Ui.isNull(this.datasource)||this.datasource.length==0?!1:this._isPreviousCore(e,t,this.datasource.length)}isNext(e,t){return Ui.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)}};ha([da({converter:On.Number})],hs.prototype,"index",void 0);ha([da()],hs.prototype,"datasource",void 0);var ds;(function(a){a.ClickOutsideClose="clickOutsideClose",a.ExplicitClose="explicitClose"})(ds||(ds={}));import{P as Rn,PCSS as Be,CustomElement as Ln,Watch as Fi,Utils as U,PropertyConverters as qi,Components as An,stopPropagationHandler as Vi,ViewChild as si,avoidHandler as Wi}from"@pacem/pacem-core";var Ue=function(a,e,t,s){var o=arguments.length,i=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,s);else for(var n=a.length-1;n>=0;n--)(r=a[n])&&(i=(o<3?r(i):o>3?r(e,t,i):r(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},fe=class extends An.PacemElement{constructor(){super(...arguments),this._keyupHandler=e=>{e.keyCode===27&&this.show&&!this.modal&&(this.show=!1)},this._wrapperMousedownHandler=e=>{this.modal||this.behavior===ds.ExplicitClose?Vi(e):this.show=!1},this._slotchangeHandler=e=>{this._resetLayout()},this._closeHandler=e=>{this._close(e)}}_resetLayout(){this._disposeButton();let e=this._ensureButton();U.isNull(e)||e.addEventListener("click",this._closeHandler,!1)}_toggleCloseVisibility(){let e=this._closeWrapper;U.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",Vi,!1),document.body.removeEventListener("scroll",Wi,!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(()=>{U.addPart(t,"lightbox-wrapper-shown"),U.addPart(s,"lightbox-shown")});var o=this.querySelector("."+Be+"-scrollable");o&&window.requestAnimationFrame(()=>o.scrollTop=0)}else this.inert=!0,this.dispatchEvent(new Event("close",{bubbles:!0,cancelable:!1})),U.removePart(t,"lightbox-wrapper-shown"),U.removePart(s,"lightbox-shown"),U.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",Wi,!0),U.isNull(e)||e.removeEventListener("mousedown",this._wrapperMousedownHandler,!1),U.isNull(t)||t.removeEventListener("mousedown",Vi,!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){U.isNull(e)||Wi(e),this.show=!1}#e;_ensureButton(){if(!U.isNull(this.#e))return this.#e;let e=this._slot;if(U.isNull(e))return null;let t=this._lookForAButton();if(!U.isNull(t))return this.#e=t;let s=new Q;return s.setAttribute("slot","close"),s.className=`${Be}-margin margin-0 ${Be}-rise rise--2 button-circle circle-smaller`,s.iconGlyph="close",this.appendChild(s),this.#e=s}_lookForAButton(){let e=this._slot;if(U.isNull(e))return null;let t=e.assignedElements({flatten:!0});return U.isNullOrEmpty(t)?null:t[0]}};Ue([Fi({converter:qi.Boolean})],fe.prototype,"show",void 0);Ue([Fi({converter:qi.Boolean})],fe.prototype,"modal",void 0);Ue([Fi({emit:!1,converter:qi.String})],fe.prototype,"behavior",void 0);Ue([si("."+Be+"-lightbox-wrapper")],fe.prototype,"_wrapperElement",void 0);Ue([si("."+Be+"-lightbox")],fe.prototype,"_container",void 0);Ue([si("slot[name=close]")],fe.prototype,"_slot",void 0);Ue([si("div[part=close]")],fe.prototype,"_closeWrapper",void 0);fe=Ue([Ln({tagName:Rn+"-lightbox",shadow:!0,template:`<div class="${Be}-lightbox-wrapper" part="lightbox-wrapper" hidden>
|
|
81
86
|
<div class="${Be}-lightbox" part="lightbox">
|
|
82
87
|
<div part="top"><slot name="top"></slot></div>
|
|
83
88
|
<div class="${Be}-scrollable" part="scrollable">
|
package/dist/bundle/pacem-ui.mjs
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @pacem/pacem-ui v1.0.0-amaldi (https://js.pacem.it)
|
|
3
|
+
* Pacem (https://pacem.it)
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
1
6
|
var __defProp = Object.defineProperty;
|
|
2
7
|
var __export = (target, all) => {
|
|
3
8
|
for (var name in all)
|
|
@@ -3643,6 +3648,36 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
|
|
|
3643
3648
|
window.addEventListener("keyup", this._keyupHandler, false);
|
|
3644
3649
|
this._resetLayout();
|
|
3645
3650
|
this._slot.addEventListener("slotchange", this._slotchangeHandler, false);
|
|
3651
|
+
if (this.show) {
|
|
3652
|
+
this._toggle(true);
|
|
3653
|
+
}
|
|
3654
|
+
}
|
|
3655
|
+
_toggle(val) {
|
|
3656
|
+
const wrap = this._wrapperElement;
|
|
3657
|
+
const container = this._container;
|
|
3658
|
+
if (!!val) {
|
|
3659
|
+
this.inert = false;
|
|
3660
|
+
this.dispatchEvent(new Event("open", { bubbles: true, cancelable: false }));
|
|
3661
|
+
wrap.style.display = "";
|
|
3662
|
+
wrap.hidden = false;
|
|
3663
|
+
window.requestAnimationFrame(() => {
|
|
3664
|
+
Utils16.addPart(wrap, "lightbox-wrapper-shown");
|
|
3665
|
+
Utils16.addPart(container, "lightbox-shown");
|
|
3666
|
+
});
|
|
3667
|
+
var scroller = this.querySelector("." + PCSS11 + "-scrollable");
|
|
3668
|
+
if (scroller) {
|
|
3669
|
+
window.requestAnimationFrame(() => scroller.scrollTop = 0);
|
|
3670
|
+
}
|
|
3671
|
+
} else {
|
|
3672
|
+
this.inert = true;
|
|
3673
|
+
this.dispatchEvent(new Event("close", { bubbles: true, cancelable: false }));
|
|
3674
|
+
Utils16.removePart(wrap, "lightbox-wrapper-shown");
|
|
3675
|
+
Utils16.removePart(container, "lightbox-shown");
|
|
3676
|
+
Utils16.addAnimationEndCallback(wrap, (e) => {
|
|
3677
|
+
e.hidden = true;
|
|
3678
|
+
e.style.display = "none";
|
|
3679
|
+
}, 500);
|
|
3680
|
+
}
|
|
3646
3681
|
}
|
|
3647
3682
|
propertyChangedCallback(name, old, val, first) {
|
|
3648
3683
|
super.propertyChangedCallback(name, old, val, first);
|
|
@@ -3651,30 +3686,10 @@ var PacemLightboxElement = class PacemLightboxElement2 extends Components16.Pace
|
|
|
3651
3686
|
}
|
|
3652
3687
|
switch (name) {
|
|
3653
3688
|
case "show":
|
|
3654
|
-
const wrap = this._wrapperElement;
|
|
3655
|
-
const container = this._container;
|
|
3656
3689
|
if (!!val) {
|
|
3657
|
-
this.
|
|
3658
|
-
this.dispatchEvent(new Event("open", { bubbles: true, cancelable: false }));
|
|
3659
|
-
wrap.style.display = "";
|
|
3660
|
-
wrap.hidden = false;
|
|
3661
|
-
window.requestAnimationFrame(() => {
|
|
3662
|
-
Utils16.addPart(wrap, "lightbox-wrapper-shown");
|
|
3663
|
-
Utils16.addPart(container, "lightbox-shown");
|
|
3664
|
-
});
|
|
3665
|
-
var scroller = this.querySelector("." + PCSS11 + "-scrollable");
|
|
3666
|
-
if (scroller) {
|
|
3667
|
-
window.requestAnimationFrame(() => scroller.scrollTop = 0);
|
|
3668
|
-
}
|
|
3690
|
+
this._toggle(true);
|
|
3669
3691
|
} else if (!!old) {
|
|
3670
|
-
this.
|
|
3671
|
-
this.dispatchEvent(new Event("close", { bubbles: true, cancelable: false }));
|
|
3672
|
-
Utils16.removePart(wrap, "lightbox-wrapper-shown");
|
|
3673
|
-
Utils16.removePart(container, "lightbox-shown");
|
|
3674
|
-
Utils16.addAnimationEndCallback(wrap, (e) => {
|
|
3675
|
-
e.hidden = true;
|
|
3676
|
-
e.style.display = "none";
|
|
3677
|
-
}, 500);
|
|
3692
|
+
this._toggle(false);
|
|
3678
3693
|
}
|
|
3679
3694
|
break;
|
|
3680
3695
|
case "modal":
|