@paperless/core 2.0.1-beta.13 → 2.0.1-beta.15

package/dist/types/components/atoms/portal/portal.component.d.ts

@@ -0,0 +1,9 @@
+export declare class Portal {
+  containerClass: string;
+  _element: HTMLElement;
+  private _moved;
+  private createPortal;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/molecules/dropdown/dropdown.component.d.ts

@@ -17,6 +17,10 @@ export declare class Dropdown {
    * Wether to show the dropdown menu
    */
   show: boolean;
+  /**
+   * Wether to use a portal for the dropdown container
+   */
+  usePortal: boolean;
   /**
    * Wether to automatically calculate the width of the menu based on the trigger
    */
@@ -72,8 +76,9 @@ export declare class Dropdown {
   componentShouldUpdate(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  componentDidRender(): void;
   render(): any;
-  private _checkButton;
+  private _checkButtons;
   protected onShowChange(show: any): void;
   protected documentClickHandler({ target }: {
     target: any;

package/dist/types/components.d.ts

@@ -512,6 +512,10 @@ export namespace Components {
           * The strategy of the dropdown placement
          */
         "strategy": Strategy;
+        /**
+          * Wether to use a portal for the dropdown container
+         */
+        "usePortal": boolean;
     }
     interface PDropdownMenuContainer {
         /**
@@ -980,6 +984,9 @@ export namespace Components {
          */
         "active": boolean;
     }
+    interface PPortal {
+        "containerClass": string;
+    }
     interface PProfile {
         /**
           * The position of the dropdown
@@ -2100,6 +2107,12 @@ declare global {
         prototype: HTMLPPaginationItemElement;
         new (): HTMLPPaginationItemElement;
     };
+    interface HTMLPPortalElement extends Components.PPortal, HTMLStencilElement {
+    }
+    var HTMLPPortalElement: {
+        prototype: HTMLPPortalElement;
+        new (): HTMLPPortalElement;
+    };
     interface HTMLPProfileElement extends Components.PProfile, HTMLStencilElement {
     }
     var HTMLPProfileElement: {
@@ -2282,6 +2295,7 @@ declare global {
         "p-page-size-select": HTMLPPageSizeSelectElement;
         "p-pagination": HTMLPPaginationElement;
         "p-pagination-item": HTMLPPaginationItemElement;
+        "p-portal": HTMLPPortalElement;
         "p-profile": HTMLPProfileElement;
         "p-segment-container": HTMLPSegmentContainerElement;
         "p-segment-item": HTMLPSegmentItemElement;
@@ -2833,6 +2847,10 @@ declare namespace LocalJSX {
           * The strategy of the dropdown placement
          */
         "strategy"?: Strategy;
+        /**
+          * Wether to use a portal for the dropdown container
+         */
+        "usePortal"?: boolean;
     }
     interface PDropdownMenuContainer {
         /**
@@ -3325,6 +3343,9 @@ declare namespace LocalJSX {
          */
         "active"?: boolean;
     }
+    interface PPortal {
+        "containerClass"?: string;
+    }
     interface PProfile {
         /**
           * The position of the dropdown
@@ -4223,6 +4244,7 @@ declare namespace LocalJSX {
         "p-page-size-select": PPageSizeSelect;
         "p-pagination": PPagination;
         "p-pagination-item": PPaginationItem;
+        "p-portal": PPortal;
         "p-profile": PProfile;
         "p-segment-container": PSegmentContainer;
         "p-segment-item": PSegmentItem;
@@ -4300,6 +4322,7 @@ declare module "@stencil/core" {
             "p-page-size-select": LocalJSX.PPageSizeSelect & JSXBase.HTMLAttributes<HTMLPPageSizeSelectElement>;
             "p-pagination": LocalJSX.PPagination & JSXBase.HTMLAttributes<HTMLPPaginationElement>;
             "p-pagination-item": LocalJSX.PPaginationItem & JSXBase.HTMLAttributes<HTMLPPaginationItemElement>;
+            "p-portal": LocalJSX.PPortal & JSXBase.HTMLAttributes<HTMLPPortalElement>;
             "p-profile": LocalJSX.PProfile & JSXBase.HTMLAttributes<HTMLPProfileElement>;
             "p-segment-container": LocalJSX.PSegmentContainer & JSXBase.HTMLAttributes<HTMLPSegmentContainerElement>;
             "p-segment-item": LocalJSX.PSegmentItem & JSXBase.HTMLAttributes<HTMLPSegmentItemElement>;

package/hydrate/index.js

@@ -4950,7 +4950,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE$1 = 'paperless';
-const BUILD = /* paperless */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: false, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* paperless */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: false, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 function queryNonceMetaTagContent(e) {
  var t, o, n;
@@ -5139,19 +5139,21 @@ function waitingOnElementMsg(e) {
 
 const createTime = (e, t = "") => {
  return () => {};
-}, EMPTY_OBJ = {}, isComplexType = e => "object" == (e = typeof e) || "function" === e, isPromise = e => !!e && ("object" == typeof e || "function" == typeof e) && "function" == typeof e.then, h = (e, t, ...o) => {
- let n = null, l = null, a = !1, r = !1;
+}, XLINK_NS = "http://www.w3.org/1999/xlink", EMPTY_OBJ = {}, isComplexType = e => "object" == (e = typeof e) || "function" === e, isPromise = e => !!e && ("object" == typeof e || "function" == typeof e) && "function" == typeof e.then, h = (e, t, ...o) => {
+ let n = null, s = null, l = null, a = !1, r = !1;
  const i = [], d = t => {
   for (let o = 0; o < t.length; o++) n = t[o], Array.isArray(n) ? d(n) : null != n && "boolean" != typeof n && ((a = "function" != typeof e && !isComplexType(n)) ? n = String(n) : BUILD.isDev  , 
   a && r ? i[i.length - 1].$text$ += n : i.push(a ? newVNode(null, n) : n), r = a);
  };
- if (d(o), t && (t.name && (l = t.name), BUILD.vdomClass)) {
+ if (d(o), t && (t.key && (s = t.key), 
+ t.name && (l = t.name), BUILD.vdomClass)) {
   const e = t.className || t.class;
   e && (t.class = "object" != typeof e ? e : Object.keys(e).filter((t => e[t])).join(" "));
  }
  if ("function" == typeof e) return e(null === t ? {} : t, i, vdomFnUtils);
  const c = newVNode(e, null);
- return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), (c.$name$ = l), c;
+ return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), (c.$key$ = s), 
+ (c.$name$ = l), c;
 }, newVNode = (e, t) => {
  const o = {
   $flags$: 0,
@@ -5160,7 +5162,8 @@ const createTime = (e, t = "") => {
   $elm$: null,
   $children$: null
  };
- return (o.$attrs$ = null), (o.$name$ = null), o;
+ return (o.$attrs$ = null), (o.$key$ = null), 
+ (o.$name$ = null), o;
 }, Host = {}, isHost = e => e && e.$tag$ === Host, vdomFnUtils = {
  forEach: (e, t) => e.map(convertToPublic).forEach(t),
  map: (e, t) => e.map(convertToPublic).map(t).map(convertToPrivate)
@@ -5281,7 +5284,7 @@ const createTime = (e, t = "") => {
   } else if ("style" === t) {
    for (const t in o) n && null != n[t] || (e.style[t] = "");
    for (const t in n) o && n[t] === o[t] || (e.style[t] = n[t]);
-  } else if ("ref" === t) n && n(e); else if ((a ) || "o" !== t[0] || "n" !== t[1]) {
+  } else if ("key" === t) ; else if ("ref" === t) n && n(e); else if ((a ) || "o" !== t[0] || "n" !== t[1]) {
    {
     const i = isComplexType(n);
     if ((a || i && null !== n) && !s) try {
@@ -5290,8 +5293,9 @@ const createTime = (e, t = "") => {
       "list" === t ? a = !1 : null != o && e[t] == s || (e[t] = s);
      }
     } catch (e) {}
-    null == n || !1 === n ? !1 === n && "" !== e.getAttribute(t) || (e.removeAttribute(t)) : (!a || 4 & l || s) && !i && (n = !0 === n ? "" : n, 
-    e.setAttribute(t, n));
+    let d = !1;
+    r !== (r = r.replace(/^xlink\:?/, "")) && (t = r, d = !0), null == n || !1 === n ? !1 === n && "" !== e.getAttribute(t) || (d ? e.removeAttributeNS(XLINK_NS, t) : e.removeAttribute(t)) : (!a || 4 & l || s) && !i && (n = !0 === n ? "" : n, 
+    d ? e.setAttributeNS(XLINK_NS, t, n) : e.setAttribute(t, n));
    }
   } else t = "-" === t[2] ? t.slice(3) : isMemberInElement(win, r) ? r.slice(2) : r[2] + t.slice(3), 
   o && plt.rel(e, t, o, !1), n && plt.ael(e, t, n, !1);
@@ -5341,17 +5345,22 @@ const createElm = (e, t, o, n) => {
    e["s-ol"] ? e["s-ol"].remove() : putBackInOriginalLocation(e, !0)), e.remove());
   }
  }
-}, isSameVnode = (e, t) => e.$tag$ === t.$tag$ && ("slot" === e.$tag$ ? e.$name$ === t.$name$ : !BUILD.vdomKey ), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t) => {
+}, isSameVnode = (e, t) => e.$tag$ === t.$tag$ && ("slot" === e.$tag$ ? e.$name$ === t.$name$ : e.$key$ === t.$key$), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t) => {
  const o = t.$elm$ = e.$elm$, n = e.$children$, s = t.$children$, l = t.$tag$, a = t.$text$;
  let r;
  null !== a ? (r = o["s-cr"]) ? r.parentNode.textContent = a : e.$text$ !== a && (o.data = a) : (("slot" === l || updateElement(e, t, isSvgMode)), 
  null !== n && null !== s ? ((e, t, o, n) => {
-  let s, a = 0, r = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
+  let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
   for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == h) h = n[++r]; else if (null == u) u = n[--p]; else if (isSameVnode($, h)) patch($, h), 
   $ = t[++a], h = n[++r]; else if (isSameVnode(m, u)) patch(m, u), m = t[--c], u = n[--p]; else if (isSameVnode($, u)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
   patch($, u), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], u = n[--p]; else if (isSameVnode(m, h)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
   patch(m, h), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], h = n[++r]; else {
-   (s = createElm(t && t[r], o, r, e), h = n[++r]), 
+   if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === h.$key$) {
+    i = d;
+    break;
+   }
+   i >= 0 ? (l = t[i], l.$tag$ !== h.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, h), 
+   t[i] = void 0, s = l.$elm$), h = n[++r]) : (s = createElm(t && t[r], o, r, e), h = n[++r]), 
    s && (parentReferenceNode($.$elm$).insertBefore(s, referenceNode($.$elm$)) );
   }
   a > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : r > p && removeVnodes(t, a, c);
@@ -5890,10 +5899,10 @@ const cva = (base, config)=>(props)=>{
         return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
     };
 
-const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
+const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
 
 const avatar = cva([
-  'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none',
+  'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',
 ], {
   variants: {
     size: {
@@ -6101,7 +6110,7 @@ class Badge {
   }; }
 }
 
-const buttonComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}";
+const buttonComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.text-teal-300{--tw-text-opacity:1!important;color:rgb(107 184 175/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";
 
 const button = cva([
   'group',
@@ -6314,7 +6323,42 @@ const icon$1 = cva([], {
       base: 'text-base',
       lg: 'text-base',
     },
+    variant: {
+      primary: null,
+      secondary: null,
+      text: null,
+      transparent: null,
+      dropdown: null,
+    },
+    disabled: {
+      true: null,
+      false: null,
+    },
+    active: {
+      true: null,
+      false: null,
+    },
   },
+  compoundVariants: [
+    {
+      variant: ['secondary', 'dropdown'],
+      disabled: false,
+      active: false,
+      class: 'text-black-teal-300 group-hover:text-black-teal',
+    },
+    {
+      variant: 'text',
+      disabled: false,
+      active: false,
+      class: 'text-teal-300 group-hover:text-teal',
+    },
+    {
+      variant: 'transparent',
+      disabled: false,
+      active: false,
+      class: 'text-dark-teal-200 group-hover:text-dark-teal-100',
+    },
+  ],
 });
 class Button {
   constructor(hostRef) {
@@ -6387,6 +6431,9 @@ class Button {
     }
     return (hAsync("p-icon", { class: icon$1({
         size: this.size,
+        variant: this.variant,
+        disabled: this.disabled,
+        active: this.active,
       }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
   }
   static get style() { return buttonComponentCss; }
@@ -21522,9 +21569,9 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const dropdownComponentCss = ".flex{display:flex!important}.hidden{display:none!important}*{box-sizing:border-box}p-dropdown p-dropdown-menu-container{display:none}p-dropdown p-dropdown-menu-container[data-show]{display:flex}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.w-inherit{width:inherit!important}";
+const dropdownComponentCss = ".flex{display:flex!important}.hidden{display:none!important}*{box-sizing:border-box}p-dropdown p-dropdown-menu-container{display:none}p-dropdown p-dropdown-menu-container[data-show]{display:flex}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}";
 
-const dropdownContainer = cva(['z-dropdown'], {
+const dropdownContainerClass = cva(['z-dropdown hidden'], {
   variants: {
     strategy: {
       absolute: 'absolute',
@@ -21541,6 +21588,7 @@ class Dropdown {
     this.offset = 8;
     this.strategy = 'absolute';
     this.show = false;
+    this.usePortal = false;
     this.calculateWidth = false;
     this.applyMaxWidth = true;
     this.applyFullWidth = true;
@@ -21556,25 +21604,44 @@ class Dropdown {
     this._update();
   }
   componentDidLoad() {
-    this._checkButton();
+    this._checkButtons();
   }
   disconnectedCallback() {
     if (this._cleanup) {
       this._cleanup();
       this._cleanup = null;
     }
+    this._menu.remove();
+  }
+  componentDidRender() {
+    this._checkButtons();
   }
   render() {
-    return (hAsync(Host, { class: 'p-dropdown relative' }, hAsync("div", { class: 'relative w-inherit', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { name: 'trigger' })), hAsync("p-dropdown-menu-container", { class: dropdownContainer({
+    const dropdownContainerProps = {
+      class: dropdownContainerClass({
         strategy: this.strategy,
-      }), role: 'popover', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, ref: el => this._load(el), "data-placement": this.placement, "data-strategy": this.strategy, onClick: () => this._containerClickHandler(), scrollable: this.scrollable }, hAsync("slot", { name: 'items' }))));
+      }),
+      ref: el => this._load(el),
+      onClick: () => this._containerClickHandler(),
+      role: 'popover',
+      'data-placement': this.placement,
+      'data-strategy': this.strategy,
+    };
+    let dropdownContainer;
+    if (this.usePortal) {
+      dropdownContainer = (hAsync("p-portal", Object.assign({}, dropdownContainerProps), hAsync("p-dropdown-menu-container", { maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, hAsync("slot", { name: 'items' }))));
+    }
+    else {
+      dropdownContainer = (hAsync("p-dropdown-menu-container", Object.assign({ maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, dropdownContainerProps), hAsync("slot", { name: 'items' })));
+    }
+    return (hAsync(Host, { class: 'p-dropdown relative' }, hAsync("div", { class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, hAsync("slot", { name: 'trigger' })), dropdownContainer));
   }
-  _checkButton(active = false) {
+  _checkButtons(active = false) {
     if (!this.applyChevron) {
       return;
     }
-    const buttons = this._el.querySelectorAll('p-button');
-    for (let button of buttons) {
+    const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
+    for (let button of [...buttons]) {
       button.chevronPosition = this.chevronPosition;
       button.chevron = this.chevronDirection
         ? this.chevronDirection
@@ -21596,7 +21663,7 @@ class Dropdown {
     this._show();
   }
   documentClickHandler({ target }) {
-    if (!this._menu.hasAttribute('data-show') || childOf(target, this._el)) {
+    if (!this._menu.hasAttribute('data-show') || childOf(target, this._menu)) {
       return;
     }
     this._hide();
@@ -21639,8 +21706,10 @@ class Dropdown {
     }
     this._cleanup = autoUpdate(this._el, this._menu, () => this._update());
     this._menu.setAttribute('data-show', '');
+    this._menu.classList.remove('hidden');
+    this._menu.classList.add('flex');
     this.isOpen.emit(true);
-    this._checkButton(true);
+    this._checkButtons(true);
   }
   _hide() {
     if (!this._loaded || this.show) {
@@ -21652,8 +21721,10 @@ class Dropdown {
     }
     // Hide the popover
     this._menu.removeAttribute('data-show');
+    this._menu.classList.remove('flex');
+    this._menu.classList.add('hidden');
     this.isOpen.emit(false);
-    this._checkButton(false);
+    this._checkButtons(false);
   }
   _update() {
     if (!this._menu) {
@@ -21684,6 +21755,7 @@ class Dropdown {
       "offset": [2],
       "strategy": [1],
       "show": [4],
+      "usePortal": [4, "use-portal"],
       "calculateWidth": [4, "calculate-width"],
       "applyMaxWidth": [4, "apply-max-width"],
       "applyFullWidth": [4, "apply-full-width"],
@@ -22209,14 +22281,11 @@ class InputGroup {
   render() {
     var _a;
     const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-    return (hAsync(Host, { class: `p-input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { class: "flex items-end justify-between" }, label && (hAsync("div", { class: "input-label", onClick: () => this._focusInput() }, label, this.required && (hAsync("span", { class: "ml-1 text-negative" }, "*")))), (helper || hasHeaderSlot) && (hAsync("div", { class: "input-header" }, hasHeaderSlot && hAsync("slot", { name: "header" }), helper && (hAsync("p-helper", { class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: "top-end" }, helper))))), hAsync("p-tooltip", { class: "w-full", variant: "error-element", content: this.error, show: errorAndErrorIsNotBoolean &&
+    return (hAsync(Host, { class: `p-input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, hAsync("div", { class: 'flex items-end justify-between' }, label && (hAsync("div", { class: 'input-label', onClick: () => this._focusInput() }, label, this.required && hAsync("span", { class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (hAsync("div", { class: 'input-header' }, hasHeaderSlot && hAsync("slot", { name: 'header' }), helper && (hAsync("p-helper", { class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), hAsync("p-tooltip", { class: 'w-full', variant: 'error-element', content: this.error, show: errorAndErrorIsNotBoolean &&
         errorVariant === 'element' &&
-        (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { class: "content", slot: "trigger" }, (prefix ||
-      (this.icon && this.iconPosition === 'start')) && (hAsync("div", { class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: "flex", variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
-      (errorAndErrorIsNotBoolean &&
-        errorVariant === 'icon') ||
-      (this.icon && this.iconPosition === 'end')) && (hAsync("div", { class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean &&
-      errorVariant === 'icon' ? (hAsync("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: "flex", variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), hAsync("slot", { name: "input" })))));
+        (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, hAsync("div", { class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (hAsync("div", { class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+      (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
+      (this.icon && this.iconPosition === 'end')) && (hAsync("div", { class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (hAsync("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), hAsync("slot", { name: 'input' })))));
   }
   handleFocusIn() {
     this._forceShowTooltip = true;
@@ -22269,13 +22338,11 @@ class InputGroup {
     const hasPrefixSlot = !!this._el.querySelector(':scope > [slot="prefix"]');
     const hasSuffixSlot = !!this._el.querySelector(':scope > [slot="suffix"]');
     const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
-    const helper = hasHelperSlot ? hAsync("slot", { name: "helper" }) : this.helper;
-    const label = hasLabelSlot ? hAsync("slot", { name: "label" }) : this.label;
-    const prefix = hasPrefixSlot ? hAsync("slot", { name: "prefix" }) : this.prefix;
-    const suffix = hasSuffixSlot ? hAsync("slot", { name: "suffix" }) : this.suffix;
-    const errorAndErrorIsNotBoolean = this.error &&
-      typeof this.error === 'string' &&
-      this.error !== 'true';
+    const helper = hasHelperSlot ? hAsync("slot", { name: 'helper' }) : this.helper;
+    const label = hasLabelSlot ? hAsync("slot", { name: 'label' }) : this.label;
+    const prefix = hasPrefixSlot ? hAsync("slot", { name: 'prefix' }) : this.prefix;
+    const suffix = hasSuffixSlot ? hAsync("slot", { name: 'suffix' }) : this.suffix;
+    const errorAndErrorIsNotBoolean = this.error && typeof this.error === 'string' && this.error !== 'true';
     return {
       hasHelperSlot,
       hasLabelSlot,
@@ -22287,7 +22354,11 @@ class InputGroup {
       prefix,
       suffix,
       errorAndErrorIsNotBoolean,
-      errorVariant: this.errorVariant === 'auto' ? (this._el.offsetWidth <= 72 ? 'element' : 'icon') : this.errorVariant,
+      errorVariant: this.errorVariant === 'auto'
+        ? this._el.offsetWidth <= 72
+          ? 'element'
+          : 'icon'
+        : this.errorVariant,
     };
   }
   _focusInput() {
@@ -25968,6 +26039,37 @@ class PaginationItem {
   }; }
 }
 
+class Portal {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this._moved = false;
+    this.containerClass = undefined;
+  }
+  createPortal() {
+    document.body.append(this._element);
+  }
+  componentDidLoad() {
+    this.createPortal();
+  }
+  disconnectedCallback() {
+    this._moved ? this._element.remove() : (this._moved = true);
+  }
+  render() {
+    return (hAsync(Host, null, hAsync("slot", null)));
+  }
+  get _element() { return getElement(this); }
+  static get cmpMeta() { return {
+    "$flags$": 4,
+    "$tagName$": "p-portal",
+    "$members$": {
+      "containerClass": [1, "container-class"]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": []
+  }; }
+}
+
 const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
 
 const profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {
@@ -29029,6 +29131,7 @@ registerComponents([
   PageSizeSelect,
   Pagination,
   PaginationItem,
+  Portal,
   Profile,
   SegmentContainer,
   SegmentItem,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "2.0.1-beta.13",
+	"version": "2.0.1-beta.15",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",

package/dist/build/p-190704d1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","Profile","componentWillLoad","this","_checkDropdownSlot","componentWillRender","_updateAvatar","render","content","_getContent","h","Host","class","_hasDropdownSlot","strategy","placement","dropdownLocation","applyFullWidth","applyMaxWidth","onIsOpen","ev","_dropdownOpen","detail","variant","chevron","active","slot","size","name","onSlotchange","slotchange","_el","querySelector","avatar"],"sources":["src/components/molecules/profile/profile.component.scss?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.scss',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block w-inherit'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAsB,2iCCW5B,MAAMC,EAAiBC,EAAI,CAAC,0CAA2C,CACtEC,SAAU,CACTC,SAAU,CACTC,MAAO,YACPC,KAAM,S,MASIC,EAAO,M,+CAIkC,a,mBAOpB,M,sBACG,K,CAEpC,iBAAAC,GACCC,KAAKC,oB,CAGN,mBAAAC,GACCF,KAAKG,e,CAGN,MAAAC,GACC,MAAMC,EAAUL,KAAKM,cACrB,OACCC,EAACC,EAAI,CAACC,MAAM,oCACVT,KAAKU,iBACLH,EAAA,cACCE,MAAM,QACNE,SAAS,WACTC,UAAWZ,KAAKa,iBAChBC,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOjB,KAAKkB,cAAgBD,EAAGE,QAEzCZ,EAAA,YACCa,QAAQ,WACRC,QAASrB,KAAKkB,cAAgB,KAAO,OACrCI,OAAQtB,KAAKkB,cACbK,KAAK,UACLC,KAAK,KACLf,MAAM,UAELJ,GAEFE,EAAA,OAAKgB,KAAK,SACThB,EAAA,QACCkB,KAAK,WACLC,aAAc,IAAM1B,KAAKC,yBAGf,E,CASjB,UAAA0B,GACC3B,KAAKC,oB,CAGE,kBAAAA,GACPD,KAAKU,mBAAqBV,KAAK4B,IAAIC,cAClC,8BAGD,IAAK7B,KAAKU,kBAAoBV,KAAKkB,cAAe,CACjDlB,KAAKkB,cAAgB,K,EAIf,WAAAZ,GACP,OACCC,EAAA,OACCE,MAAOjB,EAAe,CACrBG,SAAUK,KAAKU,oBAGhBH,EAAA,QAAMkB,KAAK,WACXlB,EAAA,OAAKE,MAAM,4CACVF,EAAA,KAAGE,MAAM,yFACRF,EAAA,QAAMkB,KAAK,WAEZlB,EAAA,KAAGE,MAAM,iGACRF,EAAA,QAAMkB,KAAK,eAIblB,EAAA,QAAMkB,KAAK,e,CAKN,aAAAtB,GACP,MAAM2B,EAAS9B,KAAK4B,IAAIC,cACvB,2BAGD,IAAKC,EAAQ,CACZ,M,CAGDA,EAAON,KAAOxB,KAAKU,iBAAmB,KAAOoB,EAAON,I"}

package/dist/build/p-5ab354bf.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e}from"./p-64b68231.js";import{c as r}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";const a=r(["p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none"],{variants:{size:{xs:"h-4 text-xxs",sm:"h-6 text-xs",base:"h-8 text-base",lg:"h-10 text-xl",xl:"h-14 text-xl","2xl":"h-20 text-4xl","3xl":"h-[6.5rem] text-[3.5rem] leading-[4rem]","4xl":"h-[8.5rem] text-[4.5rem] leading-[5rem]"}}});const o=class{constructor(i){t(this,i);this.size="base";this.defaultImage=undefined;this.src=undefined;this.letters=undefined;this._src=undefined;this._failed=false}onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setFailed()}}render(){var t,r;return i(e,{class:a({size:this.size})},this._failed?(r=(t=this.letters)===null||t===void 0?void 0:t[0])!==null&&r!==void 0?r:" ":i("img",{src:this._src,class:"z-0 aspect-branding h-full rounded-full object-cover",onError:()=>this._setFailed()}))}_setFailed(){this._failed=true;this._src=undefined}static get watchers(){return{src:["onSrchChange"]}}};o.style=n;export{o as p_avatar};
-//# sourceMappingURL=p-5ab354bf.entry.js.map

package/dist/build/p-5ab354bf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarComponentCss","avatar","cva","variants","size","xs","sm","base","lg","xl","Avatar","onSrchChange","src","this","_failed","_src","componentWillLoad","_setFailed","render","h","Host","class","_b","_a","letters","onError","undefined"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters?.[0] ?? ' '\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,ixDCG3B,MAAMC,EAASC,EACd,CACC,4JAED,CACCC,SAAU,CACTC,KAAM,CACLC,GAAI,eACJC,GAAI,cACJC,KAAM,gBACNC,GAAI,eACJC,GAAI,eACJ,MAAO,gBACP,MAAO,0CACP,MAAO,8C,MAWEC,EAAM,M,mCAYP,O,uGAkByB,K,CAGpC,YAAAC,CAAaC,GACZC,KAAKC,QAAU,MACfD,KAAKE,KAAOH,C,CAGb,iBAAAI,GACCH,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKE,KAAM,CACfF,KAAKI,Y,EAIP,MAAAC,G,QACC,OACCC,EAACC,EAAI,CACJC,MAAOpB,EAAO,CACbG,KAAMS,KAAKT,QAGXS,KAAKC,SACLQ,GAAAC,EAAAV,KAAKW,WAAO,MAAAD,SAAA,SAAAA,EAAG,MAAE,MAAAD,SAAA,EAAAA,EAAI,IAErBH,EAAA,OACCP,IAAKC,KAAKE,KACVM,MAAM,uDACNI,QAAS,IAAMZ,KAAKI,e,CAOjB,UAAAA,GACPJ,KAAKC,QAAU,KACfD,KAAKE,KAAOW,S"}

package/dist/build/p-64b68231.js

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