@affinda/wc 0.0.4 → 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-BaBXdMMc.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-BaBXdMMc.js';
-export { s as setNonce } from './index-BaBXdMMc.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.4",
+  "version": "0.0.5",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -18,7 +18,7 @@
     "@affinda/css": "^0.0.1",
     "@affinda/icons": "^0.0.3",
     "@affinda/illustrations": "^0.0.2",
-    "@affinda/tokens": "^0.0.2",
+    "@affinda/tokens": "^0.0.4",
     "@stencil/core": "^4.9.1"
   },
   "devDependencies": {

package/dist/affinda/p-BaBXdMMc.js

@@ -1,3 +0,0 @@
-const e="affinda";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:false,updatable:true};const n=()=>{};const i=":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9E1;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0A;--colour-tints-mist-green-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-tints-soft-clay-400:#CDAB8D;--colour-tints-soft-clay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-tints-ice-600:#83BB82;--colour-tints-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9E1;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9E1;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-bodyfont:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-sansfont:'Inter', 'Segoe UI', system-ui, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";var o=Object.defineProperty;var r=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:true})};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var a=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var c=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map,u:new Map};{n.p=new Promise((e=>n.h=e));e["s-p"]=[];e["s-rc"]=[]}{n.v=[]}const i=n;e.__stencil__getHostRef=()=>i;return i};var u=(e,t)=>t in e;var d=(e,t)=>(0,console.error)(e,t);var p=new Map;var g=(e,t,n)=>{const i=e.m.replace(/-/g,"_");const o=e.F;if(!o){return void 0}const r=p.get(o);if(r){return r[i]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{p.set(o,e)}return e[i]}),(e=>{d(e,t.$hostElement$)}))};var h=new Map;var v="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var b={i:0,k:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,i)=>e.addEventListener(t,n,i),rel:(e,t,n,i)=>e.removeEventListener(t,n,i),ce:(e,t)=>new CustomEvent(e,t)};var F=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var x=w?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var k=false;var E=[];var $=[];var S=(e,t)=>n=>{e.push(n);if(!k){k=true;if(t&&b.i&4){z(A)}else{b.raf(A)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){d(e)}}e.length=0};var A=()=>{C(E);{C($);if(k=E.length>0){b.raf(A)}}};var z=e=>F().then(e);var D=S($,true);var j=e=>{e=typeof e;return e==="object"||e==="function"};function B(e){var t,n,i;return(i=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?i:void 0}var O=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var M={};r(M,{err:()=>N,map:()=>I,ok:()=>U,unwrap:()=>P,unwrapErr:()=>R});var U=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function I(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>U(e)))}else{return U(n)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var P=e=>{if(e.isOk){return e.value}else{throw e.value}};var R=e=>{if(e.isErr){return e.value}else{throw e.value}};function W(e){if(!w)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var H;function L(e){var t;const n=this.attachShadow({mode:"open"});if(H===void 0)H=(t=W(i))!=null?t:null;if(H){if(x){n.adoptedStyleSheets.push(H)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,H]}}}var T=(e,t="")=>{{return()=>{}}};var V=(e,t)=>{{return()=>{}}};var q=new WeakMap;var G=(e,t,n)=>{let i=h.get(e);if(w&&n){i=i||new CSSStyleSheet;if(typeof i==="string"){i=t}else{i.replaceSync(t)}}else{i=t}h.set(e,i)};var Y=(e,t,n)=>{var i;const o=J(t);const r=h.get(o);if(!y.document){return o}e=e.nodeType===11?e:y.document;if(r){if(typeof r==="string"){e=e.head||e;let n=q.get(e);let l;if(!n){q.set(e,n=new Set)}if(!n.has(o)){{l=y.document.createElement("style");l.innerHTML=r;const n=(i=b.$)!=null?i:B(y.document);if(n!=null){l.setAttribute("nonce",n)}if(!(t.i&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(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(r);if(x){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=r+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.i&1){e.insertBefore(l,null)}}if(t.i&4){l.innerHTML+=m}if(n){n.add(o)}}}else if(!e.adoptedStyleSheets.includes(r)){if(x){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}}return o};var _=e=>{const t=e.o;const n=e.$hostElement$;const i=t.i;const o=T("attachStyles",t.m);const r=Y(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(i&10){n["s-sc"]=r;n.classList.add(r+"-h")}o()};var J=(e,t)=>"sc-"+e.m;var K=(e,t,...n)=>{let i=null;let o=null;let r=false;let l=false;const s=[];const a=t=>{for(let n=0;n<t.length;n++){i=t[n];if(Array.isArray(i)){a(i)}else if(i!=null&&typeof i!=="boolean"){if(r=typeof e!=="function"&&!j(i)){i=String(i)}if(r&&l){s[s.length-1].S+=i}else{s.push(r?Q(null,i):i)}l=r}}};a(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,s,ee)}const c=Q(e,null);c.C=t;if(s.length>0){c.A=s}{c.D=o}return c};var Q=(e,t)=>{const n={i:0,j:e,S:t,B:null,A:null};{n.C=null}{n.D=null}return n};var X={};var Z=e=>e&&e.j===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.C,vchildren:e.A,vkey:e.D,vname:e.O,vtag:e.j,vtext:e.S});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.C=e.vattrs;t.A=e.vchildren;t.D=e.vkey;t.O=e.vname;return t};var ie=e=>{const t=O(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};ie("::slotted");ie(":host");ie(":host-context");var oe=(e,t,n)=>{if(e!=null&&!j(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 re=(e,t,n)=>{const i=b.ce(t,n);e.dispatchEvent(i);return i};var le=(e,t,n,i,o,r,l)=>{if(n===i){return}let s=u(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const o=ae(n);let r=ae(i);{t.remove(...o.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!o.includes(e))))}}else if(t==="style"){{for(const t in n){if(!i||i[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in i){if(!n||i[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,i[t])}else{e.style[t]=i[t]}}}}else if(t==="key");else{const l=j(i);if((s||l&&i!==null)&&!o){try{if(!e.tagName.includes("-")){const o=i==null?"":i;if(t==="list"){s=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]!==i){e[t]=i}}catch(e){}}if(i==null||i===false){if(i!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||r&4||o)&&!l&&e.nodeType===1){i=i===true?"":i;{e.setAttribute(t,i)}}}};var se=/\s/;var ae=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(se)};var ce=(e,t,n,i)=>{const o=t.B.nodeType===11&&t.B.host?t.B.host:t.B;const r=e&&e.C||{};const l=t.C||{};{for(const e of fe(Object.keys(r))){if(!(e in l)){le(o,e,r[e],void 0,n,t.i)}}}for(const e of fe(Object.keys(l))){le(o,e,r[e],l[e],n,t.i)}};function fe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var de=false;var pe=(e,t,n)=>{const i=t.A[n];let o=0;let r;let a;if(i.S!==null){r=i.B=y.document.createTextNode(i.S)}else{if(!de){de=i.j==="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.")}r=i.B=y.document.createElementNS(de?l:s,i.j);if(de&&i.j==="foreignObject"){de=false}{ce(null,i,de)}if(i.A){for(o=0;o<i.A.length;++o){a=pe(e,i,o);if(a){r.appendChild(a)}}}{if(i.j==="svg"){de=false}else if(r.tagName==="foreignObject"){de=true}}}r["s-hn"]=ue;return r};var ge=(e,t,n,i,o,r)=>{let l=e;let s;if(l.shadowRoot&&l.tagName===ue){l=l.shadowRoot}for(;o<=r;++o){if(i[o]){s=pe(null,n,o);if(s){i[o].B=s;be(l,s,t)}}}};var he=(e,t,n)=>{for(let i=t;i<=n;++i){const t=e[i];if(t){const e=t.B;if(e){e.remove()}}}};var ve=(e,t,n,i,o=false)=>{let r=0;let l=0;let s=0;let a=0;let c=t.length-1;let f=t[0];let u=t[c];let d=i.length-1;let p=i[0];let g=i[d];let h;let v;while(r<=c&&l<=d){if(f==null){f=t[++r]}else if(u==null){u=t[--c]}else if(p==null){p=i[++l]}else if(g==null){g=i[--d]}else if(me(f,p,o)){ye(f,p,o);f=t[++r];p=i[++l]}else if(me(u,g,o)){ye(u,g,o);u=t[--c];g=i[--d]}else if(me(f,g,o)){ye(f,g,o);be(e,f.B,u.B.nextSibling);f=t[++r];g=i[--d]}else if(me(u,p,o)){ye(u,p,o);be(e,u.B,f.B);u=t[--c];p=i[++l]}else{s=-1;{for(a=r;a<=c;++a){if(t[a]&&t[a].D!==null&&t[a].D===p.D){s=a;break}}}if(s>=0){v=t[s];if(v.j!==p.j){h=pe(t&&t[l],n,s)}else{ye(v,p,o);t[s]=void 0;h=v.B}p=i[++l]}else{h=pe(t&&t[l],n,l);p=i[++l]}if(h){{be(f.B.parentNode,h,f.B)}}}}if(r>c){ge(e,i[d+1]==null?null:i[d+1].B,n,i,l,d)}else if(l>d){he(t,r,c)}};var me=(e,t,n=false)=>{if(e.j===t.j){if(!n){return e.D===t.D}if(n&&!e.D&&t.D){e.D=t.D}return true}return false};var ye=(e,n,i=false)=>{const o=n.B=e.B;const r=e.A;const l=n.A;const s=n.j;const a=n.S;if(a===null){{de=s==="svg"?true:s==="foreignObject"?false:de}{ce(e,n,de)}if(r!==null&&l!==null){ve(o,r,n,l,i)}else if(l!==null){if(e.S!==null){o.textContent=""}ge(o,null,n,l,0,l.length-1)}else if(!i&&t.updatable&&r!==null){he(r,0,r.length-1)}else;if(de&&s==="svg"){de=false}}else if(e.S!==a){o.data=a}};var be=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Fe=(e,t,n=false)=>{const i=e.$hostElement$;const o=e.M||Q(null,null);const r=Z(t);const l=r?t:K(null,null,t);ue=i.tagName;if(n&&l.C){for(const e of Object.keys(l.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){l.C[e]=i[e]}}}l.j=null;l.i|=4;e.M=l;l.B=o.B=i.shadowRoot||i;ye(o,l,n)};var we=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((i=>e.U=()=>{t["s-p"].splice(n-1,1);i()})))}};var xe=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}we(e,e.N);const n=()=>ke(e,t);if(t){queueMicrotask((()=>{n()}));return}return D(n)};var ke=(e,t)=>{const n=e.$hostElement$;const i=T("scheduleUpdate",e.o.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 r;if(t){{if(e.v.length){e.v.forEach((e=>e(n)))}}r=De(o,"componentWillLoad",void 0,n)}else{r=De(o,"componentWillUpdate",void 0,n)}r=Ee(r,(()=>De(o,"componentWillRender",void 0,n)));i();return Ee(r,(()=>Se(e,o,t)))};var Ee=(e,t)=>$e(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var $e=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Se=async(e,t,n)=>{var i;const o=e.$hostElement$;const r=T("update",e.o.m);const l=o["s-rc"];if(n){_(e)}const s=T("render",e.o.m);{Ce(e,t,o,n)}if(l){l.map((e=>e()));o["s-rc"]=void 0}s();r();{const t=(i=o["s-p"])!=null?i:[];const n=()=>Ae(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Ce=(e,t,n,i)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{Fe(e,t,i)}}}}catch(t){d(t,e.$hostElement$)}return null};var Ae=e=>{const t=e.o.m;const n=e.$hostElement$;const i=T("postUpdate",t);const o=e.t;const r=e.N;De(o,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{je(n)}De(o,"componentDidLoad",void 0,n);i();{e.h(n);if(!r){ze()}}}else{De(o,"componentDidUpdate",void 0,n);i()}{if(e.U){e.U();e.U=void 0}if(e.i&512){z((()=>xe(e,false)))}e.i&=-517}};var ze=t=>{z((()=>re(y,"appload",{detail:{namespace:e}})))};var De=(e,t,n,i)=>{if(e&&e[t]){try{return e[t](n)}catch(e){d(e,i)}}return void 0};var je=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Be=(e,t)=>a(e).l.get(t);var Oe=(e,t,n,i)=>{const o=a(e);if(!o){return}if(!o){throw new Error(`Couldn't find host element for "${i.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 r=o.l.get(t);const l=o.i;const s=o.t;n=oe(n,i.I[t][0]);const c=Number.isNaN(r)&&Number.isNaN(n);const f=n!==r&&!c;if((!(l&8)||r===void 0)&&f){o.l.set(t,n);if(s){if((l&(2|16))===2){if(s.componentShouldUpdate){if(s.componentShouldUpdate(n,r,t)===false){return}}xe(o,false)}}}};var Me=(e,n,i)=>{var o,r;const l=e.prototype;if(n.I||t.propChangeCallback){const s=Object.entries((o=n.I)!=null?o:{});s.map((([e,[t]])=>{if(t&31||i&2&&t&32){const{get:o,set:r}=Object.getOwnPropertyDescriptor(l,e)||{};if(o)n.I[e][0]|=2048;if(r)n.I[e][0]|=4096;if(i&1||!o){Object.defineProperty(l,e,{get(){{if((n.I[e][0]&2048)===0){return Be(this,e)}const t=a(this);const i=t?t.t:l;if(!i)return;return i[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(o){const l=a(this);if(!l){return}if(r){const i=t&32?this[e]:l.$hostElement$[e];if(typeof i==="undefined"&&l.l.get(e)){o=l.l.get(e)}r.apply(this,[oe(o,t)]);o=t&32?this[e]:l.$hostElement$[e];Oe(this,e,o,n);return}{if((i&1)===0||(n.I[e][0]&4096)===0){Oe(this,e,o,n);if(i&1&&!l.t){l.v.push((()=>{if(n.I[e][0]&4096&&l.t[e]!==l.l.get(e)){l.t[e]=o}}))}return}const r=()=>{const i=l.t[e];if(!l.l.get(e)&&i){l.l.set(e,i)}l.t[e]=oe(o,t);Oe(this,e,l.t[e],n)};if(l.t){r()}else{l.v.push((()=>{r()}))}}}})}}));if(i&1){const i=new Map;l.attributeChangedCallback=function(e,o,r){b.jmp((()=>{var c;const f=i.get(e);const u=a(this);if(this.hasOwnProperty(f)&&t.lazyLoad){r=this[f];delete this[f]}if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==r){return}else if(f==null){const t=u==null?void 0:u.i;if(u&&t&&!(t&8)&&t&128&&r!==o){const t=u.t;const i=(c=n.P)==null?void 0:c[e];i==null?void 0:i.forEach((n=>{if(t[n]!=null){t[n].call(t,r,o,e)}}))}return}const d=s.find((([e])=>e===f));if(d&&d[1][0]&4){r=r===null||r==="false"?false:true}const p=Object.getOwnPropertyDescriptor(l,f);if(r!=this[f]&&(!p.get||!!p.set)){this[f]=r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=n.P)!=null?r:{}),...s.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;i.set(n,e);return n}))]))}}return e};var Ue=async(e,t,n,i)=>{let o;if((t.i&32)===0){t.i|=32;const i=n.F;if(i){const i=g(n,t);if(i&&"then"in i){const e=V();o=await i;e()}else{o=i}if(!o){throw new Error(`Constructor for "${n.m}#${t.R}" was not found`)}if(!o.isProxied){Me(o,n,2);o.isProxied=true}const r=T("createInstance",n.m);{t.i|=8}try{new o(t)}catch(t){d(t,e)}{t.i&=-9}r();Ne(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(o&&o.style){let e;if(typeof o.style==="string"){e=o.style}const t=J(n);if(!h.has(t)){const i=T("registerStyles",n.m);G(t,e,!!(n.i&1));i()}}}const r=t.N;const l=()=>xe(t,true);if(r&&r["s-rc"]){r["s-rc"].push(l)}else{l()}};var Ne=(e,t)=>{{De(e,"connectedCallback",void 0,t)}};var Ie=e=>{if((b.i&1)===0){const t=a(e);if(!t){return}const n=t.o;const i=T("connectedCallback",n.m);if(!(t.i&1)){t.i|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){we(t,t.N=n);break}}}if(n.I){Object.entries(n.I).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{Ue(e,t,n)}}else{if(t==null?void 0:t.t){Ne(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>Ne(t.t,e)))}}i()}};var Pe=(e,t)=>{{De(e,"disconnectedCallback",void 0,t||e)}};var Re=async e=>{if((b.i&1)===0){const t=a(e);if(t==null?void 0:t.t){Pe(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>Pe(t.t,e)))}}if(q.has(e)){q.delete(e)}if(e.shadowRoot&&q.has(e.shadowRoot)){q.delete(e.shadowRoot)}};var We=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const i=T();const o=[];const r=t.exclude||[];const l=y.customElements;const s=y.document.head;const c=s.querySelector("meta[charset]");const u=y.document.createElement("style");const d=[];let p;let g=true;Object.assign(b,t);b.k=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{const n={i:t[0],m:t[1],I:t[2],W:t[3]};if(n.i&4){h=true}{n.I=t[2]}const i=n.m;const s=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,n);if(n.i&1){{if(!e.shadowRoot){L.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=a(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(p){clearTimeout(p);p=null}if(g){d.push(this)}else{b.jmp((()=>Ie(this)))}}disconnectedCallback(){b.jmp((()=>Re(this)));b.raf((()=>{var e;const t=a(this);if(!t){return}const n=d.findIndex((e=>e===this));if(n>-1){d.splice(n,1)}if(((e=t==null?void 0:t.M)==null?void 0:e.B)instanceof Node&&!t.M.B.isConnected){delete t.M.B}}))}componentOnReady(){var e;return(e=a(this))==null?void 0:e.p}};n.F=e[0];if(!r.includes(i)&&!l.get(i)){o.push(i);l.define(i,Me(s,n,1))}}))}));if(o.length>0){if(h){u.textContent+=m}{u.textContent+=o.sort()+v}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=b.$)!=null?n:B(y.document);if(e!=null){u.setAttribute("nonce",e)}s.insertBefore(u,c?c.nextSibling:s.firstChild)}}g=false;if(d.length){d.map((e=>e.connectedCallback()))}else{{b.jmp((()=>p=setTimeout(ze,30)))}}i()};var He=e=>b.$=e;export{X as H,We as b,n as g,K as h,F as p,c as r,He as s};
-//# sourceMappingURL=p-BaBXdMMc.js.map