@affinda/wc 0.0.3 → 0.0.5

package/dist/esm/index.js

@@ -6,5 +6,5 @@ export { af_button as AfButton } from './af-button.entry.js';
 export { af_icon_button as AfIconButton } from './af-icon-button.entry.js';
 export { af_button_group as AfButtonGroup } from './af-button-group.entry.js';
 export { af_typography_lockup as AfTypographyLockup } from './af-typography-lockup.entry.js';
-import './index-DxVtR6vj.js';
+import './index-Dmaq2rkg.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DxVtR6vj.js';
-export { s as setNonce } from './index-DxVtR6vj.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-Dmaq2rkg.js';
+export { s as setNonce } from './index-Dmaq2rkg.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/af-card/af-card.d.ts

@@ -0,0 +1,15 @@
+export declare class AfCard {
+    /**
+     * Background image URL for the card
+     */
+    backgroundImage?: string;
+    /**
+     * Background color for the card (CSS color value)
+     */
+    backgroundColor?: string;
+    /**
+     * Whether to apply a dark gradient overlay (for cards with background images)
+     */
+    darkOverlay: boolean;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -56,6 +56,21 @@ export namespace Components {
          */
         "gap": string;
     }
+    interface AfCard {
+        /**
+          * Background color for the card (CSS color value)
+         */
+        "backgroundColor"?: string;
+        /**
+          * Background image URL for the card
+         */
+        "backgroundImage"?: string;
+        /**
+          * Whether to apply a dark gradient overlay (for cards with background images)
+          * @default false
+         */
+        "darkOverlay": boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -227,6 +242,12 @@ declare global {
         prototype: HTMLAfButtonGroupElement;
         new (): HTMLAfButtonGroupElement;
     };
+    interface HTMLAfCardElement extends Components.AfCard, HTMLStencilElement {
+    }
+    var HTMLAfCardElement: {
+        prototype: HTMLAfCardElement;
+        new (): HTMLAfCardElement;
+    };
     interface HTMLAfColorSwatchElement extends Components.AfColorSwatch, HTMLStencilElement {
     }
     var HTMLAfColorSwatchElement: {
@@ -300,6 +321,7 @@ declare global {
         "af-aspect-ratio": HTMLAfAspectRatioElement;
         "af-button": HTMLAfButtonElement;
         "af-button-group": HTMLAfButtonGroupElement;
+        "af-card": HTMLAfCardElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
         "af-container": HTMLAfContainerElement;
         "af-heading": HTMLAfHeadingElement;
@@ -362,6 +384,21 @@ declare namespace LocalJSX {
          */
         "gap"?: string;
     }
+    interface AfCard {
+        /**
+          * Background color for the card (CSS color value)
+         */
+        "backgroundColor"?: string;
+        /**
+          * Background image URL for the card
+         */
+        "backgroundImage"?: string;
+        /**
+          * Whether to apply a dark gradient overlay (for cards with background images)
+          * @default false
+         */
+        "darkOverlay"?: boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -513,6 +550,7 @@ declare namespace LocalJSX {
         "af-aspect-ratio": AfAspectRatio;
         "af-button": AfButton;
         "af-button-group": AfButtonGroup;
+        "af-card": AfCard;
         "af-color-swatch": AfColorSwatch;
         "af-container": AfContainer;
         "af-heading": AfHeading;
@@ -535,6 +573,7 @@ declare module "@stencil/core" {
             "af-aspect-ratio": LocalJSX.AfAspectRatio & JSXBase.HTMLAttributes<HTMLAfAspectRatioElement>;
             "af-button": LocalJSX.AfButton & JSXBase.HTMLAttributes<HTMLAfButtonElement>;
             "af-button-group": LocalJSX.AfButtonGroup & JSXBase.HTMLAttributes<HTMLAfButtonGroupElement>;
+            "af-card": LocalJSX.AfCard & JSXBase.HTMLAttributes<HTMLAfCardElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
             /**
              * A responsive container component that provides consistent margins and max-width

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -15,10 +15,10 @@
     "clean": "rm -rf dist loader www"
   },
   "dependencies": {
-    "@affinda/css": "workspace:*",
-    "@affinda/icons": "workspace:*",
-    "@affinda/illustrations": "workspace:*",
-    "@affinda/tokens": "workspace:*",
+    "@affinda/css": "^0.0.1",
+    "@affinda/icons": "^0.0.3",
+    "@affinda/illustrations": "^0.0.2",
+    "@affinda/tokens": "^0.0.4",
     "@stencil/core": "^4.9.1"
   },
   "devDependencies": {

package/dist/affinda/p-DxVtR6vj.js

@@ -1,3 +0,0 @@
-const e="affinda";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:false,updatable:true};const n=()=>{};const r=":root{--af-color-brand-primary-500:#7c3aed;--af-color-brand-primary-600:#6d28d9;--af-color-fg-default:#120f1f;--af-color-fg-muted:#5b4b8a;--af-color-fg-inverse:#f7f5ff;--af-color-bg-surface:#ffffff;--af-color-bg-subtle:#f5f3ff;--af-color-bg-inverse:#2f165e;--af-radius-sm:6px;--af-radius-md:12px;--af-radius-pill:999px;--af-space-1:4px;--af-space-2:8px;--af-space-3:12px;--af-space-4:16px;--af-font-family-sans:'Inter', 'Segoe UI', system-ui, sans-serif;--af-font-weight-regular:400;--af-font-weight-semibold:600;--af-size-font-sm:0.875rem;--af-size-font-md:1rem;--af-size-font-lg:1.125rem}[data-theme=\"dark\"]{--af-color-fg-default:#f7f5ff;--af-color-fg-muted:#dcd1ff;--af-color-fg-inverse:#120f1f;--af-color-bg-surface:#1b1530;--af-color-bg-subtle:#241943;--af-color-bg-inverse:#f7f5ff}";var o=Object.defineProperty;var s=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var f=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var a=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var c=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l:new Map,u:new Map};{n.v=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}{n.h=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var p=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const o=e.$;if(!o){return void 0}const s=d.get(o);if(s){return s[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{d.set(o,e)}return e[r]}),(e=>{v(e,t.$hostElement$)}))};var h=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var b="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var g={o:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=$?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var j=false;var k=[];var O=[];var x=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&g.o&4){M(E)}else{g.raf(E)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var E=()=>{C(k);{C(O);if(j=k.length>0){g.raf(E)}}};var M=e=>w().then(e);var U=x(O,true);var N=e=>{e=typeof e;return e==="object"||e==="function"};function P(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var z=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var D={};s(D,{err:()=>W,map:()=>A,ok:()=>R,unwrap:()=>L,unwrapErr:()=>H});var R=e=>({isOk:true,isErr:false,value:e});var W=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>R(e)))}else{return R(n)}}if(e.isErr){const t=e.value;return W(t)}throw"should never get here"}var L=e=>{if(e.isOk){return e.value}else{throw e.value}};var H=e=>{if(e.isErr){return e.value}else{throw e.value}};function I(e){if(!$)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var T;function F(e){var t;const n=this.attachShadow({mode:"open"});if(T===void 0)T=(t=I(r))!=null?t:null;if(T){if(S){n.adoptedStyleSheets.push(T)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,T]}}}var V=(e,t="")=>{{return()=>{}}};var q=(e,t)=>{{return()=>{}}};var G=new WeakMap;var Y=(e,t,n)=>{let r=h.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}h.set(e,r)};var _=(e,t,n)=>{var r;const o=J(t);const s=h.get(o);if(!y.document){return o}e=e.nodeType===11?e:y.document;if(s){if(typeof s==="string"){e=e.head||e;let n=G.get(e);let i;if(!n){G.set(e,n=new Set)}if(!n.has(o)){{i=y.document.createElement("style");i.innerHTML=s;const n=(r=g.j)!=null?r:P(y.document);if(n!=null){i.setAttribute("nonce",n)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(s);if(S){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1){e.insertBefore(i,null)}}if(t.o&4){i.innerHTML+=b}if(n){n.add(o)}}}else if(!e.adoptedStyleSheets.includes(s)){if(S){e.adoptedStyleSheets.push(s)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}}return o};var B=e=>{const t=e.i;const n=e.$hostElement$;const r=t.o;const o=V("attachStyles",t.m);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h")}o()};var J=(e,t)=>"sc-"+e.m;var K=(e,t,...n)=>{let r=null;let o=null;let s=false;let i=false;const l=[];const f=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){f(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!N(r)){r=String(r)}if(s&&i){l[l.length-1].k+=r}else{l.push(s?Q(null,r):r)}i=s}}};f(n);if(t){if(t.key){o=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,l,ee)}const a=Q(e,null);a.O=t;if(l.length>0){a.C=l}{a.M=o}return a};var Q=(e,t)=>{const n={o:0,U:e,k:t,N:null,C:null};{n.O=null}{n.M=null}return n};var X={};var Z=e=>e&&e.U===X;var ee={forEach:(e,t)=>e.map(te).forEach(t),map:(e,t)=>e.map(te).map(t).map(ne)};var te=e=>({vattrs:e.O,vchildren:e.C,vkey:e.M,vname:e.P,vtag:e.U,vtext:e.k});var ne=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return K(e.vtag,t,...e.vchildren||[])}const t=Q(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.M=e.vkey;t.P=e.vname;return t};var re=e=>{const t=z(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};re("::slotted");re(":host");re(":host-context");var oe=(e,t,n)=>{if(e!=null&&!N(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var se=(e,t,n)=>{const r=g.ce(t,n);e.dispatchEvent(r);return r};var ie=(e,t,n,r,o,s,i)=>{if(n===r){return}let l=u(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const o=fe(n);let s=fe(r);{t.remove(...o.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!o.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else{const i=N(r);if((l||i&&r!==null)&&!o){try{if(!e.tagName.includes("-")){const o=r==null?"":r;if(t==="list"){l=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!l||s&4||o)&&!i&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var le=/\s/;var fe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(le)};var ae=(e,t,n,r)=>{const o=t.N.nodeType===11&&t.N.host?t.N.host:t.N;const s=e&&e.O||{};const i=t.O||{};{for(const e of ce(Object.keys(s))){if(!(e in i)){ie(o,e,s[e],void 0,n,t.o)}}}for(const e of ce(Object.keys(i))){ie(o,e,s[e],i[e],n,t.o)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve=false;var de=(e,t,n)=>{const r=t.C[n];let o=0;let s;let f;if(r.k!==null){s=r.N=y.document.createTextNode(r.k)}else{if(!ve){ve=r.U==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}s=r.N=y.document.createElementNS(ve?i:l,r.U);if(ve&&r.U==="foreignObject"){ve=false}{ae(null,r,ve)}if(r.C){for(o=0;o<r.C.length;++o){f=de(e,r,o);if(f){s.appendChild(f)}}}{if(r.U==="svg"){ve=false}else if(s.tagName==="foreignObject"){ve=true}}}s["s-hn"]=ue;return s};var pe=(e,t,n,r,o,s)=>{let i=e;let l;if(i.shadowRoot&&i.tagName===ue){i=i.shadowRoot}for(;o<=s;++o){if(r[o]){l=de(null,n,o);if(l){r[o].N=l;ge(i,l,t)}}}};var he=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.N;if(e){e.remove()}}}};var me=(e,t,n,r,o=false)=>{let s=0;let i=0;let l=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let p=r[v];let h;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if(p==null){p=r[--v]}else if(be(c,d,o)){ye(c,d,o);c=t[++s];d=r[++i]}else if(be(u,p,o)){ye(u,p,o);u=t[--a];p=r[--v]}else if(be(c,p,o)){ye(c,p,o);ge(e,c.N,u.N.nextSibling);c=t[++s];p=r[--v]}else if(be(u,d,o)){ye(u,d,o);ge(e,u.N,c.N);u=t[--a];d=r[++i]}else{l=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].M!==null&&t[f].M===d.M){l=f;break}}}if(l>=0){m=t[l];if(m.U!==d.U){h=de(t&&t[i],n,l)}else{ye(m,d,o);t[l]=void 0;h=m.N}d=r[++i]}else{h=de(t&&t[i],n,i);d=r[++i]}if(h){{ge(c.N.parentNode,h,c.N)}}}}if(s>a){pe(e,r[v+1]==null?null:r[v+1].N,n,r,i,v)}else if(i>v){he(t,s,a)}};var be=(e,t,n=false)=>{if(e.U===t.U){if(!n){return e.M===t.M}if(n&&!e.M&&t.M){e.M=t.M}return true}return false};var ye=(e,n,r=false)=>{const o=n.N=e.N;const s=e.C;const i=n.C;const l=n.U;const f=n.k;if(f===null){{ve=l==="svg"?true:l==="foreignObject"?false:ve}{ae(e,n,ve)}if(s!==null&&i!==null){me(o,s,n,i,r)}else if(i!==null){if(e.k!==null){o.textContent=""}pe(o,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){he(s,0,s.length-1)}else;if(ve&&l==="svg"){ve=false}}else if(e.k!==f){o.data=f}};var ge=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var we=(e,t,n=false)=>{const r=e.$hostElement$;const o=e.D||Q(null,null);const s=Z(t);const i=s?t:K(null,null,t);ue=r.tagName;if(n&&i.O){for(const e of Object.keys(i.O)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.O[e]=r[e]}}}i.U=null;i.o|=4;e.D=i;i.N=o.N=r.shadowRoot||r;ye(o,i,n)};var $e=(e,t)=>{if(t&&!e.R&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.R=()=>{t["s-p"].splice(n-1,1);r()})))}};var Se=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}$e(e,e.W);const n=()=>je(e,t);if(t){queueMicrotask((()=>{n()}));return}return U(n)};var je=(e,t)=>{const n=e.$hostElement$;const r=V("scheduleUpdate",e.i.m);const o=e.t;if(!o){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{if(e.h.length){e.h.forEach((e=>e(n)))}}s=Ue(o,"componentWillLoad",void 0,n)}else{s=Ue(o,"componentWillUpdate",void 0,n)}s=ke(s,(()=>Ue(o,"componentWillRender",void 0,n)));r();return ke(s,(()=>xe(e,o,t)))};var ke=(e,t)=>Oe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Oe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var xe=async(e,t,n)=>{var r;const o=e.$hostElement$;const s=V("update",e.i.m);const i=o["s-rc"];if(n){B(e)}const l=V("render",e.i.m);{Ce(e,t,o,n)}if(i){i.map((e=>e()));o["s-rc"]=void 0}l();s();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Ee(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Ce=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{we(e,t,r)}}}}catch(t){v(t,e.$hostElement$)}return null};var Ee=e=>{const t=e.i.m;const n=e.$hostElement$;const r=V("postUpdate",t);const o=e.t;const s=e.W;Ue(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ne(n)}Ue(o,"componentDidLoad",void 0,n);r();{e.p(n);if(!s){Me()}}}else{Ue(o,"componentDidUpdate",void 0,n);r()}{if(e.R){e.R();e.R=void 0}if(e.o&512){M((()=>Se(e,false)))}e.o&=-517}};var Me=t=>{M((()=>se(y,"appload",{detail:{namespace:e}})))};var Ue=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,r)}}return void 0};var Ne=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Pe=(e,t)=>f(e).l.get(t);var ze=(e,t,n,r)=>{const o=f(e);if(!o){return}if(!o){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const s=o.l.get(t);const i=o.o;const l=o.t;n=oe(n,r.A[t][0]);const a=Number.isNaN(s)&&Number.isNaN(n);const c=n!==s&&!a;if((!(i&8)||s===void 0)&&c){o.l.set(t,n);if(l){if((i&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(n,s,t)===false){return}}Se(o,false)}}}};var De=(e,n,r)=>{var o,s;const i=e.prototype;if(n.A||t.propChangeCallback){const l=Object.entries((o=n.A)!=null?o:{});l.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:o,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(o)n.A[e][0]|=2048;if(s)n.A[e][0]|=4096;if(r&1||!o){Object.defineProperty(i,e,{get(){{if((n.A[e][0]&2048)===0){return Pe(this,e)}const t=f(this);const r=t?t.t:i;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(o){const i=f(this);if(!i){return}if(s){const r=t&32?this[e]:i.$hostElement$[e];if(typeof r==="undefined"&&i.l.get(e)){o=i.l.get(e)}s.apply(this,[oe(o,t)]);o=t&32?this[e]:i.$hostElement$[e];ze(this,e,o,n);return}{if((r&1)===0||(n.A[e][0]&4096)===0){ze(this,e,o,n);if(r&1&&!i.t){i.h.push((()=>{if(n.A[e][0]&4096&&i.t[e]!==i.l.get(e)){i.t[e]=o}}))}return}const s=()=>{const r=i.t[e];if(!i.l.get(e)&&r){i.l.set(e,r)}i.t[e]=oe(o,t);ze(this,e,i.t[e],n)};if(i.t){s()}else{i.h.push((()=>{s()}))}}}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,o,s){g.jmp((()=>{var a;const c=r.get(e);const u=f(this);if(this.hasOwnProperty(c)&&t.lazyLoad){s=this[c];delete this[c]}if(i.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==s){return}else if(c==null){const t=u==null?void 0:u.o;if(u&&t&&!(t&8)&&t&128&&s!==o){const t=u.t;const r=(a=n.L)==null?void 0:a[e];r==null?void 0:r.forEach((n=>{if(t[n]!=null){t[n].call(t,s,o,e)}}))}return}const v=l.find((([e])=>e===c));if(v&&v[1][0]&4){s=s===null||s==="false"?false:true}const d=Object.getOwnPropertyDescriptor(i,c);if(s!=this[c]&&(!d.get||!!d.set)){this[c]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.L)!=null?s:{}),...l.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Re=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.$;if(r){const r=p(n,t);if(r&&"then"in r){const e=q();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!o.isProxied){De(o,n,2);o.isProxied=true}const s=V("createInstance",n.m);{t.o|=8}try{new o(t)}catch(t){v(t,e)}{t.o&=-9}s();We(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(o&&o.style){let e;if(typeof o.style==="string"){e=o.style}const t=J(n);if(!h.has(t)){const r=V("registerStyles",n.m);Y(t,e,!!(n.o&1));r()}}}const s=t.W;const i=()=>Se(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var We=(e,t)=>{{Ue(e,"connectedCallback",void 0,t)}};var Ae=e=>{if((g.o&1)===0){const t=f(e);if(!t){return}const n=t.i;const r=V("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){$e(t,t.W=n);break}}}if(n.A){Object.entries(n.A).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{Re(e,t,n)}}else{if(t==null?void 0:t.t){We(t.t,e)}else if(t==null?void 0:t.v){t.v.then((()=>We(t.t,e)))}}r()}};var Le=(e,t)=>{{Ue(e,"disconnectedCallback",void 0,t||e)}};var He=async e=>{if((g.o&1)===0){const t=f(e);if(t==null?void 0:t.t){Le(t.t,e)}else if(t==null?void 0:t.v){t.v.then((()=>Le(t.t,e)))}}if(G.has(e)){G.delete(e)}if(e.shadowRoot&&G.has(e.shadowRoot)){G.delete(e.shadowRoot)}};var Ie=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=V();const o=[];const s=t.exclude||[];const i=y.customElements;const l=y.document.head;const a=l.querySelector("meta[charset]");const u=y.document.createElement("style");const v=[];let d;let p=true;Object.assign(g,t);g.S=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{const n={o:t[0],m:t[1],A:t[2],I:t[3]};if(n.o&4){h=true}{n.A=t[2]}const r=n.m;const l=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,n);if(n.o&1){{if(!e.shadowRoot){F.call(e,n)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=f(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{g.jmp((()=>Ae(this)))}}disconnectedCallback(){g.jmp((()=>He(this)));g.raf((()=>{var e;const t=f(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.D)==null?void 0:e.N)instanceof Node&&!t.D.N.isConnected){delete t.D.N}}))}componentOnReady(){var e;return(e=f(this))==null?void 0:e.v}};n.$=e[0];if(!s.includes(r)&&!i.get(r)){o.push(r);i.define(r,De(l,n,1))}}))}));if(o.length>0){if(h){u.textContent+=b}{u.textContent+=o.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=g.j)!=null?n:P(y.document);if(e!=null){u.setAttribute("nonce",e)}l.insertBefore(u,a?a.nextSibling:l.firstChild)}}p=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{g.jmp((()=>d=setTimeout(Me,30)))}}r()};var Te=e=>g.j=e;export{X as H,Ie as b,n as g,K as h,w as p,a as r,Te as s};
-//# sourceMappingURL=p-DxVtR6vj.js.map