funnel-gfx-wc 0.1.67 → 0.1.69

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/funnel-app.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIpk2h9T.js');
+var index = require('./index-BsVwdf0x.js');
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';

package/dist/cjs/funnel-gfx-wc.cjs.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var index = require('./index-CIpk2h9T.js');
+var index = require('./index-BsVwdf0x.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,7 +18,7 @@ var patchBrowser = () => {
 };
 
 patchBrowser().then(async (options) => {
-  await index.globalScripts();
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["funnel-app.cjs",[[1,"funnel-app",{"tag":[1]}]]]], options);
 });
 

package/dist/cjs/{index-CIpk2h9T.js → index-BsVwdf0x.js}

@@ -3,11 +3,8 @@
 const NAMESPACE = 'funnel-gfx-wc';
 const BUILD = /* funnel-gfx-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
 
-const globalScripts = () => {};
-const globalStyles = "";
-
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -104,6 +101,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -203,12 +201,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var createTime = (fnName, tagName = "") => {
@@ -225,6 +235,110 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -352,102 +466,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -765,7 +783,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -827,6 +845,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -944,9 +968,10 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var forceUpdate = (ref) => {
+  var _a;
   {
     const hostRef = getHostRef(ref);
-    const isConnected = hostRef.$hostElement$.isConnected;
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
     if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
       scheduleUpdate(hostRef, false);
     }
@@ -975,6 +1000,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
@@ -1034,6 +1062,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1097,7 +1128,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1202,6 +1233,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1316,7 +1350,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
         }
         connectedCallback() {
-          getHostRef(this);
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
           }
@@ -1335,6 +1372,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -1345,7 +1385,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1391,7 +1432,6 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 exports.bootstrapLazy = bootstrapLazy;
 exports.forceUpdate = forceUpdate;
 exports.getRenderingRef = getRenderingRef;
-exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/loader.cjs.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var index = require('./index-CIpk2h9T.js');
+var index = require('./index-BsVwdf0x.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  await index.globalScripts();
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["funnel-app.cjs",[[1,"funnel-app",{"tag":[1]}]]]], options);
 };
 

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1",
+    "version": "4.36.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/funnel-app.entry.js

@@ -1,4 +1,4 @@
-import { h, a as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-djplODvh.js';
+import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-DDmU0cBi.js';
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';

package/dist/esm/funnel-gfx-wc.js

@@ -1,8 +1,9 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-djplODvh.js';
-export { s as setNonce } from './index-djplODvh.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-DDmU0cBi.js';
+export { s as setNonce } from './index-DDmU0cBi.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/{index-djplODvh.js → index-DDmU0cBi.js}

@@ -1,11 +1,8 @@
 const NAMESPACE = 'funnel-gfx-wc';
 const BUILD = /* funnel-gfx-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
 
-const globalScripts = () => {};
-const globalStyles = "";
-
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -102,6 +99,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -201,12 +199,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var createTime = (fnName, tagName = "") => {
@@ -223,6 +233,110 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  if (!win.document) {
+    return scopeId2;
+  }
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = win.document.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(
+                styleElm,
+                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
+              );
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -350,102 +464,6 @@ var emitEvent = (elm, name, opts) => {
   elm.dispatchEvent(ev);
   return ev;
 };
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -763,7 +781,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -825,6 +843,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -942,9 +966,10 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var forceUpdate = (ref) => {
+  var _a;
   {
     const hostRef = getHostRef(ref);
-    const isConnected = hostRef.$hostElement$.isConnected;
+    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
     if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
       scheduleUpdate(hostRef, false);
     }
@@ -973,6 +998,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
@@ -1032,6 +1060,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1095,7 +1126,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1200,6 +1231,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1314,7 +1348,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
         }
         connectedCallback() {
-          getHostRef(this);
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
           }
@@ -1333,6 +1370,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -1343,7 +1383,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1386,4 +1427,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { getRenderingRef as a, bootstrapLazy as b, forceUpdate as f, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { bootstrapLazy as b, forceUpdate as f, getRenderingRef as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,5 +1,6 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-djplODvh.js';
-export { s as setNonce } from './index-djplODvh.js';
+import { b as bootstrapLazy } from './index-DDmU0cBi.js';
+export { s as setNonce } from './index-DDmU0cBi.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/funnel-gfx-wc/funnel-gfx-wc.esm.js

@@ -1 +1 @@
-import{p,g as a,b as t}from"./p-djplODvh.js";export{s as setNonce}from"./p-djplODvh.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),p(s)})().then((async p=>(await a(),t([["p-d68b6758",[[1,"funnel-app",{tag:[1]}]]]],p))));
+import{p as a,b as p}from"./p-DDmU0cBi.js";export{s as setNonce}from"./p-DDmU0cBi.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const p=import.meta.url,s={};return""!==p&&(s.resourcesUrl=new URL(".",p).href),a(s)})().then((async a=>(await t(),p([["p-82494aa9",[[1,"funnel-app",{tag:[1]}]]]],a))));

package/dist/funnel-gfx-wc/{p-d68b6758.entry.js → p-82494aa9.entry.js}

@@ -1 +1 @@
-import{h as t,a as e,f as n,r as s}from"./p-djplODvh.js";const r=e=>{const n=e.hex||"currentColor",s=e.selected||!1,r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:n},t("path",s?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],o=i.map((()=>0)),l={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},a={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},c=t=>l[t]||a[t],h=Object.keys(l),u=t=>!("isConnected"in t)||t.isConnected,d=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(u))})(...e)}),2e3)}})(),f=t=>"function"==typeof t?t():t,p="funnel-gfx-wc::app-data",g=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const n=f(t);let s=new Map(Object.entries(n??{}));const r={dispose:[],get:[],set:[],reset:[]},i=()=>{s=new Map(Object.entries(f(t)??{})),r.reset.forEach((t=>t()))},o=t=>(r.get.forEach((e=>e(t))),s.get(t)),l=(t,n)=>{const i=s.get(t);e(n,i,t)&&(s.set(t,n),r.set.forEach((e=>e(t,n,i))))},a="undefined"==typeof Proxy?{}:new Proxy(n,{get:(t,e)=>o(e),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>s.has(e),set:(t,e,n)=>(l(e,n),!0)}),c=(t,e)=>(r[t].push(e),()=>{((t,e)=>{const n=t.indexOf(e);n>=0&&(t[n]=t[t.length-1],t.length--)})(r[t],e)});return{state:a,get:o,set:l,on:c,onChange:(e,n)=>{const s=c("set",((t,s)=>{t===e&&n(s)})),r=c("reset",(()=>n(f(t)[e])));return()=>{s(),r()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(c("set",e.set)),e.get&&t.push(c("get",e.get)),e.reset&&t.push(c("reset",e.reset)),e.dispose&&t.push(c("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{r.dispose.forEach((t=>t())),i()},reset:i,forceUpdate:t=>{const e=s.get(t);r.set.forEach((n=>n(t,e,e)))}}})({count:0,pick:"bada55",values:[...o]},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:n=>{const s=e();s&&((t,e,n)=>{const s=t.get(e);s?s.includes(n)||s.push(n):t.set(e,[n])})(t,n,s)},set:e=>{const s=t.get(e);s&&t.set(e,s.filter(n)),d(t)},reset:()=>{t.forEach((t=>t.forEach(n))),d(t)}}})()),t})(),{state:b,onChange:m}=g,v=()=>{const{count:t,pick:e,values:n}=b;(t=>{const e=JSON.stringify(t);localStorage.setItem(p,e)})({count:t,pick:e,values:n})},x={initApp:()=>{const t=(()=>{const t=localStorage.getItem(p);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:n,values:s}=t;b.count=e,b.pick=n,b.values=s}},refresh:()=>{const t=o.map((()=>Math.floor(100*Math.random())));b.count=b.count+1,b.values=t,v()},reset:()=>{b.count=0,b.values=[...o],v()},updatePick:t=>{b.pick=t,v()}},y=e=>{const{actions:n,state:s}=e,{pick:i}=s;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},h.map((e=>{const s=c(e),o=i==e;return t("div",{"aria-label":e,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{n.updatePick(e)}},t(r,{hex:s,selected:o,label:e}))})))},w=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:n},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:n},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},k=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:n},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n          8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n          4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n          2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},_=e=>{const{actions:n,state:s}=e,{count:r}=s;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{n.refresh()}},t(k,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{n.reset()}},t(C,{label:"Reset"})),t("span",{class:"flex items-center"},t(w,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,r))))},M=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.11"),N=e=>{const{state:n}=e,{values:s,pick:r,count:i}=n;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},r)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${i>0?s:"..."}`))),t(M,null))},$="undefined"!=typeof window,S=$?window:null,A=$?document:null,z={replace:0,none:1,blend:2},L=Symbol(),T=Symbol(),O=Symbol(),R=Symbol(),B=Symbol(),j=1e-11,U=1e12,D=1e3,E="",P=new Map;P.set("x","translateX"),P.set("y","translateY"),P.set("z","translateZ");const I=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],Z=I.reduce(((t,e)=>({...t,[e]:e+"("})),{}),H=()=>{},X=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,Y=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,F=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,q=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,Q=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,J=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,V=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,G=/([a-z])([A-Z])/g,K=/(\w+)(\([^)]+\)+)/g,W={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:120,loop:0,reversed:!1,alternate:!1,autoplay:!0,duration:D,delay:0,loopDelay:0,ease:"out(2)",composition:z.replace,modifier:t=>t,onBegin:H,onBeforeUpdate:H,onUpdate:H,onLoop:H,onPause:H,onComplete:H,onRender:H},tt={defaults:W,root:A,precision:4,timeScale:1,tickThreshold:200},et={version:"4.0.2",engine:null};$&&(S.AnimeJS||(S.AnimeJS=[]),S.AnimeJS.push(et));const nt=(t,e)=>0===t.indexOf(e),st=Date.now,rt=Array.isArray,it=t=>t&&t.constructor===Object,ot=t=>"string"==typeof t,lt=t=>"function"==typeof t,at=t=>void 0===t,ct=t=>at(t)||null===t,ht=t=>$&&t instanceof SVGElement,ut=t=>X.test(t),dt=t=>nt(t,"rgb"),ft=t=>nt(t,"hsl"),pt=t=>!tt.defaults.hasOwnProperty(t),gt=t=>ot(t)?parseFloat(t):t,bt=Math.pow,mt=Math.sqrt,vt=Math.sin,xt=Math.cos,yt=Math.abs,wt=Math.ceil,Ct=Math.floor,kt=Math.asin,_t=Math.PI,Mt=Math.round,Nt=(t,e,n)=>t<e?e:t>n?n:t,$t={},St=(t,e)=>{if(e<0)return t;if(!e)return Mt(t);let n=$t[e];return n||(n=$t[e]=10**e),Mt(t*n)/n},At=(t,e,n)=>t+(e-t)*n,zt=t=>t===1/0?U:t===-1/0?-1e12:t,Lt=t=>t<=j?j:zt(St(t,11)),Tt=t=>rt(t)?[...t]:t,Ot=(t,e,n,s="_prev",r="_next")=>{let i=t._head,o=r;for(n&&(i=t._tail,o=s);i;){const t=i[o];e(i),i=t}},Rt=(t,e,n="_prev",s="_next")=>{const r=e[n],i=e[s];r?r[s]=i:t._head=i,i?i[n]=r:t._tail=r,e[n]=null,e[s]=null},Bt=(t,e,n,s="_prev",r="_next")=>{let i=t._tail;for(;i&&n&&n(i,e);)i=i[s];const o=i?i[r]:t._head;i?i[r]=e:t._head=e,o?o[s]=e:t._tail=e,e[s]=i,e[r]=o};class jt{constructor(t=0){this.deltaTime=0,this._currentTime=t,this._elapsedTime=t,this._startTime=t,this._lastTime=t,this._scheduledTime=0,this._frameDuration=St(D/120,0),this._fps=120,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(t){const e=this._frameDuration,n=+t,s=n<j?j:n,r=St(D/s,0);this._fps=s,this._frameDuration=r,this._scheduledTime+=r-e}get speed(){return this._speed}set speed(t){const e=+t;this._speed=e<j?j:e}requestTick(t){const e=this._scheduledTime,n=this._elapsedTime;if(this._elapsedTime+=t-n,n<e)return 0;const s=this._frameDuration,r=n-e;return this._scheduledTime+=r<s?s:r,1}computeDeltaTime(t){const e=t-this._lastTime;return this.deltaTime=e,this._lastTime=t,e}}const Ut=(t,e,n,s,r)=>{const i=t.parent,o=t.duration,l=t.completed,a=t.iterationDuration,c=t.iterationCount,h=t._currentIteration,u=t._loopDelay,d=t._reversed,f=t._alternate,p=t._hasChildren,g=t._delay,b=t._currentTime,m=g+a,v=e-g,x=Nt(b,-g,o),y=Nt(v,-g,o),w=v-b,C=y>0,k=y>=o,_=o<=j,M=2===r;let N=0,$=v,S=0;c>1&&(t._currentIteration=Nt(~~(y/(a+(k?0:u))),0,c),k&&t._currentIteration--,N=t._currentIteration%2,$=y%(a+u)||0);const A=d^(f&&N),L=t._ease;let T=k?A?0:o:A?a-$:$;L&&(T=a*L(T/a)||0);const O=(i?i.backwards:v<b)?!A:!!A;if(t._currentTime=v,t._iterationTime=T,t.backwards=O,C&&!t.began?(t.began=!0,n||i&&(O||!i.began)||t.onBegin(t)):v<=0&&(t.began=!1),n||p||!C||t._currentIteration===h||t.onLoop(t),M||1===r&&(e>=g&&e<=m||e<=g&&x>g||e>=m&&x!==o)||T>=m&&x!==o||T<=g&&x>0||e<=x&&x===o&&l||k&&!l&&_){if(C&&(t.computeDeltaTime(x),n||t.onBeforeUpdate(t)),!p){const e=M||(O?-1*w:w)>=tt.tickThreshold,r=t._offset+(i?i._offset:0)+g+T;let o,l,a,c,h=t._head,u=0;for(;h;){const t=h._composition,n=h._currentTime,i=h._changeDuration,d=h._absoluteStartTime+h._changeDuration,f=h._nextRep,p=h._prevRep,g=t!==z.none;if((e||(n!==i||r<=d+(f?f._delay:0))&&(0!==n||r>=h._absoluteStartTime))&&(!g||!h._isOverridden&&(!h._isOverlapped||r<=d)&&(!f||f._isOverridden||r<=f._absoluteStartTime)&&(!p||p._isOverridden||r>=p._absoluteStartTime+p._changeDuration+h._delay))){const e=h._currentTime=Nt(T-h._startTime,0,i),n=h._ease(e/h._updateDuration),r=h._modifier,d=h._valueType,f=h._tweenType,p=0===f,b=0===d,m=b&&p||0===n||1===n?-1:tt.precision;let v,x;if(b)v=x=r(St(At(h._fromNumber,h._toNumber,n),m));else if(1===d)x=r(St(At(h._fromNumber,h._toNumber,n),m)),v=`${x}${h._unit}`;else if(2===d){const t=h._fromNumbers,e=h._toNumbers,s=St(Nt(r(At(t[0],e[0],n)),0,255),0),i=St(Nt(r(At(t[1],e[1],n)),0,255),0),o=St(Nt(r(At(t[2],e[2],n)),0,255),0),l=Nt(r(St(At(t[3],e[3],n),m)),0,1);if(v=`rgba(${s},${i},${o},${l})`,g){const t=h._numbers;t[0]=s,t[1]=i,t[2]=o,t[3]=l}}else if(3===d){v=h._strings[0];for(let t=0,e=h._toNumbers.length;t<e;t++){const e=r(St(At(h._fromNumbers[t],h._toNumbers[t],n),m)),s=h._strings[t+1];v+=`${s?e+s:e}`,g&&(h._numbers[t]=e)}}if(g&&(h._number=x),s||t===z.blend)h._value=v;else{const t=h.property;o=h.target,p?o[t]=v:1===f?o.setAttribute(t,v):(l=o.style,3===f?(o!==a&&(a=o,c=o[R]),c[t]=v,u=1):2===f?l[t]=v:4===f&&l.setProperty(t,v)),C&&(S=1)}}if(u&&h._renderTransforms){let t=E;for(let e in c)t+=`${Z[e]}${c[e]}) `;l.transform=t,u=0}h=h._next}!n&&S&&t.onRender(t)}!n&&C&&t.onUpdate(t)}return i&&_?!n&&(i.began&&!O&&v>=o&&!l||O&&v<=j&&l)&&(t.onComplete(t),t.completed=!O):C&&k?c===1/0?t._startTime+=t.duration:t._currentIteration>=c-1&&(t.paused=!0,l||p||(t.completed=!0,n||i&&(O||!i.began)||(t.onComplete(t),t._resolve(t)))):t.completed=!1,S},Dt=(t,e,n,s,r)=>{const i=t._currentIteration;if(Ut(t,e,n,s,r),t._hasChildren){const o=t,l=o.backwards,a=s?e:o._iterationTime,c=st();let h=0,u=!0;if(!s&&o._currentIteration!==i){const t=o.iterationDuration;Ot(o,(e=>{if(l){const s=e.duration,r=e._offset+e._delay;n||!(s<=j)||r&&r+s!==t||e.onComplete(e)}else!e.completed&&!e.backwards&&e._currentTime<e.iterationDuration&&Ut(e,t,n,1,2),e.began=!1,e.completed=!1})),n||o.onLoop(o)}Ot(o,(t=>{const e=St((a-t._offset)*t._speed,12),i=t._fps<o._fps?t.requestTick(c):r;h+=Ut(t,e,n,s,i),!t.completed&&u&&(u=!1)}),l),!n&&h&&o.onRender(o),u&&o._currentTime>=o.duration&&(o.paused=!0,o.completed||(o.completed=!0,n||(o.onComplete(o),o._resolve(o))))}},Et={animation:null,update:H},Pt=$?requestAnimationFrame:setImmediate,It=$?cancelAnimationFrame:clearImmediate;class Zt extends jt{constructor(t){super(t),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=W,this.paused=!(!$||!A.hidden),this.reqId=null}update(){const t=this._currentTime=st();if(this.requestTick(t)){this.computeDeltaTime(t);const e=this._speed,n=this._fps;let s=this._head;for(;s;){const r=s._next;s.paused?(Rt(this,s),this._hasChildren=!!this._tail,s._running=!1,s.completed&&!s._cancelled&&s.cancel()):Dt(s,(t-s._startTime)*s._speed*e,0,0,s._fps<n?s.requestTick(t):1),s=r}Et.update()}}wake(){return!this.useDefaultMainLoop||this.reqId||this.paused||(this.reqId=Pt(Xt)),this}pause(){return this.paused=!0,Yt()}resume(){if(this.paused)return this.paused=!1,Ot(this,(t=>t.resetTime())),this.wake()}get speed(){return this._speed*(1===tt.timeScale?1:D)}set speed(t){this._speed=t*tt.timeScale,Ot(this,(t=>t.speed=t._speed))}get timeUnit(){return 1===tt.timeScale?"ms":"s"}set timeUnit(t){const e="s"===t,n=e?.001:1;if(tt.timeScale!==n){tt.timeScale=n,tt.tickThreshold=200*n;const t=e?.001:D;this.defaults.duration*=t,this._speed*=t}}get precision(){return tt.precision}set precision(t){tt.precision=t}}const Ht=(()=>{const t=new Zt(st());return $&&(et.engine=t,A.addEventListener("visibilitychange",(()=>{t.pauseOnDocumentHidden&&(A.hidden?t.pause():t.resume())}))),t})(),Xt=()=>{Ht._head?(Ht.reqId=Pt(Xt),Ht.update()):Ht.reqId=0},Yt=()=>(It(Ht.reqId),Ht.reqId=0,Ht);function Ft(t){const e=ot(t)?tt.root.querySelectorAll(t):t;if(e instanceof NodeList||e instanceof HTMLCollection)return e}const qt=["opacity","rotate","overflow","color"],Qt=(t,e,n)=>(n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t),Jt=(t,e)=>at(t)?e:t,Vt=(t,e,n,s,r)=>{if(lt(t)){const i=()=>{const r=t(e,n,s);return isNaN(+r)?r||0:+r};return r&&(r.func=i),i()}return t},Gt=(t,e)=>t[T]?t[O]&&((t,e)=>{if(qt.includes(e))return!1;if(t.getAttribute(e)||e in t){if("scale"===e){const e=t.parentNode;return e&&"filter"===e.tagName}return!0}})(t,e)?1:I.includes(e)||P.get(e)?3:nt(e,"--")?4:e in t.style?2:e in t?0:1:0,Kt=(t,e,n)=>{const s=t.style[e];s&&n&&(n[e]=s);const r=s||getComputedStyle(t[B]||t).getPropertyValue(e);return"auto"===r?"0":r},Wt=(t,e,n,s)=>{const r=at(n)?Gt(t,e):n;return 0===r?t[e]||0:1===r?t.getAttribute(e):3===r?((t,e,n)=>{const s=t.style.transform;let r;if(s){const i=t[R];let o;for(;o=K.exec(s);){const t=o[1],s=o[2].slice(1,-1);i[t]=s,t===e&&(r=s,n&&(n[e]=s))}}return s&&!at(r)?r:nt(e,"scale")?"1":nt(e,"rotate")||nt(e,"skew")?"0deg":"0px"})(t,e,s):4===r?Kt(t,e,s).trimStart():Kt(t,e,s)},te=(t,e,n)=>"-"===n?t-e:"+"===n?t+e:t*e,ee=(t,e)=>{if(e.t=0,e.n=0,e.u=null,e.o=null,e.d=null,e.s=null,!t)return e;const n=+t;if(isNaN(n)){let n=t;"="===n[1]&&(e.o=n[0],n=n.slice(2));const i=!n.includes(" ")&&V.exec(n);if(i)return e.t=1,e.n=+i[1],e.u=i[2],e;if(e.o)return e.n=+n,e;if(ut(r=n)||dt(r)||ft(r))return e.t=2,e.d=dt(s=n)?(t=>{const e=Y.exec(t)||F.exec(t),n=at(e[4])?1:+e[4];return[+e[1],+e[2],+e[3],n]})(s):ut(s)?(t=>{const e=t.length,n=4===e||5===e;return[+("0x"+t[1]+t[n?1:2]),+("0x"+t[n?2:3]+t[n?2:4]),+("0x"+t[n?3:5]+t[n?3:6]),5===e||9===e?+(+("0x"+t[n?4:7]+t[n?4:8])/255).toFixed(3):1]})(s):ft(s)?(t=>{const e=q.exec(t)||Q.exec(t),n=+e[1]/360,s=+e[2]/100,r=+e[3]/100,i=at(e[4])?1:+e[4];let o,l,a;if(0===s)o=l=a=r;else{const t=r<.5?r*(1+s):r+s-r*s,e=2*r-t;o=St(255*Qt(e,t,n+1/3),0),l=St(255*Qt(e,t,n),0),a=St(255*Qt(e,t,n-1/3),0)}return[o,l,a,i]})(s):[0,0,0,1],e;{const t=n.match(J);return e.t=3,e.d=t?t.map(Number):[],e.s=n.split(J)||[],e}}var s,r;return e.n=n,e},ne=(t,e)=>(e.t=t._valueType,e.n=t._toNumber,e.u=t._unit,e.o=null,e.d=Tt(t._toNumbers),e.s=Tt(t._strings),e),se={t:0,n:0,u:null,o:null,d:null,s:null},re={_rep:new WeakMap,_add:new Map},ie=(t,e,n="_rep")=>{const s=re[n];let r=s.get(t);return r||(r={},s.set(t,r)),r[e]?r[e]:r[e]={_head:null,_tail:null}},oe=(t,e)=>t._isOverridden||t._absoluteStartTime>e._absoluteStartTime,le=t=>{t._isOverlapped=1,t._isOverridden=1,t._changeDuration=j,t._currentTime=j},ae=(t,e)=>{const n=t._composition;if(n===z.replace){const n=t._absoluteStartTime;Bt(e,t,oe,"_prevRep","_nextRep");const s=t._prevRep;if(s){const e=s.parent,r=s._absoluteStartTime+s._changeDuration;if(t.parent.id!==e.id&&e.iterationCount>1&&r+(e.duration-e.iterationDuration)>n){le(s);let t=s._prevRep;for(;t&&t.parent.id===e.id;)le(t),t=t._prevRep}const i=n-t._delay;if(r>i){const t=s._startTime;s._changeDuration=i-(r-(t+s._updateDuration))-t,s._currentTime=s._changeDuration,s._isOverlapped=1,s._changeDuration<j&&le(s)}let o=!0;if(Ot(e,(t=>{t._isOverlapped||(o=!1)})),o){const t=e.parent;if(t){let n=!0;Ot(t,(t=>{t!==e&&Ot(t,(t=>{t._isOverlapped||(n=!1)}))})),n&&t.cancel()}else e.cancel()}}}else if(n===z.blend){const e=ie(t.target,t.property,"_add"),n=(t=>{let e=Et.animation;return e||(e={duration:j,computeDeltaTime:H,_offset:0,_delay:0,_head:null,_tail:null},Et.animation=e,Et.update=()=>{t.forEach((t=>{for(let e in t){const n=t[e],s=n._head;if(s){const t=s._valueType,e=3===t||2===t?Tt(s._fromNumbers):null;let r=s._fromNumber,i=n._tail;for(;i&&i!==s;){if(e)for(let t=0,n=i._numbers.length;t<n;t++)e[t]+=i._numbers[t];else r+=i._number;i=i._prevAdd}s._toNumber=r,s._toNumbers=e}}})),Ut(e,1,1,0,2)}),e})(re._add);let s=e._head;s||(s={...t},s._composition=z.replace,s._updateDuration=j,s._startTime=0,s._numbers=Tt(t._fromNumbers),s._number=0,s._next=null,s._prev=null,Bt(e,s),Bt(n,s));const r=t._toNumber;if(t._fromNumber=s._fromNumber-r,t._toNumber=0,t._numbers=Tt(t._fromNumbers),t._number=0,s._fromNumber=r,t._toNumbers){const e=Tt(t._toNumbers);e&&e.forEach(((e,n)=>{t._fromNumbers[n]=s._fromNumbers[n]-e,t._toNumbers[n]=0})),s._fromNumbers=e}Bt(e,t,null,"_prevAdd","_nextAdd")}return t},ce=t=>{const e=t._composition;if(e!==z.none){const n=t.target,s=t.property,r=re._rep.get(n);if(Rt(r[s],t,"_prevRep","_nextRep"),e===z.blend){const e=re._add,r=e.get(n);if(!r)return;const i=r[s],o=Et.animation;Rt(i,t,"_prevAdd","_nextAdd");const l=i._head;if(l&&l===i._tail){Rt(i,l,"_prevAdd","_nextAdd"),Rt(o,l);let t=!0;for(let e in r)if(r[e]._head){t=!1;break}t&&e.delete(n)}}}return t},he=t=>(t.paused=!0,t.began=!1,t.completed=!1,t),ue=t=>t._cancelled?(Ot(t,t._hasChildren?ue:t=>{t._composition!==z.none&&ae(t,ie(t.target,t.property))}),t._cancelled=0,t):t;let de=0;class fe extends jt{constructor(t={},e=null,n=0){super(0);const{id:s,delay:r,duration:i,reversed:o,alternate:l,loop:a,loopDelay:c,autoplay:h,frameRate:u,playbackRate:d,onComplete:f,onLoop:p,onPause:g,onBegin:b,onBeforeUpdate:m,onUpdate:v}=t,x=e?0:Ht._elapsedTime,y=e?e.defaults:tt.defaults,w=lt(r)||at(r)?y.delay:+r,C=lt(i)||at(i)?1/0:+i,k=Jt(a,y.loop),_=Jt(c,y.loopDelay),M=!0===k||k===1/0||k<0?1/0:k+1;let N=0;if(e)N=n;else{let t=st();Ht.paused&&(Ht.requestTick(t),t=Ht._elapsedTime),N=t-Ht._startTime}this.id=at(s)?++de:s,this.parent=e,this.duration=zt((C+_)*M-_)||j,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=b||y.onBegin,this.onBeforeUpdate=m||y.onBeforeUpdate,this.onUpdate=v||y.onUpdate,this.onLoop=p||y.onLoop,this.onPause=g||y.onPause,this.onComplete=f||y.onComplete,this.iterationDuration=C,this.iterationCount=M,this._autoplay=!e&&Jt(h,y.autoplay),this._offset=N,this._delay=w,this._loopDelay=_,this._iterationTime=0,this._currentIteration=0,this._resolve=H,this._running=!1,this._reversed=+Jt(o,y.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=Jt(l,y.alternate),this._prev=null,this._next=null,this._elapsedTime=x,this._startTime=x,this._lastTime=x,this._fps=Jt(u,y.frameRate),this._speed=Jt(d,y.playbackRate)}get cancelled(){return!!this._cancelled}set cancelled(t){t?this.cancel():this.reset(1).play()}get currentTime(){return Nt(St(this._currentTime,tt.precision),-this._delay,this.duration)}set currentTime(t){const e=this.paused;this.pause().seek(+t),e||this.resume()}get iterationCurrentTime(){return St(this._iterationTime,tt.precision)}set iterationCurrentTime(t){this.currentTime=this.iterationDuration*this._currentIteration+t}get progress(){return Nt(St(this._currentTime/this.duration,5),0,1)}set progress(t){this.currentTime=this.duration*t}get iterationProgress(){return Nt(St(this._iterationTime/this.iterationDuration,5),0,1)}set iterationProgress(t){const e=this.iterationDuration;this.currentTime=e*this._currentIteration+e*t}get currentIteration(){return this._currentIteration}set currentIteration(t){this.currentTime=this.iterationDuration*Nt(+t,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(t){t?this.reverse():this.play()}get speed(){return super.speed}set speed(t){super.speed=t,this.resetTime()}reset(t=0){return ue(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,Dt(this,0,1,t,2),he(this),this._hasChildren&&Ot(this,he),this}init(t=0){this.fps=this._fps,this.speed=this._speed,!t&&this._hasChildren&&Dt(this,this.duration,1,t,2),this.reset(t);const e=this._autoplay;return!0===e?this.resume():e&&!at(e.linked)&&e.link(this),this}resetTime(){const t=1/(this._speed*Ht._speed);return this._startTime=st()-(this._currentTime+this._delay)*t,this}pause(){return this.paused||(this.paused=!0,this.onPause(this)),this}resume(){return this.paused?(this.paused=!1,this.duration<=j&&!this._hasChildren?Dt(this,j,0,0,2):(this._running||(Bt(Ht,this),Ht._hasChildren=!0,this._running=!0),this.resetTime(),this._startTime-=12,Ht.wake()),this):this}restart(){return this.reset(0).resume()}seek(t,e=0,n=0){ue(this),this.completed=!1;const s=this.paused;return this.paused=!0,Dt(this,t+this._delay,~~e,~~n,1),s?this:this.resume()}alternate(){const t=this._reversed,e=this.iterationCount,n=this.iterationDuration,s=e===1/0?Ct(U/n):e;return this._reversed=+(!this._alternate||s%2?!t:t),e===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(n*s-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?Ot(this,(t=>t.cancel()),!0):Ot(this,ce),this._cancelled=1,this.pause()}stretch(t){const e=this.duration,n=Lt(t);if(e===n)return this;const s=t/e,r=t<=j;return this.duration=r?j:n,this.iterationDuration=r?j:Lt(this.iterationDuration*s),this._offset*=s,this._delay*=s,this._loopDelay*=s,this}revert(){Dt(this,0,1,0,1);const t=this._autoplay;return t&&t.linked&&t.linked===this&&t.revert(),this.cancel()}complete(){return this.seek(this.duration).cancel()}then(t=H){const e=this.then,n=()=>{this.then=null,t(this),this.then=e,this._resolve=H};return new Promise((t=>(this._resolve=()=>t(n()),this.completed&&this._resolve(),this)))}}const pe=t=>t,ge=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,be=(t=.5,e=0,n=.5,s=1)=>t===e&&n===s?pe:r=>0===r||1===r?r:ge(((t,e,n)=>{let s,r,i=0,o=1,l=0;do{r=i+(o-i)/2,s=ge(r,e,n)-t,s>0?o=r:i=r}while(yt(s)>1e-7&&++l<100);return r})(r,t,n),e,s),me=(t=10,e)=>{const n=e?wt:Ct;return e=>n(Nt(e,0,1)*t)*(1/t)},ve=(...t)=>{const e=t.length;if(!e)return pe;const n=e-1,s=t[n],r=[0],i=[gt(t[0])];for(let e=1;e<n;e++){const s=t[e],o=ot(s)?s.trim().split(" "):[s],l=o[0],a=o[1];r.push(at(a)?e/n:gt(a)/100),i.push(gt(l))}return i.push(gt(s)),r.push(1),function(t){for(let e=1,n=r.length;e<n;e++){const n=r[e];if(t<=n){const s=r[e-1],o=i[e-1];return o+(i[e]-o)*(t-s)/(n-s)}}return i[i.length-1]}},xe=(t=10,e=1)=>{const n=[0],s=t-1;for(let t=1;t<s;t++){const r=n[t-1],i=t/s,o=i+((t+1)/s-i)*Math.random();n.push(Nt(i*(1-e)+o*e,r,1))}return n.push(1),ve(...n)},ye=_t/2,we=2*_t,Ce=(t=1.68)=>e=>bt(e,+t),ke={[E]:Ce,Quad:Ce(2),Cubic:Ce(3),Quart:Ce(4),Quint:Ce(5),Sine:t=>1-xt(t*ye),Circ:t=>1-mt(1-t*t),Expo:t=>t?bt(2,10*t-10):0,Bounce:t=>{let e,n=4;for(;t<((e=bt(2,--n))-1)/11;);return 1/bt(4,3-n)-7.5625*bt((3*e-2)/22-t,2)},Back:(t=1.70158)=>e=>(+t+1)*e*e*e-+t*e*e,Elastic:(t=1,e=.3)=>{const n=Nt(+t,1,10),s=Nt(+e,j,2),r=s/we*kt(1/n),i=we/s;return t=>0===t||1===t?t:-n*bt(2,-10*(1-t))*vt((1-t-r)*i)}},_e={in:t=>e=>t(e),out:t=>e=>1-t(1-e),inOut:t=>e=>e<.5?t(2*e)/2:1-t(-2*e+2)/2,outIn:t=>e=>e<.5?(1-t(1-2*e))/2:(t(2*e-1)+1)/2},Me=(()=>{const t={linear:ve,irregular:xe,steps:me,cubicBezier:be};for(let e in _e)for(let n in ke){const s=ke[n],r=_e[e];t[e+n]=n===E||"Back"===n||"Elastic"===n?(t,e)=>r(s(t,e)):r(s)}return t})(),Ne={linear:pe},$e=t=>lt(t)?t:ot(t)?((t,e,n)=>{if(n[t])return n[t];if(t.indexOf("(")<=-1){const s=_e[t]||t.includes("Back")||t.includes("Elastic")?e[t]():e[t];return s?n[t]=s:pe}{const s=t.slice(0,-1).split("("),r=e[s[0]];return r?n[t]=r(...s[1].split(",")):pe}})(t,Me,Ne):pe,Se={},Ae=(t,e,n)=>{if(3===n){return P.get(t)||t}if(2===n||1===n&&ht(e)&&t in e.style){const e=Se[t];if(e)return e;{const e=t?t.replace(G,"$1-$2").toLowerCase():t;return Se[t]=e,e}}return t},ze={deg:1,rad:180/_t,turn:360},Le={},Te=(t,e,n,s=!1)=>{const r=e.u,i=e.n;if(1===e.t&&r===n)return e;const o=i+r+n,l=Le[o];if(at(l)||s){let s;if(r in ze)s=i*ze[r]/ze[n];else{const e=100,o=t.cloneNode(),l=t.parentNode,a=l&&l!==A?l:A.body;a.appendChild(o);const c=o.style;c.width=e+r;const h=o.offsetWidth||e;c.width=e+n;const u=h/(o.offsetWidth||e);a.removeChild(o),s=u*i}e.n=s,Le[o]=s}else e.n=l;return e.u=n,e},Oe=t=>{if(t._hasChildren)Ot(t,Oe,!0);else{const e=t;e.pause(),Ot(e,(t=>{const n=t.property,s=t.target;if(s[T]){const r=s.style,i=e._inlineStyles[n];if(3===t._tweenType){const e=s[R];if(at(i)||i===E?delete e[n]:e[n]=i,t._renderTransforms)if(Object.keys(e).length){let t=E;for(let n in e)t+=Z[n]+e[n]+") ";r.transform=t}else r.removeProperty("transform")}else at(i)||i===E?r.removeProperty(n):r[n]=i;e._tail===t&&e.targets.forEach((t=>{t.getAttribute&&t.getAttribute("style")===E&&t.removeAttribute("style")}))}}))}return t},Re={t:0,n:0,u:null,o:null,d:null,s:null},Be={t:0,n:0,u:null,o:null,d:null,s:null},je={func:null},Ue=[null],De=[null,null],Ee={to:null};let Pe,Ie,Ze=0;class He extends fe{constructor(t,e,n,s,r=!1,i=0,o=0){super(e,n,s);const l=function(t){const e=function(t){if(ct(t))return[];if(rt(t)){const e=t.flat(1/0),n=[];for(let t=0,s=e.length;t<s;t++){const s=e[t];if(!ct(s)){const t=Ft(s);if(t)for(let e=0,s=t.length;e<s;e++){const s=t[e];if(!ct(s)){let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}else{let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}}return n}if(!$)return[t];const e=Ft(t);return e?Array.from(e):[t]}(t),n=e.length;if(n)for(let t=0;t<n;t++){const n=e[t];if(!n[L]){n[L]=!0;const t=ht(n);(n.nodeType||t)&&(n[T]=!0,n[O]=t,n[R]={})}}return e}(t),a=l.length,c=e.keyframes,h=c?((t,e)=>{const n={...t};for(let s in e){const r=t[s];n[s]=at(r)?e[s]:r}return n})(((t,e)=>{const n={};if(rt(t)){const e=[].concat(...t.map((t=>Object.keys(t)))).filter(pt);for(let s=0,r=e.length;s<r;s++){const r=e[s],i=t.map((t=>{const e={};for(let n in t){const s=t[n];pt(n)?n===r&&(e.to=s):e[n]=s}return e}));n[r]=i}}else{const s=Jt(e.duration,tt.defaults.duration),r=Object.keys(t).map((e=>({o:parseFloat(e)/100,p:t[e]}))).sort(((t,e)=>t.o-e.o));r.forEach((t=>{const e=t.o,r=t.p;for(let t in r)if(pt(t)){let i=n[t];i||(i=n[t]=[]);const o=e*s;let l=i.length,a=i[l-1];const c={to:r[t]};let h=0;for(let t=0;t<l;t++)h+=i[t].duration;1===l&&(c.from=a.to),r.ease&&(c.ease=r.ease),c.duration=o-(l?h:0),i.push(c)}return t}));for(let t in n){const e=n[t];let s;for(let t=0,n=e.length;t<n;t++){const n=e[t],r=n.ease;n.ease=s||void 0,s=r}e[0].duration||e.shift()}}return n})(c,e),e):e,{delay:u,duration:d,ease:f,playbackEase:p,modifier:g,composition:b,onRender:m}=h,v=n?n.defaults:tt.defaults,x=Jt(p,v.playbackEase),y=x?$e(x):null,w=!at(f)&&!at(f.ease),C=w?f.ease:Jt(f,y?"linear":v.ease),k=w?f.duration:Jt(d,v.duration),_=Jt(u,v.delay),M=g||v.modifier,N=at(b)&&a>=D?z.none:at(b)?v.composition:b,S={},A=this._offset+(n?n._offset:0);let B=NaN,U=NaN,E=0,P=0;for(let t=0;t<a;t++){const e=l[t],s=i||t,c=o||a;let u=NaN,d=NaN;for(let t in h)if(pt(t)){const i=Gt(e,t),o=Ae(t,e,i);let l=h[t];const a=rt(l);if(r&&!a&&(De[0]=l,De[1]=l,l=De),a){const t=l.length,e=!it(l[0]);2===t&&e?(Ee.to=l,Ue[0]=Ee,Pe=Ue):t>2&&e?(Pe=[],l.forEach(((t,e)=>{e?1===e?(De[1]=t,Pe.push(De)):Pe.push(t):De[0]=t}))):Pe=l}else Ue[0]=l,Pe=Ue;let f=null,p=null,g=NaN,b=0,m=0;for(let t=Pe.length;m<t;m++){const r=Pe[m];it(r)?Ie=r:(Ee.to=r,Ie=Ee),je.func=null;const l=Vt(Ie.to,e,s,c,je);let a;it(l)&&!at(l.to)?(Ie=l,a=l.to):a=l;const h=Vt(Ie.from,e,s,c),u=Ie.ease,d=!at(u)&&!at(u.ease),v=d?u.ease:u||C,x=d?u.duration:Vt(Jt(Ie.duration,t>1?Vt(k,e,s,c)/t:k),e,s,c),y=Vt(Jt(Ie.delay,m?0:_),e,s,c),w=Vt(Jt(Ie.composition,N),e,s,c),$="number"!=typeof(I=w)||isNaN(I)?z[w]:w,L=Ie.modifier||M,T=!at(h),O=!at(a),R=rt(a),B=R||T&&O,U=p?b+y:y,D=A+U;P||!T&&!R||(P=1);let Z=p;if($!==z.none){f||(f=ie(e,o));let t=f._head;for(;t&&!t._isOverridden&&t._absoluteStartTime<=D;)if(Z=t,t=t._nextRep,t&&t._absoluteStartTime>=D)for(;t;)le(t),t=t._nextRep}if(B?(ee(R?Vt(a[0],e,s,c):h,Re),ee(R?Vt(a[1],e,s,c,je):a,Be),0===Re.t&&(Z?1===Z._valueType&&(Re.t=1,Re.u=Z._unit):(ee(Wt(e,o,i,S),se),1===se.t&&(Re.t=1,Re.u=se.u)))):(O?ee(a,Be):p?ne(p,Be):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Be),T?ee(h,Re):p?ne(p,Re):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Re)),Re.o&&(Re.n=te(Z?Z._toNumber:ee(Wt(e,o,i,S),se).n,Re.n,Re.o)),Be.o&&(Be.n=te(Re.n,Be.n,Be.o)),Re.t!==Be.t)if(3===Re.t||3===Be.t){const t=3===Re.t?Re:Be,e=3===Re.t?Be:Re;e.t=3,e.s=Tt(t.s),e.d=t.d.map((()=>e.n))}else if(1===Re.t||1===Be.t){const t=1===Re.t?Re:Be,e=1===Re.t?Be:Re;e.t=1,e.u=t.u}else if(2===Re.t||2===Be.t){const t=2===Re.t?Re:Be,e=2===Re.t?Be:Re;e.t=2,e.s=t.s,e.d=[0,0,0,1]}if(Re.u!==Be.u){let t=Be.u?Re:Be;t=Te(e,t,Be.u?Be.u:Re.u,!1)}if(Be.d&&Re.d&&Be.d.length!==Re.d.length){const t=Re.d.length>Be.d.length?Re:Be,e=t===Re?Be:Re;e.d=t.d.map(((t,n)=>at(e.d[n])?0:e.d[n])),e.s=Tt(t.s)}const H=St(+x||j,12),X={parent:this,id:Ze++,property:o,target:e,_value:null,_func:je.func,_ease:$e(v),_fromNumbers:Tt(Re.d),_toNumbers:Tt(Be.d),_strings:Tt(Be.s),_fromNumber:Re.n,_toNumber:Be.n,_numbers:Tt(Re.d),_number:Re.n,_unit:Be.u,_modifier:L,_currentTime:0,_startTime:U,_delay:+y,_updateDuration:H,_changeDuration:H,_absoluteStartTime:D,_tweenType:i,_valueType:Be.t,_composition:$,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};$!==z.none&&ae(X,f),isNaN(g)&&(g=X._startTime),b=St(U+H,12),p=X,E++,Bt(this,X)}(isNaN(U)||g<U)&&(U=g),(isNaN(B)||b>B)&&(B=b),3===i&&(u=E-m,d=E)}if(!isNaN(u)){let t=0;Ot(this,(e=>{t>=u&&t<d&&(e._renderTransforms=1,e._composition===z.blend&&Ot(Et.animation,(t=>{t.id===e.id&&(t._renderTransforms=1)}))),t++}))}}var I;a||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),U?(Ot(this,(t=>{t._startTime-t._delay||(t._delay-=U),t._startTime-=U})),B-=U):U=0,B||(B=j,this.iterationCount=0),this.targets=l,this.duration=B===j?j:zt((B+this._loopDelay)*this.iterationCount-this._loopDelay)||j,this.onRender=m||v.onRender,this._ease=y,this._delay=U,this.iterationDuration=B,this._inlineStyles=S,!this._autoplay&&P&&this.onRender(this)}stretch(t){const e=this.duration;if(e===Lt(t))return this;const n=t/e;return Ot(this,(t=>{t._updateDuration=Lt(t._updateDuration*n),t._changeDuration=Lt(t._changeDuration*n),t._currentTime*=n,t._startTime*=n,t._absoluteStartTime*=n})),super.stretch(t)}refresh(){return Ot(this,(t=>{const e=Wt(t.target,t.property,t._tweenType);ee(e,se),t._fromNumbers=Tt(se.d),t._fromNumber=se.n,t._func&&(ee(t._func(),Be),t._toNumbers=Tt(Be.d),t._strings=Tt(Be.s),t._toNumber=Be.n)})),this}revert(){return super.revert(),Oe(this)}then(t){return super.then(t)}}const Xe=(t,e)=>new He(t,e,null,0,!1).init();I.filter((t=>["X","Y","Z"].some((e=>t.endsWith(e))))),$&&(at(CSS)||Object.hasOwnProperty.call(CSS,"registerProperty"));let Ye,Fe=[];const qe=c("white"),Qe=c("bada55");let Je,Ve;const Ge=t=>{Ye&&(Je&&Je.pause(),Je=Xe(Ye,{fill:c(t),ease:"inOutCubic"}))},Ke=t=>{Ye&&(Ve&&Ve.pause(),Ve=Xe(Ye,{y:(e,n)=>Fe[n]*((100-t[n])/100),ease:"inOutCubic"}))},We=()=>{const e=i.map((t=>(({id:t,height:e,width:n,x:s,y:r,drop:i})=>({id:t,height:e,width:n,x:s,y:r,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${e-.5},${n-.5},${e-i-.5},${n-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${s},${r})`,points:`0,0,0,${e},${n},${e-i},${n},${i}`}))(t))),n="currentColor";return Fe=Array(e.length),Ye=Array(e.length),t("div",{class:"funnel-gfx"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,e.map((e=>t("mask",{id:e.maskId},t("polygon",{points:e.mask,fill:qe}))))),e.map(((e,s)=>{const{height:r,width:i,maskUri:o,matrix:l,points:a}=e;return Fe[s]=r,t("g",{transform:l},t("polygon",{points:a,fill:qe,stroke:n}),t("rect",{ref:t=>Ye[s]=t,x:"0",y:r,width:i,height:r,mask:o,fill:Qe,stroke:n}))}))))},tn=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:n},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n      12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n      5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n      18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n      17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n      3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n      17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n      20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n      16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n      3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n      9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n      6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n      17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n      16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n      7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n      10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n      9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n      11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n      12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n      16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n      18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n      16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n      11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n      11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n      17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n      11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n      4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n      5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n      3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n      11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n      17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n      11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n      11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n      15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},en="eswat2",nn=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":en,target:"blank",title:en},t(tn,{label:"eswat2"})),sn=class{constructor(t){s(this,t),this.tag="funnel-app"}componentDidLoad(){m("pick",Ge),m("values",Ke),x.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(nn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(We,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(_,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:x,state:b}),t(y,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:x,state:b}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(N,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:b}))}};sn.style="/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --font-weight-bold: 700;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-8 {\n    top: calc(var(--spacing) * 8);\n  }\n  .right-8 {\n    right: calc(var(--spacing) * 8);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-5px {\n    margin-top: 5px;\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-10px {\n    margin-right: 10px;\n  }\n  .mb-10px {\n    margin-bottom: 10px;\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n      var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-clrs-gray {\n    border-color: var(--clrs-gray, #aaaaaa);\n  }\n  .border-clrs-slate {\n    border-color: var(--clrs-slate, #708090);\n  }\n  .bg-clrs-blue {\n    background-color: var(--clrs-blue, #0074d9);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-silver {\n    background-color: var(--clrs-silver, #dddddd);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .italic {\n    font-style: italic;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .active\\:bg-clrs-gray {\n    &:active {\n      background-color: var(--clrs-gray, #aaaaaa);\n    }\n  }\n  .active\\:text-clrs-navy {\n    &:active {\n      color: var(--clrs-navy, #001f3f);\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    display: flex;\n    flex-direction: column;\n    padding: calc(var(--spacing) * 4);\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ds1-button {\n    display: flex;\n    align-items: center;\n    --tw-border-style: solid;\n    border-style: solid;\n    border-color: var(--clrs-slate, #708090);\n    color: var(--clrs-white, #ffffff);\n    &:active {\n      background-color: var(--clrs-gray, #aaaaaa);\n    }\n    &:active {\n      color: var(--clrs-navy, #001f3f);\n    }\n  }\n  .funnel-gfx {\n    --tw-border-style: solid;\n    border-style: solid;\n    border-color: var(--clrs-gray, #aaaaaa);\n    background-color: var(--clrs-silver, #dddddd);\n    stroke-width: 1;\n  }\n}\n.data-button {\n  border-radius: 5px;\n  border-width: 1px;\n  padding: 5px;\n  margin: 0px;\n  margin-right: 5px;\n  cursor: pointer;\n}\n.funnel-gfx {\n  width: calc(100% - 20px);\n  height: 100%;\n  padding: 10px;\n  padding-bottom: 7px;\n  border-radius: 10px;\n  border-width: 1px;\n}\n";export{sn as funnel_app}
+import{h as t,g as e,f as n,r as s}from"./p-DDmU0cBi.js";const r=e=>{const n=e.hex||"currentColor",s=e.selected||!1,r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:n},t("path",s?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],o=i.map((()=>0)),l={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},a={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},c=t=>l[t]||a[t],h=Object.keys(l),u=t=>!("isConnected"in t)||t.isConnected,d=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(u))})(...e)}),2e3)}})(),f=t=>"function"==typeof t?t():t,p="funnel-gfx-wc::app-data",g=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const n=f(t);let s=new Map(Object.entries(n??{}));const r={dispose:[],get:[],set:[],reset:[]},i=()=>{s=new Map(Object.entries(f(t)??{})),r.reset.forEach((t=>t()))},o=t=>(r.get.forEach((e=>e(t))),s.get(t)),l=(t,n)=>{const i=s.get(t);e(n,i,t)&&(s.set(t,n),r.set.forEach((e=>e(t,n,i))))},a="undefined"==typeof Proxy?{}:new Proxy(n,{get:(t,e)=>o(e),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>s.has(e),set:(t,e,n)=>(l(e,n),!0)}),c=(t,e)=>(r[t].push(e),()=>{((t,e)=>{const n=t.indexOf(e);n>=0&&(t[n]=t[t.length-1],t.length--)})(r[t],e)});return{state:a,get:o,set:l,on:c,onChange:(e,n)=>{const s=c("set",((t,s)=>{t===e&&n(s)})),r=c("reset",(()=>n(f(t)[e])));return()=>{s(),r()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(c("set",e.set)),e.get&&t.push(c("get",e.get)),e.reset&&t.push(c("reset",e.reset)),e.dispose&&t.push(c("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{r.dispose.forEach((t=>t())),i()},reset:i,forceUpdate:t=>{const e=s.get(t);r.set.forEach((n=>n(t,e,e)))}}})({count:0,pick:"bada55",values:[...o]},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:n=>{const s=e();s&&((t,e,n)=>{const s=t.get(e);s?s.includes(n)||s.push(n):t.set(e,[n])})(t,n,s)},set:e=>{const s=t.get(e);s&&t.set(e,s.filter(n)),d(t)},reset:()=>{t.forEach((t=>t.forEach(n))),d(t)}}})()),t})(),{state:b,onChange:m}=g,v=()=>{const{count:t,pick:e,values:n}=b;(t=>{const e=JSON.stringify(t);localStorage.setItem(p,e)})({count:t,pick:e,values:n})},x={initApp:()=>{const t=(()=>{const t=localStorage.getItem(p);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:n,values:s}=t;b.count=e,b.pick=n,b.values=s}},refresh:()=>{const t=o.map((()=>Math.floor(100*Math.random())));b.count=b.count+1,b.values=t,v()},reset:()=>{b.count=0,b.values=[...o],v()},updatePick:t=>{b.pick=t,v()}},y=e=>{const{actions:n,state:s}=e,{pick:i}=s;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},h.map((e=>{const s=c(e),o=i==e;return t("div",{"aria-label":e,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{n.updatePick(e)}},t(r,{hex:s,selected:o,label:e}))})))},w=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:n},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:n},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},k=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:n},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n          8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n          4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n          2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},_=e=>{const{actions:n,state:s}=e,{count:r}=s;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{n.refresh()}},t(k,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{n.reset()}},t(C,{label:"Reset"})),t("span",{class:"flex items-center"},t(w,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,r))))},M=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.11"),N=e=>{const{state:n}=e,{values:s,pick:r,count:i}=n;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},r)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${i>0?s:"..."}`))),t(M,null))},$="undefined"!=typeof window,S=$?window:null,A=$?document:null,z={replace:0,none:1,blend:2},L=Symbol(),T=Symbol(),B=Symbol(),O=Symbol(),R=Symbol(),j=1e-11,U=1e12,D=1e3,E="",P=new Map;P.set("x","translateX"),P.set("y","translateY"),P.set("z","translateZ");const I=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],Z=I.reduce(((t,e)=>({...t,[e]:e+"("})),{}),H=()=>{},X=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,Y=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,F=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,q=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,Q=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,J=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,V=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,G=/([a-z])([A-Z])/g,K=/(\w+)(\([^)]+\)+)/g,W={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:120,loop:0,reversed:!1,alternate:!1,autoplay:!0,duration:D,delay:0,loopDelay:0,ease:"out(2)",composition:z.replace,modifier:t=>t,onBegin:H,onBeforeUpdate:H,onUpdate:H,onLoop:H,onPause:H,onComplete:H,onRender:H},tt={defaults:W,root:A,precision:4,timeScale:1,tickThreshold:200},et={version:"4.0.2",engine:null};$&&(S.AnimeJS||(S.AnimeJS=[]),S.AnimeJS.push(et));const nt=(t,e)=>0===t.indexOf(e),st=Date.now,rt=Array.isArray,it=t=>t&&t.constructor===Object,ot=t=>"string"==typeof t,lt=t=>"function"==typeof t,at=t=>void 0===t,ct=t=>at(t)||null===t,ht=t=>$&&t instanceof SVGElement,ut=t=>X.test(t),dt=t=>nt(t,"rgb"),ft=t=>nt(t,"hsl"),pt=t=>!tt.defaults.hasOwnProperty(t),gt=t=>ot(t)?parseFloat(t):t,bt=Math.pow,mt=Math.sqrt,vt=Math.sin,xt=Math.cos,yt=Math.abs,wt=Math.ceil,Ct=Math.floor,kt=Math.asin,_t=Math.PI,Mt=Math.round,Nt=(t,e,n)=>t<e?e:t>n?n:t,$t={},St=(t,e)=>{if(e<0)return t;if(!e)return Mt(t);let n=$t[e];return n||(n=$t[e]=10**e),Mt(t*n)/n},At=(t,e,n)=>t+(e-t)*n,zt=t=>t===1/0?U:t===-1/0?-1e12:t,Lt=t=>t<=j?j:zt(St(t,11)),Tt=t=>rt(t)?[...t]:t,Bt=(t,e,n,s="_prev",r="_next")=>{let i=t._head,o=r;for(n&&(i=t._tail,o=s);i;){const t=i[o];e(i),i=t}},Ot=(t,e,n="_prev",s="_next")=>{const r=e[n],i=e[s];r?r[s]=i:t._head=i,i?i[n]=r:t._tail=r,e[n]=null,e[s]=null},Rt=(t,e,n,s="_prev",r="_next")=>{let i=t._tail;for(;i&&n&&n(i,e);)i=i[s];const o=i?i[r]:t._head;i?i[r]=e:t._head=e,o?o[s]=e:t._tail=e,e[s]=i,e[r]=o};class jt{constructor(t=0){this.deltaTime=0,this._currentTime=t,this._elapsedTime=t,this._startTime=t,this._lastTime=t,this._scheduledTime=0,this._frameDuration=St(D/120,0),this._fps=120,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(t){const e=this._frameDuration,n=+t,s=n<j?j:n,r=St(D/s,0);this._fps=s,this._frameDuration=r,this._scheduledTime+=r-e}get speed(){return this._speed}set speed(t){const e=+t;this._speed=e<j?j:e}requestTick(t){const e=this._scheduledTime,n=this._elapsedTime;if(this._elapsedTime+=t-n,n<e)return 0;const s=this._frameDuration,r=n-e;return this._scheduledTime+=r<s?s:r,1}computeDeltaTime(t){const e=t-this._lastTime;return this.deltaTime=e,this._lastTime=t,e}}const Ut=(t,e,n,s,r)=>{const i=t.parent,o=t.duration,l=t.completed,a=t.iterationDuration,c=t.iterationCount,h=t._currentIteration,u=t._loopDelay,d=t._reversed,f=t._alternate,p=t._hasChildren,g=t._delay,b=t._currentTime,m=g+a,v=e-g,x=Nt(b,-g,o),y=Nt(v,-g,o),w=v-b,C=y>0,k=y>=o,_=o<=j,M=2===r;let N=0,$=v,S=0;c>1&&(t._currentIteration=Nt(~~(y/(a+(k?0:u))),0,c),k&&t._currentIteration--,N=t._currentIteration%2,$=y%(a+u)||0);const A=d^(f&&N),L=t._ease;let T=k?A?0:o:A?a-$:$;L&&(T=a*L(T/a)||0);const B=(i?i.backwards:v<b)?!A:!!A;if(t._currentTime=v,t._iterationTime=T,t.backwards=B,C&&!t.began?(t.began=!0,n||i&&(B||!i.began)||t.onBegin(t)):v<=0&&(t.began=!1),n||p||!C||t._currentIteration===h||t.onLoop(t),M||1===r&&(e>=g&&e<=m||e<=g&&x>g||e>=m&&x!==o)||T>=m&&x!==o||T<=g&&x>0||e<=x&&x===o&&l||k&&!l&&_){if(C&&(t.computeDeltaTime(x),n||t.onBeforeUpdate(t)),!p){const e=M||(B?-1*w:w)>=tt.tickThreshold,r=t._offset+(i?i._offset:0)+g+T;let o,l,a,c,h=t._head,u=0;for(;h;){const t=h._composition,n=h._currentTime,i=h._changeDuration,d=h._absoluteStartTime+h._changeDuration,f=h._nextRep,p=h._prevRep,g=t!==z.none;if((e||(n!==i||r<=d+(f?f._delay:0))&&(0!==n||r>=h._absoluteStartTime))&&(!g||!h._isOverridden&&(!h._isOverlapped||r<=d)&&(!f||f._isOverridden||r<=f._absoluteStartTime)&&(!p||p._isOverridden||r>=p._absoluteStartTime+p._changeDuration+h._delay))){const e=h._currentTime=Nt(T-h._startTime,0,i),n=h._ease(e/h._updateDuration),r=h._modifier,d=h._valueType,f=h._tweenType,p=0===f,b=0===d,m=b&&p||0===n||1===n?-1:tt.precision;let v,x;if(b)v=x=r(St(At(h._fromNumber,h._toNumber,n),m));else if(1===d)x=r(St(At(h._fromNumber,h._toNumber,n),m)),v=`${x}${h._unit}`;else if(2===d){const t=h._fromNumbers,e=h._toNumbers,s=St(Nt(r(At(t[0],e[0],n)),0,255),0),i=St(Nt(r(At(t[1],e[1],n)),0,255),0),o=St(Nt(r(At(t[2],e[2],n)),0,255),0),l=Nt(r(St(At(t[3],e[3],n),m)),0,1);if(v=`rgba(${s},${i},${o},${l})`,g){const t=h._numbers;t[0]=s,t[1]=i,t[2]=o,t[3]=l}}else if(3===d){v=h._strings[0];for(let t=0,e=h._toNumbers.length;t<e;t++){const e=r(St(At(h._fromNumbers[t],h._toNumbers[t],n),m)),s=h._strings[t+1];v+=`${s?e+s:e}`,g&&(h._numbers[t]=e)}}if(g&&(h._number=x),s||t===z.blend)h._value=v;else{const t=h.property;o=h.target,p?o[t]=v:1===f?o.setAttribute(t,v):(l=o.style,3===f?(o!==a&&(a=o,c=o[O]),c[t]=v,u=1):2===f?l[t]=v:4===f&&l.setProperty(t,v)),C&&(S=1)}}if(u&&h._renderTransforms){let t=E;for(let e in c)t+=`${Z[e]}${c[e]}) `;l.transform=t,u=0}h=h._next}!n&&S&&t.onRender(t)}!n&&C&&t.onUpdate(t)}return i&&_?!n&&(i.began&&!B&&v>=o&&!l||B&&v<=j&&l)&&(t.onComplete(t),t.completed=!B):C&&k?c===1/0?t._startTime+=t.duration:t._currentIteration>=c-1&&(t.paused=!0,l||p||(t.completed=!0,n||i&&(B||!i.began)||(t.onComplete(t),t._resolve(t)))):t.completed=!1,S},Dt=(t,e,n,s,r)=>{const i=t._currentIteration;if(Ut(t,e,n,s,r),t._hasChildren){const o=t,l=o.backwards,a=s?e:o._iterationTime,c=st();let h=0,u=!0;if(!s&&o._currentIteration!==i){const t=o.iterationDuration;Bt(o,(e=>{if(l){const s=e.duration,r=e._offset+e._delay;n||!(s<=j)||r&&r+s!==t||e.onComplete(e)}else!e.completed&&!e.backwards&&e._currentTime<e.iterationDuration&&Ut(e,t,n,1,2),e.began=!1,e.completed=!1})),n||o.onLoop(o)}Bt(o,(t=>{const e=St((a-t._offset)*t._speed,12),i=t._fps<o._fps?t.requestTick(c):r;h+=Ut(t,e,n,s,i),!t.completed&&u&&(u=!1)}),l),!n&&h&&o.onRender(o),u&&o._currentTime>=o.duration&&(o.paused=!0,o.completed||(o.completed=!0,n||(o.onComplete(o),o._resolve(o))))}},Et={animation:null,update:H},Pt=$?requestAnimationFrame:setImmediate,It=$?cancelAnimationFrame:clearImmediate;class Zt extends jt{constructor(t){super(t),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=W,this.paused=!(!$||!A.hidden),this.reqId=null}update(){const t=this._currentTime=st();if(this.requestTick(t)){this.computeDeltaTime(t);const e=this._speed,n=this._fps;let s=this._head;for(;s;){const r=s._next;s.paused?(Ot(this,s),this._hasChildren=!!this._tail,s._running=!1,s.completed&&!s._cancelled&&s.cancel()):Dt(s,(t-s._startTime)*s._speed*e,0,0,s._fps<n?s.requestTick(t):1),s=r}Et.update()}}wake(){return!this.useDefaultMainLoop||this.reqId||this.paused||(this.reqId=Pt(Xt)),this}pause(){return this.paused=!0,Yt()}resume(){if(this.paused)return this.paused=!1,Bt(this,(t=>t.resetTime())),this.wake()}get speed(){return this._speed*(1===tt.timeScale?1:D)}set speed(t){this._speed=t*tt.timeScale,Bt(this,(t=>t.speed=t._speed))}get timeUnit(){return 1===tt.timeScale?"ms":"s"}set timeUnit(t){const e="s"===t,n=e?.001:1;if(tt.timeScale!==n){tt.timeScale=n,tt.tickThreshold=200*n;const t=e?.001:D;this.defaults.duration*=t,this._speed*=t}}get precision(){return tt.precision}set precision(t){tt.precision=t}}const Ht=(()=>{const t=new Zt(st());return $&&(et.engine=t,A.addEventListener("visibilitychange",(()=>{t.pauseOnDocumentHidden&&(A.hidden?t.pause():t.resume())}))),t})(),Xt=()=>{Ht._head?(Ht.reqId=Pt(Xt),Ht.update()):Ht.reqId=0},Yt=()=>(It(Ht.reqId),Ht.reqId=0,Ht);function Ft(t){const e=ot(t)?tt.root.querySelectorAll(t):t;if(e instanceof NodeList||e instanceof HTMLCollection)return e}const qt=["opacity","rotate","overflow","color"],Qt=(t,e,n)=>(n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t),Jt=(t,e)=>at(t)?e:t,Vt=(t,e,n,s,r)=>{if(lt(t)){const i=()=>{const r=t(e,n,s);return isNaN(+r)?r||0:+r};return r&&(r.func=i),i()}return t},Gt=(t,e)=>t[T]?t[B]&&((t,e)=>{if(qt.includes(e))return!1;if(t.getAttribute(e)||e in t){if("scale"===e){const e=t.parentNode;return e&&"filter"===e.tagName}return!0}})(t,e)?1:I.includes(e)||P.get(e)?3:nt(e,"--")?4:e in t.style?2:e in t?0:1:0,Kt=(t,e,n)=>{const s=t.style[e];s&&n&&(n[e]=s);const r=s||getComputedStyle(t[R]||t).getPropertyValue(e);return"auto"===r?"0":r},Wt=(t,e,n,s)=>{const r=at(n)?Gt(t,e):n;return 0===r?t[e]||0:1===r?t.getAttribute(e):3===r?((t,e,n)=>{const s=t.style.transform;let r;if(s){const i=t[O];let o;for(;o=K.exec(s);){const t=o[1],s=o[2].slice(1,-1);i[t]=s,t===e&&(r=s,n&&(n[e]=s))}}return s&&!at(r)?r:nt(e,"scale")?"1":nt(e,"rotate")||nt(e,"skew")?"0deg":"0px"})(t,e,s):4===r?Kt(t,e,s).trimStart():Kt(t,e,s)},te=(t,e,n)=>"-"===n?t-e:"+"===n?t+e:t*e,ee=(t,e)=>{if(e.t=0,e.n=0,e.u=null,e.o=null,e.d=null,e.s=null,!t)return e;const n=+t;if(isNaN(n)){let n=t;"="===n[1]&&(e.o=n[0],n=n.slice(2));const i=!n.includes(" ")&&V.exec(n);if(i)return e.t=1,e.n=+i[1],e.u=i[2],e;if(e.o)return e.n=+n,e;if(ut(r=n)||dt(r)||ft(r))return e.t=2,e.d=dt(s=n)?(t=>{const e=Y.exec(t)||F.exec(t),n=at(e[4])?1:+e[4];return[+e[1],+e[2],+e[3],n]})(s):ut(s)?(t=>{const e=t.length,n=4===e||5===e;return[+("0x"+t[1]+t[n?1:2]),+("0x"+t[n?2:3]+t[n?2:4]),+("0x"+t[n?3:5]+t[n?3:6]),5===e||9===e?+(+("0x"+t[n?4:7]+t[n?4:8])/255).toFixed(3):1]})(s):ft(s)?(t=>{const e=q.exec(t)||Q.exec(t),n=+e[1]/360,s=+e[2]/100,r=+e[3]/100,i=at(e[4])?1:+e[4];let o,l,a;if(0===s)o=l=a=r;else{const t=r<.5?r*(1+s):r+s-r*s,e=2*r-t;o=St(255*Qt(e,t,n+1/3),0),l=St(255*Qt(e,t,n),0),a=St(255*Qt(e,t,n-1/3),0)}return[o,l,a,i]})(s):[0,0,0,1],e;{const t=n.match(J);return e.t=3,e.d=t?t.map(Number):[],e.s=n.split(J)||[],e}}var s,r;return e.n=n,e},ne=(t,e)=>(e.t=t._valueType,e.n=t._toNumber,e.u=t._unit,e.o=null,e.d=Tt(t._toNumbers),e.s=Tt(t._strings),e),se={t:0,n:0,u:null,o:null,d:null,s:null},re={_rep:new WeakMap,_add:new Map},ie=(t,e,n="_rep")=>{const s=re[n];let r=s.get(t);return r||(r={},s.set(t,r)),r[e]?r[e]:r[e]={_head:null,_tail:null}},oe=(t,e)=>t._isOverridden||t._absoluteStartTime>e._absoluteStartTime,le=t=>{t._isOverlapped=1,t._isOverridden=1,t._changeDuration=j,t._currentTime=j},ae=(t,e)=>{const n=t._composition;if(n===z.replace){const n=t._absoluteStartTime;Rt(e,t,oe,"_prevRep","_nextRep");const s=t._prevRep;if(s){const e=s.parent,r=s._absoluteStartTime+s._changeDuration;if(t.parent.id!==e.id&&e.iterationCount>1&&r+(e.duration-e.iterationDuration)>n){le(s);let t=s._prevRep;for(;t&&t.parent.id===e.id;)le(t),t=t._prevRep}const i=n-t._delay;if(r>i){const t=s._startTime;s._changeDuration=i-(r-(t+s._updateDuration))-t,s._currentTime=s._changeDuration,s._isOverlapped=1,s._changeDuration<j&&le(s)}let o=!0;if(Bt(e,(t=>{t._isOverlapped||(o=!1)})),o){const t=e.parent;if(t){let n=!0;Bt(t,(t=>{t!==e&&Bt(t,(t=>{t._isOverlapped||(n=!1)}))})),n&&t.cancel()}else e.cancel()}}}else if(n===z.blend){const e=ie(t.target,t.property,"_add"),n=(t=>{let e=Et.animation;return e||(e={duration:j,computeDeltaTime:H,_offset:0,_delay:0,_head:null,_tail:null},Et.animation=e,Et.update=()=>{t.forEach((t=>{for(let e in t){const n=t[e],s=n._head;if(s){const t=s._valueType,e=3===t||2===t?Tt(s._fromNumbers):null;let r=s._fromNumber,i=n._tail;for(;i&&i!==s;){if(e)for(let t=0,n=i._numbers.length;t<n;t++)e[t]+=i._numbers[t];else r+=i._number;i=i._prevAdd}s._toNumber=r,s._toNumbers=e}}})),Ut(e,1,1,0,2)}),e})(re._add);let s=e._head;s||(s={...t},s._composition=z.replace,s._updateDuration=j,s._startTime=0,s._numbers=Tt(t._fromNumbers),s._number=0,s._next=null,s._prev=null,Rt(e,s),Rt(n,s));const r=t._toNumber;if(t._fromNumber=s._fromNumber-r,t._toNumber=0,t._numbers=Tt(t._fromNumbers),t._number=0,s._fromNumber=r,t._toNumbers){const e=Tt(t._toNumbers);e&&e.forEach(((e,n)=>{t._fromNumbers[n]=s._fromNumbers[n]-e,t._toNumbers[n]=0})),s._fromNumbers=e}Rt(e,t,null,"_prevAdd","_nextAdd")}return t},ce=t=>{const e=t._composition;if(e!==z.none){const n=t.target,s=t.property,r=re._rep.get(n);if(Ot(r[s],t,"_prevRep","_nextRep"),e===z.blend){const e=re._add,r=e.get(n);if(!r)return;const i=r[s],o=Et.animation;Ot(i,t,"_prevAdd","_nextAdd");const l=i._head;if(l&&l===i._tail){Ot(i,l,"_prevAdd","_nextAdd"),Ot(o,l);let t=!0;for(let e in r)if(r[e]._head){t=!1;break}t&&e.delete(n)}}}return t},he=t=>(t.paused=!0,t.began=!1,t.completed=!1,t),ue=t=>t._cancelled?(Bt(t,t._hasChildren?ue:t=>{t._composition!==z.none&&ae(t,ie(t.target,t.property))}),t._cancelled=0,t):t;let de=0;class fe extends jt{constructor(t={},e=null,n=0){super(0);const{id:s,delay:r,duration:i,reversed:o,alternate:l,loop:a,loopDelay:c,autoplay:h,frameRate:u,playbackRate:d,onComplete:f,onLoop:p,onPause:g,onBegin:b,onBeforeUpdate:m,onUpdate:v}=t,x=e?0:Ht._elapsedTime,y=e?e.defaults:tt.defaults,w=lt(r)||at(r)?y.delay:+r,C=lt(i)||at(i)?1/0:+i,k=Jt(a,y.loop),_=Jt(c,y.loopDelay),M=!0===k||k===1/0||k<0?1/0:k+1;let N=0;if(e)N=n;else{let t=st();Ht.paused&&(Ht.requestTick(t),t=Ht._elapsedTime),N=t-Ht._startTime}this.id=at(s)?++de:s,this.parent=e,this.duration=zt((C+_)*M-_)||j,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=b||y.onBegin,this.onBeforeUpdate=m||y.onBeforeUpdate,this.onUpdate=v||y.onUpdate,this.onLoop=p||y.onLoop,this.onPause=g||y.onPause,this.onComplete=f||y.onComplete,this.iterationDuration=C,this.iterationCount=M,this._autoplay=!e&&Jt(h,y.autoplay),this._offset=N,this._delay=w,this._loopDelay=_,this._iterationTime=0,this._currentIteration=0,this._resolve=H,this._running=!1,this._reversed=+Jt(o,y.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=Jt(l,y.alternate),this._prev=null,this._next=null,this._elapsedTime=x,this._startTime=x,this._lastTime=x,this._fps=Jt(u,y.frameRate),this._speed=Jt(d,y.playbackRate)}get cancelled(){return!!this._cancelled}set cancelled(t){t?this.cancel():this.reset(1).play()}get currentTime(){return Nt(St(this._currentTime,tt.precision),-this._delay,this.duration)}set currentTime(t){const e=this.paused;this.pause().seek(+t),e||this.resume()}get iterationCurrentTime(){return St(this._iterationTime,tt.precision)}set iterationCurrentTime(t){this.currentTime=this.iterationDuration*this._currentIteration+t}get progress(){return Nt(St(this._currentTime/this.duration,5),0,1)}set progress(t){this.currentTime=this.duration*t}get iterationProgress(){return Nt(St(this._iterationTime/this.iterationDuration,5),0,1)}set iterationProgress(t){const e=this.iterationDuration;this.currentTime=e*this._currentIteration+e*t}get currentIteration(){return this._currentIteration}set currentIteration(t){this.currentTime=this.iterationDuration*Nt(+t,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(t){t?this.reverse():this.play()}get speed(){return super.speed}set speed(t){super.speed=t,this.resetTime()}reset(t=0){return ue(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,Dt(this,0,1,t,2),he(this),this._hasChildren&&Bt(this,he),this}init(t=0){this.fps=this._fps,this.speed=this._speed,!t&&this._hasChildren&&Dt(this,this.duration,1,t,2),this.reset(t);const e=this._autoplay;return!0===e?this.resume():e&&!at(e.linked)&&e.link(this),this}resetTime(){const t=1/(this._speed*Ht._speed);return this._startTime=st()-(this._currentTime+this._delay)*t,this}pause(){return this.paused||(this.paused=!0,this.onPause(this)),this}resume(){return this.paused?(this.paused=!1,this.duration<=j&&!this._hasChildren?Dt(this,j,0,0,2):(this._running||(Rt(Ht,this),Ht._hasChildren=!0,this._running=!0),this.resetTime(),this._startTime-=12,Ht.wake()),this):this}restart(){return this.reset(0).resume()}seek(t,e=0,n=0){ue(this),this.completed=!1;const s=this.paused;return this.paused=!0,Dt(this,t+this._delay,~~e,~~n,1),s?this:this.resume()}alternate(){const t=this._reversed,e=this.iterationCount,n=this.iterationDuration,s=e===1/0?Ct(U/n):e;return this._reversed=+(!this._alternate||s%2?!t:t),e===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(n*s-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?Bt(this,(t=>t.cancel()),!0):Bt(this,ce),this._cancelled=1,this.pause()}stretch(t){const e=this.duration,n=Lt(t);if(e===n)return this;const s=t/e,r=t<=j;return this.duration=r?j:n,this.iterationDuration=r?j:Lt(this.iterationDuration*s),this._offset*=s,this._delay*=s,this._loopDelay*=s,this}revert(){Dt(this,0,1,0,1);const t=this._autoplay;return t&&t.linked&&t.linked===this&&t.revert(),this.cancel()}complete(){return this.seek(this.duration).cancel()}then(t=H){const e=this.then,n=()=>{this.then=null,t(this),this.then=e,this._resolve=H};return new Promise((t=>(this._resolve=()=>t(n()),this.completed&&this._resolve(),this)))}}const pe=t=>t,ge=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,be=(t=.5,e=0,n=.5,s=1)=>t===e&&n===s?pe:r=>0===r||1===r?r:ge(((t,e,n)=>{let s,r,i=0,o=1,l=0;do{r=i+(o-i)/2,s=ge(r,e,n)-t,s>0?o=r:i=r}while(yt(s)>1e-7&&++l<100);return r})(r,t,n),e,s),me=(t=10,e)=>{const n=e?wt:Ct;return e=>n(Nt(e,0,1)*t)*(1/t)},ve=(...t)=>{const e=t.length;if(!e)return pe;const n=e-1,s=t[n],r=[0],i=[gt(t[0])];for(let e=1;e<n;e++){const s=t[e],o=ot(s)?s.trim().split(" "):[s],l=o[0],a=o[1];r.push(at(a)?e/n:gt(a)/100),i.push(gt(l))}return i.push(gt(s)),r.push(1),function(t){for(let e=1,n=r.length;e<n;e++){const n=r[e];if(t<=n){const s=r[e-1],o=i[e-1];return o+(i[e]-o)*(t-s)/(n-s)}}return i[i.length-1]}},xe=(t=10,e=1)=>{const n=[0],s=t-1;for(let t=1;t<s;t++){const r=n[t-1],i=t/s,o=i+((t+1)/s-i)*Math.random();n.push(Nt(i*(1-e)+o*e,r,1))}return n.push(1),ve(...n)},ye=_t/2,we=2*_t,Ce=(t=1.68)=>e=>bt(e,+t),ke={[E]:Ce,Quad:Ce(2),Cubic:Ce(3),Quart:Ce(4),Quint:Ce(5),Sine:t=>1-xt(t*ye),Circ:t=>1-mt(1-t*t),Expo:t=>t?bt(2,10*t-10):0,Bounce:t=>{let e,n=4;for(;t<((e=bt(2,--n))-1)/11;);return 1/bt(4,3-n)-7.5625*bt((3*e-2)/22-t,2)},Back:(t=1.70158)=>e=>(+t+1)*e*e*e-+t*e*e,Elastic:(t=1,e=.3)=>{const n=Nt(+t,1,10),s=Nt(+e,j,2),r=s/we*kt(1/n),i=we/s;return t=>0===t||1===t?t:-n*bt(2,-10*(1-t))*vt((1-t-r)*i)}},_e={in:t=>e=>t(e),out:t=>e=>1-t(1-e),inOut:t=>e=>e<.5?t(2*e)/2:1-t(-2*e+2)/2,outIn:t=>e=>e<.5?(1-t(1-2*e))/2:(t(2*e-1)+1)/2},Me=(()=>{const t={linear:ve,irregular:xe,steps:me,cubicBezier:be};for(let e in _e)for(let n in ke){const s=ke[n],r=_e[e];t[e+n]=n===E||"Back"===n||"Elastic"===n?(t,e)=>r(s(t,e)):r(s)}return t})(),Ne={linear:pe},$e=t=>lt(t)?t:ot(t)?((t,e,n)=>{if(n[t])return n[t];if(t.indexOf("(")<=-1){const s=_e[t]||t.includes("Back")||t.includes("Elastic")?e[t]():e[t];return s?n[t]=s:pe}{const s=t.slice(0,-1).split("("),r=e[s[0]];return r?n[t]=r(...s[1].split(",")):pe}})(t,Me,Ne):pe,Se={},Ae=(t,e,n)=>{if(3===n){return P.get(t)||t}if(2===n||1===n&&ht(e)&&t in e.style){const e=Se[t];if(e)return e;{const e=t?t.replace(G,"$1-$2").toLowerCase():t;return Se[t]=e,e}}return t},ze={deg:1,rad:180/_t,turn:360},Le={},Te=(t,e,n,s=!1)=>{const r=e.u,i=e.n;if(1===e.t&&r===n)return e;const o=i+r+n,l=Le[o];if(at(l)||s){let s;if(r in ze)s=i*ze[r]/ze[n];else{const e=100,o=t.cloneNode(),l=t.parentNode,a=l&&l!==A?l:A.body;a.appendChild(o);const c=o.style;c.width=e+r;const h=o.offsetWidth||e;c.width=e+n;const u=h/(o.offsetWidth||e);a.removeChild(o),s=u*i}e.n=s,Le[o]=s}else e.n=l;return e.u=n,e},Be=t=>{if(t._hasChildren)Bt(t,Be,!0);else{const e=t;e.pause(),Bt(e,(t=>{const n=t.property,s=t.target;if(s[T]){const r=s.style,i=e._inlineStyles[n];if(3===t._tweenType){const e=s[O];if(at(i)||i===E?delete e[n]:e[n]=i,t._renderTransforms)if(Object.keys(e).length){let t=E;for(let n in e)t+=Z[n]+e[n]+") ";r.transform=t}else r.removeProperty("transform")}else at(i)||i===E?r.removeProperty(n):r[n]=i;e._tail===t&&e.targets.forEach((t=>{t.getAttribute&&t.getAttribute("style")===E&&t.removeAttribute("style")}))}}))}return t},Oe={t:0,n:0,u:null,o:null,d:null,s:null},Re={t:0,n:0,u:null,o:null,d:null,s:null},je={func:null},Ue=[null],De=[null,null],Ee={to:null};let Pe,Ie,Ze=0;class He extends fe{constructor(t,e,n,s,r=!1,i=0,o=0){super(e,n,s);const l=function(t){const e=function(t){if(ct(t))return[];if(rt(t)){const e=t.flat(1/0),n=[];for(let t=0,s=e.length;t<s;t++){const s=e[t];if(!ct(s)){const t=Ft(s);if(t)for(let e=0,s=t.length;e<s;e++){const s=t[e];if(!ct(s)){let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}else{let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}}return n}if(!$)return[t];const e=Ft(t);return e?Array.from(e):[t]}(t),n=e.length;if(n)for(let t=0;t<n;t++){const n=e[t];if(!n[L]){n[L]=!0;const t=ht(n);(n.nodeType||t)&&(n[T]=!0,n[B]=t,n[O]={})}}return e}(t),a=l.length,c=e.keyframes,h=c?((t,e)=>{const n={...t};for(let s in e){const r=t[s];n[s]=at(r)?e[s]:r}return n})(((t,e)=>{const n={};if(rt(t)){const e=[].concat(...t.map((t=>Object.keys(t)))).filter(pt);for(let s=0,r=e.length;s<r;s++){const r=e[s],i=t.map((t=>{const e={};for(let n in t){const s=t[n];pt(n)?n===r&&(e.to=s):e[n]=s}return e}));n[r]=i}}else{const s=Jt(e.duration,tt.defaults.duration),r=Object.keys(t).map((e=>({o:parseFloat(e)/100,p:t[e]}))).sort(((t,e)=>t.o-e.o));r.forEach((t=>{const e=t.o,r=t.p;for(let t in r)if(pt(t)){let i=n[t];i||(i=n[t]=[]);const o=e*s;let l=i.length,a=i[l-1];const c={to:r[t]};let h=0;for(let t=0;t<l;t++)h+=i[t].duration;1===l&&(c.from=a.to),r.ease&&(c.ease=r.ease),c.duration=o-(l?h:0),i.push(c)}return t}));for(let t in n){const e=n[t];let s;for(let t=0,n=e.length;t<n;t++){const n=e[t],r=n.ease;n.ease=s||void 0,s=r}e[0].duration||e.shift()}}return n})(c,e),e):e,{delay:u,duration:d,ease:f,playbackEase:p,modifier:g,composition:b,onRender:m}=h,v=n?n.defaults:tt.defaults,x=Jt(p,v.playbackEase),y=x?$e(x):null,w=!at(f)&&!at(f.ease),C=w?f.ease:Jt(f,y?"linear":v.ease),k=w?f.duration:Jt(d,v.duration),_=Jt(u,v.delay),M=g||v.modifier,N=at(b)&&a>=D?z.none:at(b)?v.composition:b,S={},A=this._offset+(n?n._offset:0);let R=NaN,U=NaN,E=0,P=0;for(let t=0;t<a;t++){const e=l[t],s=i||t,c=o||a;let u=NaN,d=NaN;for(let t in h)if(pt(t)){const i=Gt(e,t),o=Ae(t,e,i);let l=h[t];const a=rt(l);if(r&&!a&&(De[0]=l,De[1]=l,l=De),a){const t=l.length,e=!it(l[0]);2===t&&e?(Ee.to=l,Ue[0]=Ee,Pe=Ue):t>2&&e?(Pe=[],l.forEach(((t,e)=>{e?1===e?(De[1]=t,Pe.push(De)):Pe.push(t):De[0]=t}))):Pe=l}else Ue[0]=l,Pe=Ue;let f=null,p=null,g=NaN,b=0,m=0;for(let t=Pe.length;m<t;m++){const r=Pe[m];it(r)?Ie=r:(Ee.to=r,Ie=Ee),je.func=null;const l=Vt(Ie.to,e,s,c,je);let a;it(l)&&!at(l.to)?(Ie=l,a=l.to):a=l;const h=Vt(Ie.from,e,s,c),u=Ie.ease,d=!at(u)&&!at(u.ease),v=d?u.ease:u||C,x=d?u.duration:Vt(Jt(Ie.duration,t>1?Vt(k,e,s,c)/t:k),e,s,c),y=Vt(Jt(Ie.delay,m?0:_),e,s,c),w=Vt(Jt(Ie.composition,N),e,s,c),$="number"!=typeof(I=w)||isNaN(I)?z[w]:w,L=Ie.modifier||M,T=!at(h),B=!at(a),O=rt(a),R=O||T&&B,U=p?b+y:y,D=A+U;P||!T&&!O||(P=1);let Z=p;if($!==z.none){f||(f=ie(e,o));let t=f._head;for(;t&&!t._isOverridden&&t._absoluteStartTime<=D;)if(Z=t,t=t._nextRep,t&&t._absoluteStartTime>=D)for(;t;)le(t),t=t._nextRep}if(R?(ee(O?Vt(a[0],e,s,c):h,Oe),ee(O?Vt(a[1],e,s,c,je):a,Re),0===Oe.t&&(Z?1===Z._valueType&&(Oe.t=1,Oe.u=Z._unit):(ee(Wt(e,o,i,S),se),1===se.t&&(Oe.t=1,Oe.u=se.u)))):(B?ee(a,Re):p?ne(p,Re):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Re),T?ee(h,Oe):p?ne(p,Oe):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Oe)),Oe.o&&(Oe.n=te(Z?Z._toNumber:ee(Wt(e,o,i,S),se).n,Oe.n,Oe.o)),Re.o&&(Re.n=te(Oe.n,Re.n,Re.o)),Oe.t!==Re.t)if(3===Oe.t||3===Re.t){const t=3===Oe.t?Oe:Re,e=3===Oe.t?Re:Oe;e.t=3,e.s=Tt(t.s),e.d=t.d.map((()=>e.n))}else if(1===Oe.t||1===Re.t){const t=1===Oe.t?Oe:Re,e=1===Oe.t?Re:Oe;e.t=1,e.u=t.u}else if(2===Oe.t||2===Re.t){const t=2===Oe.t?Oe:Re,e=2===Oe.t?Re:Oe;e.t=2,e.s=t.s,e.d=[0,0,0,1]}if(Oe.u!==Re.u){let t=Re.u?Oe:Re;t=Te(e,t,Re.u?Re.u:Oe.u,!1)}if(Re.d&&Oe.d&&Re.d.length!==Oe.d.length){const t=Oe.d.length>Re.d.length?Oe:Re,e=t===Oe?Re:Oe;e.d=t.d.map(((t,n)=>at(e.d[n])?0:e.d[n])),e.s=Tt(t.s)}const H=St(+x||j,12),X={parent:this,id:Ze++,property:o,target:e,_value:null,_func:je.func,_ease:$e(v),_fromNumbers:Tt(Oe.d),_toNumbers:Tt(Re.d),_strings:Tt(Re.s),_fromNumber:Oe.n,_toNumber:Re.n,_numbers:Tt(Oe.d),_number:Oe.n,_unit:Re.u,_modifier:L,_currentTime:0,_startTime:U,_delay:+y,_updateDuration:H,_changeDuration:H,_absoluteStartTime:D,_tweenType:i,_valueType:Re.t,_composition:$,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};$!==z.none&&ae(X,f),isNaN(g)&&(g=X._startTime),b=St(U+H,12),p=X,E++,Rt(this,X)}(isNaN(U)||g<U)&&(U=g),(isNaN(R)||b>R)&&(R=b),3===i&&(u=E-m,d=E)}if(!isNaN(u)){let t=0;Bt(this,(e=>{t>=u&&t<d&&(e._renderTransforms=1,e._composition===z.blend&&Bt(Et.animation,(t=>{t.id===e.id&&(t._renderTransforms=1)}))),t++}))}}var I;a||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),U?(Bt(this,(t=>{t._startTime-t._delay||(t._delay-=U),t._startTime-=U})),R-=U):U=0,R||(R=j,this.iterationCount=0),this.targets=l,this.duration=R===j?j:zt((R+this._loopDelay)*this.iterationCount-this._loopDelay)||j,this.onRender=m||v.onRender,this._ease=y,this._delay=U,this.iterationDuration=R,this._inlineStyles=S,!this._autoplay&&P&&this.onRender(this)}stretch(t){const e=this.duration;if(e===Lt(t))return this;const n=t/e;return Bt(this,(t=>{t._updateDuration=Lt(t._updateDuration*n),t._changeDuration=Lt(t._changeDuration*n),t._currentTime*=n,t._startTime*=n,t._absoluteStartTime*=n})),super.stretch(t)}refresh(){return Bt(this,(t=>{const e=Wt(t.target,t.property,t._tweenType);ee(e,se),t._fromNumbers=Tt(se.d),t._fromNumber=se.n,t._func&&(ee(t._func(),Re),t._toNumbers=Tt(Re.d),t._strings=Tt(Re.s),t._toNumber=Re.n)})),this}revert(){return super.revert(),Be(this)}then(t){return super.then(t)}}const Xe=(t,e)=>new He(t,e,null,0,!1).init();I.filter((t=>["X","Y","Z"].some((e=>t.endsWith(e))))),$&&(at(CSS)||Object.hasOwnProperty.call(CSS,"registerProperty"));let Ye,Fe=[];const qe=c("white"),Qe=c("bada55");let Je,Ve;const Ge=t=>{Ye&&(Je&&Je.pause(),Je=Xe(Ye,{fill:c(t),ease:"inOutCubic"}))},Ke=t=>{Ye&&(Ve&&Ve.pause(),Ve=Xe(Ye,{y:(e,n)=>Fe[n]*((100-t[n])/100),ease:"inOutCubic"}))},We=()=>{const e=i.map((t=>(({id:t,height:e,width:n,x:s,y:r,drop:i})=>({id:t,height:e,width:n,x:s,y:r,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${e-.5},${n-.5},${e-i-.5},${n-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${s},${r})`,points:`0,0,0,${e},${n},${e-i},${n},${i}`}))(t))),n="currentColor";return Fe=Array(e.length),Ye=Array(e.length),t("div",{class:"funnel-gfx"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,e.map((e=>t("mask",{id:e.maskId},t("polygon",{points:e.mask,fill:qe}))))),e.map(((e,s)=>{const{height:r,width:i,maskUri:o,matrix:l,points:a}=e;return Fe[s]=r,t("g",{transform:l},t("polygon",{points:a,fill:qe,stroke:n}),t("rect",{ref:t=>Ye[s]=t,x:"0",y:r,width:i,height:r,mask:o,fill:Qe,stroke:n}))}))))},tn=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:n},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n      12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n      5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n      18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n      17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n      3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n      17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n      20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n      16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n      3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n      9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n      6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n      17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n      16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n      7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n      10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n      9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n      11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n      12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n      16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n      18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n      16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n      11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n      11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n      17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n      11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n      4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n      5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n      3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n      11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n      17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n      11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n      11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n      15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},en="eswat2",nn=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":en,target:"blank",title:en},t(tn,{label:"eswat2"})),sn=class{constructor(t){s(this,t),this.tag="funnel-app"}componentDidLoad(){m("pick",Ge),m("values",Ke),x.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(nn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(We,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(_,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:x,state:b}),t(y,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:x,state:b}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(N,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:b}))}};sn.style="/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --font-weight-bold: 700;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-8 {\n    top: calc(var(--spacing) * 8);\n  }\n  .right-8 {\n    right: calc(var(--spacing) * 8);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-5px {\n    margin-top: 5px;\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-10px {\n    margin-right: 10px;\n  }\n  .mb-10px {\n    margin-bottom: 10px;\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n      var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-clrs-gray {\n    border-color: var(--clrs-gray, #aaaaaa);\n  }\n  .border-clrs-slate {\n    border-color: var(--clrs-slate, #708090);\n  }\n  .bg-clrs-blue {\n    background-color: var(--clrs-blue, #0074d9);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-silver {\n    background-color: var(--clrs-silver, #dddddd);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .italic {\n    font-style: italic;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .active\\:bg-clrs-gray {\n    &:active {\n      background-color: var(--clrs-gray, #aaaaaa);\n    }\n  }\n  .active\\:text-clrs-navy {\n    &:active {\n      color: var(--clrs-navy, #001f3f);\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    display: flex;\n    flex-direction: column;\n    padding: calc(var(--spacing) * 4);\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .ds1-button {\n    display: flex;\n    align-items: center;\n    --tw-border-style: solid;\n    border-style: solid;\n    border-color: var(--clrs-slate, #708090);\n    color: var(--clrs-white, #ffffff);\n    &:active {\n      background-color: var(--clrs-gray, #aaaaaa);\n    }\n    &:active {\n      color: var(--clrs-navy, #001f3f);\n    }\n  }\n  .funnel-gfx {\n    --tw-border-style: solid;\n    border-style: solid;\n    border-color: var(--clrs-gray, #aaaaaa);\n    background-color: var(--clrs-silver, #dddddd);\n    stroke-width: 1;\n  }\n}\n.data-button {\n  border-radius: 5px;\n  border-width: 1px;\n  padding: 5px;\n  margin: 0px;\n  margin-right: 5px;\n  cursor: pointer;\n}\n.funnel-gfx {\n  width: calc(100% - 20px);\n  height: 100%;\n  padding: 10px;\n  padding-bottom: 7px;\n  border-radius: 10px;\n  border-width: 1px;\n}\n";export{sn as funnel_app}

package/dist/funnel-gfx-wc/p-DDmU0cBi.js

@@ -0,0 +1,2 @@
+var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!!a&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&u.o?b(w):u.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&u.raf(w)},b=t=>f().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>C,unwrapErr:()=>x});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E,C=t=>{if(t.isOk)return t.value;throw t.value},x=t=>{if(t.isErr)return t.value;throw t.value};function M(){const t=this.attachShadow({mode:"open"});void 0===E&&(E=null),E&&(d?t.adoptedStyleSheets.push(E):t.adoptedStyleSheets=[...t.adoptedStyleSheets,E])}var P=new WeakMap,R=t=>"sc-"+t.i,D=(t,e,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!g(o))&&(o+=""),i&&s?r[r.length-1].u+=o:r.push(i?U(null,o):o),s=i)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,A);const u=U(t,null);return u.h=e,r.length>0&&(u.p=r),u.m=l,u},U=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),W={},A={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(L)},N=t=>({vattrs:t.h,vchildren:t.p,vkey:t.m,vname:t.S,vtag:t.v,vtext:t.u}),L=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),D(t.vtag,e,...t.vchildren||[])}const e=U(t.vtag,t.vtext);return e.h=t.vattrs,e.p=t.vchildren,e.m=t.vkey,e.S=t.vname,e},T=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};T("::slotted"),T(":host"),T(":host-context");var H,q=(t,e)=>null==t||g(t)?t:1&e?t+"":t,z=(t,e,n,l,i,s)=>{if(n===l)return;let r=o(t,e),f=e.toLowerCase();if("class"===e){const e=t.classList,o=V(n);let i=V(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const o=g(l);if((r||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(c,f)?f.slice(2):f[2]+e.slice(3),n||l){const o=e.endsWith(G);e=e.replace(I,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),G="Capture",I=RegExp(G+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of _(Object.keys(l)))t in i||z(o,t,l[t],void 0,n,e.o);for(const t of _(Object.keys(i)))z(o,t,l[t],i[t],n,e.o)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,J=(t,e,n)=>{const o=e.p[n];let l,i,s=0;if(null!==o.u)l=o.$=c.document.createTextNode(o.u);else{if(B||(B="svg"===o.v),!c.document)throw 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.");if(l=o.$=c.document.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),B&&"foreignObject"===o.v&&(B=!1),Y(null,o,B),o.p)for(s=0;s<o.p.length;++s)i=J(t,o,s),i&&l.appendChild(i);"svg"===o.v?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=H,l},K=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===H&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=J(null,n,l),s&&(o[l].$=s,et(r,s,e)))},Q=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;tt(e),t&&t.remove()}}},X=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),Z=(t,e,n=!1)=>{const o=e.$=t.$,l=t.p,i=e.p,s=e.v,r=e.u;null===r?(Y(t,e,B="svg"===s||"foreignObject"!==s&&B),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(X(d,m,l))Z(d,m,l),d=e[++r],m=o[++c];else if(X(h,v,l))Z(h,v,l),h=e[--a],v=o[--p];else if(X(d,v,l))Z(d,v,l),et(t,d.$,h.$.nextSibling),d=e[++r],v=o[--p];else if(X(h,m,l))Z(h,m,l),et(t,h.$,d.$),h=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].m&&e[f].m===m.m){u=f;break}u>=0?(s=e[u],s.v!==m.v?i=J(e&&e[c],n,u):(Z(s,m,l),e[u]=void 0,i=s.$),m=o[++c]):(i=J(e&&e[c],n,c),m=o[++c]),i&&et(d.$.parentNode,i,d.$)}r>a?K(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&Q(e,r,a)})(o,l,e,i,n):null!==i?(null!==t.u&&(o.textContent=""),K(o,null,e,i,0,i.length-1)):!n&&null!==l&&Q(l,0,l.length-1),B&&"svg"===s&&(B=!1)):t.u!==r&&(o.data=r)},tt=t=>{t.h&&t.h.ref&&t.h.ref(null),t.p&&t.p.map(tt)},et=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),nt=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},ot=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);nt(t,t.O);const n=()=>lt(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},lt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw 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 l;return l=pt(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=it(l,(()=>pt(o,"componentWillRender",void 0,n))),it(l,(()=>rt(t,o,e)))},it=(t,e)=>st(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),st=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,rt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=R(e),l=s.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,s=P.get(t=t.head||t);if(s||P.set(t,s=new Set),!s.has(o)){{i=c.document.createElement("style"),i.innerHTML=l;const o=null!=(n=u.C)?n:S(c.document);if(null!=o&&i.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new CSSStyleSheet;e.replaceSync(l),d?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(i)}else t.append(i);1&e.o&&t.insertBefore(i,null)}4&e.o&&(i.innerHTML+=r),s&&s.add(o)}}else t.adoptedStyleSheets.includes(l)||(d?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ut(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>at(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},ct=null,ut=(t,e,n,o)=>{try{ct=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||U(null,null),i=(t=>t&&t.v===W)(e)?e:D(null,null,e);if(H=o.tagName,n&&i.h)for(const t of Object.keys(i.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.h[t]=o[t]);i.v=null,i.o|=4,t.M=i,i.$=l.$=o.shadowRoot||o,Z(l,i,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return ct=null,null},ft=()=>ct,at=t=>{const e=t.$hostElement$,n=t.t,o=t.O;pt(n,"componentDidRender",void 0,e),64&t.o?pt(n,"componentDidUpdate",void 0,e):(t.o|=64,mt(e),pt(n,"componentDidLoad",void 0,e),t.P(e),o||ht()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>ot(t,!1))),t.o&=-517},dt=t=>{var n;{const o=e(t),l=null==(n=null==o?void 0:o.$hostElement$)?void 0:n.isConnected;return l&&2==(18&o.o)&&ot(o,!1),l}},ht=()=>{b((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"funnel-gfx-wc"}});return t.dispatchEvent(e),e})(c)))},pt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},mt=t=>t.classList.add("hydrated"),vt=(t,n,o,l)=>{const i=e(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.i}" 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=i.R.get(n),r=i.o,c=i.t;if(o=q(o,l.D[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(i.R.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;ot(i,!1)}},yt=(t,n,o)=>{var l,i;const s=t.prototype;if(n.D){const r=Object.entries(null!=(l=n.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};i&&(n.D[t][0]|=2048),r&&(n.D[t][0]|=4096),(1&o||!i)&&Object.defineProperty(s,t,{get(){{if(!(2048&n.D[t][0]))return((t,n)=>e(this).R.get(n))(0,t);const o=e(this),l=o?o.t:s;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(i){const s=e(this);if(s){if(r){const e=32&l?this[t]:s.$hostElement$[t];return void 0===e&&s.R.get(t)?i=s.R.get(t):!s.R.get(t)&&e&&s.R.set(t,e),r.call(this,q(i,l)),void vt(this,t,i=32&l?this[t]:s.$hostElement$[t],n)}{if(!(1&o&&4096&n.D[t][0]))return vt(this,t,i,n),void(1&o&&!s.t&&s.U.then((()=>{4096&n.D[t][0]&&s.t[t]!==s.R.get(t)&&(s.t[t]=i)})));const e=()=>{const e=s.t[t];!s.R.get(t)&&e&&s.R.set(t,e),s.t[t]=q(i,l),vt(this,t,s.t[t],n)};s.t?e():s.U.then((()=>e()))}}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=e(this),s=null==o?void 0:o.o;if(o&&s&&!(8&s)&&128&s&&i!==l){const e=o.t,s=null==(r=n.W)?void 0:r[t];null==s||s.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?i:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},wt=(t,e)=>{pt(t,"connectedCallback",void 0,e)},bt=(t,e)=>{pt(t,"disconnectedCallback",void 0,e||t)},$t=(t,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],i:n[1],D:n[2],A:n[3]};4&o.o&&($=!0),o.D=n[2];const r=o.i,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.i}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else M.call(t,o)}connectedCallback(){e(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const n=e(t);if(!n)return;const o=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?wt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>wt(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){nt(n,n.O=e);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.N){const s=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.N;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(s&&"then"in s){const t=()=>{};o=await s,t()}else o=s;if(!o)throw Error(`Constructor for "${n.i}#${e.L}" was not found`);o.isProxied||(yt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,r(),wt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=R(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.O,c=()=>ot(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,o)}r()}})(this))))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?bt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>bt(n.t,t)))}P.has(t)&&P.delete(t),t.shadowRoot&&P.has(t.shadowRoot)&&P.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this);if(!n)return;const o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.$)instanceof Node&&!n.M.$.isConnected&&delete n.M.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.U}};o.N=t[0],d.includes(r)||h.get(r)||(f.push(r),h.define(r,yt(c,o,1)))}))})),f.length>0&&($&&(v.textContent+=r),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.C)?o:S(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(ht,30)))},gt=t=>u.C=t;export{$t as b,dt as f,ft as g,D as h,f as p,n as r,gt as s}

package/dist/funnel-gfx-wc/p-DQuL1Twl.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/types/stencil-public-runtime.d.ts

@@ -846,7 +846,7 @@ export declare namespace JSXBase {
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
-        onToggle?: (event: Event) => void;
+        onToggle?: (event: ToggleEvent) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1552,6 +1552,13 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1568,6 +1575,10 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1586,10 +1597,6 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
-        onBeforeToggle?: (event: Event) => void;
-        onBeforeToggleCapture?: (event: Event) => void;
-        onToggle?: (event: Event) => void;
-        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "funnel-gfx-wc",
-  "version": "0.1.67",
+  "version": "0.1.69",
   "description": "prototype -- a simple SVG demo built with Stencil and Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,19 +27,19 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.35.1",
+    "@stencil/core": "4.36.0",
     "@stencil/store": "2.1.3",
     "animejs": "4.0.2"
   },
   "devDependencies": {
     "autoprefixer": "10.4.21",
     "concurrently": "9.2.0",
-    "cspell": "9.1.2",
-    "eslint": "9.30.0",
+    "cspell": "9.1.5",
+    "eslint": "9.31.0",
     "postcss": "8.5.6",
     "prettier": "3.6.2",
-    "prettier-plugin-tailwindcss": "0.6.13",
-    "proto-tailwindcss-clrs": "0.0.425",
+    "prettier-plugin-tailwindcss": "0.6.14",
+    "proto-tailwindcss-clrs": "0.0.426",
     "tailwindcss": "4.1.11",
     "typescript": "5.8.3",
     "workbox-build": "7.3.0"

package/dist/funnel-gfx-wc/p-djplODvh.js

@@ -1,2 +0,0 @@
-const t=()=>{};var e=Object.defineProperty,n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},a=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&f.o?b(w):f.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&f.raf(w)},b=t=>a().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>E,unwrapErr:()=>C});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});if(d){const e=new CSSStyleSheet;e.replaceSync(""),t.adoptedStyleSheets.push(e)}}var M=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!g(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?P(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,D);const u=P(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},P=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),R={},D={forEach:(t,e)=>t.map(U).forEach(e),map:(t,e)=>t.map(U).map(e).map(W)},U=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),W=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),M(t.vtag,e,...t.vchildren||[])}const e=P(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},A=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};A("::slotted"),A(":host"),A(":host-context");var N,L=(t,e)=>null==t||g(t)?t:1&e?t+"":t,T=new WeakMap,H=t=>"sc-"+t.S,z=(t,e,n,o,s,i)=>{if(n===o)return;let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=V(n);let s=V(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const l=g(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!l&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(q);e=e.replace(G,""),n&&f.rel(t,e,n,l),o&&f.ael(t,e,o,l)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),q="Capture",G=RegExp(q+"$"),I=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of Y(Object.keys(l)))t in s||z(o,t,l[t],void 0,n,e.o);for(const t of Y(Object.keys(s)))z(o,t,l[t],s[t],n,e.o)};function Y(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var _=!1,B=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=u.document.createTextNode(o.i);else{if(_||(_="svg"===o.m),!u.document)throw 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.");if(l=o.v=u.document.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),I(null,o,_),o.h)for(i=0;i<o.h.length;++i)s=B(t,o,i),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=N,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===N&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=B(null,n,l),i&&(o[l].v=i,tt(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;Z(e),t&&t.remove()}}},Q=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),X=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m,r=e.i;null===r?(I(t,e,_="svg"===i||"foreignObject"!==i&&_),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Q(d,m,l))X(d,m,l),d=e[++r],m=o[++c];else if(Q(h,v,l))X(h,v,l),h=e[--a],v=o[--p];else if(Q(d,v,l))X(d,v,l),tt(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(Q(h,m,l))X(h,m,l),tt(t,h.v,d.v),h=e[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===m.p){u=f;break}u>=0?(i=e[u],i.m!==m.m?s=B(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=B(e&&e[c],n,c),m=o[++c]),s&&tt(d.v.parentNode,s,d.v)}r>a?J(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&K(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),J(o,null,e,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),_&&"svg"===i&&(_=!1)):t.i!==r&&(o.data=r)},Z=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(Z)},tt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),et=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},nt=(t,e)=>{if(t.o|=16,!(4&t.o))return et(t,t.O),$((()=>ot(t,e)));t.o|=512},ot=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw 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 l;return l=ht(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=lt(l,(()=>ht(o,"componentWillRender",void 0,n))),lt(l,(()=>it(t,o,e)))},lt=(t,e)=>st(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),st=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,it=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=H(e),l=r.get(o);if(!u.document)return o;if(t=11===t.nodeType?t:u.document,l)if("string"==typeof l){let s,i=T.get(t=t.head||t);if(i||T.set(t,i=new Set),!i.has(o)){{s=u.document.createElement("style"),s.innerHTML=l;const o=null!=(n=f.C)?n:S(u.document);if(null!=o&&s.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ct(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ft(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},rt=null,ct=(t,e,n,o)=>{try{rt=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||P(null,null),s=(t=>t&&t.m===R)(e)?e:M(null,null,e);if(N=o.tagName,n&&s.u)for(const t of Object.keys(s.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.u[t]=o[t]);s.m=null,s.o|=4,t.M=s,s.v=l.v=o.shadowRoot||o,X(l,s,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return rt=null,null},ut=()=>rt,ft=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ht(n,"componentDidRender",void 0,e),64&t.o?ht(n,"componentDidUpdate",void 0,e):(t.o|=64,pt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||dt()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>nt(t,!1))),t.o&=-517},at=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&nt(e,!1),o}},dt=()=>{b((()=>(t=>{const e=f.ce("appload",{detail:{namespace:"funnel-gfx-wc"}});return t.dispatchEvent(e),e})(u)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},pt=t=>t.classList.add("hydrated"),mt=(t,e,o,l)=>{const s=n(t);if(!s)throw Error(`Couldn't find host element for "${l.S}" 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 i=s.R.get(e),r=s.o,c=s.t;if(o=L(o,l.D[e][0]),(!(8&r)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(s.R.set(e,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,i,e))return;nt(s,!1)}},vt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.D){const r=Object.entries(null!=(l=e.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.D[t][0]|=2048),r&&(e.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.D[t][0]))return((t,e)=>n(this).R.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.R.get(t)?s=i.R.get(t):!i.R.get(t)&&n&&i.R.set(t,n),r.call(this,L(s,l)),void mt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.D[t][0]))return mt(this,t,s,e),void(1&o&&!i.t&&i.U.then((()=>{4096&e.D[t][0]&&i.t[t]!==i.R.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.R.get(t)&&n&&i.R.set(t,n),i.t[t]=L(s,l),mt(this,t,i.t[t],e)};i.t?n():i.U.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){f.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.W)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.W)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,e)=>{ht(t,"connectedCallback",void 0,e)},wt=(t,e)=>{ht(t,"disconnectedCallback",void 0,e||t)},bt=(t,e={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],a=e.exclude||[],h=u.customElements,p=u.document.head,m=p.querySelector("meta[charset]"),v=u.document.createElement("style"),y=[];let w,b=!0;Object.assign(f,e),f.l=new URL(e.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((e=>{const o={o:e[0],S:e[1],D:e[2],A:e[3]};4&o.o&&($=!0),o.D=e[2];const c=o.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):f.jmp((()=>(t=>{if(!(1&f.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)?yt(e.t,t):(null==e?void 0:e.U)&&e.U.then((()=>yt(e.t,t)));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){et(e,e.O=n);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.N){const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.N;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.S}#${e.L}" was not found`);o.isProxied||(vt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,r(),yt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=H(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.O,c=()=>nt(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.o)){const e=n(t);(null==e?void 0:e.t)?wt(e.t,t):(null==e?void 0:e.U)&&e.U.then((()=>wt(e.t,t)))}T.has(t)&&T.delete(t),t.shadowRoot&&T.has(t.shadowRoot)&&T.delete(t.shadowRoot)})(this))),f.raf((()=>{var t;const e=n(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==e?void 0:e.M)?void 0:t.v)instanceof Node&&!e.M.v.isConnected&&delete e.M.v}))}componentOnReady(){return n(this).U}};o.N=t[0],a.includes(c)||h.get(c)||(l.push(c),h.define(c,vt(u,o,1)))}))})),l.length>0&&($&&(v.textContent+=c),v.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=f.C)?o:S(u.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):f.jmp((()=>w=setTimeout(dt,30)))},$t=t=>f.C=t;export{ut as a,bt as b,at as f,t as g,M as h,a as p,o as r,$t as s}