@mgdis/mg-components 5.19.2 → 5.20.0

package/dist/mg-components/p-01ebc95a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isMgItemMore","element","nodeName","OverflowBehaviorElements","OverflowBehavior","constructor","render","this","disconnect","_resizeObserver","run","width","_moreElement","undefined","_baseChildren","getInteractiveItems","_proxyChildren","shadowRoot","querySelector","forEach","child","index","setAttribute","BASE_INDEX","PROXY_INDEX","updateDisplayedItems","_a","children","length","Array","from","filter","includes","availableWidth","restoreItems","acc","accWidth","previousItem","offsetWidth","hasPreviuosItem","isPreviousItemHidden","getAttribute","toggleItem","isMoreElement","isOverflowElement","cumulateWidth","item","previousElementSibling","nextElementSibling","isHidden","mgActionMenuindex","Number","toggleElement","removeAttribute","ResizeObserver","entries","entry","contentRect","observe","mgItemMoreCss","MgItemMore","name","renderMgMenuItemOverflowElement","moreElementMenuItem","menuItems","appendChild","cloneNode","allMenuItem","parentMenu","querySelectorAll","proxy","addEventListener","navElement","HTMLButtonElement","HTMLAnchorElement","click","isValidString","id","event","detail","icon","display","validateIcon","newValue","Error","validateSlotLabel","label","slotlabel","messages","moreLabel","validateSize","disconnectedCallback","overflowBehavior","componentWillLoad","initLocales","plusMenu","closest","size","componentDidLoad","h","Host","role","slot","class","direction","Direction","VERTICAL"],"sources":["src/utils/behaviors.utils.ts","../styles/dist/components/mg-item-more.css?tag=mg-item-more&encapsulation=shadow","src/components/molecules/mg-item-more/mg-item-more.tsx"],"sourcesContent":["/**\n * MgItemMore type guard\n * @param element - element to control type\n * @returns truthy if element is mg-item-more\n */\nconst isMgItemMore = (element: HTMLElement): element is HTMLMgItemMoreElement => element.nodeName === 'MG-ITEM-MORE';\n\nexport enum OverflowBehaviorElements {\n  BASE_INDEX = 'data-overflow-base-index',\n  PROXY_INDEX = 'data-overflow-proxy-index',\n}\n\nexport class OverflowBehavior {\n  // variables\n  private _resizeObserver: ResizeObserver;\n  private _moreElement: HTMLElement;\n  private _baseChildren: Element[];\n  private _proxyChildren: Element[];\n\n  constructor(private element: Element, private render: () => HTMLElement) {\n    if (this._resizeObserver === undefined) {\n      // add resize observer\n      this._resizeObserver = new ResizeObserver(entries => {\n        entries.forEach(entry => {\n          this.run(entry.contentRect.width);\n        });\n      });\n      this._resizeObserver.observe(this.element);\n    }\n    this.run();\n  }\n\n  /**********\n   * Public *\n   **********/\n\n  /**\n   * Disconnect ResizeObserver\n   */\n  public disconnect = (): void => {\n    this._resizeObserver.disconnect();\n  };\n\n  /************\n   * Internal *\n   ************/\n\n  /**\n   * run overflow behavior\n   * @param width - width of the container. Optional.\n   */\n  private run = (width?: number): void => {\n    if (this._moreElement === undefined) {\n      // set moreElement\n      this._moreElement = this.render();\n\n      // set children\n      this._baseChildren = this.getInteractiveItems(this.element);\n      if (isMgItemMore(this._moreElement)) {\n        this._proxyChildren = this.getInteractiveItems(this._moreElement.shadowRoot.querySelector('mg-menu'));\n      }\n\n      // update children\n      this._baseChildren.forEach((child, index) => {\n        child.setAttribute(OverflowBehaviorElements.BASE_INDEX, `${index}`);\n        // set moreElement children\n        this._proxyChildren[index].setAttribute(OverflowBehaviorElements.PROXY_INDEX, `${index}`);\n      });\n    }\n\n    if (width !== undefined) this.updateDisplayedItems(width);\n  };\n\n  /**\n   * Get interactive children filtred by authorized nodeName ['MG-MENU-ITEM', 'MG-BUTTON']\n   * @param element - element to parse\n   * @returns children\n   */\n  private getInteractiveItems = (element: Element) =>\n    (element.children?.length > 0 ? Array.from(element.children) : []).filter(element => ['MG-MENU-ITEM', 'MG-BUTTON'].includes(element.nodeName));\n\n  /**\n   * Update displayed items in container from a given available space\n   * @param availableWidth - available width in container to display child items\n   */\n  private updateDisplayedItems = (availableWidth: number): void => {\n    this.restoreItems();\n    const acc = { accWidth: 0, previousItem: null };\n    [...this._baseChildren, this._moreElement].forEach((child: HTMLMgMenuItemElement | HTMLMgItemMoreElement) => {\n      acc.accWidth += child.offsetWidth;\n      const hasPreviuosItem = acc.previousItem !== null;\n      const isPreviousItemHidden = hasPreviuosItem && acc.previousItem.getAttribute('hidden') !== null;\n      // if previous item is hidden AND is NOT more element we hidde current\n      // OR if item has an overflow we hidde current\n      // OR if current item is more element AND have NOT previous hidden items, current more element item is an hidden item\n      // ELSE current is a display item\n      this.toggleItem(\n        child,\n        (isPreviousItemHidden && !this.isMoreElement(child)) || this.isOverflowElement(acc.accWidth, child, availableWidth) || (this.isMoreElement(child) && !isPreviousItemHidden),\n      );\n\n      // update previous item with current item\n      acc.previousItem = child;\n    });\n  };\n\n  /**\n   * Utility method to know if item overflow partialy or totaly in the container\n   * @param cumulateWidth - previous sibling elements cumulate width + item width\n   * @param item - item HTML element\n   * @param availableWidth - container available width\n   * @returns truthy if element is overflow\n   */\n  private isOverflowElement = (cumulateWidth: number, item: HTMLElement, availableWidth: number): boolean => {\n    if (item.previousElementSibling === null || this.isMoreElement(item)) return false;\n    else if (!this.isMoreElement(item.nextElementSibling)) return cumulateWidth + this._moreElement.offsetWidth > availableWidth;\n    else return cumulateWidth > availableWidth;\n  };\n\n  /**\n   * Utility method to know if a given element is the 'MORE' element\n   * @param element - element to match with 'MORE' element\n   * @returns truthy if element is the 'MORE' element\n   */\n  private isMoreElement = (element: Element): boolean => element.nodeName === 'MG-ITEM-MORE';\n\n  /**\n   * Toggle display item element\n   * @param item - item to control\n   * @param isHidden - is item hidden\n   */\n  private toggleItem = (item: HTMLElement, isHidden: boolean): void => {\n    const mgActionMenuindex = Number(item.getAttribute(OverflowBehaviorElements.BASE_INDEX));\n    if (this.isMoreElement(item)) this.toggleElement(this._moreElement, isHidden);\n    else if (mgActionMenuindex >= 0) {\n      this.toggleElement(item, isHidden);\n      this.toggleElement(this._proxyChildren[mgActionMenuindex], !isHidden);\n    }\n  };\n\n  /**\n   * Toggle element's hidde attribute\n   * @param element - element to toggle\n   * @param isHidden - element is hidden\n   */\n  private toggleElement = (element: Element, isHidden: boolean): void => {\n    if (isHidden) element.setAttribute('hidden', '');\n    else element.removeAttribute('hidden');\n  };\n\n  /**\n   * Remove hidden attributes on all items\n   */\n  private restoreItems = (): void => {\n    [...this._baseChildren, this._moreElement].forEach(item => item.removeAttribute('hidden'));\n  };\n}\n",".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host:not([hidden]){display:flex}/*# sourceMappingURL=mg-item-more.css.map */\n","import { Component, h, Prop, Element, Host, Watch, State } from '@stencil/core';\nimport { initLocales } from '../../../locales';\nimport { OverflowBehavior } from '../../../utils/behaviors.utils';\nimport { Direction } from '../menu/mg-menu/mg-menu.conf';\nimport type { IconType, MessageType, SizeType, SlotLabelType } from './mg-item-more.conf';\nimport { isValidString } from '../../../utils/components.utils';\n\n@Component({\n  tag: 'mg-item-more',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-item-more.css',\n  shadow: true,\n})\nexport class MgItemMore {\n  /************\n   * Internal *\n   ************/\n  private readonly name = 'mg-item-more';\n  private messages: MessageType;\n  private menuItems: HTMLMgMenuItemElement[];\n  private overflowBehavior: OverflowBehavior;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgItemMoreElement;\n\n  /**\n   * Define icon\n   */\n  @Prop() icon: IconType = { icon: 'ellipsis-vertical' };\n  @Watch('icon')\n  validateIcon(newValue: MgItemMore['icon']): void {\n    if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.icon !== 'string'))\n      throw new Error(`<${this.name}> prop \"icon\" must match MgItemMore['icon'] type.`);\n  }\n\n  /**\n   * Define slot label element\n   */\n  @Prop() slotlabel: SlotLabelType = { display: false };\n  @Watch('slotlabel')\n  validateSlotLabel(newValue: MgItemMore['slotlabel']): void {\n    if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.display !== 'boolean'))\n      throw new Error(`<${this.name}> prop \"slotlabel\" must match MgItemMore['slotlabel'] type.`);\n    else if (typeof newValue.label !== 'string') this.slotlabel.label = this.messages.moreLabel;\n  }\n\n  /**\n   * Define component child menu size.\n   */\n  @Prop() size: SizeType;\n  @Watch('size')\n  validateSize(newValue: MgItemMore['size']): void {\n    if (newValue && typeof newValue !== 'string') throw new Error(`<${this.name}> prop \"size\" must match MgItemMore['size'] type.`);\n  }\n\n  /**\n   * Define component parent menu.\n   */\n  @State() parentMenu: HTMLMgMenuElement;\n\n  /***********\n   * Methods *\n   ***********/\n\n  /**\n   * render mg-item-more overflow element\n   * @returns mg-item-more element\n   */\n  private renderMgMenuItemOverflowElement = (): HTMLMgItemMoreElement => {\n    // create menu items proxy element from item clones\n    const moreElementMenuItem = this.element.shadowRoot.querySelector('mg-menu-item');\n    this.menuItems.forEach((child: HTMLMgMenuItemElement) => {\n      moreElementMenuItem.querySelector('mg-menu').appendChild(child.cloneNode(true));\n    });\n\n    const allMenuItem = Array.from(this.parentMenu.querySelectorAll('mg-menu-item:not([data-overflow-more])'));\n\n    Array.from(moreElementMenuItem.querySelectorAll('mg-menu-item:not([data-overflow-more])')).forEach((proxy, index) => {\n      // manage click on proxy to mirror it on initial element\n      proxy.addEventListener('click', () => {\n        // be carefull to use element.click() method instead of dispatchEvent to ensure bubbles outside shadowDom\n        const navElement = allMenuItem[index].shadowRoot.querySelector('a, button');\n        if (navElement instanceof HTMLButtonElement || navElement instanceof HTMLAnchorElement) navElement.click();\n      });\n\n      // add id suffix to prevent duplicate key. default html id is: '';\n      if (isValidString(proxy.id)) proxy.id = `${proxy.id}-proxy`;\n\n      // manage status change miror in proxy\n      allMenuItem[index].addEventListener('status-change', (event: CustomEvent) => {\n        proxy.setAttribute('status', event.detail);\n      });\n    });\n\n    return this.element;\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Disconnect overflow ResizeObserver\n   */\n  disconnectedCallback(): void {\n    this.overflowBehavior.disconnect();\n  }\n\n  /**\n   * Set variables and validate props\n   */\n  componentWillLoad(): void {\n    // init variables\n    this.messages = (initLocales(this.element).messages as { plusMenu: MessageType }).plusMenu;\n    this.parentMenu = this.element.closest('mg-menu');\n    this.menuItems = Array.from(this.parentMenu.children).filter(item => item.nodeName === 'MG-MENU-ITEM') as HTMLMgMenuItemElement[];\n\n    // validate props\n    this.validateIcon(this.icon);\n    this.validateSlotLabel(this.slotlabel);\n    this.validateSize(this.size);\n  }\n\n  /**\n   * Add overflow behavior\n   */\n  componentDidLoad(): void {\n    this.overflowBehavior = new OverflowBehavior(this.parentMenu, this.renderMgMenuItemOverflowElement);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <Host role=\"listitem\">\n        <mg-menu-item data-overflow-more data-size={this.parentMenu.size}>\n          <mg-icon icon={this.icon.icon} slot=\"image\"></mg-icon>\n          <span class={{ 'mg-u-visually-hidden': !this.slotlabel.display }} slot=\"label\">\n            {this.slotlabel.label}\n          </span>\n          <mg-menu direction={Direction.VERTICAL} label={this.messages.moreLabel} size={this.size}></mg-menu>\n        </mg-menu-item>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/mg-components/p-1aa89acf.js

@@ -1,3 +0,0 @@
-const t="mg-components";let e;let n;let s;let l=false;let o=false;let i=false;let c=false;let f=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d="http://www.w3.org/1999/xlink";const p={};const y=t=>t!=null;const h=t=>{t=typeof t;return t==="object"||t==="function"};function m(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const v=(t,e,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof t!=="function"&&!h(s)){s=String(s)}if(i&&c){f[f.length-1].t+=s}else{f.push(i?$(null,s):s)}c=i}}};r(n);if(e){if(e.key){l=e.key}if(e.name){o=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,g)}const u=$(t,null);u.l=e;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const $=(t,e)=>{const n={p:0,h:t,t:e,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const b={};const w=t=>t&&t.h===b;const g={forEach:(t,e)=>t.map(S).forEach(e),map:(t,e)=>t.map(S).map(e).map(k)};const S=t=>({vattrs:t.l,vchildren:t.o,vkey:t.i,vname:t.u,vtag:t.h,vtext:t.t});const k=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return v(t.vtag,e,...t.vchildren||[])}const e=$(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.i=t.vkey;e.u=t.vname;return e};const j=(t,e)=>{if(t!=null&&!h(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const O=t=>Ot(t).v;const C=(t,e,n)=>{const s=O(t);return{emit:t=>M(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const M=(t,e,n)=>{const s=Nt.ce(e,n);t.dispatchEvent(s);return s};const x=new WeakMap;const P=(t,e,n)=>{let s=Tt.get(t);if(At&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Tt.set(t,s)};const R=(t,e,n)=>{var s;const l=T(e);const o=Tt.get(l);t=t.nodeType===11?t:Lt;if(o){if(typeof o==="string"){t=t.head||t;let e=x.get(t);let n;if(!e){x.set(t,e=new Set)}if(!e.has(l)){{n=Lt.createElement("style");n.innerHTML=o;const e=(s=Nt.$)!==null&&s!==void 0?s:m(Lt);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const U=t=>{const e=t.g;const n=t.v;const s=e.p;const l=r("attachStyles",e.S);const o=R(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const T=(t,e)=>"sc-"+t.S;const E=(t,e,n,s,l,o)=>{if(n!==s){let i=xt(t,e);let c=e.toLowerCase();if(e==="class"){const e=t.classList;const l=N(n);const o=N(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(xt(Et,c)){e=c.slice(2)}else{e=c[2]+e.slice(3)}if(n){Nt.rel(t,e,n,false)}if(s){Nt.ael(t,e,s,false)}}else{const f=h(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){e=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){if(r){t.removeAttributeNS(d,e)}else{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(d,e,s)}else{t.setAttribute(e,s)}}}}};const L=/\s/;const N=t=>!t?[]:t.split(L);const W=(t,e,n,s)=>{const l=e.m.nodeType===11&&e.m.host?e.m.host:e.m;const o=t&&t.l||p;const i=e.l||p;{for(s in o){if(!(s in i)){E(l,s,o[s],undefined,n,e.p)}}}for(s in i){E(l,s,o[s],i[s],n,e.p)}};const A=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let p;let h;if(!l){i=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.p|=u.o?2:1}}if(u.t!==null){d=u.m=Lt.createTextNode(u.t)}else if(u.p&1){d=u.m=Lt.createTextNode("")}else{d=u.m=Lt.createElement(u.p&2?"slot-fb":u.h);{W(null,u,c)}if(y(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){p=A(t,u,a,d);if(p){d.appendChild(p)}}}}{d["s-hn"]=s;if(u.p&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.u||"";h=t&&t.o&&t.o[f];if(h&&h.h===u.h&&t.m){D(t.m,false)}}}return d};const D=(t,e)=>{Nt.p|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){_(l).insertBefore(l,V(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){D(l,e)}}Nt.p&=~1};const F=(t,e,n,l,o,i)=>{let c=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(c.shadowRoot&&c.tagName===s){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=A(null,n,o,t);if(f){l[o].m=f;c.insertBefore(f,V(e))}}}};const H=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.m;Q(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{D(t,true)}}t.remove()}}}};const q=(t,e,n,s)=>{let l=0;let o=0;let i=0;let c=0;let f=e.length-1;let r=e[0];let u=e[f];let a=s.length-1;let d=s[0];let p=s[a];let y;let h;while(l<=f&&o<=a){if(r==null){r=e[++l]}else if(u==null){u=e[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(I(r,d)){z(r,d);r=e[++l];d=s[++o]}else if(I(u,p)){z(u,p);u=e[--f];p=s[--a]}else if(I(r,p)){if(r.h==="slot"||p.h==="slot"){D(r.m.parentNode,false)}z(r,p);t.insertBefore(r.m,u.m.nextSibling);r=e[++l];p=s[--a]}else if(I(u,d)){if(r.h==="slot"||p.h==="slot"){D(u.m.parentNode,false)}z(u,d);t.insertBefore(u.m,r.m);u=e[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(e[c]&&e[c].i!==null&&e[c].i===d.i){i=c;break}}}if(i>=0){h=e[i];if(h.h!==d.h){y=A(e&&e[o],n,i,t)}else{z(h,d);e[i]=undefined;y=h.m}d=s[++o]}else{y=A(e&&e[o],n,o,t);d=s[++o]}if(y){{_(r.m).insertBefore(y,V(r.m))}}}}if(l>f){F(t,s[a+1]==null?null:s[a+1].m,n,s,o,a)}else if(o>a){H(e,l,f)}};const I=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}{return t.i===e.i}}return false};const V=t=>t&&t["s-ol"]||t;const _=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const z=(t,e)=>{const n=e.m=t.m;const s=t.o;const l=e.o;const o=e.h;const i=e.t;let f;if(i===null){{if(o==="slot");else{W(t,e,c)}}if(s!==null&&l!==null){q(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}F(n,null,e,l,0,l.length-1)}else if(s!==null){H(s,0,s.length-1)}}else if(f=n["s-cr"]){f.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const B=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let c;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){c=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(c===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(c===1||c===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}B(n)}}};const G=[];const J=t=>{let e;let n;let s;let l;let i;let c;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(c=s.length-1;c>=0;c--){n=s[c];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(K(n,l)){i=G.find((t=>t.k===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.j=e}else{G.push({j:e,k:n})}if(n["s-sr"]){G.map((t=>{if(K(t.k,n["s-sn"])){i=G.find((t=>t.k===n));if(i&&!t.j){t.j=i.j}}}))}}else if(!G.some((t=>t.k===n))){G.push({k:n})}}}}if(e.nodeType===1){J(e)}}};const K=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const Q=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(Q)}};const X=(t,c,f=false)=>{const r=t.v;const u=t.g;const a=t.O||$(null,null);const d=w(c)?c:v(null,null,c);s=r.tagName;if(u.C){d.l=d.l||{};u.C.map((([t,e])=>d.l[e]=r[t]))}if(f&&d.l){for(const t of Object.keys(d.l)){if(r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){d.l[t]=r[t]}}}d.h=null;d.p|=4;t.O=d;d.m=a.m=r.shadowRoot||r;{e=r["s-sc"]}{n=r["s-cr"];l=(u.p&1)!==0;o=false}z(a,d);{Nt.p|=1;if(i){J(d.m);let t;let e;let n;let s;let l;let o;let i=0;for(;i<G.length;i++){t=G[i];e=t.k;if(!e["s-ol"]){n=Lt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<G.length;i++){t=G[i];e=t.k;if(t.j){s=t.j.parentNode;l=t.j.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){B(d.m)}Nt.p&=~1;G.length=0}};const Y=(t,e)=>{if(e&&!t.M&&e["s-p"]){e["s-p"].push(new Promise((e=>t.M=e)))}};const Z=(t,e)=>{{t.p|=16}if(t.p&4){t.p|=512;return}Y(t,t.P);const n=()=>tt(t,e);return _t(n)};const tt=(t,e)=>{const n=r("scheduleUpdate",t.g.S);const s=t.R;let l;if(e){{t.p|=256;if(t.U){t.U.map((([t,e])=>ct(s,t,e)));t.U=undefined}}{l=ct(s,"componentWillLoad")}}else{{l=ct(s,"componentWillUpdate")}}n();return et(l,(()=>st(t,s,e)))};const et=(t,e)=>nt(t)?t.then(e):e();const nt=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const st=async(t,e,n)=>{var s;const l=t.v;const o=r("update",t.g.S);const i=l["s-rc"];if(n){U(t)}const c=r("render",t.g.S);{lt(t,e,l,n)}if(i){i.map((t=>t()));l["s-rc"]=undefined}c();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ot(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.p|=4;e.length=0}}};const lt=(t,e,n,s)=>{try{e=e.render&&e.render();{t.p&=~16}{t.p|=2}{{{X(t,e,s)}}}}catch(e){Pt(e,t.v)}return null};const ot=t=>{const e=t.g.S;const n=t.v;const s=r("postUpdate",e);const l=t.R;const o=t.P;{ct(l,"componentDidRender")}if(!(t.p&64)){t.p|=64;{ft(n)}{ct(l,"componentDidLoad")}s();{t.T(n);if(!o){it()}}}else{{ct(l,"componentDidUpdate")}s()}{t.L(n)}{if(t.M){t.M();t.M=undefined}if(t.p&512){Vt((()=>Z(t,false)))}t.p&=~(4|512)}};const it=e=>{{ft(Lt.documentElement)}Vt((()=>M(Et,"appload",{detail:{namespace:t}})))};const ct=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Pt(t)}}return undefined};const ft=t=>t.classList.add("hydrated");const rt=(t,e)=>Ot(t).N.get(e);const ut=(t,e,n,s)=>{const l=Ot(t);const o=l.v;const i=l.N.get(e);const c=l.p;const f=l.R;n=j(n,s.W[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.N.set(e,n);if(f){if(s.A&&c&128){const t=s.A[e];if(t){t.map((t=>{try{f[t](n,i,e)}catch(t){Pt(t,o)}}))}}if((c&(2|16))===2){Z(l,false)}}}};const at=(t,e,n)=>{var s;if(e.W){if(t.watchers){e.A=t.watchers}const l=Object.entries(e.W);const o=t.prototype;l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return rt(this,t)},set(n){ut(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){const n=Ot(this);return n.D.then((()=>n.R[t](...e)))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){Nt.jmp((()=>{const i=n.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=Ot(this);const o=n===null||n===void 0?void 0:n.p;if(!(o&8)&&o&128&&l!==s){const o=n.R;const i=e.A[t];i===null||i===void 0?void 0:i.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.A)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))]))}}return t};const dt=async(t,e,n,s,l)=>{if((e.p&32)===0){e.p|=32;{l=Ut(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.A=l.watchers}at(l,n,2);l.isProxied=true}const t=r("createInstance",n.S);{e.p|=8}try{new l(e)}catch(t){Pt(t)}{e.p&=~8}{e.p|=128}t()}if(l.style){let t=l.style;const e=T(n);if(!Tt.has(e)){const s=r("registerStyles",n.S);P(e,t,!!(n.p&1));s()}}}const o=e.P;const i=()=>Z(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const pt=t=>{};const yt=t=>{if((Nt.p&1)===0){const e=Ot(t);const n=e.g;const s=r("connectedCallback",n.S);if(!(e.p&1)){e.p|=1;{if(n.p&(4|8)){ht(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){Y(e,e.P=n);break}}}if(n.W){Object.entries(n.W).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{dt(t,e,n)}}else{bt(t,e,n.F);if(e===null||e===void 0?void 0:e.R);else if(e===null||e===void 0?void 0:e.H){e.H.then((()=>pt()))}}s()}};const ht=t=>{const e=t["s-cr"]=Lt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const mt=t=>{{ct(t,"disconnectedCallback")}};const vt=async t=>{if((Nt.p&1)===0){const e=Ot(t);{if(e.q){e.q.map((t=>t()));e.q=undefined}}if(e===null||e===void 0?void 0:e.R){mt(e.R)}else if(e===null||e===void 0?void 0:e.H){e.H.then((()=>mt(e.R)))}}};const $t=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=Et.customElements;const c=Lt.head;const f=c.querySelector("meta[charset]");const u=Lt.createElement("style");const d=[];let p;let y=true;Object.assign(Nt,e);Nt.I=new URL(e.resourcesUrl||"./",Lt.baseURI).href;t.map((t=>{t[1].map((e=>{var n;const s={p:e[0],S:e[1],W:e[2],F:e[3]};{s.W=e[2]}{s.F=e[3]}{s.C=[]}{s.A=(n=e[4])!==null&&n!==void 0?n:{}}const c=s.S;const f=class extends HTMLElement{constructor(t){super(t);t=this;Mt(t,s);if(s.p&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(y){d.push(this)}else{Nt.jmp((()=>yt(this)))}}disconnectedCallback(){Nt.jmp((()=>vt(this)))}componentOnReady(){return Ot(this).H}};s.V=t[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,at(f,s,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Nt.$)!==null&&n!==void 0?n:m(Lt);if(t!=null){u.setAttribute("nonce",t)}c.insertBefore(u,f?f.nextSibling:c.firstChild)}y=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Nt.jmp((()=>p=setTimeout(it,30)))}}s()};const bt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=gt(t,n);const i=wt(e,l);const c=St(n);Nt.ael(o,s,i,c);(e.q=e.q||[]).push((()=>Nt.rel(o,s,i,c)))}))}};const wt=(t,e)=>n=>{try{{if(t.p&256){t.R[e](n)}else{(t.U=t.U||[]).push([e,n])}}}catch(t){Pt(t)}};const gt=(t,e)=>{if(e&8)return Et;return t};const St=t=>(t&2)!==0;const kt=t=>Nt.$=t;const jt=new WeakMap;const Ot=t=>jt.get(t);const Ct=(t,e)=>jt.set(e.R=t,e);const Mt=(t,e)=>{const n={p:0,v:t,g:e,N:new Map};{n.D=new Promise((t=>n.L=t))}{n.H=new Promise((t=>n.T=t));t["s-p"]=[];t["s-rc"]=[]}bt(t,n,e.F);return jt.set(t,n)};const xt=(t,e)=>e in t;const Pt=(t,e)=>(0,console.error)(t,e);const Rt=new Map;const Ut=(t,e,n)=>{const s=t.S.replace(/-/g,"_");const l=t.V;const o=Rt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Rt.set(l,t)}return t[s]}),Pt)};const Tt=new Map;const Et=typeof window!=="undefined"?window:{};const Lt=Et.document||{head:{}};const Nt={p:0,I:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Wt=t=>Promise.resolve(t);const At=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Dt=[];const Ft=[];const Ht=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&Nt.p&4){Vt(It)}else{Nt.raf(It)}}};const qt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Pt(t)}}t.length=0};const It=()=>{qt(Dt);{qt(Ft);if(f=Dt.length>0){Nt.raf(It)}}};const Vt=t=>Wt().then(t);const _t=Ht(Ft,true);export{b as H,$t as b,C as c,O as g,v as h,Wt as p,Ct as r,kt as s};
-//# sourceMappingURL=p-1aa89acf.js.map