funnel-gfx-wc 0.1.5 → 0.1.7

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03b95eaa.js');
+const index = require('./index-64114886.js');
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03b95eaa.js');
+const index = require('./index-64114886.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('funnel-gfx-wc.cjs.js', document.baseURI).href));

package/dist/cjs/{index-03b95eaa.js → index-64114886.js}

@@ -21,10 +21,10 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'funnel-gfx-wc';
-const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -37,10 +37,15 @@ var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 
 // src/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
 var registerInstance = (lazyInstance, hostRef) => {
-  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -54,7 +59,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  const ref = hostRefs.set(hostElement, hostRef);
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -434,72 +440,73 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
       }
-    } else if (memberName === "key") ; else if (memberName === "ref") {
       if (newValue) {
-        newValue(elm);
+        plt.ael(elm, memberName, newValue, capture);
       }
-    } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
-      }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
-        }
-      }
-    } else {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -731,9 +738,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      {
-        updateElement(oldVNode, newVNode2, isSvgMode);
-      }
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -822,6 +827,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     );
   }
   let maybePromise;
+  if (isInitialLoad) {
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -891,14 +902,13 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
-    {
-      safeCall(instance, "componentDidLoad", void 0, elm);
-    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -907,6 +917,7 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
     endPostUpdate();
   }
   {
@@ -967,6 +978,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -1129,6 +1145,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1156,6 +1173,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1188,20 +1208,27 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
   }
 };
 var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-03b95eaa.js');
+const index = require('./index-64114886.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

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

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

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

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ad359849.js';
-export { s as setNonce } from './index-ad359849.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a9d6c970.js';
+export { s as setNonce } from './index-a9d6c970.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/{index-ad359849.js → index-a9d6c970.js}

@@ -1,8 +1,8 @@
 const NAMESPACE = 'funnel-gfx-wc';
-const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* funnel-gfx-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -15,10 +15,15 @@ var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 
 // src/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
 var registerInstance = (lazyInstance, hostRef) => {
-  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -32,7 +37,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  const ref = hostRefs.set(hostElement, hostRef);
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -412,72 +418,73 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "key") ; else if (memberName === "ref") {
+    if (newValue) {
+      newValue(elm);
+    }
+  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
       }
-    } else if (memberName === "key") ; else if (memberName === "ref") {
       if (newValue) {
-        newValue(elm);
+        plt.ael(elm, memberName, newValue, capture);
       }
-    } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
-      }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
-        }
-      }
-    } else {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -709,9 +716,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      {
-        updateElement(oldVNode, newVNode2, isSvgMode);
-      }
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -800,6 +805,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     );
   }
   let maybePromise;
+  if (isInitialLoad) {
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -869,14 +880,13 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
-    {
-      safeCall(instance, "componentDidLoad", void 0, elm);
-    }
+    safeCall(instance, "componentDidLoad", void 0, elm);
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -885,6 +895,7 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
     endPostUpdate();
   }
   {
@@ -945,6 +956,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -1107,6 +1123,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1134,6 +1151,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1166,20 +1186,27 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
   }
 };
 var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-ad359849.js';
-export { s as setNonce } from './index-ad359849.js';
+import { b as bootstrapLazy } from './index-a9d6c970.js';
+export { s as setNonce } from './index-a9d6c970.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

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

@@ -1 +1 @@
-import{p as a,b as p}from"./p-b0b3e6ad.js";export{s as setNonce}from"./p-b0b3e6ad.js";import{g as e}from"./p-e1255160.js";(()=>{const p=import.meta.url,s={};return""!==p&&(s.resourcesUrl=new URL(".",p).href),a(s)})().then((async a=>(await e(),p([["p-f9fa0670",[[1,"funnel-app",{tag:[1]}]]]],a))));
+import{p as a,b as p}from"./p-e28d9682.js";export{s as setNonce}from"./p-e28d9682.js";import{g as e}from"./p-e1255160.js";(()=>{const p=import.meta.url,s={};return""!==p&&(s.resourcesUrl=new URL(".",p).href),a(s)})().then((async a=>(await e(),p([["p-944ab695",[[1,"funnel-app",{tag:[1]}]]]],a))));

package/dist/funnel-gfx-wc/{p-f9fa0670.entry.js → p-944ab695.entry.js}

@@ -1 +1 @@
-import{h as n,g as t,f as e,r}from"./p-b0b3e6ad.js";const a=t=>{const e=t.hex||"currentColor",r=t.selected||!1,a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"radio")," ",n("g",{fill:e},n("path",r?{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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))};var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},o={exports:{}},l={exports:{}},s=Array.prototype.concat,u=Array.prototype.slice,c=l.exports=function(n){for(var t=[],e=0,r=n.length;e<r;e++){var a=n[e];(i=a)&&"string"!=typeof i&&(i instanceof Array||Array.isArray(i)||i.length>=0&&(i.splice instanceof Function||Object.getOwnPropertyDescriptor(i,i.length-1)&&"String"!==i.constructor.name))?t=s.call(t,u.call(a)):t.push(a)}var i;return t};c.wrap=function(n){return function(){return n(c(arguments))}};var h={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},f=l.exports,d=Object.hasOwnProperty,b=Object.create(null);for(var v in h)d.call(h,v)&&(b[h[v]]=v);var g=o.exports={to:{},get:{}};function p(n,t,e){return Math.min(Math.max(t,n),e)}function y(n){var t=Math.round(n).toString(16).toUpperCase();return t.length<2?"0"+t:t}g.get=function(n){var t,e;switch(n.substring(0,3).toLowerCase()){case"hsl":t=g.get.hsl(n),e="hsl";break;case"hwb":t=g.get.hwb(n),e="hwb";break;default:t=g.get.rgb(n),e="rgb"}return t?{model:e,value:t}:null},g.get.rgb=function(n){if(!n)return null;var t,e,r,a=[0,0,0,1];if(t=n.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(r=t[2],t=t[1],e=0;e<3;e++){var i=2*e;a[e]=parseInt(t.slice(i,i+2),16)}r&&(a[3]=parseInt(r,16)/255)}else if(t=n.match(/^#([a-f0-9]{3,4})$/i)){for(r=(t=t[1])[3],e=0;e<3;e++)a[e]=parseInt(t[e]+t[e],16);r&&(a[3]=parseInt(r+r,16)/255)}else if(t=n.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(e=0;e<3;e++)a[e]=parseInt(t[e+1],0);t[4]&&(a[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}else{if(!(t=n.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(t=n.match(/^(\w+)$/))?"transparent"===t[1]?[0,0,0,0]:d.call(h,t[1])?((a=h[t[1]])[3]=1,a):null:null;for(e=0;e<3;e++)a[e]=Math.round(2.55*parseFloat(t[e+1]));t[4]&&(a[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}for(e=0;e<3;e++)a[e]=p(a[e],0,255);return a[3]=p(a[3],0,1),a},g.get.hsl=function(n){if(!n)return null;var t=n.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,p(parseFloat(t[2]),0,100),p(parseFloat(t[3]),0,100),p(isNaN(e)?1:e,0,1)]}return null},g.get.hwb=function(n){if(!n)return null;var t=n.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,p(parseFloat(t[2]),0,100),p(parseFloat(t[3]),0,100),p(isNaN(e)?1:e,0,1)]}return null},g.to.hex=function(){var n=f(arguments);return"#"+y(n[0])+y(n[1])+y(n[2])+(n[3]<1?y(Math.round(255*n[3])):"")},g.to.rgb=function(){var n=f(arguments);return n.length<4||1===n[3]?"rgb("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+")":"rgba("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+", "+n[3]+")"},g.to.rgb.percent=function(){var n=f(arguments),t=Math.round(n[0]/255*100),e=Math.round(n[1]/255*100),r=Math.round(n[2]/255*100);return n.length<4||1===n[3]?"rgb("+t+"%, "+e+"%, "+r+"%)":"rgba("+t+"%, "+e+"%, "+r+"%, "+n[3]+")"},g.to.hsl=function(){var n=f(arguments);return n.length<4||1===n[3]?"hsl("+n[0]+", "+n[1]+"%, "+n[2]+"%)":"hsla("+n[0]+", "+n[1]+"%, "+n[2]+"%, "+n[3]+")"},g.to.hwb=function(){var n=f(arguments),t="";return n.length>=4&&1!==n[3]&&(t=", "+n[3]),"hwb("+n[0]+", "+n[1]+"%, "+n[2]+"%"+t+")"},g.to.keyword=function(n){return b[n.slice(0,3)]};const m=o.exports;var w={exports:{}},k={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},M={};for(var x in k)k.hasOwnProperty(x)&&(M[k[x]]=x);var C=w.exports={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(var O in C)if(C.hasOwnProperty(O)){if(!("channels"in C[O]))throw new Error("missing channels property: "+O);if(!("labels"in C[O]))throw new Error("missing channel labels property: "+O);if(C[O].labels.length!==C[O].channels)throw new Error("channel and label counts mismatch: "+O);var j=C[O].channels,A=C[O].labels;delete C[O].channels,delete C[O].labels,Object.defineProperty(C[O],"channels",{value:j}),Object.defineProperty(C[O],"labels",{value:A})}C.rgb.hsl=function(n){var t,e,r=n[0]/255,a=n[1]/255,i=n[2]/255,o=Math.min(r,a,i),l=Math.max(r,a,i),s=l-o;return l===o?t=0:r===l?t=(a-i)/s:a===l?t=2+(i-r)/s:i===l&&(t=4+(r-a)/s),(t=Math.min(60*t,360))<0&&(t+=360),e=(o+l)/2,[t,100*(l===o?0:e<=.5?s/(l+o):s/(2-l-o)),100*e]},C.rgb.hsv=function(n){var t,e,r,a,i,o=n[0]/255,l=n[1]/255,s=n[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(n){return(u-n)/6/c+.5};return 0===c?a=i=0:(i=c/u,t=h(o),e=h(l),r=h(s),o===u?a=r-e:l===u?a=1/3+t-r:s===u&&(a=2/3+e-t),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},C.rgb.hwb=function(n){var t=n[0],e=n[1],r=n[2];return[C.rgb.hsl(n)[0],1/255*Math.min(t,Math.min(e,r))*100,100*(r=1-1/255*Math.max(t,Math.max(e,r)))]},C.rgb.cmyk=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255;return[100*((1-e-(t=Math.min(1-e,1-r,1-a)))/(1-t)||0),100*((1-r-t)/(1-t)||0),100*((1-a-t)/(1-t)||0),100*t]},C.rgb.keyword=function(n){var t=M[n];if(t)return t;var e,r,a,i=1/0;for(var o in k)if(k.hasOwnProperty(o)){var l=(r=n,a=k[o],Math.pow(r[0]-a[0],2)+Math.pow(r[1]-a[1],2)+Math.pow(r[2]-a[2],2));l<i&&(i=l,e=o)}return e},C.keyword.rgb=function(n){return k[n]},C.rgb.xyz=function(n){var t=n[0]/255,e=n[1]/255,r=n[2]/255;return[100*(.4124*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.3576*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.1805*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)),100*(.2126*t+.7152*e+.0722*r),100*(.0193*t+.1192*e+.9505*r)]},C.rgb.lab=function(n){var t=C.rgb.xyz(n),e=t[0],r=t[1],a=t[2];return r/=100,a/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116)-16,500*(e-r),200*(r-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},C.hsl.rgb=function(n){var t,e,r,a,i,o=n[0]/360,l=n[1]/100,s=n[2]/100;if(0===l)return[i=255*s,i,i];t=2*s-(e=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(r=o+1/3*-(u-1))<0&&r++,r>1&&r--,a[u]=255*(i=6*r<1?t+6*(e-t)*r:2*r<1?e:3*r<2?t+(e-t)*(2/3-r)*6:t);return a},C.hsl.hsv=function(n){var t=n[0],e=n[1]/100,r=n[2]/100,a=e,i=Math.max(r,.01);return e*=(r*=2)<=1?r:2-r,a*=i<=1?i:2-i,[t,100*(0===r?2*a/(i+a):2*e/(r+e)),(r+e)/2*100]},C.hsv.rgb=function(n){var t=n[0]/60,e=n[1]/100,r=n[2]/100,a=Math.floor(t)%6,i=t-Math.floor(t),o=255*r*(1-e),l=255*r*(1-e*i),s=255*r*(1-e*(1-i));switch(r*=255,a){case 0:return[r,s,o];case 1:return[l,r,o];case 2:return[o,r,s];case 3:return[o,l,r];case 4:return[s,o,r];case 5:return[r,o,l]}},C.hsv.hsl=function(n){var t,e,r,a=n[0],i=n[1]/100,o=n[2]/100,l=Math.max(o,.01);return r=(2-i)*o,e=i*l,[a,100*(e=(e/=(t=(2-i)*l)<=1?t:2-t)||0),100*(r/=2)]},C.hwb.rgb=function(n){var t,e,r,a,i,o,l,s=n[0]/360,u=n[1]/100,c=n[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),r=6*s-(t=Math.floor(6*s)),1&t&&(r=1-r),a=u+r*((e=1-c)-u),t){default:case 6:case 0:i=e,o=a,l=u;break;case 1:i=a,o=e,l=u;break;case 2:i=u,o=e,l=a;break;case 3:i=u,o=a,l=e;break;case 4:i=a,o=u,l=e;break;case 5:i=e,o=u,l=a}return[255*i,255*o,255*l]},C.cmyk.rgb=function(n){var t=n[1]/100,e=n[2]/100,r=n[3]/100;return[255*(1-Math.min(1,n[0]/100*(1-r)+r)),255*(1-Math.min(1,t*(1-r)+r)),255*(1-Math.min(1,e*(1-r)+r))]},C.xyz.rgb=function(n){var t,e,r,a=n[0]/100,i=n[1]/100,o=n[2]/100;return e=-.9689*a+1.8758*i+.0415*o,r=.0557*a+-.204*i+1.057*o,t=(t=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,[255*(t=Math.min(Math.max(0,t),1)),255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1))]},C.xyz.lab=function(n){var t=n[0],e=n[1],r=n[2];return e/=100,r/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(e=e>.008856?Math.pow(e,1/3):7.787*e+16/116)-16,500*(t-e),200*(e-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},C.lab.xyz=function(n){var t,e,r;t=n[1]/500+(e=(n[0]+16)/116),r=e-n[2]/200;var a=Math.pow(e,3),i=Math.pow(t,3),o=Math.pow(r,3);return e=a>.008856?a:(e-16/116)/7.787,t=i>.008856?i:(t-16/116)/7.787,r=o>.008856?o:(r-16/116)/7.787,[t*=95.047,e*=100,r*=108.883]},C.lab.lch=function(n){var t,e=n[0],r=n[1],a=n[2];return(t=360*Math.atan2(a,r)/2/Math.PI)<0&&(t+=360),[e,Math.sqrt(r*r+a*a),t]},C.lch.lab=function(n){var t,e=n[1];return t=n[2]/360*2*Math.PI,[n[0],e*Math.cos(t),e*Math.sin(t)]},C.rgb.ansi16=function(n){var t=n[0],e=n[1],r=n[2],a=1 in arguments?arguments[1]:C.rgb.hsv(n)[2];if(0===(a=Math.round(a/50)))return 30;var i=30+(Math.round(r/255)<<2|Math.round(e/255)<<1|Math.round(t/255));return 2===a&&(i+=60),i},C.hsv.ansi16=function(n){return C.rgb.ansi16(C.hsv.rgb(n),n[2])},C.rgb.ansi256=function(n){var t=n[0],e=n[1],r=n[2];return t===e&&e===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5)},C.ansi16.rgb=function(n){var t=n%10;if(0===t||7===t)return n>50&&(t+=3.5),[t=t/10.5*255,t,t];var e=.5*(1+~~(n>50));return[(1&t)*e*255,(t>>1&1)*e*255,(t>>2&1)*e*255]},C.ansi256.rgb=function(n){if(n>=232){var t=10*(n-232)+8;return[t,t,t]}var e;return n-=16,[Math.floor(n/36)/5*255,Math.floor((e=n%36)/6)/5*255,e%6/5*255]},C.rgb.hex=function(n){var t=(((255&Math.round(n[0]))<<16)+((255&Math.round(n[1]))<<8)+(255&Math.round(n[2]))).toString(16).toUpperCase();return"000000".substring(t.length)+t},C.hex.rgb=function(n){var t=n.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];var e=t[0];3===t[0].length&&(e=e.split("").map((function(n){return n+n})).join(""));var r=parseInt(e,16);return[r>>16&255,r>>8&255,255&r]},C.rgb.hcg=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255,i=Math.max(Math.max(e,r),a),o=Math.min(Math.min(e,r),a),l=i-o;return t=l<=0?0:i===e?(r-a)/l%6:i===r?2+(a-e)/l:4+(e-r)/l+4,t/=6,[360*(t%=1),100*l,100*(l<1?o/(1-l):0)]},C.hsl.hcg=function(n){var t,e=n[1]/100,r=n[2]/100,a=0;return(t=r<.5?2*e*r:2*e*(1-r))<1&&(a=(r-.5*t)/(1-t)),[n[0],100*t,100*a]},C.hsv.hcg=function(n){var t=n[2]/100,e=n[1]/100*t,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},C.hcg.rgb=function(n){var t=n[1]/100,e=n[2]/100;if(0===t)return[255*e,255*e,255*e];var r,a=[0,0,0],i=n[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(t*a[0]+(r=(1-t)*e)),255*(t*a[1]+r),255*(t*a[2]+r)]},C.hcg.hsv=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t),r=0;return e>0&&(r=t/e),[n[0],100*r,100*e]},C.hcg.hsl=function(n){var t=n[1]/100,e=n[2]/100*(1-t)+.5*t,r=0;return e>0&&e<.5?r=t/(2*e):e>=.5&&e<1&&(r=t/(2*(1-e))),[n[0],100*r,100*e]},C.hcg.hwb=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t);return[n[0],100*(e-t),100*(1-e)]},C.hwb.hcg=function(n){var t=1-n[2]/100,e=t-n[1]/100,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},C.apple.rgb=function(n){return[n[0]/65535*255,n[1]/65535*255,n[2]/65535*255]},C.rgb.apple=function(n){return[n[0]/255*65535,n[1]/255*65535,n[2]/255*65535]},C.gray.rgb=function(n){return[n[0]/100*255,n[0]/100*255,n[0]/100*255]},C.gray.hsl=C.gray.hsv=function(n){return[0,0,n[0]]},C.gray.hwb=function(n){return[0,100,n[0]]},C.gray.cmyk=function(n){return[0,0,0,n[0]]},C.gray.lab=function(n){return[n[0],0,0]},C.gray.hex=function(n){var t=255&Math.round(n[0]/100*255),e=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(e.length)+e},C.rgb.gray=function(n){return[(n[0]+n[1]+n[2])/3/255*100]};var I=w.exports;function z(n,t){return function(e){return t(n(e))}}function S(n,t){for(var e=[t[n].parent,n],r=I[t[n].parent][n],a=t[n].parent;t[a].parent;)e.unshift(t[a].parent),r=z(I[t[a].parent][a],r),a=t[a].parent;return r.conversion=e,r}var q=w.exports,$=function(n){for(var t=function(n){var t=function(){for(var n={},t=Object.keys(I),e=t.length,r=0;r<e;r++)n[t[r]]={distance:-1,parent:null};return n}(),e=[n];for(t[n].distance=0;e.length;)for(var r=e.pop(),a=Object.keys(I[r]),i=a.length,o=0;o<i;o++){var l=a[o],s=t[l];-1===s.distance&&(s.distance=t[r].distance+1,s.parent=r,e.unshift(l))}return t}(n),e={},r=Object.keys(t),a=r.length,i=0;i<a;i++){var o=r[i];null!==t[o].parent&&(e[o]=S(o,t))}return e},L={};Object.keys(q).forEach((function(n){L[n]={},Object.defineProperty(L[n],"channels",{value:q[n].channels}),Object.defineProperty(L[n],"labels",{value:q[n].labels});var t=$(n);Object.keys(t).forEach((function(e){var r=t[e];L[n][e]=function(n){var t=function(t){if(null==t)return t;arguments.length>1&&(t=Array.prototype.slice.call(arguments));var e=n(t);if("object"==typeof e)for(var r=e.length,a=0;a<r;a++)e[a]=Math.round(e[a]);return e};return"conversion"in n&&(t.conversion=n.conversion),t}(r),L[n][e].raw=function(n){var t=function(t){return null==t?t:(arguments.length>1&&(t=Array.prototype.slice.call(arguments)),n(t))};return"conversion"in n&&(t.conversion=n.conversion),t}(r)}))}));var E=o.exports,F=L,N=[].slice,D=["keyword","gray","hex"],T={};Object.keys(F).forEach((function(n){T[N.call(F[n].labels).sort().join("")]=n}));var _={};function R(n,t){if(!(this instanceof R))return new R(n,t);if(t&&t in D&&(t=null),t&&!(t in F))throw new Error("Unknown model: "+t);var e,r;if(null==n)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(n instanceof R)this.model=n.model,this.color=n.color.slice(),this.valpha=n.valpha;else if("string"==typeof n){var a=E.get(n);if(null===a)throw new Error("Unable to parse color from string: "+n);this.model=a.model,this.color=a.value.slice(0,r=F[this.model].channels),this.valpha="number"==typeof a.value[r]?a.value[r]:1}else if(n.length){this.model=t||"rgb";var i=N.call(n,0,r=F[this.model].channels);this.color=P(i,r),this.valpha="number"==typeof n[r]?n[r]:1}else if("number"==typeof n)n&=16777215,this.model="rgb",this.color=[n>>16&255,n>>8&255,255&n],this.valpha=1;else{this.valpha=1;var o=Object.keys(n);"alpha"in n&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof n.alpha?n.alpha:0);var l=o.sort().join("");if(!(l in T))throw new Error("Unable to parse color from object: "+JSON.stringify(n));this.model=T[l];var s=F[this.model].labels,u=[];for(e=0;e<s.length;e++)u.push(n[s[e]]);this.color=P(u)}if(_[this.model])for(r=F[this.model].channels,e=0;e<r;e++){var c=_[this.model][e];c&&(this.color[e]=c(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function B(n,t,e){return(n=Array.isArray(n)?n:[n]).forEach((function(n){(_[n]||(_[n]=[]))[t]=e})),n=n[0],function(r){var a;return arguments.length?(e&&(r=e(r)),(a=this[n]()).color[t]=r,a):(a=this[n]().color[t],e&&(a=e(a)),a)}}function U(n){return function(t){return Math.max(0,Math.min(n,t))}}function P(n,t){for(var e=0;e<t;e++)"number"!=typeof n[e]&&(n[e]=0);return n}R.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(n){var t=this.model in E.to?this:this.rgb(),e=1===(t=t.round("number"==typeof n?n:1)).valpha?t.color:t.color.concat(this.valpha);return E.to[t.model](e)},percentString:function(n){var t=this.rgb().round("number"==typeof n?n:1),e=1===t.valpha?t.color:t.color.concat(this.valpha);return E.to.rgb.percent(e)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var n={},t=F[this.model].channels,e=F[this.model].labels,r=0;r<t;r++)n[e[r]]=this.color[r];return 1!==this.valpha&&(n.alpha=this.valpha),n},unitArray:function(){var n=this.rgb().color;return n[0]/=255,n[1]/=255,n[2]/=255,1!==this.valpha&&n.push(this.valpha),n},unitObject:function(){var n=this.rgb().object();return n.r/=255,n.g/=255,n.b/=255,1!==this.valpha&&(n.alpha=this.valpha),n},round:function(n){return n=Math.max(n||0,0),new R(this.color.map(function(n){return function(t){return function(n,t){return Number(n.toFixed(t))}(t,n)}}(n)).concat(this.valpha),this.model)},alpha:function(n){return arguments.length?new R(this.color.concat(Math.max(0,Math.min(1,n))),this.model):this.valpha},red:B("rgb",0,U(255)),green:B("rgb",1,U(255)),blue:B("rgb",2,U(255)),hue:B(["hsl","hsv","hsl","hwb","hcg"],0,(function(n){return(n%360+360)%360})),saturationl:B("hsl",1,U(100)),lightness:B("hsl",2,U(100)),saturationv:B("hsv",1,U(100)),value:B("hsv",2,U(100)),chroma:B("hcg",1,U(100)),gray:B("hcg",2,U(100)),white:B("hwb",1,U(100)),wblack:B("hwb",2,U(100)),cyan:B("cmyk",0,U(100)),magenta:B("cmyk",1,U(100)),yellow:B("cmyk",2,U(100)),black:B("cmyk",3,U(100)),x:B("xyz",0,U(100)),y:B("xyz",1,U(100)),z:B("xyz",2,U(100)),l:B("lab",0,U(100)),a:B("lab",1),b:B("lab",2),keyword:function(n){return arguments.length?new R(n):F[this.model].keyword(this.color)},hex:function(n){return arguments.length?new R(n):E.to.hex(this.rgb().round().color)},rgbNumber:function(){var n=this.rgb().color;return(255&n[0])<<16|(255&n[1])<<8|255&n[2]},luminosity:function(){for(var n=this.rgb().color,t=[],e=0;e<n.length;e++){var r=n[e]/255;t[e]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(n){var t=this.luminosity(),e=n.luminosity();return t>e?(t+.05)/(e+.05):(e+.05)/(t+.05)},level:function(n){var t=this.contrast(n);return t>=7.1?"AAA":t>=4.5?"AA":""},isDark:function(){var n=this.rgb().color;return(299*n[0]+587*n[1]+114*n[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var n=this.rgb(),t=0;t<3;t++)n.color[t]=255-n.color[t];return n},lighten:function(n){var t=this.hsl();return t.color[2]+=t.color[2]*n,t},darken:function(n){var t=this.hsl();return t.color[2]-=t.color[2]*n,t},saturate:function(n){var t=this.hsl();return t.color[1]+=t.color[1]*n,t},desaturate:function(n){var t=this.hsl();return t.color[1]-=t.color[1]*n,t},whiten:function(n){var t=this.hwb();return t.color[1]+=t.color[1]*n,t},blacken:function(n){var t=this.hwb();return t.color[2]+=t.color[2]*n,t},grayscale:function(){var n=this.rgb().color,t=.3*n[0]+.59*n[1]+.11*n[2];return R.rgb(t,t,t)},fade:function(n){return this.alpha(this.valpha-this.valpha*n)},opaquer:function(n){return this.alpha(this.valpha+this.valpha*n)},rotate:function(n){var t=this.hsl(),e=t.color[0];return t.color[0]=e=(e=(e+n)%360)<0?360+e:e,t},mix:function(n,t){if(!n||!n.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof n);var e=n.rgb(),r=this.rgb(),a=void 0===t?.5:t,i=2*a-1,o=e.alpha()-r.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return R.rgb(l*e.red()+s*r.red(),l*e.green()+s*r.green(),l*e.blue()+s*r.blue(),e.alpha()*a+r.alpha()*(1-a))}},Object.keys(F).forEach((function(n){if(-1===D.indexOf(n)){var t=F[n].channels;R.prototype[n]=function(){if(this.model===n)return new R(this);if(arguments.length)return new R(arguments,n);var e,r="number"==typeof arguments[t]?t:this.valpha;return new R((e=F[this.model][n].raw(this.color),Array.isArray(e)?e:[e]).concat(r),n)},R[n]=function(e){return"number"==typeof e&&(e=P(N.call(arguments),t)),new R(e,n)}}}));var V=R,H=function(n,t,e){return n*(1-e)+t*e};const J={name:"color",test:n=>"string"==typeof n&&(n.indexOf("rgb")>=0||n.indexOf("#")>=0||n.indexOf("hsl")>=0||m.get.rgb(n)),initialize:(n,t)=>({data:{format:(n.indexOf("rgba")>=0?"rgba":n.indexOf("rgb")>=0&&"rgb")||n.indexOf("#")>=0&&"hex"||V(n).model},startValue:V(n).rgb(),destValue:V(t).rgb()}),interpolate(n,t,e,r){const a=H(n.color[0],t.color[0],e),i=H(n.color[1],t.color[1],e),o=H(n.color[2],t.color[2],e),l=H(n.valpha,t.valpha,e),s=V.rgb(a,i,o,l)["rgba"===r.format?"rgb":r.format]();return"string"==typeof s?s:s.string()}},Q=[{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}],Z=Q.map((()=>0)),K={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"},G={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},W=n=>K[n]||G[n],X=Object.keys(K),Y=n=>!("isConnected"in n)||n.isConnected,nn=(()=>{let n;return(...t)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let t of n.keys())n.set(t,n.get(t).filter(Y))})(...t)}),2e3)}})(),tn=n=>"function"==typeof n?n():n,en="funnel-gfx-wc::app-data",rn=(()=>{const n=((n,t=((n,t)=>n!==t))=>{const e=tn(n);let r=new Map(Object.entries(null!=e?e:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var t;r=new Map(Object.entries(null!==(t=tn(n))&&void 0!==t?t:{})),a.reset.forEach((n=>n()))},o=n=>(a.get.forEach((t=>t(n))),r.get(n)),l=(n,e)=>{const i=r.get(n);t(e,i,n)&&(r.set(n,e),a.set.forEach((t=>t(n,e,i))))},s="undefined"==typeof Proxy?{}:new Proxy(e,{get:(n,t)=>o(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,t)=>r.has(t),set:(n,t,e)=>(l(t,e),!0)}),u=(n,t)=>(a[n].push(t),()=>{((n,t)=>{const e=n.indexOf(t);e>=0&&(n[e]=n[n.length-1],n.length--)})(a[n],t)});return{state:s,get:o,set:l,on:u,onChange:(t,e)=>{const r=u("set",((n,r)=>{n===t&&e(r)})),a=u("reset",(()=>e(tn(n)[t])));return()=>{r(),a()}},use:(...n)=>{const t=n.reduce(((n,t)=>(t.set&&n.push(u("set",t.set)),t.get&&n.push(u("get",t.get)),t.reset&&n.push(u("reset",t.reset)),t.dispose&&n.push(u("dispose",t.dispose)),n)),[]);return()=>t.forEach((n=>n()))},dispose:()=>{a.dispose.forEach((n=>n())),i()},reset:i,forceUpdate:n=>{const t=r.get(n);a.set.forEach((e=>e(n,t,t)))}}})({count:0,pick:"bada55",values:[...Z]},void 0);return n.use((()=>{if("function"!=typeof t)return{};const n=new Map;return{dispose:()=>n.clear(),get:e=>{const r=t();r&&((n,t,e)=>{const r=n.get(t);r?r.includes(e)||r.push(e):n.set(t,[e])})(n,e,r)},set:t=>{const r=n.get(t);r&&n.set(t,r.filter(e)),nn(n)},reset:()=>{n.forEach((n=>n.forEach(e))),nn(n)}}})()),n})(),{state:an,onChange:on}=rn,ln=()=>{const{count:n,pick:t,values:e}=an;(n=>{const t=JSON.stringify(n);localStorage.setItem(en,t)})({count:n,pick:t,values:e})},sn={initApp:()=>{const n=(()=>{const n=localStorage.getItem(en);return n?JSON.parse(n):void 0})();if(n){const{count:t,pick:e,values:r}=n;an.count=t,an.pick=e,an.values=r}},refresh:()=>{const n=Z.map((()=>Math.floor(100*Math.random())));an.count=an.count+1,an.values=n,ln()},reset:()=>{an.count=0,an.values=[...Z],ln()},updatePick:n=>{an.pick=n,ln()}},un=t=>{const{actions:e,state:r}=t,{pick:i}=r;return n("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},X.map((t=>{const r=W(t),o=i==t;return n("div",{"aria-label":t,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{e.updatePick(t)}},n(a,{hex:r,selected:o,label:t}))})))},cn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"chevron-double-left"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},hn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"close"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},fn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"refresh"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},dn=t=>{const{actions:e,state:r}=t,{count:a}=r;return n("div",{class:"mb-10px mt-3 flex items-center"},n("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{e.refresh()}},n(fn,{label:"Refresh"})),n("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{e.reset()}},n(hn,{label:"Reset"})),n("span",{class:"flex items-center"},n(cn,{size:28}),n("span",{class:"italic"},"click a button... ",n("sup",null,a))))},bn=()=>n("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.0.8"),vn=t=>{const{state:e}=t,{values:r,pick:a,count:i}=e;return n("div",{class:"flex"},n("div",{class:"flex flex-col"},n("div",{class:"flex"},n("span",{class:"mr-10px font-bold"},"color:"),n("span",{class:"italic text-clrs-slate4"},a)),n("div",{class:"mt-5px flex"},n("span",{class:"mr-10px font-bold"},"sample:"),n("span",{class:"italic text-clrs-slate4"},`${i>0?r:"..."}`))),n(bn,null))};var gn={exports:{}};gn.exports=function(){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(t)}function t(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function e(n,e,r){return e&&t(n.prototype,e),r&&t(n,r),n}function r(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function a(n){return(a=Object.getPrototypeOf||function(n){return n.__proto__})(n)}function o(n,t){return(o=Object.setPrototypeOf||function(n,t){return n.__proto__=t,n})(n,t)}function l(n,t,e){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(n,t,e){var r=[null];r.push.apply(r,t);var a=new(n.bind.apply(n,r));return e&&o(a,e.prototype),a}).apply(null,arguments)}function s(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}var u=function(n,t,e){return n*(1-e)+t*e},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(n,t){return n(t={exports:{}},t.exports),t.exports}for(var f=h((function(n){var t=n.exports={Linear:{None:function(n){return n}},Quadratic:{In:function(n){return n*n},Out:function(n){return n*(2-n)},InOut:function(n){return(n*=2)<1?.5*n*n:-.5*(--n*(n-2)-1)}},Cubic:{In:function(n){return n*n*n},Out:function(n){return--n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n:.5*((n-=2)*n*n+2)}},Quartic:{In:function(n){return n*n*n*n},Out:function(n){return 1- --n*n*n*n},InOut:function(n){return(n*=2)<1?.5*n*n*n*n:-.5*((n-=2)*n*n*n-2)}},Quintic:{In:function(n){return n*n*n*n*n},Out:function(n){return--n*n*n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n*n*n:.5*((n-=2)*n*n*n*n+2)}},Sinusoidal:{In:function(n){return 1-Math.cos(n*Math.PI/2)},Out:function(n){return Math.sin(n*Math.PI/2)},InOut:function(n){return.5*(1-Math.cos(Math.PI*n))}},Exponential:{In:function(n){return 0===n?0:Math.pow(1024,n-1)},Out:function(n){return 1===n?1:1-Math.pow(2,-10*n)},InOut:function(n){return 0===n?0:1===n?1:(n*=2)<1?.5*Math.pow(1024,n-1):.5*(2-Math.pow(2,-10*(n-1)))}},Circular:{In:function(n){return 1-Math.sqrt(1-n*n)},Out:function(n){return Math.sqrt(1- --n*n)},InOut:function(n){return(n*=2)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1)}},Elastic:{In:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4))},Out:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*n)*Math.sin((n-t)*(2*Math.PI)/.4)+1)},InOut:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),(n*=2)<1?e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(n){return n*n*(2.70158*n-1.70158)},Out:function(n){return--n*n*(2.70158*n+1.70158)+1},InOut:function(n){var t=2.5949095;return(n*=2)<1?n*n*((t+1)*n-t)*.5:.5*((n-=2)*n*((t+1)*n+t)+2)}},Bounce:{In:function(n){return 1-t.Bounce.Out(1-n)},Out:function(n){return n<1/2.75?7.5625*n*n:n<2/2.75?7.5625*(n-=1.5/2.75)*n+.75:n<2.5/2.75?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375},InOut:function(n){return n<.5?.5*t.Bounce.In(2*n):.5*t.Bounce.Out(2*n-1)+.5}}}})),d=h((function(n){(function(){var t,e,r,a,i,o;"undefined"!=typeof performance&&null!==performance&&performance.now?n.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(n.exports=function(){return(t()-i)/1e6},e=process.hrtime,a=(t=function(){var n;return 1e9*(n=e())[0]+n[1]})(),o=1e9*process.uptime(),i=a-o):Date.now?(n.exports=function(){return Date.now()-r},r=Date.now()):(n.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(c)})),b="undefined"==typeof window?c:window,v=["moz","webkit"],g="AnimationFrame",p=b["request"+g],y=b["cancel"+g]||b["cancelRequest"+g],m=0;!p&&m<v.length;m++)p=b[v[m]+"Request"+g],y=b[v[m]+"Cancel"+g]||b[v[m]+"CancelRequest"+g];if(!p||!y){var w=0,k=0,M=[];p=function(n){if(0===M.length){var t=d(),e=Math.max(0,1e3/60-(t-w));w=e+t,setTimeout((function(){for(var n=M.slice(0),t=M.length=0;t<n.length;t++)if(!n[t].cancelled)try{n[t].callback(w)}catch(n){setTimeout((function(){throw n}),0)}}),Math.round(e))}return M.push({handle:++k,callback:n,cancelled:!1}),k},y=function(n){for(var t=0;t<M.length;t++)M[t].handle===n&&(M[t].cancelled=!0)}}var x=function(n){return p.call(b,n)};x.cancel=function(){y.apply(b,arguments)},x.polyfill=function(n){n||(n=b),n.requestAnimationFrame=p,n.cancelAnimationFrame=y};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),z=Symbol("completed"),S=Symbol("paused"),q=requestAnimationFrame||x,$=Date.now();!function n(){q(n),C=Date.now(),O=C-$;for(var t=0;t<j.length;t++)j[t][z]||j[t](O,Date.now()-j[t][I]);$=C}();var L=function(t){function i(t,e){var o,l,c;!function(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),r(s(s(l=!c||"object"!=typeof c&&"function"!=typeof c?s(this):c)),"update",(function(){var n=s(s(l))._updateValue;return function(t,e){l[z]||l[S]||(0===l.localTime&&l.emit("start",l.value,s(s(l))),n(l.ease(l.loopFunction.progress(Math.min(1,(e||l.localTime)/l.duration)))),l.emit("update",l.value,s(s(l)),t),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[z]=!0,l.emit("complete",l.value,s(s(l)))})),l.localTime+=t)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(n,e){return n||e&&e.test&&e.test(t)&&e}),!1),f=h&&h.name||("object"===n(t)?Array.isArray(t)?"array":"object":"number");if(h){var d=h.initialize(t,e);t=d.startValue,e=d.destValue,l.data=d.data}switch(Object.assign(s(s(l)),(r(o={duration:1e3,localTime:0,startValue:t,destValue:e,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(n){return n},value:"array"===f?[].concat(t):"object"===f?Object.assign({},t):t},z,!1),r(o,A,f),r(o,I,Date.now()),r(o,S,!1),o)),l[A]){case"number":l._updateValue=function(n){l.value=u(l.startValue,l.destValue,n)};break;case"array":var b=l.value.length,v=s(s(l)),g=v.startValue,p=v.destValue,y=v.value;l._updateValue=function(n){for(var t=0;t<b;t++)y[t]=u(g[t],p[t],n)};break;case"object":var m=Object.keys(l.startValue),w=m.length,k=s(s(l)),M=k.startValue,x=k.destValue,C=k.value;l._updateValue=function(n){for(var t=0;t<w;t++){var e=m[t];C[e]=u(M[e],x[e],n)}};break;default:l.plugin?l._updateValue=function(n){l.value=l.plugin.interpolate(l.startValue,l.destValue,n,l.data)}:(console.warn("Between: startValue type was unrecognized."),l._updateValue=function(){return null})}return j.push(l.update()),l}return e(i,null,[{key:"between",value:function(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];return l(i,t)}}]),e(i,[{key:"pause",value:function(){return this[S]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[S]=!1,this.emit("play",this.value,this,O),this}},{key:"easing",value:function(n){return this.ease=n,this}},{key:"time",value:function(n){return this.duration=n,this}},{key:"loop",value:function(){for(var n="__loop_".concat(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once"),t=arguments.length,e=new Array(1<t?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return this.loopFunction=n in this?Object.assign({},i.DEFAULT_LOOP,this[n].apply(this,e)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(n){var t=this,e=n;return this.times=0,{complete:function(n){t.localTime=0,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times}}}},{key:"__loop_bounce",value:function(n){var t=this,e=n,r=1;return this.times=0,{complete:function(n){t.localTime=0,r=-r,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times},progress:function(n){return 0<r?n:1-n}}}},{key:"isPaused",get:function(){return this[S]}}]),function(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");o(n.prototype,t&&t.prototype),t&&o(n,t)}(i,t),i}((function(n){var t={},e=[];(n=n||this).on=function(e,r,a){return(t[e]=t[e]||[]).push([r,a]),n},n.off=function(r,a){r||(t={});for(var i=t[r]||e,o=i.length=a?i.length:0;o--;)a==i[o][0]&&i.splice(o,1);return n},n.emit=function(r){for(var a,i=t[r]||e,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],e.slice.call(arguments,1));return n}}));return r(L,"DEFAULT_LOOP",{complete:function(n){return n()},progress:function(n){return n}}),L.Easing=f,L._plugins={},L}();const pn=gn.exports;pn._plugins.color=J;let yn,mn=[];const wn=W("white"),kn=W("bada55");let Mn,xn="#bada55",Cn=[0,0,0,0,0],On=[void 0,void 0,void 0,void 0,void 0];const jn=n=>{if(!yn)return;const t=xn,e=W(n);null!==t&&t!==e&&(Mn&&Mn.pause(),Mn=new pn(t,e).time(1e3).easing(pn.Easing.Cubic.InOut).on("update",(n=>{yn.forEach((t=>{t.setAttribute("fill",`${n}`)})),xn=n})))},An=n=>{yn&&yn.forEach(((t,e)=>{const r=mn[e],a=Cn[e],i=n[e];null!==a&&a!==i&&(On[e]&&On[e].pause(),On[e]=new pn(a,i).time(1e3).easing(pn.Easing.Cubic.InOut).on("update",(n=>{t.setAttribute("y",""+r*((100-n)/100)),Cn[e]=n})))}))},In=()=>{const t=Q.map((n=>(({id:n,height:t,width:e,x:r,y:a,drop:i})=>({id:n,height:t,width:e,x:r,y:a,maskId:`mask-${n}`,maskUri:`url('#mask-${n}')`,mask:`0.5,0.5,0.5,${t-.5},${e-.5},${t-i-.5},${e-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${r},${a})`,points:`0,0,0,${t},${e},${t-i},${e},${i}`}))(n))),e="currentColor";return mn=Array(t.length),yn=Array(t.length),n("div",{class:"funnel-gfx"},n("svg",{viewBox:"0 0 600 420"},n("desc",null,"Created with Snap"),n("defs",null,t.map((t=>n("mask",{id:t.maskId},n("polygon",{points:t.mask,fill:wn}))))),t.map(((t,r)=>{const{height:a,width:i,maskUri:o,matrix:l,points:s}=t;return mn[r]=a,n("g",{transform:l},n("polygon",{points:s,fill:wn,stroke:e}),n("rect",{ref:n=>yn[r]=n,x:"0",y:a,width:i,height:a,mask:o,fill:kn,stroke:e}))}))))},zn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"fingerprint"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},Sn="eswat2",qn=()=>n("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":Sn,target:"blank",title:Sn},n(zn,{label:"eswat2"})),$n=class{constructor(n){r(this,n),this.tag="funnel-app"}componentDidLoad(){on("pick",jn),on("values",An),sn.initApp()}render(){return n("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},n(qn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),n(In,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),n(dn,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:sn,state:an}),n(un,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:sn,state:an}),n("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),n(vn,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:an}))}};$n.style="/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */\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  .stroke-1 {\n    stroke-width: 1;\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  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\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{$n as funnel_app}
+import{h as n,g as t,f as e,r}from"./p-e28d9682.js";const a=t=>{const e=t.hex||"currentColor",r=t.selected||!1,a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"radio")," ",n("g",{fill:e},n("path",r?{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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))};var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},o={exports:{}},l={exports:{}},s=Array.prototype.concat,u=Array.prototype.slice,c=l.exports=function(n){for(var t=[],e=0,r=n.length;e<r;e++){var a=n[e];(i=a)&&"string"!=typeof i&&(i instanceof Array||Array.isArray(i)||i.length>=0&&(i.splice instanceof Function||Object.getOwnPropertyDescriptor(i,i.length-1)&&"String"!==i.constructor.name))?t=s.call(t,u.call(a)):t.push(a)}var i;return t};c.wrap=function(n){return function(){return n(c(arguments))}};var h={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},f=l.exports,d=Object.hasOwnProperty,b=Object.create(null);for(var v in h)d.call(h,v)&&(b[h[v]]=v);var g=o.exports={to:{},get:{}};function p(n,t,e){return Math.min(Math.max(t,n),e)}function y(n){var t=Math.round(n).toString(16).toUpperCase();return t.length<2?"0"+t:t}g.get=function(n){var t,e;switch(n.substring(0,3).toLowerCase()){case"hsl":t=g.get.hsl(n),e="hsl";break;case"hwb":t=g.get.hwb(n),e="hwb";break;default:t=g.get.rgb(n),e="rgb"}return t?{model:e,value:t}:null},g.get.rgb=function(n){if(!n)return null;var t,e,r,a=[0,0,0,1];if(t=n.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(r=t[2],t=t[1],e=0;e<3;e++){var i=2*e;a[e]=parseInt(t.slice(i,i+2),16)}r&&(a[3]=parseInt(r,16)/255)}else if(t=n.match(/^#([a-f0-9]{3,4})$/i)){for(r=(t=t[1])[3],e=0;e<3;e++)a[e]=parseInt(t[e]+t[e],16);r&&(a[3]=parseInt(r+r,16)/255)}else if(t=n.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(e=0;e<3;e++)a[e]=parseInt(t[e+1],0);t[4]&&(a[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}else{if(!(t=n.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(t=n.match(/^(\w+)$/))?"transparent"===t[1]?[0,0,0,0]:d.call(h,t[1])?((a=h[t[1]])[3]=1,a):null:null;for(e=0;e<3;e++)a[e]=Math.round(2.55*parseFloat(t[e+1]));t[4]&&(a[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}for(e=0;e<3;e++)a[e]=p(a[e],0,255);return a[3]=p(a[3],0,1),a},g.get.hsl=function(n){if(!n)return null;var t=n.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,p(parseFloat(t[2]),0,100),p(parseFloat(t[3]),0,100),p(isNaN(e)?1:e,0,1)]}return null},g.get.hwb=function(n){if(!n)return null;var t=n.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,p(parseFloat(t[2]),0,100),p(parseFloat(t[3]),0,100),p(isNaN(e)?1:e,0,1)]}return null},g.to.hex=function(){var n=f(arguments);return"#"+y(n[0])+y(n[1])+y(n[2])+(n[3]<1?y(Math.round(255*n[3])):"")},g.to.rgb=function(){var n=f(arguments);return n.length<4||1===n[3]?"rgb("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+")":"rgba("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+", "+n[3]+")"},g.to.rgb.percent=function(){var n=f(arguments),t=Math.round(n[0]/255*100),e=Math.round(n[1]/255*100),r=Math.round(n[2]/255*100);return n.length<4||1===n[3]?"rgb("+t+"%, "+e+"%, "+r+"%)":"rgba("+t+"%, "+e+"%, "+r+"%, "+n[3]+")"},g.to.hsl=function(){var n=f(arguments);return n.length<4||1===n[3]?"hsl("+n[0]+", "+n[1]+"%, "+n[2]+"%)":"hsla("+n[0]+", "+n[1]+"%, "+n[2]+"%, "+n[3]+")"},g.to.hwb=function(){var n=f(arguments),t="";return n.length>=4&&1!==n[3]&&(t=", "+n[3]),"hwb("+n[0]+", "+n[1]+"%, "+n[2]+"%"+t+")"},g.to.keyword=function(n){return b[n.slice(0,3)]};const m=o.exports;var w={exports:{}},k={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},M={};for(var x in k)k.hasOwnProperty(x)&&(M[k[x]]=x);var C=w.exports={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(var O in C)if(C.hasOwnProperty(O)){if(!("channels"in C[O]))throw new Error("missing channels property: "+O);if(!("labels"in C[O]))throw new Error("missing channel labels property: "+O);if(C[O].labels.length!==C[O].channels)throw new Error("channel and label counts mismatch: "+O);var j=C[O].channels,A=C[O].labels;delete C[O].channels,delete C[O].labels,Object.defineProperty(C[O],"channels",{value:j}),Object.defineProperty(C[O],"labels",{value:A})}C.rgb.hsl=function(n){var t,e,r=n[0]/255,a=n[1]/255,i=n[2]/255,o=Math.min(r,a,i),l=Math.max(r,a,i),s=l-o;return l===o?t=0:r===l?t=(a-i)/s:a===l?t=2+(i-r)/s:i===l&&(t=4+(r-a)/s),(t=Math.min(60*t,360))<0&&(t+=360),e=(o+l)/2,[t,100*(l===o?0:e<=.5?s/(l+o):s/(2-l-o)),100*e]},C.rgb.hsv=function(n){var t,e,r,a,i,o=n[0]/255,l=n[1]/255,s=n[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(n){return(u-n)/6/c+.5};return 0===c?a=i=0:(i=c/u,t=h(o),e=h(l),r=h(s),o===u?a=r-e:l===u?a=1/3+t-r:s===u&&(a=2/3+e-t),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},C.rgb.hwb=function(n){var t=n[0],e=n[1],r=n[2];return[C.rgb.hsl(n)[0],1/255*Math.min(t,Math.min(e,r))*100,100*(r=1-1/255*Math.max(t,Math.max(e,r)))]},C.rgb.cmyk=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255;return[100*((1-e-(t=Math.min(1-e,1-r,1-a)))/(1-t)||0),100*((1-r-t)/(1-t)||0),100*((1-a-t)/(1-t)||0),100*t]},C.rgb.keyword=function(n){var t=M[n];if(t)return t;var e,r,a,i=1/0;for(var o in k)if(k.hasOwnProperty(o)){var l=(r=n,a=k[o],Math.pow(r[0]-a[0],2)+Math.pow(r[1]-a[1],2)+Math.pow(r[2]-a[2],2));l<i&&(i=l,e=o)}return e},C.keyword.rgb=function(n){return k[n]},C.rgb.xyz=function(n){var t=n[0]/255,e=n[1]/255,r=n[2]/255;return[100*(.4124*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.3576*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.1805*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)),100*(.2126*t+.7152*e+.0722*r),100*(.0193*t+.1192*e+.9505*r)]},C.rgb.lab=function(n){var t=C.rgb.xyz(n),e=t[0],r=t[1],a=t[2];return r/=100,a/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116)-16,500*(e-r),200*(r-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},C.hsl.rgb=function(n){var t,e,r,a,i,o=n[0]/360,l=n[1]/100,s=n[2]/100;if(0===l)return[i=255*s,i,i];t=2*s-(e=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(r=o+1/3*-(u-1))<0&&r++,r>1&&r--,a[u]=255*(i=6*r<1?t+6*(e-t)*r:2*r<1?e:3*r<2?t+(e-t)*(2/3-r)*6:t);return a},C.hsl.hsv=function(n){var t=n[0],e=n[1]/100,r=n[2]/100,a=e,i=Math.max(r,.01);return e*=(r*=2)<=1?r:2-r,a*=i<=1?i:2-i,[t,100*(0===r?2*a/(i+a):2*e/(r+e)),(r+e)/2*100]},C.hsv.rgb=function(n){var t=n[0]/60,e=n[1]/100,r=n[2]/100,a=Math.floor(t)%6,i=t-Math.floor(t),o=255*r*(1-e),l=255*r*(1-e*i),s=255*r*(1-e*(1-i));switch(r*=255,a){case 0:return[r,s,o];case 1:return[l,r,o];case 2:return[o,r,s];case 3:return[o,l,r];case 4:return[s,o,r];case 5:return[r,o,l]}},C.hsv.hsl=function(n){var t,e,r,a=n[0],i=n[1]/100,o=n[2]/100,l=Math.max(o,.01);return r=(2-i)*o,e=i*l,[a,100*(e=(e/=(t=(2-i)*l)<=1?t:2-t)||0),100*(r/=2)]},C.hwb.rgb=function(n){var t,e,r,a,i,o,l,s=n[0]/360,u=n[1]/100,c=n[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),r=6*s-(t=Math.floor(6*s)),1&t&&(r=1-r),a=u+r*((e=1-c)-u),t){default:case 6:case 0:i=e,o=a,l=u;break;case 1:i=a,o=e,l=u;break;case 2:i=u,o=e,l=a;break;case 3:i=u,o=a,l=e;break;case 4:i=a,o=u,l=e;break;case 5:i=e,o=u,l=a}return[255*i,255*o,255*l]},C.cmyk.rgb=function(n){var t=n[1]/100,e=n[2]/100,r=n[3]/100;return[255*(1-Math.min(1,n[0]/100*(1-r)+r)),255*(1-Math.min(1,t*(1-r)+r)),255*(1-Math.min(1,e*(1-r)+r))]},C.xyz.rgb=function(n){var t,e,r,a=n[0]/100,i=n[1]/100,o=n[2]/100;return e=-.9689*a+1.8758*i+.0415*o,r=.0557*a+-.204*i+1.057*o,t=(t=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,[255*(t=Math.min(Math.max(0,t),1)),255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1))]},C.xyz.lab=function(n){var t=n[0],e=n[1],r=n[2];return e/=100,r/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(e=e>.008856?Math.pow(e,1/3):7.787*e+16/116)-16,500*(t-e),200*(e-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},C.lab.xyz=function(n){var t,e,r;t=n[1]/500+(e=(n[0]+16)/116),r=e-n[2]/200;var a=Math.pow(e,3),i=Math.pow(t,3),o=Math.pow(r,3);return e=a>.008856?a:(e-16/116)/7.787,t=i>.008856?i:(t-16/116)/7.787,r=o>.008856?o:(r-16/116)/7.787,[t*=95.047,e*=100,r*=108.883]},C.lab.lch=function(n){var t,e=n[0],r=n[1],a=n[2];return(t=360*Math.atan2(a,r)/2/Math.PI)<0&&(t+=360),[e,Math.sqrt(r*r+a*a),t]},C.lch.lab=function(n){var t,e=n[1];return t=n[2]/360*2*Math.PI,[n[0],e*Math.cos(t),e*Math.sin(t)]},C.rgb.ansi16=function(n){var t=n[0],e=n[1],r=n[2],a=1 in arguments?arguments[1]:C.rgb.hsv(n)[2];if(0===(a=Math.round(a/50)))return 30;var i=30+(Math.round(r/255)<<2|Math.round(e/255)<<1|Math.round(t/255));return 2===a&&(i+=60),i},C.hsv.ansi16=function(n){return C.rgb.ansi16(C.hsv.rgb(n),n[2])},C.rgb.ansi256=function(n){var t=n[0],e=n[1],r=n[2];return t===e&&e===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5)},C.ansi16.rgb=function(n){var t=n%10;if(0===t||7===t)return n>50&&(t+=3.5),[t=t/10.5*255,t,t];var e=.5*(1+~~(n>50));return[(1&t)*e*255,(t>>1&1)*e*255,(t>>2&1)*e*255]},C.ansi256.rgb=function(n){if(n>=232){var t=10*(n-232)+8;return[t,t,t]}var e;return n-=16,[Math.floor(n/36)/5*255,Math.floor((e=n%36)/6)/5*255,e%6/5*255]},C.rgb.hex=function(n){var t=(((255&Math.round(n[0]))<<16)+((255&Math.round(n[1]))<<8)+(255&Math.round(n[2]))).toString(16).toUpperCase();return"000000".substring(t.length)+t},C.hex.rgb=function(n){var t=n.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];var e=t[0];3===t[0].length&&(e=e.split("").map((function(n){return n+n})).join(""));var r=parseInt(e,16);return[r>>16&255,r>>8&255,255&r]},C.rgb.hcg=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255,i=Math.max(Math.max(e,r),a),o=Math.min(Math.min(e,r),a),l=i-o;return t=l<=0?0:i===e?(r-a)/l%6:i===r?2+(a-e)/l:4+(e-r)/l+4,t/=6,[360*(t%=1),100*l,100*(l<1?o/(1-l):0)]},C.hsl.hcg=function(n){var t,e=n[1]/100,r=n[2]/100,a=0;return(t=r<.5?2*e*r:2*e*(1-r))<1&&(a=(r-.5*t)/(1-t)),[n[0],100*t,100*a]},C.hsv.hcg=function(n){var t=n[2]/100,e=n[1]/100*t,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},C.hcg.rgb=function(n){var t=n[1]/100,e=n[2]/100;if(0===t)return[255*e,255*e,255*e];var r,a=[0,0,0],i=n[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(t*a[0]+(r=(1-t)*e)),255*(t*a[1]+r),255*(t*a[2]+r)]},C.hcg.hsv=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t),r=0;return e>0&&(r=t/e),[n[0],100*r,100*e]},C.hcg.hsl=function(n){var t=n[1]/100,e=n[2]/100*(1-t)+.5*t,r=0;return e>0&&e<.5?r=t/(2*e):e>=.5&&e<1&&(r=t/(2*(1-e))),[n[0],100*r,100*e]},C.hcg.hwb=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t);return[n[0],100*(e-t),100*(1-e)]},C.hwb.hcg=function(n){var t=1-n[2]/100,e=t-n[1]/100,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},C.apple.rgb=function(n){return[n[0]/65535*255,n[1]/65535*255,n[2]/65535*255]},C.rgb.apple=function(n){return[n[0]/255*65535,n[1]/255*65535,n[2]/255*65535]},C.gray.rgb=function(n){return[n[0]/100*255,n[0]/100*255,n[0]/100*255]},C.gray.hsl=C.gray.hsv=function(n){return[0,0,n[0]]},C.gray.hwb=function(n){return[0,100,n[0]]},C.gray.cmyk=function(n){return[0,0,0,n[0]]},C.gray.lab=function(n){return[n[0],0,0]},C.gray.hex=function(n){var t=255&Math.round(n[0]/100*255),e=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(e.length)+e},C.rgb.gray=function(n){return[(n[0]+n[1]+n[2])/3/255*100]};var I=w.exports;function z(n,t){return function(e){return t(n(e))}}function S(n,t){for(var e=[t[n].parent,n],r=I[t[n].parent][n],a=t[n].parent;t[a].parent;)e.unshift(t[a].parent),r=z(I[t[a].parent][a],r),a=t[a].parent;return r.conversion=e,r}var q=w.exports,$=function(n){for(var t=function(n){var t=function(){for(var n={},t=Object.keys(I),e=t.length,r=0;r<e;r++)n[t[r]]={distance:-1,parent:null};return n}(),e=[n];for(t[n].distance=0;e.length;)for(var r=e.pop(),a=Object.keys(I[r]),i=a.length,o=0;o<i;o++){var l=a[o],s=t[l];-1===s.distance&&(s.distance=t[r].distance+1,s.parent=r,e.unshift(l))}return t}(n),e={},r=Object.keys(t),a=r.length,i=0;i<a;i++){var o=r[i];null!==t[o].parent&&(e[o]=S(o,t))}return e},L={};Object.keys(q).forEach((function(n){L[n]={},Object.defineProperty(L[n],"channels",{value:q[n].channels}),Object.defineProperty(L[n],"labels",{value:q[n].labels});var t=$(n);Object.keys(t).forEach((function(e){var r=t[e];L[n][e]=function(n){var t=function(t){if(null==t)return t;arguments.length>1&&(t=Array.prototype.slice.call(arguments));var e=n(t);if("object"==typeof e)for(var r=e.length,a=0;a<r;a++)e[a]=Math.round(e[a]);return e};return"conversion"in n&&(t.conversion=n.conversion),t}(r),L[n][e].raw=function(n){var t=function(t){return null==t?t:(arguments.length>1&&(t=Array.prototype.slice.call(arguments)),n(t))};return"conversion"in n&&(t.conversion=n.conversion),t}(r)}))}));var E=o.exports,F=L,N=[].slice,D=["keyword","gray","hex"],T={};Object.keys(F).forEach((function(n){T[N.call(F[n].labels).sort().join("")]=n}));var _={};function R(n,t){if(!(this instanceof R))return new R(n,t);if(t&&t in D&&(t=null),t&&!(t in F))throw new Error("Unknown model: "+t);var e,r;if(null==n)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(n instanceof R)this.model=n.model,this.color=n.color.slice(),this.valpha=n.valpha;else if("string"==typeof n){var a=E.get(n);if(null===a)throw new Error("Unable to parse color from string: "+n);this.model=a.model,this.color=a.value.slice(0,r=F[this.model].channels),this.valpha="number"==typeof a.value[r]?a.value[r]:1}else if(n.length){this.model=t||"rgb";var i=N.call(n,0,r=F[this.model].channels);this.color=P(i,r),this.valpha="number"==typeof n[r]?n[r]:1}else if("number"==typeof n)n&=16777215,this.model="rgb",this.color=[n>>16&255,n>>8&255,255&n],this.valpha=1;else{this.valpha=1;var o=Object.keys(n);"alpha"in n&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof n.alpha?n.alpha:0);var l=o.sort().join("");if(!(l in T))throw new Error("Unable to parse color from object: "+JSON.stringify(n));this.model=T[l];var s=F[this.model].labels,u=[];for(e=0;e<s.length;e++)u.push(n[s[e]]);this.color=P(u)}if(_[this.model])for(r=F[this.model].channels,e=0;e<r;e++){var c=_[this.model][e];c&&(this.color[e]=c(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function B(n,t,e){return(n=Array.isArray(n)?n:[n]).forEach((function(n){(_[n]||(_[n]=[]))[t]=e})),n=n[0],function(r){var a;return arguments.length?(e&&(r=e(r)),(a=this[n]()).color[t]=r,a):(a=this[n]().color[t],e&&(a=e(a)),a)}}function U(n){return function(t){return Math.max(0,Math.min(n,t))}}function P(n,t){for(var e=0;e<t;e++)"number"!=typeof n[e]&&(n[e]=0);return n}R.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(n){var t=this.model in E.to?this:this.rgb(),e=1===(t=t.round("number"==typeof n?n:1)).valpha?t.color:t.color.concat(this.valpha);return E.to[t.model](e)},percentString:function(n){var t=this.rgb().round("number"==typeof n?n:1),e=1===t.valpha?t.color:t.color.concat(this.valpha);return E.to.rgb.percent(e)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var n={},t=F[this.model].channels,e=F[this.model].labels,r=0;r<t;r++)n[e[r]]=this.color[r];return 1!==this.valpha&&(n.alpha=this.valpha),n},unitArray:function(){var n=this.rgb().color;return n[0]/=255,n[1]/=255,n[2]/=255,1!==this.valpha&&n.push(this.valpha),n},unitObject:function(){var n=this.rgb().object();return n.r/=255,n.g/=255,n.b/=255,1!==this.valpha&&(n.alpha=this.valpha),n},round:function(n){return n=Math.max(n||0,0),new R(this.color.map(function(n){return function(t){return function(n,t){return Number(n.toFixed(t))}(t,n)}}(n)).concat(this.valpha),this.model)},alpha:function(n){return arguments.length?new R(this.color.concat(Math.max(0,Math.min(1,n))),this.model):this.valpha},red:B("rgb",0,U(255)),green:B("rgb",1,U(255)),blue:B("rgb",2,U(255)),hue:B(["hsl","hsv","hsl","hwb","hcg"],0,(function(n){return(n%360+360)%360})),saturationl:B("hsl",1,U(100)),lightness:B("hsl",2,U(100)),saturationv:B("hsv",1,U(100)),value:B("hsv",2,U(100)),chroma:B("hcg",1,U(100)),gray:B("hcg",2,U(100)),white:B("hwb",1,U(100)),wblack:B("hwb",2,U(100)),cyan:B("cmyk",0,U(100)),magenta:B("cmyk",1,U(100)),yellow:B("cmyk",2,U(100)),black:B("cmyk",3,U(100)),x:B("xyz",0,U(100)),y:B("xyz",1,U(100)),z:B("xyz",2,U(100)),l:B("lab",0,U(100)),a:B("lab",1),b:B("lab",2),keyword:function(n){return arguments.length?new R(n):F[this.model].keyword(this.color)},hex:function(n){return arguments.length?new R(n):E.to.hex(this.rgb().round().color)},rgbNumber:function(){var n=this.rgb().color;return(255&n[0])<<16|(255&n[1])<<8|255&n[2]},luminosity:function(){for(var n=this.rgb().color,t=[],e=0;e<n.length;e++){var r=n[e]/255;t[e]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(n){var t=this.luminosity(),e=n.luminosity();return t>e?(t+.05)/(e+.05):(e+.05)/(t+.05)},level:function(n){var t=this.contrast(n);return t>=7.1?"AAA":t>=4.5?"AA":""},isDark:function(){var n=this.rgb().color;return(299*n[0]+587*n[1]+114*n[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var n=this.rgb(),t=0;t<3;t++)n.color[t]=255-n.color[t];return n},lighten:function(n){var t=this.hsl();return t.color[2]+=t.color[2]*n,t},darken:function(n){var t=this.hsl();return t.color[2]-=t.color[2]*n,t},saturate:function(n){var t=this.hsl();return t.color[1]+=t.color[1]*n,t},desaturate:function(n){var t=this.hsl();return t.color[1]-=t.color[1]*n,t},whiten:function(n){var t=this.hwb();return t.color[1]+=t.color[1]*n,t},blacken:function(n){var t=this.hwb();return t.color[2]+=t.color[2]*n,t},grayscale:function(){var n=this.rgb().color,t=.3*n[0]+.59*n[1]+.11*n[2];return R.rgb(t,t,t)},fade:function(n){return this.alpha(this.valpha-this.valpha*n)},opaquer:function(n){return this.alpha(this.valpha+this.valpha*n)},rotate:function(n){var t=this.hsl(),e=t.color[0];return t.color[0]=e=(e=(e+n)%360)<0?360+e:e,t},mix:function(n,t){if(!n||!n.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof n);var e=n.rgb(),r=this.rgb(),a=void 0===t?.5:t,i=2*a-1,o=e.alpha()-r.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return R.rgb(l*e.red()+s*r.red(),l*e.green()+s*r.green(),l*e.blue()+s*r.blue(),e.alpha()*a+r.alpha()*(1-a))}},Object.keys(F).forEach((function(n){if(-1===D.indexOf(n)){var t=F[n].channels;R.prototype[n]=function(){if(this.model===n)return new R(this);if(arguments.length)return new R(arguments,n);var e,r="number"==typeof arguments[t]?t:this.valpha;return new R((e=F[this.model][n].raw(this.color),Array.isArray(e)?e:[e]).concat(r),n)},R[n]=function(e){return"number"==typeof e&&(e=P(N.call(arguments),t)),new R(e,n)}}}));var V=R,H=function(n,t,e){return n*(1-e)+t*e};const J={name:"color",test:n=>"string"==typeof n&&(n.indexOf("rgb")>=0||n.indexOf("#")>=0||n.indexOf("hsl")>=0||m.get.rgb(n)),initialize:(n,t)=>({data:{format:(n.indexOf("rgba")>=0?"rgba":n.indexOf("rgb")>=0&&"rgb")||n.indexOf("#")>=0&&"hex"||V(n).model},startValue:V(n).rgb(),destValue:V(t).rgb()}),interpolate(n,t,e,r){const a=H(n.color[0],t.color[0],e),i=H(n.color[1],t.color[1],e),o=H(n.color[2],t.color[2],e),l=H(n.valpha,t.valpha,e),s=V.rgb(a,i,o,l)["rgba"===r.format?"rgb":r.format]();return"string"==typeof s?s:s.string()}},Q=[{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}],Z=Q.map((()=>0)),K={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"},G={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},W=n=>K[n]||G[n],X=Object.keys(K),Y=n=>!("isConnected"in n)||n.isConnected,nn=(()=>{let n;return(...t)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let t of n.keys())n.set(t,n.get(t).filter(Y))})(...t)}),2e3)}})(),tn=n=>"function"==typeof n?n():n,en="funnel-gfx-wc::app-data",rn=(()=>{const n=((n,t=((n,t)=>n!==t))=>{const e=tn(n);let r=new Map(Object.entries(null!=e?e:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var t;r=new Map(Object.entries(null!==(t=tn(n))&&void 0!==t?t:{})),a.reset.forEach((n=>n()))},o=n=>(a.get.forEach((t=>t(n))),r.get(n)),l=(n,e)=>{const i=r.get(n);t(e,i,n)&&(r.set(n,e),a.set.forEach((t=>t(n,e,i))))},s="undefined"==typeof Proxy?{}:new Proxy(e,{get:(n,t)=>o(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,t)=>r.has(t),set:(n,t,e)=>(l(t,e),!0)}),u=(n,t)=>(a[n].push(t),()=>{((n,t)=>{const e=n.indexOf(t);e>=0&&(n[e]=n[n.length-1],n.length--)})(a[n],t)});return{state:s,get:o,set:l,on:u,onChange:(t,e)=>{const r=u("set",((n,r)=>{n===t&&e(r)})),a=u("reset",(()=>e(tn(n)[t])));return()=>{r(),a()}},use:(...n)=>{const t=n.reduce(((n,t)=>(t.set&&n.push(u("set",t.set)),t.get&&n.push(u("get",t.get)),t.reset&&n.push(u("reset",t.reset)),t.dispose&&n.push(u("dispose",t.dispose)),n)),[]);return()=>t.forEach((n=>n()))},dispose:()=>{a.dispose.forEach((n=>n())),i()},reset:i,forceUpdate:n=>{const t=r.get(n);a.set.forEach((e=>e(n,t,t)))}}})({count:0,pick:"bada55",values:[...Z]},void 0);return n.use((()=>{if("function"!=typeof t)return{};const n=new Map;return{dispose:()=>n.clear(),get:e=>{const r=t();r&&((n,t,e)=>{const r=n.get(t);r?r.includes(e)||r.push(e):n.set(t,[e])})(n,e,r)},set:t=>{const r=n.get(t);r&&n.set(t,r.filter(e)),nn(n)},reset:()=>{n.forEach((n=>n.forEach(e))),nn(n)}}})()),n})(),{state:an,onChange:on}=rn,ln=()=>{const{count:n,pick:t,values:e}=an;(n=>{const t=JSON.stringify(n);localStorage.setItem(en,t)})({count:n,pick:t,values:e})},sn={initApp:()=>{const n=(()=>{const n=localStorage.getItem(en);return n?JSON.parse(n):void 0})();if(n){const{count:t,pick:e,values:r}=n;an.count=t,an.pick=e,an.values=r}},refresh:()=>{const n=Z.map((()=>Math.floor(100*Math.random())));an.count=an.count+1,an.values=n,ln()},reset:()=>{an.count=0,an.values=[...Z],ln()},updatePick:n=>{an.pick=n,ln()}},un=t=>{const{actions:e,state:r}=t,{pick:i}=r;return n("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},X.map((t=>{const r=W(t),o=i==t;return n("div",{"aria-label":t,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{e.updatePick(t)}},n(a,{hex:r,selected:o,label:t}))})))},cn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"chevron-double-left"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},hn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"close"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},fn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"refresh"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},dn=t=>{const{actions:e,state:r}=t,{count:a}=r;return n("div",{class:"mb-10px mt-3 flex items-center"},n("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{e.refresh()}},n(fn,{label:"Refresh"})),n("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{e.reset()}},n(hn,{label:"Reset"})),n("span",{class:"flex items-center"},n(cn,{size:28}),n("span",{class:"italic"},"click a button... ",n("sup",null,a))))},bn=()=>n("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.0.8"),vn=t=>{const{state:e}=t,{values:r,pick:a,count:i}=e;return n("div",{class:"flex"},n("div",{class:"flex flex-col"},n("div",{class:"flex"},n("span",{class:"mr-10px font-bold"},"color:"),n("span",{class:"italic text-clrs-slate4"},a)),n("div",{class:"mt-5px flex"},n("span",{class:"mr-10px font-bold"},"sample:"),n("span",{class:"italic text-clrs-slate4"},`${i>0?r:"..."}`))),n(bn,null))};var gn={exports:{}};gn.exports=function(){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(t)}function t(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function e(n,e,r){return e&&t(n.prototype,e),r&&t(n,r),n}function r(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function a(n){return(a=Object.getPrototypeOf||function(n){return n.__proto__})(n)}function o(n,t){return(o=Object.setPrototypeOf||function(n,t){return n.__proto__=t,n})(n,t)}function l(n,t,e){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(n,t,e){var r=[null];r.push.apply(r,t);var a=new(n.bind.apply(n,r));return e&&o(a,e.prototype),a}).apply(null,arguments)}function s(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}var u=function(n,t,e){return n*(1-e)+t*e},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(n,t){return n(t={exports:{}},t.exports),t.exports}for(var f=h((function(n){var t=n.exports={Linear:{None:function(n){return n}},Quadratic:{In:function(n){return n*n},Out:function(n){return n*(2-n)},InOut:function(n){return(n*=2)<1?.5*n*n:-.5*(--n*(n-2)-1)}},Cubic:{In:function(n){return n*n*n},Out:function(n){return--n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n:.5*((n-=2)*n*n+2)}},Quartic:{In:function(n){return n*n*n*n},Out:function(n){return 1- --n*n*n*n},InOut:function(n){return(n*=2)<1?.5*n*n*n*n:-.5*((n-=2)*n*n*n-2)}},Quintic:{In:function(n){return n*n*n*n*n},Out:function(n){return--n*n*n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n*n*n:.5*((n-=2)*n*n*n*n+2)}},Sinusoidal:{In:function(n){return 1-Math.cos(n*Math.PI/2)},Out:function(n){return Math.sin(n*Math.PI/2)},InOut:function(n){return.5*(1-Math.cos(Math.PI*n))}},Exponential:{In:function(n){return 0===n?0:Math.pow(1024,n-1)},Out:function(n){return 1===n?1:1-Math.pow(2,-10*n)},InOut:function(n){return 0===n?0:1===n?1:(n*=2)<1?.5*Math.pow(1024,n-1):.5*(2-Math.pow(2,-10*(n-1)))}},Circular:{In:function(n){return 1-Math.sqrt(1-n*n)},Out:function(n){return Math.sqrt(1- --n*n)},InOut:function(n){return(n*=2)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1)}},Elastic:{In:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4))},Out:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*n)*Math.sin((n-t)*(2*Math.PI)/.4)+1)},InOut:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),(n*=2)<1?e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(n){return n*n*(2.70158*n-1.70158)},Out:function(n){return--n*n*(2.70158*n+1.70158)+1},InOut:function(n){var t=2.5949095;return(n*=2)<1?n*n*((t+1)*n-t)*.5:.5*((n-=2)*n*((t+1)*n+t)+2)}},Bounce:{In:function(n){return 1-t.Bounce.Out(1-n)},Out:function(n){return n<1/2.75?7.5625*n*n:n<2/2.75?7.5625*(n-=1.5/2.75)*n+.75:n<2.5/2.75?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375},InOut:function(n){return n<.5?.5*t.Bounce.In(2*n):.5*t.Bounce.Out(2*n-1)+.5}}}})),d=h((function(n){(function(){var t,e,r,a,i,o;"undefined"!=typeof performance&&null!==performance&&performance.now?n.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(n.exports=function(){return(t()-i)/1e6},e=process.hrtime,a=(t=function(){var n;return 1e9*(n=e())[0]+n[1]})(),o=1e9*process.uptime(),i=a-o):Date.now?(n.exports=function(){return Date.now()-r},r=Date.now()):(n.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(c)})),b="undefined"==typeof window?c:window,v=["moz","webkit"],g="AnimationFrame",p=b["request"+g],y=b["cancel"+g]||b["cancelRequest"+g],m=0;!p&&m<v.length;m++)p=b[v[m]+"Request"+g],y=b[v[m]+"Cancel"+g]||b[v[m]+"CancelRequest"+g];if(!p||!y){var w=0,k=0,M=[];p=function(n){if(0===M.length){var t=d(),e=Math.max(0,1e3/60-(t-w));w=e+t,setTimeout((function(){for(var n=M.slice(0),t=M.length=0;t<n.length;t++)if(!n[t].cancelled)try{n[t].callback(w)}catch(n){setTimeout((function(){throw n}),0)}}),Math.round(e))}return M.push({handle:++k,callback:n,cancelled:!1}),k},y=function(n){for(var t=0;t<M.length;t++)M[t].handle===n&&(M[t].cancelled=!0)}}var x=function(n){return p.call(b,n)};x.cancel=function(){y.apply(b,arguments)},x.polyfill=function(n){n||(n=b),n.requestAnimationFrame=p,n.cancelAnimationFrame=y};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),z=Symbol("completed"),S=Symbol("paused"),q=requestAnimationFrame||x,$=Date.now();!function n(){q(n),C=Date.now(),O=C-$;for(var t=0;t<j.length;t++)j[t][z]||j[t](O,Date.now()-j[t][I]);$=C}();var L=function(t){function i(t,e){var o,l,c;!function(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),r(s(s(l=!c||"object"!=typeof c&&"function"!=typeof c?s(this):c)),"update",(function(){var n=s(s(l))._updateValue;return function(t,e){l[z]||l[S]||(0===l.localTime&&l.emit("start",l.value,s(s(l))),n(l.ease(l.loopFunction.progress(Math.min(1,(e||l.localTime)/l.duration)))),l.emit("update",l.value,s(s(l)),t),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[z]=!0,l.emit("complete",l.value,s(s(l)))})),l.localTime+=t)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(n,e){return n||e&&e.test&&e.test(t)&&e}),!1),f=h&&h.name||("object"===n(t)?Array.isArray(t)?"array":"object":"number");if(h){var d=h.initialize(t,e);t=d.startValue,e=d.destValue,l.data=d.data}switch(Object.assign(s(s(l)),(r(o={duration:1e3,localTime:0,startValue:t,destValue:e,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(n){return n},value:"array"===f?[].concat(t):"object"===f?Object.assign({},t):t},z,!1),r(o,A,f),r(o,I,Date.now()),r(o,S,!1),o)),l[A]){case"number":l._updateValue=function(n){l.value=u(l.startValue,l.destValue,n)};break;case"array":var b=l.value.length,v=s(s(l)),g=v.startValue,p=v.destValue,y=v.value;l._updateValue=function(n){for(var t=0;t<b;t++)y[t]=u(g[t],p[t],n)};break;case"object":var m=Object.keys(l.startValue),w=m.length,k=s(s(l)),M=k.startValue,x=k.destValue,C=k.value;l._updateValue=function(n){for(var t=0;t<w;t++){var e=m[t];C[e]=u(M[e],x[e],n)}};break;default:l.plugin?l._updateValue=function(n){l.value=l.plugin.interpolate(l.startValue,l.destValue,n,l.data)}:(console.warn("Between: startValue type was unrecognized."),l._updateValue=function(){return null})}return j.push(l.update()),l}return e(i,null,[{key:"between",value:function(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];return l(i,t)}}]),e(i,[{key:"pause",value:function(){return this[S]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[S]=!1,this.emit("play",this.value,this,O),this}},{key:"easing",value:function(n){return this.ease=n,this}},{key:"time",value:function(n){return this.duration=n,this}},{key:"loop",value:function(){for(var n="__loop_".concat(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once"),t=arguments.length,e=new Array(1<t?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return this.loopFunction=n in this?Object.assign({},i.DEFAULT_LOOP,this[n].apply(this,e)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(n){var t=this,e=n;return this.times=0,{complete:function(n){t.localTime=0,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times}}}},{key:"__loop_bounce",value:function(n){var t=this,e=n,r=1;return this.times=0,{complete:function(n){t.localTime=0,r=-r,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times},progress:function(n){return 0<r?n:1-n}}}},{key:"isPaused",get:function(){return this[S]}}]),function(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");o(n.prototype,t&&t.prototype),t&&o(n,t)}(i,t),i}((function(n){var t={},e=[];(n=n||this).on=function(e,r,a){return(t[e]=t[e]||[]).push([r,a]),n},n.off=function(r,a){r||(t={});for(var i=t[r]||e,o=i.length=a?i.length:0;o--;)a==i[o][0]&&i.splice(o,1);return n},n.emit=function(r){for(var a,i=t[r]||e,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],e.slice.call(arguments,1));return n}}));return r(L,"DEFAULT_LOOP",{complete:function(n){return n()},progress:function(n){return n}}),L.Easing=f,L._plugins={},L}();const pn=gn.exports;pn._plugins.color=J;let yn,mn=[];const wn=W("white"),kn=W("bada55");let Mn,xn="#bada55",Cn=[0,0,0,0,0],On=[void 0,void 0,void 0,void 0,void 0];const jn=n=>{if(!yn)return;const t=xn,e=W(n);null!==t&&t!==e&&(Mn&&Mn.pause(),Mn=new pn(t,e).time(1e3).easing(pn.Easing.Cubic.InOut).on("update",(n=>{yn.forEach((t=>{t.setAttribute("fill",`${n}`)})),xn=n})))},An=n=>{yn&&yn.forEach(((t,e)=>{const r=mn[e],a=Cn[e],i=n[e];null!==a&&a!==i&&(On[e]&&On[e].pause(),On[e]=new pn(a,i).time(1e3).easing(pn.Easing.Cubic.InOut).on("update",(n=>{t.setAttribute("y",""+r*((100-n)/100)),Cn[e]=n})))}))},In=()=>{const t=Q.map((n=>(({id:n,height:t,width:e,x:r,y:a,drop:i})=>({id:n,height:t,width:e,x:r,y:a,maskId:`mask-${n}`,maskUri:`url('#mask-${n}')`,mask:`0.5,0.5,0.5,${t-.5},${e-.5},${t-i-.5},${e-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${r},${a})`,points:`0,0,0,${t},${e},${t-i},${e},${i}`}))(n))),e="currentColor";return mn=Array(t.length),yn=Array(t.length),n("div",{class:"funnel-gfx"},n("svg",{viewBox:"0 0 600 420"},n("desc",null,"Created with Snap"),n("defs",null,t.map((t=>n("mask",{id:t.maskId},n("polygon",{points:t.mask,fill:wn}))))),t.map(((t,r)=>{const{height:a,width:i,maskUri:o,matrix:l,points:s}=t;return mn[r]=a,n("g",{transform:l},n("polygon",{points:s,fill:wn,stroke:e}),n("rect",{ref:n=>yn[r]=n,x:"0",y:a,width:i,height:a,mask:o,fill:kn,stroke:e}))}))))},zn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"fingerprint"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},Sn="eswat2",qn=()=>n("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":Sn,target:"blank",title:Sn},n(zn,{label:"eswat2"})),$n=class{constructor(n){r(this,n),this.tag="funnel-app"}componentDidLoad(){on("pick",jn),on("values",An),sn.initApp()}render(){return n("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},n(qn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),n(In,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),n(dn,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:sn,state:an}),n(un,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:sn,state:an}),n("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),n(vn,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:an}))}};$n.style="/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */\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  .stroke-1 {\n    stroke-width: 1;\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  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\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{$n as funnel_app}

package/dist/funnel-gfx-wc/p-e28d9682.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=c.document||{head:{}},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){l(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}((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},M=(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].i+=o:r.push(i?P(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,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(A)},U=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),A=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},L=(t,e)=>null==t||g(t)?t:1&e?t+"":t,N=new WeakMap,T=t=>"sc-"+t.S,W=(t,e,n,l,i,s)=>{if(n===l)return;let r=o(t,e),u=e.toLowerCase();if("class"===e){const e=t.classList,o=F(n);let i=F(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,u)?u.slice(2):u[2]+e.slice(3),n||l){const o=e.endsWith(V);e=e.replace(q,""),n&&f.rel(t,e,n,o),l&&f.ael(t,e,l,o)}},H=/\s/,F=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(H):[]),V="Capture",q=RegExp(V+"$"),G=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},i=e.u||{};for(const t of _(Object.keys(l)))t in i||W(o,t,l[t],void 0,n,e.o);for(const t of _(Object.keys(i)))W(o,t,l[t],i[t],n,e.o)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var z=!1,B=(t,e,n)=>{const o=e.h[n];let l,i,s=0;if(null!==o.i)l=o.v=u.createTextNode(o.i);else{if(z||(z="svg"===o.m),l=o.v=u.createElementNS(z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),z&&"foreignObject"===o.m&&(z=!1),G(null,o,z),o.h)for(s=0;s<o.h.length;++s)i=B(t,o,s),i&&l.appendChild(i);"svg"===o.m?z=!1:"foreignObject"===l.tagName&&(z=!0)}return l["s-hn"]=E,l},I=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===E&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=B(null,n,l),s&&(o[l].v=s,Y(r,s,e)))},J=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;X(e),t&&t.remove()}}},K=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),Q=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,i=e.h,s=e.m,r=e.i;null===r?(G(t,e,z="svg"===s||"foreignObject"!==s&&z),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(K(d,m,l))Q(d,m,l),d=e[++r],m=o[++c];else if(K(h,v,l))Q(h,v,l),h=e[--a],v=o[--p];else if(K(d,v,l))Q(d,v,l),Y(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(K(h,m,l))Q(h,m,l),Y(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?(s=e[u],s.m!==m.m?i=B(e&&e[c],n,u):(Q(s,m,l),e[u]=void 0,i=s.v),m=o[++c]):(i=B(e&&e[c],n,c),m=o[++c]),i&&Y(d.v.parentNode,i,d.v)}r>a?I(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&J(e,r,a)})(o,l,e,i,n):null!==i?(null!==t.i&&(o.textContent=""),I(o,null,e,i,0,i.length-1)):!n&&null!==l&&J(l,0,l.length-1),z&&"svg"===s&&(z=!1)):t.i!==r&&(o.data=r)},X=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(X)},Y=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),Z=(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()})))}},tt=(t,e)=>{if(t.o|=16,!(4&t.o))return Z(t,t.O),$((()=>et(t,e)));t.o|=512},et=(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=at(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=nt(l,(()=>at(o,"componentWillRender",void 0,n))),nt(l,(()=>lt(t,o,e)))},nt=(t,e)=>ot(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),ot=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,lt=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=T(e),l=s.get(o);if(t=11===t.nodeType?t:u,l)if("string"==typeof l){let i,s=N.get(t=t.head||t);if(s||N.set(t,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||u.createElement("style"),i.innerHTML=l;const s=null!=(n=f.C)?n:S(u);if(null!=s&&i.setAttribute("nonce",s),!(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(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(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)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);st(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ct(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,st=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.k,i=t.M||P(null,null),s=(t=>t&&t.m===R)(e)?e:M(null,null,e);if(E=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=i.v=o.shadowRoot||o,Q(i,s,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return it=null,null},rt=()=>it,ct=t=>{const e=t.$hostElement$,n=t.t,o=t.O;at(n,"componentDidRender",void 0,e),64&t.o?at(n,"componentDidUpdate",void 0,e):(t.o|=64,dt(e),at(n,"componentDidLoad",void 0,e),t.P(e),o||ft()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>tt(t,!1))),t.o&=-517},ut=t=>{{const n=e(t),o=n.$hostElement$.isConnected;return o&&2==(18&n.o)&&tt(n,!1),o}},ft=()=>{b((()=>(t=>{const e=f.ce("appload",{detail:{namespace:"funnel-gfx-wc"}});return t.dispatchEvent(e),e})(c)))},at=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},dt=t=>t.classList.add("hydrated"),ht=(t,n,o,l)=>{const i=e(t);if(!i)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/ionic-team/stencil/issues/5457).`);const s=i.R.get(n),r=i.o,c=i.t;if(o=L(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;tt(i,!1)}},pt=(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(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,L(i,l)),void ht(this,t,i=32&l?this[t]:s.$hostElement$[t],n)}{if(!(1&o&&4096&n.D[t][0]))return ht(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]=L(i,l),ht(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){f.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(s&&!(8&s)&&128&s&&i!==l){const e=o.t,s=null==(r=n.A)?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.A)?i:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},mt=(t,e)=>{at(t,"connectedCallback",void 0,e)},vt=(t,e)=>{at(t,"disconnectedCallback",void 0,e||t)},yt=(t,n={})=>{var o;const a=[],h=n.exclude||[],p=c.customElements,m=u.head,v=m.querySelector("meta[charset]"),y=u.createElement("style"),w=[];let b,$=!0;Object.assign(f,n),f.l=new URL(n.resourcesUrl||"./",u.baseURI).href;let g=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],S:n[1],D:n[2],L:n[3]};4&o.o&&(g=!0),o.D=n[2];const r=o.S,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.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),$?w.push(this):f.jmp((()=>(t=>{if(!(1&f.o)){const n=e(t),o=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?mt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>mt(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){Z(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.S.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.S}#${e.T}" was not found`);o.isProxied||(pt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,r(),mt(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=T(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);d&&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=()=>tt(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,o)}r()}})(this)))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.o)){const n=e(t);(null==n?void 0:n.t)?vt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>vt(n.t,t)))}N.has(t)&&N.delete(t),t.shadowRoot&&N.has(t.shadowRoot)&&N.delete(t.shadowRoot)})(this))),f.raf((()=>{var t;const n=e(this),o=w.findIndex((t=>t===this));o>-1&&w.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.v)instanceof Node&&!n.M.v.isConnected&&delete n.M.v}))}componentOnReady(){return e(this).U}};o.N=t[0],h.includes(r)||p.get(r)||(a.push(r),p.define(r,pt(c,o,1)))}))})),a.length>0&&(g&&(y.textContent+=r),y.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const t=null!=(o=f.C)?o:S(u);null!=t&&y.setAttribute("nonce",t),m.insertBefore(y,v?v.nextSibling:m.firstChild)}$=!1,w.length?w.map((t=>t.connectedCallback())):f.jmp((()=>b=setTimeout(ft,30)))},wt=t=>f.C=t;export{yt as b,ut as f,rt as g,M as h,a as p,n as r,wt as s}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "funnel-gfx-wc",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "prototype -- a simple SVG demo built with Stencil and Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,17 +27,17 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.26.0",
+    "@stencil/core": "4.27.0",
     "@stencil/store": "2.0.16",
     "between.js": "0.1.2-fix.2"
   },
   "devDependencies": {
     "autoprefixer": "10.4.20",
     "concurrently": "9.1.2",
-    "cspell": "8.17.4",
-    "eslint": "9.20.1",
+    "cspell": "8.17.5",
+    "eslint": "9.21.0",
     "postcss": "8.5.3",
-    "prettier": "3.5.1",
+    "prettier": "3.5.2",
     "prettier-plugin-tailwindcss": "0.6.11",
     "proto-tailwindcss-clrs": "0.0.410",
     "tailwindcss": "4.0.8",

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

@@ -1,2 +0,0 @@
-var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),o=(t,n)=>{e.set(n.t=t,n)},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=u.document||{head:{}},a={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)},h=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),p=!1,m=[],y=[],v=(t,e)=>n=>{t.push(n),p||(p=!0,e&&4&a.o?b($):a.raf($))},w=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},$=()=>{w(m),w(y),(p=m.length>0)&&a.raf($)},b=t=>h().then(t),g=v(y,!0),S=t=>"object"==(t=typeof t)||"function"===t;function j(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:()=>k,map:()=>E,ok:()=>O,unwrap:()=>x,unwrapErr:()=>M});var O=t=>({isOk:!0,isErr:!1,value:t}),k=t=>({isOk:!1,isErr:!0,value:t});function E(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return k(t.value);throw"should never get here"}var C,x=t=>{if(t.isOk)return t.value;throw t.value},M=t=>{if(t.isErr)return t.value;throw t.value},P=(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&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(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,R);const u=A(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},A=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),N={},R={forEach:(t,e)=>t.map(T).forEach(e),map:(t,e)=>t.map(T).map(e).map(D)},T=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),D=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),P(t.vtag,e,...t.vchildren||[])}const e=A(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},H=(t,e)=>null==t||S(t)?t:1&e?t+"":t,L=new WeakMap,U=t=>"sc-"+t.S,F=(t,e,n,o,s,i)=>{if(n!==o){let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=W(n);let s=W(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=S(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&&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&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}}},V=/\s/,W=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(V):[]),q="Capture",G=RegExp(q+"$"),_=(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 z(Object.keys(l)))t in s||F(o,t,l[t],void 0,n,e.o);for(const t of z(Object.keys(s)))F(o,t,l[t],s[t],n,e.o)};function z(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,I=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(B||(B="svg"===o.m),l=o.v=f.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),B&&"foreignObject"===o.m&&(B=!1),_(null,o,B),o.h)for(i=0;i<o.h.length;++i)s=I(t,o,i),s&&l.appendChild(s);"svg"===o.m?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=C,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=I(null,n,l),i&&(o[l].v=i,Z(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;Y(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?(_(t,e,B="svg"===i||"foreignObject"!==i&&B),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,h=e[0],d=e[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==h)h=e[++r];else if(null==d)d=e[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(Q(h,m,l))X(h,m,l),h=e[++r],m=o[++c];else if(Q(d,y,l))X(d,y,l),d=e[--a],y=o[--p];else if(Q(h,y,l))X(h,y,l),Z(t,h.v,d.v.nextSibling),h=e[++r],y=o[--p];else if(Q(d,m,l))X(d,m,l),Z(t,d.v,h.v),d=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=I(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=I(e&&e[c],n,c),m=o[++c]),s&&Z(h.v.parentNode,s,h.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),B&&"svg"===i&&(B=!1)):t.i!==r&&(o.data=r)},Y=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(Y)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(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()})))}},et=(t,e)=>{if(t.o|=16,!(4&t.o))return tt(t,t.O),g((()=>nt(t,e)));t.o|=512},nt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.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`);return ot(void 0,(()=>st(t,n,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=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=U(e),l=r.get(o);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let s,i=L.get(t=t.head||t);if(i||L.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const i=null!=(n=a.C)?n:j(f);if(null!=i&&s.setAttribute("nonce",i),!(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&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);rt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ut(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,rt=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.k,s=t.M||A(null,null),i=(t=>t&&t.m===N)(e)?e:P(null,null,e);if(C=o.tagName,n&&i.u)for(const t of Object.keys(i.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.u[t]=o[t]);i.m=null,i.o|=4,t.M=i,i.v=s.v=o.shadowRoot||o,X(s,i,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return it=null,null},ct=()=>it,ut=t=>{const e=t.$hostElement$,n=t.t,o=t.O;64&t.o||(t.o|=64,dt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||at()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>et(t,!1))),t.o&=-517},ft=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&et(e,!1),o}},at=()=>{b((()=>(t=>{const e=a.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)}},dt=t=>t.classList.add("hydrated"),pt=(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/ionic-team/stencil/issues/5457).`);const i=s.A.get(e),r=s.o,c=s.t;o=H(o,l.N[e][0]),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.A.set(e,o),c&&2==(18&r)&&et(s,!1))},mt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.N){const r=Object.entries(null!=(l=e.N)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.N[t][0]|=2048),r&&(e.N[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.N[t][0]))return((t,e)=>n(this).A.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.A.get(t)?s=i.A.get(t):!i.A.get(t)&&n&&i.A.set(t,n),r.call(this,H(s,l)),void pt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.N[t][0]))return pt(this,t,s,e),void(1&o&&!i.t&&i.R.then((()=>{4096&e.N[t][0]&&i.t[t]!==i.A.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.A.get(t)&&n&&i.A.set(t,n),i.t[t]=H(s,l),pt(this,t,i.t[t],e)};i.t?n():i.R.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.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.T)?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.T)?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,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=f.head,v=y.querySelector("meta[charset]"),w=f.createElement("style"),$=[];let b,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((o=>{const l={o:o[0],S:o[1],N:o[2],D:o[3]};4&l.o&&(S=!0),l.N=o[2];const c=l.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const o={o:0,$hostElement$:t,k:n,A:new Map};o.R=new Promise((t=>o.P=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,o)})(t=this,l),1&l.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)||(null==e?void 0:e.R)&&e.R.then((()=>{}));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.O=n);break}}o.N&&Object.entries(o.N).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.H){const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.H;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||(mt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,r()}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=U(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=()=>et(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.o)){const e=n(t);(null==e?void 0:e.t)||(null==e?void 0:e.R)&&e.R.then((()=>{}))}L.has(t)&&L.delete(t),t.shadowRoot&&L.has(t.shadowRoot)&&L.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=n(this),o=$.findIndex((t=>t===this));o>-1&&$.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).R}};l.H=t[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,mt(u,l,1)))}))})),h.length>0&&(S&&(w.textContent+=c),w.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const t=null!=(l=a.C)?l:j(f);null!=t&&w.setAttribute("nonce",t),y.insertBefore(w,v?v.nextSibling:y.firstChild)}g=!1,$.length?$.map((t=>t.connectedCallback())):a.jmp((()=>b=setTimeout(at,30)))},vt=t=>a.C=t;export{yt as b,ft as f,ct as g,P as h,h as p,o as r,vt as s}