funnel-gfx-wc 0.0.585 → 0.0.587

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

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

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-944b24ce.js');
+const index = require('./index-4991bd2d.js');
 
 /*
- Stencil Client Patch Browser v4.0.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.3 | MIT Licensed | https://stenciljs.com
  */
 const 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-944b24ce.js → index-4991bd2d.js}

@@ -364,6 +364,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -876,12 +891,39 @@ const nullifyVNodeRefs = (vNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -970,6 +1012,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -981,7 +1033,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -1005,7 +1057,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         renderingRef = instance;
         instance = instance.render() ;
@@ -1021,7 +1085,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1302,6 +1366,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1340,12 +1406,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-944b24ce.js');
+const index = require('./index-4991bd2d.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.0.2",
+    "version": "4.0.3",
     "typescriptVersion": "5.0.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-73321dc8.js';
+import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-19c2e56a.js';
 
 const Radio = props => {
   const hex = props.hex || 'currentColor';

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

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-73321dc8.js';
-export { s as setNonce } from './index-73321dc8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-19c2e56a.js';
+export { s as setNonce } from './index-19c2e56a.js';
 
 /*
- Stencil Client Patch Browser v4.0.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/{index-73321dc8.js → index-19c2e56a.js}

@@ -342,6 +342,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -854,12 +869,39 @@ const nullifyVNodeRefs = (vNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -948,6 +990,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -959,7 +1011,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -983,7 +1035,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         renderingRef = instance;
         instance = instance.render() ;
@@ -999,7 +1063,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1280,6 +1344,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1318,12 +1384,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-73321dc8.js';
-export { s as setNonce } from './index-73321dc8.js';
+import { b as bootstrapLazy } from './index-19c2e56a.js';
+export { s as setNonce } from './index-19c2e56a.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -1 +1 @@
-import{p,b as t}from"./p-6241795b.js";export{s as setNonce}from"./p-6241795b.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),p(t)})().then((p=>t([["p-728d114f",[[1,"funnel-app",{tag:[1]}]]]],p)));
+import{p as a,b as p}from"./p-3b358a8d.js";export{s as setNonce}from"./p-3b358a8d.js";(()=>{const p=import.meta.url,s={};return""!==p&&(s.resourcesUrl=new URL(".",p).href),a(s)})().then((a=>p([["p-735ac645",[[1,"funnel-app",{tag:[1]}]]]],a)));

package/dist/funnel-gfx-wc/p-3b358a8d.js

@@ -0,0 +1,2 @@
+let n,t,e=!1,l=null,o=!1;const s={},i=n=>"object"==(n=typeof n)||"function"===n;function c(n){var t,e,l;return null!==(l=null===(e=null===(t=n.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const r=(n,t,...e)=>{let l=null,o=!1,s=!1;const c=[],r=t=>{for(let e=0;e<t.length;e++)l=t[e],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof n&&!i(l))&&(l+=""),o&&s?c[c.length-1].t+=l:c.push(o?u(null,l):l),s=o)};if(r(e),t){const n=t.className||t.class;n&&(t.class="object"!=typeof n?n:Object.keys(n).filter((t=>n[t])).join(" "))}if("function"==typeof n)return n(null===t?{}:t,c,f);const a=u(n,null);return a.l=t,c.length>0&&(a.o=c),a},u=(n,t)=>({i:0,u:n,t,h:null,o:null,l:null}),a={},f={forEach:(n,t)=>n.map(d).forEach(t),map:(n,t)=>n.map(d).map(t).map(y)},d=n=>({vattrs:n.l,vchildren:n.o,vkey:n.p,vname:n.v,vtag:n.u,vtext:n.t}),y=n=>{if("function"==typeof n.vtag){const t=Object.assign({},n.vattrs);return n.vkey&&(t.key=n.vkey),n.vname&&(t.name=n.vname),r(n.vtag,t,...n.vchildren||[])}const t=u(n.vtag,n.vtext);return t.l=n.vattrs,t.o=n.vchildren,t.p=n.vkey,t.v=n.vname,t},h=new WeakMap,p=n=>"sc-"+n.m,v=(n,t,e,l,o,s)=>{if(e!==l){let c=G(n,t),r=t.toLowerCase();if("class"===t){const t=n.classList,o=$(e),s=$(l);t.remove(...o.filter((n=>n&&!s.includes(n)))),t.add(...s.filter((n=>n&&!o.includes(n))))}else if("ref"===t)l&&l(n);else if(c||"o"!==t[0]||"n"!==t[1]){const r=i(l);if((c||r&&null!==l)&&!o)try{if(n.tagName.includes("-"))n[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=e&&n[t]==o||(n[t]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(t)||n.removeAttribute(t):(!c||4&s||o)&&!r&&n.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):G(X,r)?r.slice(2):r[2]+t.slice(3),e&&Z.rel(n,t,e,!1),l&&Z.ael(n,t,l,!1)}},m=/\s/,$=n=>n?n.split(m):[],w=(n,t,e,l)=>{const o=11===t.h.nodeType&&t.h.host?t.h.host:t.h,i=n&&n.l||s,c=t.l||s;for(l in i)l in c||v(o,l,i[l],void 0,e,t.i);for(l in c)v(o,l,i[l],c[l],e,t.i)},b=(t,l,o)=>{const s=l.o[o];let i,c,r=0;if(null!==s.t)i=s.h=Y.createTextNode(s.t);else{if(e||(e="svg"===s.u),i=s.h=Y.createElementNS(e?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.u),e&&"foreignObject"===s.u&&(e=!1),w(null,s,e),null!=n&&i["s-si"]!==n&&i.classList.add(i["s-si"]=n),s.o)for(r=0;r<s.o.length;++r)c=b(t,s,r),c&&i.appendChild(c);"svg"===s.u?e=!1:"foreignObject"===i.tagName&&(e=!0)}return i},g=(n,e,l,o,s,i)=>{let c,r=n;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=b(null,l,s),c&&(o[s].h=c,r.insertBefore(c,e)))},j=(n,t,e)=>{for(let l=t;l<=e;++l){const t=n[l];if(t){const n=t.h;k(t),n&&n.remove()}}},S=(n,t)=>n.u===t.u,O=(n,t)=>{const l=t.h=n.h,o=n.o,s=t.o,i=t.u,c=t.t;null===c?(e="svg"===i||"foreignObject"!==i&&e,w(n,t,e),null!==o&&null!==s?((n,t,e,l)=>{let o,s=0,i=0,c=t.length-1,r=t[0],u=t[c],a=l.length-1,f=l[0],d=l[a];for(;s<=c&&i<=a;)null==r?r=t[++s]:null==u?u=t[--c]:null==f?f=l[++i]:null==d?d=l[--a]:S(r,f)?(O(r,f),r=t[++s],f=l[++i]):S(u,d)?(O(u,d),u=t[--c],d=l[--a]):S(r,d)?(O(r,d),n.insertBefore(r.h,u.h.nextSibling),r=t[++s],d=l[--a]):S(u,f)?(O(u,f),n.insertBefore(u.h,r.h),u=t[--c],f=l[++i]):(o=b(t&&t[i],e,i),f=l[++i],o&&r.h.parentNode.insertBefore(o,r.h));s>c?g(n,null==l[a+1]?null:l[a+1].h,e,l,i,a):i>a&&j(t,s,c)})(l,o,t,s):null!==s?(null!==n.t&&(l.textContent=""),g(l,null,t,s,0,s.length-1)):null!==o&&j(o,0,o.length-1),e&&"svg"===i&&(e=!1)):n.t!==c&&(l.data=c)},k=n=>{n.l&&n.l.ref&&n.l.ref(null),n.o&&n.o.map(k)},M=(n,t)=>{t&&!n.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>n.$=t)))},x=(n,t)=>{if(n.i|=16,!(4&n.i))return M(n,n.g),un((()=>C(n,t)));n.i|=512},C=(n,t)=>{const e=n.j;return P(void 0,(()=>L(n,e,t)))},P=(n,t)=>E(n)?n.then(t):t(),E=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,L=async(n,t,e)=>{var l;const o=n.S,s=o["s-rc"];e&&(n=>{const t=n.O,e=n.S,l=t.i,o=((n,t)=>{var e;const l=p(t),o=Q.get(l);if(n=11===n.nodeType?n:Y,o)if("string"==typeof o){let t,s=h.get(n=n.head||n);if(s||h.set(n,s=new Set),!s.has(l)){{t=Y.createElement("style"),t.innerHTML=o;const l=null!==(e=Z.k)&&void 0!==e?e:c(Y);null!=l&&t.setAttribute("nonce",l),n.insertBefore(t,n.querySelector("link"))}s&&s.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),t);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(n);N(n,t,o,e),s&&(s.map((n=>n())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],e=()=>A(n);0===t.length?e():(Promise.all(t).then(e),n.i|=4,t.length=0)}},N=(e,o,s,i)=>{try{l=o,o=o.render(),e.i&=-17,e.i|=2,((e,l,o=!1)=>{const s=e.S,i=e.M||u(null,null),c=(n=>n&&n.u===a)(l)?l:r(null,null,l);if(t=s.tagName,o&&c.l)for(const n of Object.keys(c.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(c.l[n]=s[n]);c.u=null,c.i|=4,e.M=c,c.h=i.h=s.shadowRoot||s,n=s["s-sc"],O(i,c)})(e,o,i)}catch(n){I(n,e.S)}return l=null,null},T=()=>l,A=n=>{const t=n.S,e=n.j,l=n.g;64&n.i||(n.i|=64,q(t),W(e,"componentDidLoad"),n.C(t),l||U()),n.$&&(n.$(),n.$=void 0),512&n.i&&rn((()=>x(n,!1))),n.i&=-517},R=n=>{{const t=_(n),e=t.S.isConnected;return e&&2==(18&t.i)&&x(t,!1),e}},U=()=>{q(Y.documentElement),rn((()=>(n=>{const t=Z.ce("appload",{detail:{namespace:"funnel-gfx-wc"}});return n.dispatchEvent(t),t})(X)))},W=(n,t,e)=>{if(n&&n[t])try{return n[t](e)}catch(n){I(n)}},q=n=>n.classList.add("hydrated"),D=(n,t,e)=>{if(t.P){const l=Object.entries(t.P),o=n.prototype;if(l.map((([n,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(o,n,{get(){return((n,t)=>_(this).L.get(t))(0,n)},set(e){((n,t,e,l)=>{const o=_(n),s=o.L.get(t),c=o.i,r=o.j;e=((n,t)=>null==n||i(n)?n:1&t?n+"":n)(e,l.P[t][0]),8&c&&void 0!==s||e===s||Number.isNaN(s)&&Number.isNaN(e)||(o.L.set(t,e),r&&2==(18&c)&&x(o,!1))})(this,n,e,t)},configurable:!0,enumerable:!0})})),1&e){const t=new Map;o.attributeChangedCallback=function(n,e,l){Z.jmp((()=>{const e=t.get(n);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},n.observedAttributes=l.filter((([n,t])=>15&t[0])).map((([n,e])=>{const l=e[1]||n;return t.set(l,n),l}))}}return n},F=(n,t={})=>{var e;const l=[],o=t.exclude||[],s=X.customElements,i=Y.head,r=i.querySelector("meta[charset]"),u=Y.createElement("style"),a=[];let f,d=!0;Object.assign(Z,t),Z.N=new URL(t.resourcesUrl||"./",Y.baseURI).href,n.map((n=>{n[1].map((t=>{const e={i:t[0],m:t[1],P:t[2],T:t[3]};e.P=t[2];const i=e.m,c=class extends HTMLElement{constructor(n){super(n),B(n=this,e),1&e.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Z.jmp((()=>(n=>{if(0==(1&Z.i)){const t=_(n),e=t.O,l=()=>{};if(1&t.i)(null==t?void 0:t.j)||(null==t?void 0:t.A)&&t.A.then((()=>{}));else{t.i|=1;{let e=n;for(;e=e.parentNode||e.host;)if(e["s-p"]){M(t,t.g=e);break}}e.P&&Object.entries(e.P).map((([t,[e]])=>{if(31&e&&n.hasOwnProperty(t)){const e=n[t];delete n[t],n[t]=e}})),(async(n,t,e,l,o)=>{if(0==(32&t.i)){t.i|=32;{if((o=K(e)).then){const n=()=>{};o=await o,n()}o.isProxied||(D(o,e,2),o.isProxied=!0);const n=()=>{};t.i|=8;try{new o(t)}catch(n){I(n)}t.i&=-9,n()}if(o.style){let n=o.style;const t=p(e);if(!Q.has(t)){const l=()=>{};((n,t,e)=>{let l=Q.get(n);tn&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,Q.set(n,l)})(t,n,!!(1&e.i)),l()}}}const s=t.g,i=()=>x(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,e)}l()}})(this)))}disconnectedCallback(){Z.jmp((()=>(async()=>{if(0==(1&Z.i)){const n=_(this);(null==n?void 0:n.j)||(null==n?void 0:n.A)&&n.A.then((()=>{}))}})()))}componentOnReady(){return _(this).A}};e.R=n[0],o.includes(i)||s.get(i)||(l.push(i),s.define(i,D(c,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(e=Z.k)&&void 0!==e?e:c(Y);null!=n&&u.setAttribute("nonce",n),i.insertBefore(u,r?r.nextSibling:i.firstChild)}d=!1,a.length?a.map((n=>n.connectedCallback())):Z.jmp((()=>f=setTimeout(U,30)))},H=n=>Z.k=n,V=new WeakMap,_=n=>V.get(n),z=(n,t)=>V.set(t.j=n,t),B=(n,t)=>{const e={i:0,S:n,O:t,L:new Map};return e.A=new Promise((n=>e.C=n)),n["s-p"]=[],n["s-rc"]=[],V.set(n,e)},G=(n,t)=>t in n,I=(n,t)=>(0,console.error)(n,t),J=new Map,K=n=>{const t=n.m.replace(/-/g,"_"),e=n.R,l=J.get(e);return l?l[t]:import(`./${e}.entry.js`).then((n=>(J.set(e,n),n[t])),I)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Q=new Map,X="undefined"!=typeof window?window:{},Y=X.document||{head:{}},Z={i:0,N:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,e,l)=>n.addEventListener(t,e,l),rel:(n,t,e,l)=>n.removeEventListener(t,e,l),ce:(n,t)=>new CustomEvent(n,t)},nn=n=>Promise.resolve(n),tn=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),en=[],ln=[],on=(n,t)=>e=>{n.push(e),o||(o=!0,t&&4&Z.i?rn(cn):Z.raf(cn))},sn=n=>{for(let t=0;t<n.length;t++)try{n[t](performance.now())}catch(n){I(n)}n.length=0},cn=()=>{sn(en),sn(ln),(o=en.length>0)&&Z.raf(cn)},rn=n=>nn().then(n),un=on(ln,!0);export{F as b,R as f,T as g,r as h,nn as p,z as r,H as s}

package/dist/funnel-gfx-wc/{p-728d114f.entry.js → p-735ac645.entry.js}

@@ -1 +1 @@
-import{h as t,g as e,f as r,r as n}from"./p-6241795b.js";const a=e=>{const r=e.hex||"currentColor",n=e.selected||!1,a=e.size||24;return t("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:r},t("path",n?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))};var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(t,e,r){return t(r={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},r.exports),r.exports}var l={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]},s=o((function(t){var e=Array.prototype.concat,r=Array.prototype.slice,n=t.exports=function(t){for(var n,a=[],i=0,o=t.length;i<o;i++){var l=t[i];(n=l)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,r.call(l)):a.push(l)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),u=o((function(t){var e=Object.hasOwnProperty,r=Object.create(null);for(var n in l)e.call(l,n)&&(r[l[n]]=n);var a=t.exports={to:{},get:{}};function i(t,e,r){return Math.min(Math.max(e,t),r)}function o(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}a.get=function(t){var e,r;switch(t.substring(0,3).toLowerCase()){case"hsl":e=a.get.hsl(t),r="hsl";break;case"hwb":e=a.get.hwb(t),r="hwb";break;default:e=a.get.rgb(t),r="rgb"}return e?{model:r,value:e}:null},a.get.rgb=function(t){if(!t)return null;var r,n,a,o=[0,0,0,1];if(r=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=r[2],r=r[1],n=0;n<3;n++){var s=2*n;o[n]=parseInt(r.slice(s,s+2),16)}a&&(o[3]=parseInt(a,16)/255)}else if(r=t.match(/^#([a-f0-9]{3,4})$/i)){for(a=(r=r[1])[3],n=0;n<3;n++)o[n]=parseInt(r[n]+r[n],16);a&&(o[3]=parseInt(a+a,16)/255)}else if(r=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)o[n]=parseInt(r[n+1],0);r[4]&&(o[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}else{if(!(r=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(r=t.match(/^(\w+)$/))?"transparent"===r[1]?[0,0,0,0]:e.call(l,r[1])?((o=l[r[1]])[3]=1,o):null:null;for(n=0;n<3;n++)o[n]=Math.round(2.55*parseFloat(r[n+1]));r[4]&&(o[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}for(n=0;n<3;n++)o[n]=i(o[n],0,255);return o[3]=i(o[3],0,1),o},a.get.hsl=function(t){if(!t)return null;var e=t.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(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(r)?1:r,0,1)]}return null},a.get.hwb=function(t){if(!t)return null;var e=t.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(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(r)?1:r,0,1)]}return null},a.to.hex=function(){var t=s(arguments);return"#"+o(t[0])+o(t[1])+o(t[2])+(t[3]<1?o(Math.round(255*t[3])):"")},a.to.rgb=function(){var t=s(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},a.to.rgb.percent=function(){var t=s(arguments),e=Math.round(t[0]/255*100),r=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+r+"%, "+n+"%)":"rgba("+e+"%, "+r+"%, "+n+"%, "+t[3]+")"},a.to.hsl=function(){var t=s(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},a.to.hwb=function(){var t=s(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},a.to.keyword=function(t){return r[t.slice(0,3)]}})),c={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]},h=o((function(t){var e={};for(var r in c)c.hasOwnProperty(r)&&(e[c[r]]=r);var n=t.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 a in n)if(n.hasOwnProperty(a)){if(!("channels"in n[a]))throw new Error("missing channels property: "+a);if(!("labels"in n[a]))throw new Error("missing channel labels property: "+a);if(n[a].labels.length!==n[a].channels)throw new Error("channel and label counts mismatch: "+a);var i=n[a].channels,o=n[a].labels;delete n[a].channels,delete n[a].labels,Object.defineProperty(n[a],"channels",{value:i}),Object.defineProperty(n[a],"labels",{value:o})}n.rgb.hsl=function(t){var e,r,n=t[0]/255,a=t[1]/255,i=t[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),s=l-o;return l===o?e=0:n===l?e=(a-i)/s:a===l?e=2+(i-n)/s:i===l&&(e=4+(n-a)/s),(e=Math.min(60*e,360))<0&&(e+=360),r=(o+l)/2,[e,100*(l===o?0:r<=.5?s/(l+o):s/(2-l-o)),100*r]},n.rgb.hsv=function(t){var e,r,n,a,i,o=t[0]/255,l=t[1]/255,s=t[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(t){return(u-t)/6/c+.5};return 0===c?a=i=0:(i=c/u,e=h(o),r=h(l),n=h(s),o===u?a=n-r:l===u?a=1/3+e-n:s===u&&(a=2/3+r-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},n.rgb.hwb=function(t){var e=t[0],r=t[1],a=t[2];return[n.rgb.hsl(t)[0],1/255*Math.min(e,Math.min(r,a))*100,100*(a=1-1/255*Math.max(e,Math.max(r,a)))]},n.rgb.cmyk=function(t){var e,r=t[0]/255,n=t[1]/255,a=t[2]/255;return[100*((1-r-(e=Math.min(1-r,1-n,1-a)))/(1-e)||0),100*((1-n-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},n.rgb.keyword=function(t){var r=e[t];if(r)return r;var n,a,i,o=1/0;for(var l in c)if(c.hasOwnProperty(l)){var s=(a=t,i=c[l],Math.pow(a[0]-i[0],2)+Math.pow(a[1]-i[1],2)+Math.pow(a[2]-i[2],2));s<o&&(o=s,n=l)}return n},n.keyword.rgb=function(t){return c[t]},n.rgb.xyz=function(t){var e=t[0]/255,r=t[1]/255,n=t[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*r+.0722*n),100*(.0193*e+.1192*r+.9505*n)]},n.rgb.lab=function(t){var e=n.rgb.xyz(t),r=e[0],a=e[1],i=e[2];return a/=100,i/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(r-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(t){var e,r,n,a,i,o=t[0]/360,l=t[1]/100,s=t[2]/100;if(0===l)return[i=255*s,i,i];e=2*s-(r=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(n=o+1/3*-(u-1))<0&&n++,n>1&&n--,a[u]=255*(i=6*n<1?e+6*(r-e)*n:2*n<1?r:3*n<2?e+(r-e)*(2/3-n)*6:e);return a},n.hsl.hsv=function(t){var e=t[0],r=t[1]/100,n=t[2]/100,a=r,i=Math.max(n,.01);return r*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[e,100*(0===n?2*a/(i+a):2*r/(n+r)),(n+r)/2*100]},n.hsv.rgb=function(t){var e=t[0]/60,r=t[1]/100,n=t[2]/100,a=Math.floor(e)%6,i=e-Math.floor(e),o=255*n*(1-r),l=255*n*(1-r*i),s=255*n*(1-r*(1-i));switch(n*=255,a){case 0:return[n,s,o];case 1:return[l,n,o];case 2:return[o,n,s];case 3:return[o,l,n];case 4:return[s,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(t){var e,r,n,a=t[0],i=t[1]/100,o=t[2]/100,l=Math.max(o,.01);return n=(2-i)*o,r=i*l,[a,100*(r=(r/=(e=(2-i)*l)<=1?e:2-e)||0),100*(n/=2)]},n.hwb.rgb=function(t){var e,r,n,a,i,o,l,s=t[0]/360,u=t[1]/100,c=t[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),n=6*s-(e=Math.floor(6*s)),0!=(1&e)&&(n=1-n),a=u+n*((r=1-c)-u),e){default:case 6:case 0:i=r,o=a,l=u;break;case 1:i=a,o=r,l=u;break;case 2:i=u,o=r,l=a;break;case 3:i=u,o=a,l=r;break;case 4:i=a,o=u,l=r;break;case 5:i=r,o=u,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(t){var e=t[1]/100,r=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n))]},n.xyz.rgb=function(t){var e,r,n,a=t[0]/100,i=t[1]/100,o=t[2]/100;return r=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,e=(e=3.2406*a+-1.5372*i+-.4986*o)>.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,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(t){var e=t[0],r=t[1],n=t[2];return r/=100,n/=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-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(t){var e,r,n;e=t[1]/500+(r=(t[0]+16)/116),n=r-t[2]/200;var a=Math.pow(r,3),i=Math.pow(e,3),o=Math.pow(n,3);return r=a>.008856?a:(r-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[e*=95.047,r*=100,n*=108.883]},n.lab.lch=function(t){var e,r=t[0],n=t[1],a=t[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[r,Math.sqrt(n*n+a*a),e]},n.lch.lab=function(t){var e,r=t[1];return e=t[2]/360*2*Math.PI,[t[0],r*Math.cos(e),r*Math.sin(e)]},n.rgb.ansi16=function(t){var e=t[0],r=t[1],a=t[2],i=1 in arguments?arguments[1]:n.rgb.hsv(t)[2];if(0===(i=Math.round(i/50)))return 30;var o=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(e/255));return 2===i&&(o+=60),o},n.hsv.ansi16=function(t){return n.rgb.ansi16(n.hsv.rgb(t),t[2])},n.rgb.ansi256=function(t){var e=t[0],r=t[1],n=t[2];return e===r&&r===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(r/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(t){var e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),[e=e/10.5*255,e,e];var r=.5*(1+~~(t>50));return[(1&e)*r*255,(e>>1&1)*r*255,(e>>2&1)*r*255]},n.ansi256.rgb=function(t){if(t>=232){var e=10*(t-232)+8;return[e,e,e]}var r;return t-=16,[Math.floor(t/36)/5*255,Math.floor((r=t%36)/6)/5*255,r%6/5*255]},n.rgb.hex=function(t){var e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.hex.rgb=function(t){var e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var r=e[0];3===e[0].length&&(r=r.split("").map((function(t){return t+t})).join(""));var n=parseInt(r,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(t){var e,r=t[0]/255,n=t[1]/255,a=t[2]/255,i=Math.max(Math.max(r,n),a),o=Math.min(Math.min(r,n),a),l=i-o;return e=l<=0?0:i===r?(n-a)/l%6:i===n?2+(a-r)/l:4+(r-n)/l+4,e/=6,[360*(e%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(t){var e,r=t[1]/100,n=t[2]/100,a=0;return(e=n<.5?2*r*n:2*r*(1-n))<1&&(a=(n-.5*e)/(1-e)),[t[0],100*e,100*a]},n.hsv.hcg=function(t){var e=t[2]/100,r=t[1]/100*e,n=0;return r<1&&(n=(e-r)/(1-r)),[t[0],100*r,100*n]},n.hcg.rgb=function(t){var e=t[1]/100,r=t[2]/100;if(0===e)return[255*r,255*r,255*r];var n,a=[0,0,0],i=t[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*(e*a[0]+(n=(1-e)*r)),255*(e*a[1]+n),255*(e*a[2]+n)]},n.hcg.hsv=function(t){var e=t[1]/100,r=e+t[2]/100*(1-e),n=0;return r>0&&(n=e/r),[t[0],100*n,100*r]},n.hcg.hsl=function(t){var e=t[1]/100,r=t[2]/100*(1-e)+.5*e,n=0;return r>0&&r<.5?n=e/(2*r):r>=.5&&r<1&&(n=e/(2*(1-r))),[t[0],100*n,100*r]},n.hcg.hwb=function(t){var e=t[1]/100,r=e+t[2]/100*(1-e);return[t[0],100*(r-e),100*(1-r)]},n.hwb.hcg=function(t){var e=1-t[2]/100,r=e-t[1]/100,n=0;return r<1&&(n=(e-r)/(1-r)),[t[0],100*r,100*n]},n.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},n.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},n.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},n.gray.hsl=n.gray.hsv=function(t){return[0,0,t[0]]},n.gray.hwb=function(t){return[0,100,t[0]]},n.gray.cmyk=function(t){return[0,0,0,t[0]]},n.gray.lab=function(t){return[t[0],0,0]},n.gray.hex=function(t){var e=255&Math.round(t[0]/100*255),r=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(r.length)+r},n.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));function f(t,e){return function(r){return e(t(r))}}function d(t,e){for(var r=[e[t].parent,t],n=h[e[t].parent][t],a=e[t].parent;e[a].parent;)r.unshift(e[a].parent),n=f(h[e[a].parent][a],n),a=e[a].parent;return n.conversion=r,n}var b={};Object.keys(h).forEach((function(t){b[t]={},Object.defineProperty(b[t],"channels",{value:h[t].channels}),Object.defineProperty(b[t],"labels",{value:h[t].labels});var e=function(t){for(var e=function(t){var e=function(){for(var t={},e=Object.keys(h),r=e.length,n=0;n<r;n++)t[e[n]]={distance:-1,parent:null};return t}(),r=[t];for(e[t].distance=0;r.length;)for(var n=r.pop(),a=Object.keys(h[n]),i=a.length,o=0;o<i;o++){var l=a[o],s=e[l];-1===s.distance&&(s.distance=e[n].distance+1,s.parent=n,r.unshift(l))}return e}(t),r={},n=Object.keys(e),a=n.length,i=0;i<a;i++){var o=n[i];null!==e[o].parent&&(r[o]=d(o,e))}return r}(t);Object.keys(e).forEach((function(r){var n=e[r];b[t][r]=function(t){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var r=t(e);if("object"==typeof r)for(var n=r.length,a=0;a<n;a++)r[a]=Math.round(r[a]);return r};return"conversion"in t&&(e.conversion=t.conversion),e}(n),b[t][r].raw=function(t){var e=function(e){return null==e?e:(arguments.length>1&&(e=Array.prototype.slice.call(arguments)),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(n)}))}));var g=b,p=[].slice,v=["keyword","gray","hex"],w={};Object.keys(g).forEach((function(t){w[p.call(g[t].labels).sort().join("")]=t}));var m={};function y(t,e){if(!(this instanceof y))return new y(t,e);if(e&&e in v&&(e=null),e&&!(e in g))throw new Error("Unknown model: "+e);var r,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof y)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var a=u.get(t);if(null===a)throw new Error("Unable to parse color from string: "+t);this.model=a.model,this.color=a.value.slice(0,n=g[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(t.length){this.model=e||"rgb";var i=p.call(t,0,n=g[this.model].channels);this.color=x(i,n),this.valpha="number"==typeof t[n]?t[n]:1}else if("number"==typeof t)t&=16777215,this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;var o=Object.keys(t);"alpha"in t&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);var l=o.sort().join("");if(!(l in w))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=w[l];var s=g[this.model].labels,c=[];for(r=0;r<s.length;r++)c.push(t[s[r]]);this.color=x(c)}if(m[this.model])for(n=g[this.model].channels,r=0;r<n;r++){var h=m[this.model][r];h&&(this.color[r]=h(this.color[r]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function k(t,e,r){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(m[t]||(m[t]=[]))[e]=r})),t=t[0],function(n){var a;return arguments.length?(r&&(n=r(n)),(a=this[t]()).color[e]=n,a):(a=this[t]().color[e],r&&(a=r(a)),a)}}function M(t){return function(e){return Math.max(0,Math.min(t,e))}}function x(t,e){for(var r=0;r<e;r++)"number"!=typeof t[r]&&(t[r]=0);return t}y.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var e=this.model in u.to?this:this.rgb(),r=1===(e=e.round("number"==typeof t?t:1)).valpha?e.color:e.color.concat(this.valpha);return u.to[e.model](r)},percentString:function(t){var e=this.rgb().round("number"==typeof t?t:1),r=1===e.valpha?e.color:e.color.concat(this.valpha);return u.to.rgb.percent(r)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},e=g[this.model].channels,r=g[this.model].labels,n=0;n<e;n++)t[r[n]]=this.color[n];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray:function(){var t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject:function(){var t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round:function(t){return t=Math.max(t||0,0),new y(this.color.map(function(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}(t)).concat(this.valpha),this.model)},alpha:function(t){return arguments.length?new y(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:k("rgb",0,M(255)),green:k("rgb",1,M(255)),blue:k("rgb",2,M(255)),hue:k(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:k("hsl",1,M(100)),lightness:k("hsl",2,M(100)),saturationv:k("hsv",1,M(100)),value:k("hsv",2,M(100)),chroma:k("hcg",1,M(100)),gray:k("hcg",2,M(100)),white:k("hwb",1,M(100)),wblack:k("hwb",2,M(100)),cyan:k("cmyk",0,M(100)),magenta:k("cmyk",1,M(100)),yellow:k("cmyk",2,M(100)),black:k("cmyk",3,M(100)),x:k("xyz",0,M(100)),y:k("xyz",1,M(100)),z:k("xyz",2,M(100)),l:k("lab",0,M(100)),a:k("lab",1),b:k("lab",2),keyword:function(t){return arguments.length?new y(t):g[this.model].keyword(this.color)},hex:function(t){return arguments.length?new y(t):u.to.hex(this.rgb().round().color)},rgbNumber:function(){var t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity:function(){for(var t=this.rgb().color,e=[],r=0;r<t.length;r++){var n=t[r]/255;e[r]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(t){var e=this.luminosity(),r=t.luminosity();return e>r?(e+.05)/(r+.05):(r+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark:function(){var t=this.rgb().color;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var t=this.rgb(),e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten:function(t){var e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken:function(t){var e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate:function(t){var e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate:function(t){var e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten:function(t){var e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken:function(t){var e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale:function(){var t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return y.rgb(e,e,e)},fade:function(t){return this.alpha(this.valpha-this.valpha*t)},opaquer:function(t){return this.alpha(this.valpha+this.valpha*t)},rotate:function(t){var e=this.hsl(),r=e.color[0];return e.color[0]=r=(r=(r+t)%360)<0?360+r:r,e},mix:function(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);var r=t.rgb(),n=this.rgb(),a=void 0===e?.5:e,i=2*a-1,o=r.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return y.rgb(l*r.red()+s*n.red(),l*r.green()+s*n.green(),l*r.blue()+s*n.blue(),r.alpha()*a+n.alpha()*(1-a))}},Object.keys(g).forEach((function(t){if(-1===v.indexOf(t)){var e=g[t].channels;y.prototype[t]=function(){if(this.model===t)return new y(this);if(arguments.length)return new y(arguments,t);var r,n="number"==typeof arguments[e]?e:this.valpha;return new y((r=g[this.model][t].raw(this.color),Array.isArray(r)?r:[r]).concat(n),t)},y[t]=function(r){return"number"==typeof r&&(r=x(p.call(arguments),e)),new y(r,t)}}}));var C=y,O=function(t,e,r){return t*(1-r)+e*r};const j={name:"color",test:t=>"string"==typeof t&&(t.indexOf("rgb")>=0||t.indexOf("#")>=0||t.indexOf("hsl")>=0||u.get.rgb(t)),initialize:(t,e)=>({data:{format:(t.indexOf("rgba")>=0?"rgba":t.indexOf("rgb")>=0&&"rgb")||t.indexOf("#")>=0&&"hex"||C(t).model},startValue:C(t).rgb(),destValue:C(e).rgb()}),interpolate(t,e,r,n){const a=O(t.color[0],e.color[0],r),i=O(t.color[1],e.color[1],r),o=O(t.color[2],e.color[2],r),l=O(t.valpha,e.valpha,r),s=C.rgb(a,i,o,l)["rgba"===n.format?"rgb":n.format]();return"string"==typeof s?s:s.string()}},A=[{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}],I=A.map((()=>0)),S={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"},q={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},z=t=>S[t]||q[t],$=Object.keys(S),E=t=>!("isConnected"in t)||t.isConnected,F=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(E))})(...e)}),2e3)}})(),L=t=>"function"==typeof t?t():t,N="funnel-gfx-wc::app-data",D=(()=>{const t=((t,e=((t,e)=>t!==e))=>{const r=L(t);let n=new Map(Object.entries(null!=r?r:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var e;n=new Map(Object.entries(null!==(e=L(t))&&void 0!==e?e:{})),a.reset.forEach((t=>t()))},o=t=>(a.get.forEach((e=>e(t))),n.get(t)),l=(t,r)=>{const i=n.get(t);e(r,i,t)&&(n.set(t,r),a.set.forEach((e=>e(t,r,i))))},s="undefined"==typeof Proxy?{}:new Proxy(r,{get:(t,e)=>o(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>n.has(e),set:(t,e,r)=>(l(e,r),!0)}),u=(t,e)=>(a[t].push(e),()=>{((t,e)=>{const r=t.indexOf(e);r>=0&&(t[r]=t[t.length-1],t.length--)})(a[t],e)});return{state:s,get:o,set:l,on:u,onChange:(e,r)=>{const n=u("set",((t,n)=>{t===e&&r(n)})),a=u("reset",(()=>r(L(t)[e])));return()=>{n(),a()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(u("set",e.set)),e.get&&t.push(u("get",e.get)),e.reset&&t.push(u("reset",e.reset)),e.dispose&&t.push(u("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{a.dispose.forEach((t=>t())),i()},reset:i,forceUpdate:t=>{const e=n.get(t);a.set.forEach((r=>r(t,e,e)))}}})({count:0,pick:"bada55",values:[...I]},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const n=e();n&&((t,e,r)=>{const n=t.get(e);n?n.includes(r)||n.push(r):t.set(e,[r])})(t,r,n)},set:e=>{const n=t.get(e);n&&t.set(e,n.filter(r)),F(t)},reset:()=>{t.forEach((t=>t.forEach(r))),F(t)}}})()),t})(),{state:R,onChange:_}=D,T=()=>{const{count:t,pick:e,values:r}=R;(t=>{const e=JSON.stringify(t);localStorage.setItem(N,e)})({count:t,pick:e,values:r})},B={initApp:()=>{const t=(()=>{const t=localStorage.getItem(N);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:r,values:n}=t;R.count=e,R.pick=r,R.values=n}},refresh:()=>{const t=I.map((()=>Math.floor(100*Math.random())));R.count=R.count+1,R.values=t,T()},reset:()=>{R.count=0,R.values=[...I],T()},updatePick:t=>{R.pick=t,T()}},U=e=>{const{actions:r,state:n}=e,{pick:i}=n;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},$.map((e=>{const n=z(e),o=i==e;return t("div",{"aria-label":e,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{r.updatePick(e)}},t(a,{hex:n,selected:o,label:e}))})))},H=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:r},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},P=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:r},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},V=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:r},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n          8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n          4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n          2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},J=e=>{const{actions:r,state:n}=e,{count:a}=n;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{r.refresh()}},t(V,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{r.reset()}},t(P,{label:"Reset"})),t("span",{class:"flex items-center"},t(H,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,a))))},Q=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.3.3"),X=e=>{const{state:r}=e,{values:n,pick:a,count:i}=r;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},a)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${i>0?n:"..."}`))),t(Q,null))};var Y=o((function(t){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function e(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function r(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}function n(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){return(a=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,e){return(o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t,e,r){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var a=new(t.bind.apply(t,n));return r&&o(a,r.prototype),a}).apply(null,arguments)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var u=function(t,e,r){return t*(1-r)+e*r},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(t,e){return t(e={exports:{}},e.exports),e.exports}for(var f=h((function(t){var e=t.exports={Linear:{None:function(t){return t}},Quadratic:{In:function(t){return t*t},Out:function(t){return t*(2-t)},InOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}},Cubic:{In:function(t){return t*t*t},Out:function(t){return--t*t*t+1},InOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}},Quartic:{In:function(t){return t*t*t*t},Out:function(t){return 1- --t*t*t*t},InOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}},Quintic:{In:function(t){return t*t*t*t*t},Out:function(t){return--t*t*t*t*t+1},InOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}},Sinusoidal:{In:function(t){return 1-Math.cos(t*Math.PI/2)},Out:function(t){return Math.sin(t*Math.PI/2)},InOut:function(t){return.5*(1-Math.cos(Math.PI*t))}},Exponential:{In:function(t){return 0===t?0:Math.pow(1024,t-1)},Out:function(t){return 1===t?1:1-Math.pow(2,-10*t)},InOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))}},Circular:{In:function(t){return 1-Math.sqrt(1-t*t)},Out:function(t){return Math.sqrt(1- --t*t)},InOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)}},Elastic:{In:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),-r*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},Out:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),r*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},InOut:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),(t*=2)<1?r*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4)*-.5:r*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(t){return t*t*(2.70158*t-1.70158)},Out:function(t){return--t*t*(2.70158*t+1.70158)+1},InOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)}},Bounce:{In:function(t){return 1-e.Bounce.Out(1-t)},Out:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},InOut:function(t){return t<.5?.5*e.Bounce.In(2*t):.5*e.Bounce.Out(2*t-1)+.5}}}})),d=h((function(t){(function(){var e,r,n,a,i,o;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(e()-i)/1e6},r=process.hrtime,a=(e=function(){var t;return 1e9*(t=r())[0]+t[1]})(),o=1e9*process.uptime(),i=a-o):Date.now?(t.exports=function(){return Date.now()-n},n=Date.now()):(t.exports=function(){return(new Date).getTime()-n},n=(new Date).getTime())}).call(c)})),b="undefined"==typeof window?c:window,g=["moz","webkit"],p="AnimationFrame",v=b["request"+p],w=b["cancel"+p]||b["cancelRequest"+p],m=0;!v&&m<g.length;m++)v=b[g[m]+"Request"+p],w=b[g[m]+"Cancel"+p]||b[g[m]+"CancelRequest"+p];if(!v||!w){var y=0,k=0,M=[];v=function(t){if(0===M.length){var e=d(),r=Math.max(0,1e3/60-(e-y));y=r+e,setTimeout((function(){for(var t=M.slice(0),e=M.length=0;e<t.length;e++)if(!t[e].cancelled)try{t[e].callback(y)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(r))}return M.push({handle:++k,callback:t,cancelled:!1}),k},w=function(t){for(var e=0;e<M.length;e++)M[e].handle===t&&(M[e].cancelled=!0)}}var x=function(t){return v.call(b,t)};x.cancel=function(){w.apply(b,arguments)},x.polyfill=function(t){t||(t=b),t.requestAnimationFrame=v,t.cancelAnimationFrame=w};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),S=Symbol("completed"),q=Symbol("paused"),z=requestAnimationFrame||x,$=Date.now();!function t(){z(t),C=Date.now(),O=C-$;for(var e=0;e<j.length;e++)j[e][S]||j[e](O,Date.now()-j[e][I]);$=C}();var E=function(e){function i(e,r){var o,l,c;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),n(s(s(l=!c||"object"!=typeof c&&"function"!=typeof c?s(this):c)),"update",(function(){var t=s(s(l))._updateValue;return function(e,r){l[S]||l[q]||(0===l.localTime&&l.emit("start",l.value,s(s(l))),t(l.ease(l.loopFunction.progress(Math.min(1,(r||l.localTime)/l.duration)))),l.emit("update",l.value,s(s(l)),e),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[S]=!0,l.emit("complete",l.value,s(s(l)))})),l.localTime+=e)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(t,r){return t||r&&r.test&&r.test(e)&&r}),!1),f=h&&h.name||("object"===t(e)?Array.isArray(e)?"array":"object":"number");if(h){var d=h.initialize(e,r);e=d.startValue,r=d.destValue,l.data=d.data}switch(Object.assign(s(s(l)),(n(o={duration:1e3,localTime:0,startValue:e,destValue:r,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(t){return t},value:"array"===f?[].concat(e):"object"===f?Object.assign({},e):e},S,!1),n(o,A,f),n(o,I,Date.now()),n(o,q,!1),o)),l[A]){case"number":l._updateValue=function(t){l.value=u(l.startValue,l.destValue,t)};break;case"array":var b=l.value.length,g=s(s(l)),p=g.startValue,v=g.destValue,w=g.value;l._updateValue=function(t){for(var e=0;e<b;e++)w[e]=u(p[e],v[e],t)};break;case"object":var m=Object.keys(l.startValue),y=m.length,k=s(s(l)),M=k.startValue,x=k.destValue,C=k.value;l._updateValue=function(t){for(var e=0;e<y;e++){var r=m[e];C[r]=u(M[r],x[r],t)}};break;default:l.plugin?l._updateValue=function(t){l.value=l.plugin.interpolate(l.startValue,l.destValue,t,l.data)}:(console.warn("Between: startValue type was unrecognized."),l._updateValue=function(){return null})}return j.push(l.update()),l}return r(i,null,[{key:"between",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return l(i,e)}}]),r(i,[{key:"pause",value:function(){return this[q]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[q]=!1,this.emit("play",this.value,this,O),this}},{key:"easing",value:function(t){return this.ease=t,this}},{key:"time",value:function(t){return this.duration=t,this}},{key:"loop",value:function(){for(var t="__loop_".concat(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once"),e=arguments.length,r=new Array(1<e?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];return this.loopFunction=t in this?Object.assign({},i.DEFAULT_LOOP,this[t].apply(this,r)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var e=this,r=t;return this.times=0,{complete:function(t){e.localTime=0,Number.isInteger(r)&&++e.times===r?t():Number.isInteger(r)||++e.times}}}},{key:"__loop_bounce",value:function(t){var e=this,r=t,n=1;return this.times=0,{complete:function(t){e.localTime=0,n=-n,Number.isInteger(r)&&++e.times===r?t():Number.isInteger(r)||++e.times},progress:function(t){return 0<n?t:1-t}}}},{key:"isPaused",get:function(){return this[q]}}]),function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");o(t.prototype,e&&e.prototype),e&&o(t,e)}(i,e),i}((function(t){var e={},r=[];(t=t||this).on=function(r,n,a){return(e[r]=e[r]||[]).push([n,a]),t},t.off=function(n,a){n||(e={});for(var i=e[n]||r,o=i.length=a?i.length:0;o--;)a==i[o][0]&&i.splice(o,1);return t},t.emit=function(n){for(var a,i=e[n]||r,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],r.slice.call(arguments,1));return t}}));return n(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=f,E._plugins={},E}()}));Y._plugins.color=j;let Z,K=[];const G=z("white"),W=z("bada55");let tt,et="#bada55",rt=[0,0,0,0,0],nt=[void 0,void 0,void 0,void 0,void 0];const at=t=>{if(!Z)return;const e=et,r=z(t);null!==e&&e!==r&&(tt&&tt.pause(),tt=new Y(e,r).time(1e3).easing(Y.Easing.Cubic.InOut).on("update",(t=>{Z.forEach((e=>{e.setAttribute("fill",`${t}`)})),et=t})))},it=t=>{Z&&Z.forEach(((e,r)=>{const n=K[r],a=rt[r],i=t[r];null!==a&&a!==i&&(nt[r]&&nt[r].pause(),nt[r]=new Y(a,i).time(1e3).easing(Y.Easing.Cubic.InOut).on("update",(t=>{e.setAttribute("y",""+n*((100-t)/100)),rt[r]=t})))}))},ot=()=>{const e=A.map((t=>(({id:t,height:e,width:r,x:n,y:a,drop:i})=>({id:t,height:e,width:r,x:n,y:a,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${e-.5},${r-.5},${e-i-.5},${r-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${n},${a})`,points:`0,0,0,${e},${r},${e-i},${r},${i}`}))(t))),r="currentColor";return K=Array(e.length),Z=Array(e.length),t("div",{class:"funnel"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,e.map((e=>t("mask",{id:e.maskId},t("polygon",{points:e.mask,fill:G}))))),e.map(((e,n)=>{const{height:a,width:i,maskUri:o,matrix:l,points:s}=e;return K[n]=a,t("g",{transform:l},t("polygon",{points:s,fill:G,stroke:r}),t("rect",{ref:t=>Z[n]=t,x:"0",y:a,width:i,height:a,mask:o,fill:W,stroke:r}))}))))},lt=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:r},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n      12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n      5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n      18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n      17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n      3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n      17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n      20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n      16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n      3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n      9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n      6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n      17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n      16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n      7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n      10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n      9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n      11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n      12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n      16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n      18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n      16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n      11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n      11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n      17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n      11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n      4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n      5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n      3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n      11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n      17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n      11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n      11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n      15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},st="eswat2",ut=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":st,target:"blank",title:st},t(lt,{label:"eswat2"})),ct=class{constructor(t){n(this,t),this.tag="funnel-app"}componentDidLoad(){_("pick",at),_("values",it),B.initApp()}render(){return t("div",{id:"app",class:"ds1-main"},t(ut,null),t(ot,null),t(J,{actions:B,state:R}),t(U,{actions:B,state:R}),t("hr",{class:"ml-0 mr-0"}),t(X,{state:R}))}};ct.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{display:flex;flex-direction:column;padding:1rem;font-family:ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    'Helvetica Neue',\n    Arial,\n    'Noto Sans',\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.funnel{border-style:solid;border-color:var(--clrs-gray, #aaaaaa);background-color:var(--clrs-silver, #dddddd);stroke-width:1}.absolute{position:absolute}.right-8{right:2rem}.top-8{top:2rem}.mb-10px{margin-bottom:10px}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-10px{margin-right:10px}.mt-3{margin-top:0.75rem}.mt-5px{margin-top:5px}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.align-top{vertical-align:top}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;padding-bottom:7px;border-radius:10px;border-width:1px}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";export{ct as funnel_app}
+import{h as t,g as e,f as r,r as n}from"./p-3b358a8d.js";const a=e=>{const r=e.hex||"currentColor",n=e.selected||!1,a=e.size||24;return t("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:r},t("path",n?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))};var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(t,e,r){return t(r={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},r.exports),r.exports}var l={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]},s=o((function(t){var e=Array.prototype.concat,r=Array.prototype.slice,n=t.exports=function(t){for(var n,a=[],i=0,o=t.length;i<o;i++){var l=t[i];(n=l)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,r.call(l)):a.push(l)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),u=o((function(t){var e=Object.hasOwnProperty,r=Object.create(null);for(var n in l)e.call(l,n)&&(r[l[n]]=n);var a=t.exports={to:{},get:{}};function i(t,e,r){return Math.min(Math.max(e,t),r)}function o(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}a.get=function(t){var e,r;switch(t.substring(0,3).toLowerCase()){case"hsl":e=a.get.hsl(t),r="hsl";break;case"hwb":e=a.get.hwb(t),r="hwb";break;default:e=a.get.rgb(t),r="rgb"}return e?{model:r,value:e}:null},a.get.rgb=function(t){if(!t)return null;var r,n,a,o=[0,0,0,1];if(r=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=r[2],r=r[1],n=0;n<3;n++){var s=2*n;o[n]=parseInt(r.slice(s,s+2),16)}a&&(o[3]=parseInt(a,16)/255)}else if(r=t.match(/^#([a-f0-9]{3,4})$/i)){for(a=(r=r[1])[3],n=0;n<3;n++)o[n]=parseInt(r[n]+r[n],16);a&&(o[3]=parseInt(a+a,16)/255)}else if(r=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)o[n]=parseInt(r[n+1],0);r[4]&&(o[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}else{if(!(r=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(r=t.match(/^(\w+)$/))?"transparent"===r[1]?[0,0,0,0]:e.call(l,r[1])?((o=l[r[1]])[3]=1,o):null:null;for(n=0;n<3;n++)o[n]=Math.round(2.55*parseFloat(r[n+1]));r[4]&&(o[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}for(n=0;n<3;n++)o[n]=i(o[n],0,255);return o[3]=i(o[3],0,1),o},a.get.hsl=function(t){if(!t)return null;var e=t.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(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(r)?1:r,0,1)]}return null},a.get.hwb=function(t){if(!t)return null;var e=t.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(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(r)?1:r,0,1)]}return null},a.to.hex=function(){var t=s(arguments);return"#"+o(t[0])+o(t[1])+o(t[2])+(t[3]<1?o(Math.round(255*t[3])):"")},a.to.rgb=function(){var t=s(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},a.to.rgb.percent=function(){var t=s(arguments),e=Math.round(t[0]/255*100),r=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+r+"%, "+n+"%)":"rgba("+e+"%, "+r+"%, "+n+"%, "+t[3]+")"},a.to.hsl=function(){var t=s(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},a.to.hwb=function(){var t=s(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},a.to.keyword=function(t){return r[t.slice(0,3)]}})),c={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]},h=o((function(t){var e={};for(var r in c)c.hasOwnProperty(r)&&(e[c[r]]=r);var n=t.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 a in n)if(n.hasOwnProperty(a)){if(!("channels"in n[a]))throw new Error("missing channels property: "+a);if(!("labels"in n[a]))throw new Error("missing channel labels property: "+a);if(n[a].labels.length!==n[a].channels)throw new Error("channel and label counts mismatch: "+a);var i=n[a].channels,o=n[a].labels;delete n[a].channels,delete n[a].labels,Object.defineProperty(n[a],"channels",{value:i}),Object.defineProperty(n[a],"labels",{value:o})}n.rgb.hsl=function(t){var e,r,n=t[0]/255,a=t[1]/255,i=t[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),s=l-o;return l===o?e=0:n===l?e=(a-i)/s:a===l?e=2+(i-n)/s:i===l&&(e=4+(n-a)/s),(e=Math.min(60*e,360))<0&&(e+=360),r=(o+l)/2,[e,100*(l===o?0:r<=.5?s/(l+o):s/(2-l-o)),100*r]},n.rgb.hsv=function(t){var e,r,n,a,i,o=t[0]/255,l=t[1]/255,s=t[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(t){return(u-t)/6/c+.5};return 0===c?a=i=0:(i=c/u,e=h(o),r=h(l),n=h(s),o===u?a=n-r:l===u?a=1/3+e-n:s===u&&(a=2/3+r-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},n.rgb.hwb=function(t){var e=t[0],r=t[1],a=t[2];return[n.rgb.hsl(t)[0],1/255*Math.min(e,Math.min(r,a))*100,100*(a=1-1/255*Math.max(e,Math.max(r,a)))]},n.rgb.cmyk=function(t){var e,r=t[0]/255,n=t[1]/255,a=t[2]/255;return[100*((1-r-(e=Math.min(1-r,1-n,1-a)))/(1-e)||0),100*((1-n-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},n.rgb.keyword=function(t){var r=e[t];if(r)return r;var n,a,i,o=1/0;for(var l in c)if(c.hasOwnProperty(l)){var s=(a=t,i=c[l],Math.pow(a[0]-i[0],2)+Math.pow(a[1]-i[1],2)+Math.pow(a[2]-i[2],2));s<o&&(o=s,n=l)}return n},n.keyword.rgb=function(t){return c[t]},n.rgb.xyz=function(t){var e=t[0]/255,r=t[1]/255,n=t[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*r+.0722*n),100*(.0193*e+.1192*r+.9505*n)]},n.rgb.lab=function(t){var e=n.rgb.xyz(t),r=e[0],a=e[1],i=e[2];return a/=100,i/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(r-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(t){var e,r,n,a,i,o=t[0]/360,l=t[1]/100,s=t[2]/100;if(0===l)return[i=255*s,i,i];e=2*s-(r=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(n=o+1/3*-(u-1))<0&&n++,n>1&&n--,a[u]=255*(i=6*n<1?e+6*(r-e)*n:2*n<1?r:3*n<2?e+(r-e)*(2/3-n)*6:e);return a},n.hsl.hsv=function(t){var e=t[0],r=t[1]/100,n=t[2]/100,a=r,i=Math.max(n,.01);return r*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[e,100*(0===n?2*a/(i+a):2*r/(n+r)),(n+r)/2*100]},n.hsv.rgb=function(t){var e=t[0]/60,r=t[1]/100,n=t[2]/100,a=Math.floor(e)%6,i=e-Math.floor(e),o=255*n*(1-r),l=255*n*(1-r*i),s=255*n*(1-r*(1-i));switch(n*=255,a){case 0:return[n,s,o];case 1:return[l,n,o];case 2:return[o,n,s];case 3:return[o,l,n];case 4:return[s,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(t){var e,r,n,a=t[0],i=t[1]/100,o=t[2]/100,l=Math.max(o,.01);return n=(2-i)*o,r=i*l,[a,100*(r=(r/=(e=(2-i)*l)<=1?e:2-e)||0),100*(n/=2)]},n.hwb.rgb=function(t){var e,r,n,a,i,o,l,s=t[0]/360,u=t[1]/100,c=t[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),n=6*s-(e=Math.floor(6*s)),0!=(1&e)&&(n=1-n),a=u+n*((r=1-c)-u),e){default:case 6:case 0:i=r,o=a,l=u;break;case 1:i=a,o=r,l=u;break;case 2:i=u,o=r,l=a;break;case 3:i=u,o=a,l=r;break;case 4:i=a,o=u,l=r;break;case 5:i=r,o=u,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(t){var e=t[1]/100,r=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n))]},n.xyz.rgb=function(t){var e,r,n,a=t[0]/100,i=t[1]/100,o=t[2]/100;return r=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,e=(e=3.2406*a+-1.5372*i+-.4986*o)>.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,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(t){var e=t[0],r=t[1],n=t[2];return r/=100,n/=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-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(t){var e,r,n;e=t[1]/500+(r=(t[0]+16)/116),n=r-t[2]/200;var a=Math.pow(r,3),i=Math.pow(e,3),o=Math.pow(n,3);return r=a>.008856?a:(r-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[e*=95.047,r*=100,n*=108.883]},n.lab.lch=function(t){var e,r=t[0],n=t[1],a=t[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[r,Math.sqrt(n*n+a*a),e]},n.lch.lab=function(t){var e,r=t[1];return e=t[2]/360*2*Math.PI,[t[0],r*Math.cos(e),r*Math.sin(e)]},n.rgb.ansi16=function(t){var e=t[0],r=t[1],a=t[2],i=1 in arguments?arguments[1]:n.rgb.hsv(t)[2];if(0===(i=Math.round(i/50)))return 30;var o=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(e/255));return 2===i&&(o+=60),o},n.hsv.ansi16=function(t){return n.rgb.ansi16(n.hsv.rgb(t),t[2])},n.rgb.ansi256=function(t){var e=t[0],r=t[1],n=t[2];return e===r&&r===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(r/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(t){var e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),[e=e/10.5*255,e,e];var r=.5*(1+~~(t>50));return[(1&e)*r*255,(e>>1&1)*r*255,(e>>2&1)*r*255]},n.ansi256.rgb=function(t){if(t>=232){var e=10*(t-232)+8;return[e,e,e]}var r;return t-=16,[Math.floor(t/36)/5*255,Math.floor((r=t%36)/6)/5*255,r%6/5*255]},n.rgb.hex=function(t){var e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.hex.rgb=function(t){var e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var r=e[0];3===e[0].length&&(r=r.split("").map((function(t){return t+t})).join(""));var n=parseInt(r,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(t){var e,r=t[0]/255,n=t[1]/255,a=t[2]/255,i=Math.max(Math.max(r,n),a),o=Math.min(Math.min(r,n),a),l=i-o;return e=l<=0?0:i===r?(n-a)/l%6:i===n?2+(a-r)/l:4+(r-n)/l+4,e/=6,[360*(e%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(t){var e,r=t[1]/100,n=t[2]/100,a=0;return(e=n<.5?2*r*n:2*r*(1-n))<1&&(a=(n-.5*e)/(1-e)),[t[0],100*e,100*a]},n.hsv.hcg=function(t){var e=t[2]/100,r=t[1]/100*e,n=0;return r<1&&(n=(e-r)/(1-r)),[t[0],100*r,100*n]},n.hcg.rgb=function(t){var e=t[1]/100,r=t[2]/100;if(0===e)return[255*r,255*r,255*r];var n,a=[0,0,0],i=t[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*(e*a[0]+(n=(1-e)*r)),255*(e*a[1]+n),255*(e*a[2]+n)]},n.hcg.hsv=function(t){var e=t[1]/100,r=e+t[2]/100*(1-e),n=0;return r>0&&(n=e/r),[t[0],100*n,100*r]},n.hcg.hsl=function(t){var e=t[1]/100,r=t[2]/100*(1-e)+.5*e,n=0;return r>0&&r<.5?n=e/(2*r):r>=.5&&r<1&&(n=e/(2*(1-r))),[t[0],100*n,100*r]},n.hcg.hwb=function(t){var e=t[1]/100,r=e+t[2]/100*(1-e);return[t[0],100*(r-e),100*(1-r)]},n.hwb.hcg=function(t){var e=1-t[2]/100,r=e-t[1]/100,n=0;return r<1&&(n=(e-r)/(1-r)),[t[0],100*r,100*n]},n.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},n.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},n.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},n.gray.hsl=n.gray.hsv=function(t){return[0,0,t[0]]},n.gray.hwb=function(t){return[0,100,t[0]]},n.gray.cmyk=function(t){return[0,0,0,t[0]]},n.gray.lab=function(t){return[t[0],0,0]},n.gray.hex=function(t){var e=255&Math.round(t[0]/100*255),r=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(r.length)+r},n.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));function f(t,e){return function(r){return e(t(r))}}function d(t,e){for(var r=[e[t].parent,t],n=h[e[t].parent][t],a=e[t].parent;e[a].parent;)r.unshift(e[a].parent),n=f(h[e[a].parent][a],n),a=e[a].parent;return n.conversion=r,n}var b={};Object.keys(h).forEach((function(t){b[t]={},Object.defineProperty(b[t],"channels",{value:h[t].channels}),Object.defineProperty(b[t],"labels",{value:h[t].labels});var e=function(t){for(var e=function(t){var e=function(){for(var t={},e=Object.keys(h),r=e.length,n=0;n<r;n++)t[e[n]]={distance:-1,parent:null};return t}(),r=[t];for(e[t].distance=0;r.length;)for(var n=r.pop(),a=Object.keys(h[n]),i=a.length,o=0;o<i;o++){var l=a[o],s=e[l];-1===s.distance&&(s.distance=e[n].distance+1,s.parent=n,r.unshift(l))}return e}(t),r={},n=Object.keys(e),a=n.length,i=0;i<a;i++){var o=n[i];null!==e[o].parent&&(r[o]=d(o,e))}return r}(t);Object.keys(e).forEach((function(r){var n=e[r];b[t][r]=function(t){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var r=t(e);if("object"==typeof r)for(var n=r.length,a=0;a<n;a++)r[a]=Math.round(r[a]);return r};return"conversion"in t&&(e.conversion=t.conversion),e}(n),b[t][r].raw=function(t){var e=function(e){return null==e?e:(arguments.length>1&&(e=Array.prototype.slice.call(arguments)),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(n)}))}));var g=b,p=[].slice,v=["keyword","gray","hex"],w={};Object.keys(g).forEach((function(t){w[p.call(g[t].labels).sort().join("")]=t}));var m={};function y(t,e){if(!(this instanceof y))return new y(t,e);if(e&&e in v&&(e=null),e&&!(e in g))throw new Error("Unknown model: "+e);var r,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof y)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var a=u.get(t);if(null===a)throw new Error("Unable to parse color from string: "+t);this.model=a.model,this.color=a.value.slice(0,n=g[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(t.length){this.model=e||"rgb";var i=p.call(t,0,n=g[this.model].channels);this.color=x(i,n),this.valpha="number"==typeof t[n]?t[n]:1}else if("number"==typeof t)t&=16777215,this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;var o=Object.keys(t);"alpha"in t&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);var l=o.sort().join("");if(!(l in w))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=w[l];var s=g[this.model].labels,c=[];for(r=0;r<s.length;r++)c.push(t[s[r]]);this.color=x(c)}if(m[this.model])for(n=g[this.model].channels,r=0;r<n;r++){var h=m[this.model][r];h&&(this.color[r]=h(this.color[r]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function k(t,e,r){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(m[t]||(m[t]=[]))[e]=r})),t=t[0],function(n){var a;return arguments.length?(r&&(n=r(n)),(a=this[t]()).color[e]=n,a):(a=this[t]().color[e],r&&(a=r(a)),a)}}function M(t){return function(e){return Math.max(0,Math.min(t,e))}}function x(t,e){for(var r=0;r<e;r++)"number"!=typeof t[r]&&(t[r]=0);return t}y.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var e=this.model in u.to?this:this.rgb(),r=1===(e=e.round("number"==typeof t?t:1)).valpha?e.color:e.color.concat(this.valpha);return u.to[e.model](r)},percentString:function(t){var e=this.rgb().round("number"==typeof t?t:1),r=1===e.valpha?e.color:e.color.concat(this.valpha);return u.to.rgb.percent(r)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},e=g[this.model].channels,r=g[this.model].labels,n=0;n<e;n++)t[r[n]]=this.color[n];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray:function(){var t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject:function(){var t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round:function(t){return t=Math.max(t||0,0),new y(this.color.map(function(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}(t)).concat(this.valpha),this.model)},alpha:function(t){return arguments.length?new y(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:k("rgb",0,M(255)),green:k("rgb",1,M(255)),blue:k("rgb",2,M(255)),hue:k(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:k("hsl",1,M(100)),lightness:k("hsl",2,M(100)),saturationv:k("hsv",1,M(100)),value:k("hsv",2,M(100)),chroma:k("hcg",1,M(100)),gray:k("hcg",2,M(100)),white:k("hwb",1,M(100)),wblack:k("hwb",2,M(100)),cyan:k("cmyk",0,M(100)),magenta:k("cmyk",1,M(100)),yellow:k("cmyk",2,M(100)),black:k("cmyk",3,M(100)),x:k("xyz",0,M(100)),y:k("xyz",1,M(100)),z:k("xyz",2,M(100)),l:k("lab",0,M(100)),a:k("lab",1),b:k("lab",2),keyword:function(t){return arguments.length?new y(t):g[this.model].keyword(this.color)},hex:function(t){return arguments.length?new y(t):u.to.hex(this.rgb().round().color)},rgbNumber:function(){var t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity:function(){for(var t=this.rgb().color,e=[],r=0;r<t.length;r++){var n=t[r]/255;e[r]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(t){var e=this.luminosity(),r=t.luminosity();return e>r?(e+.05)/(r+.05):(r+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark:function(){var t=this.rgb().color;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var t=this.rgb(),e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten:function(t){var e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken:function(t){var e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate:function(t){var e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate:function(t){var e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten:function(t){var e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken:function(t){var e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale:function(){var t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return y.rgb(e,e,e)},fade:function(t){return this.alpha(this.valpha-this.valpha*t)},opaquer:function(t){return this.alpha(this.valpha+this.valpha*t)},rotate:function(t){var e=this.hsl(),r=e.color[0];return e.color[0]=r=(r=(r+t)%360)<0?360+r:r,e},mix:function(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);var r=t.rgb(),n=this.rgb(),a=void 0===e?.5:e,i=2*a-1,o=r.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return y.rgb(l*r.red()+s*n.red(),l*r.green()+s*n.green(),l*r.blue()+s*n.blue(),r.alpha()*a+n.alpha()*(1-a))}},Object.keys(g).forEach((function(t){if(-1===v.indexOf(t)){var e=g[t].channels;y.prototype[t]=function(){if(this.model===t)return new y(this);if(arguments.length)return new y(arguments,t);var r,n="number"==typeof arguments[e]?e:this.valpha;return new y((r=g[this.model][t].raw(this.color),Array.isArray(r)?r:[r]).concat(n),t)},y[t]=function(r){return"number"==typeof r&&(r=x(p.call(arguments),e)),new y(r,t)}}}));var C=y,O=function(t,e,r){return t*(1-r)+e*r};const j={name:"color",test:t=>"string"==typeof t&&(t.indexOf("rgb")>=0||t.indexOf("#")>=0||t.indexOf("hsl")>=0||u.get.rgb(t)),initialize:(t,e)=>({data:{format:(t.indexOf("rgba")>=0?"rgba":t.indexOf("rgb")>=0&&"rgb")||t.indexOf("#")>=0&&"hex"||C(t).model},startValue:C(t).rgb(),destValue:C(e).rgb()}),interpolate(t,e,r,n){const a=O(t.color[0],e.color[0],r),i=O(t.color[1],e.color[1],r),o=O(t.color[2],e.color[2],r),l=O(t.valpha,e.valpha,r),s=C.rgb(a,i,o,l)["rgba"===n.format?"rgb":n.format]();return"string"==typeof s?s:s.string()}},A=[{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}],I=A.map((()=>0)),S={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"},q={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},z=t=>S[t]||q[t],$=Object.keys(S),E=t=>!("isConnected"in t)||t.isConnected,F=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(E))})(...e)}),2e3)}})(),L=t=>"function"==typeof t?t():t,N="funnel-gfx-wc::app-data",D=(()=>{const t=((t,e=((t,e)=>t!==e))=>{const r=L(t);let n=new Map(Object.entries(null!=r?r:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var e;n=new Map(Object.entries(null!==(e=L(t))&&void 0!==e?e:{})),a.reset.forEach((t=>t()))},o=t=>(a.get.forEach((e=>e(t))),n.get(t)),l=(t,r)=>{const i=n.get(t);e(r,i,t)&&(n.set(t,r),a.set.forEach((e=>e(t,r,i))))},s="undefined"==typeof Proxy?{}:new Proxy(r,{get:(t,e)=>o(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>n.has(e),set:(t,e,r)=>(l(e,r),!0)}),u=(t,e)=>(a[t].push(e),()=>{((t,e)=>{const r=t.indexOf(e);r>=0&&(t[r]=t[t.length-1],t.length--)})(a[t],e)});return{state:s,get:o,set:l,on:u,onChange:(e,r)=>{const n=u("set",((t,n)=>{t===e&&r(n)})),a=u("reset",(()=>r(L(t)[e])));return()=>{n(),a()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(u("set",e.set)),e.get&&t.push(u("get",e.get)),e.reset&&t.push(u("reset",e.reset)),e.dispose&&t.push(u("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{a.dispose.forEach((t=>t())),i()},reset:i,forceUpdate:t=>{const e=n.get(t);a.set.forEach((r=>r(t,e,e)))}}})({count:0,pick:"bada55",values:[...I]},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const n=e();n&&((t,e,r)=>{const n=t.get(e);n?n.includes(r)||n.push(r):t.set(e,[r])})(t,r,n)},set:e=>{const n=t.get(e);n&&t.set(e,n.filter(r)),F(t)},reset:()=>{t.forEach((t=>t.forEach(r))),F(t)}}})()),t})(),{state:R,onChange:_}=D,T=()=>{const{count:t,pick:e,values:r}=R;(t=>{const e=JSON.stringify(t);localStorage.setItem(N,e)})({count:t,pick:e,values:r})},B={initApp:()=>{const t=(()=>{const t=localStorage.getItem(N);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:r,values:n}=t;R.count=e,R.pick=r,R.values=n}},refresh:()=>{const t=I.map((()=>Math.floor(100*Math.random())));R.count=R.count+1,R.values=t,T()},reset:()=>{R.count=0,R.values=[...I],T()},updatePick:t=>{R.pick=t,T()}},U=e=>{const{actions:r,state:n}=e,{pick:i}=n;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},$.map((e=>{const n=z(e),o=i==e;return t("div",{"aria-label":e,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{r.updatePick(e)}},t(a,{hex:n,selected:o,label:e}))})))},H=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:r},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},P=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:r},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},V=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:r},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n          8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n          4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n          2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},J=e=>{const{actions:r,state:n}=e,{count:a}=n;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{r.refresh()}},t(V,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{r.reset()}},t(P,{label:"Reset"})),t("span",{class:"flex items-center"},t(H,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,a))))},Q=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.3.3"),X=e=>{const{state:r}=e,{values:n,pick:a,count:i}=r;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},a)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${i>0?n:"..."}`))),t(Q,null))};var Y=o((function(t){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function e(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function r(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}function n(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){return(a=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,e){return(o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t,e,r){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var a=new(t.bind.apply(t,n));return r&&o(a,r.prototype),a}).apply(null,arguments)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var u=function(t,e,r){return t*(1-r)+e*r},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(t,e){return t(e={exports:{}},e.exports),e.exports}for(var f=h((function(t){var e=t.exports={Linear:{None:function(t){return t}},Quadratic:{In:function(t){return t*t},Out:function(t){return t*(2-t)},InOut:function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}},Cubic:{In:function(t){return t*t*t},Out:function(t){return--t*t*t+1},InOut:function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}},Quartic:{In:function(t){return t*t*t*t},Out:function(t){return 1- --t*t*t*t},InOut:function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}},Quintic:{In:function(t){return t*t*t*t*t},Out:function(t){return--t*t*t*t*t+1},InOut:function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}},Sinusoidal:{In:function(t){return 1-Math.cos(t*Math.PI/2)},Out:function(t){return Math.sin(t*Math.PI/2)},InOut:function(t){return.5*(1-Math.cos(Math.PI*t))}},Exponential:{In:function(t){return 0===t?0:Math.pow(1024,t-1)},Out:function(t){return 1===t?1:1-Math.pow(2,-10*t)},InOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))}},Circular:{In:function(t){return 1-Math.sqrt(1-t*t)},Out:function(t){return Math.sqrt(1- --t*t)},InOut:function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)}},Elastic:{In:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),-r*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4))},Out:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),r*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/.4)+1)},InOut:function(t){var e,r=.1;return 0===t?0:1===t?1:(!r||r<1?(r=1,e=.1):e=.4*Math.asin(1/r)/(2*Math.PI),(t*=2)<1?r*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4)*-.5:r*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(t){return t*t*(2.70158*t-1.70158)},Out:function(t){return--t*t*(2.70158*t+1.70158)+1},InOut:function(t){var e=2.5949095;return(t*=2)<1?t*t*((e+1)*t-e)*.5:.5*((t-=2)*t*((e+1)*t+e)+2)}},Bounce:{In:function(t){return 1-e.Bounce.Out(1-t)},Out:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},InOut:function(t){return t<.5?.5*e.Bounce.In(2*t):.5*e.Bounce.Out(2*t-1)+.5}}}})),d=h((function(t){(function(){var e,r,n,a,i,o;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(e()-i)/1e6},r=process.hrtime,a=(e=function(){var t;return 1e9*(t=r())[0]+t[1]})(),o=1e9*process.uptime(),i=a-o):Date.now?(t.exports=function(){return Date.now()-n},n=Date.now()):(t.exports=function(){return(new Date).getTime()-n},n=(new Date).getTime())}).call(c)})),b="undefined"==typeof window?c:window,g=["moz","webkit"],p="AnimationFrame",v=b["request"+p],w=b["cancel"+p]||b["cancelRequest"+p],m=0;!v&&m<g.length;m++)v=b[g[m]+"Request"+p],w=b[g[m]+"Cancel"+p]||b[g[m]+"CancelRequest"+p];if(!v||!w){var y=0,k=0,M=[];v=function(t){if(0===M.length){var e=d(),r=Math.max(0,1e3/60-(e-y));y=r+e,setTimeout((function(){for(var t=M.slice(0),e=M.length=0;e<t.length;e++)if(!t[e].cancelled)try{t[e].callback(y)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(r))}return M.push({handle:++k,callback:t,cancelled:!1}),k},w=function(t){for(var e=0;e<M.length;e++)M[e].handle===t&&(M[e].cancelled=!0)}}var x=function(t){return v.call(b,t)};x.cancel=function(){w.apply(b,arguments)},x.polyfill=function(t){t||(t=b),t.requestAnimationFrame=v,t.cancelAnimationFrame=w};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),S=Symbol("completed"),q=Symbol("paused"),z=requestAnimationFrame||x,$=Date.now();!function t(){z(t),C=Date.now(),O=C-$;for(var e=0;e<j.length;e++)j[e][S]||j[e](O,Date.now()-j[e][I]);$=C}();var E=function(e){function i(e,r){var o,l,c;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),n(s(s(l=!c||"object"!=typeof c&&"function"!=typeof c?s(this):c)),"update",(function(){var t=s(s(l))._updateValue;return function(e,r){l[S]||l[q]||(0===l.localTime&&l.emit("start",l.value,s(s(l))),t(l.ease(l.loopFunction.progress(Math.min(1,(r||l.localTime)/l.duration)))),l.emit("update",l.value,s(s(l)),e),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[S]=!0,l.emit("complete",l.value,s(s(l)))})),l.localTime+=e)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(t,r){return t||r&&r.test&&r.test(e)&&r}),!1),f=h&&h.name||("object"===t(e)?Array.isArray(e)?"array":"object":"number");if(h){var d=h.initialize(e,r);e=d.startValue,r=d.destValue,l.data=d.data}switch(Object.assign(s(s(l)),(n(o={duration:1e3,localTime:0,startValue:e,destValue:r,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(t){return t},value:"array"===f?[].concat(e):"object"===f?Object.assign({},e):e},S,!1),n(o,A,f),n(o,I,Date.now()),n(o,q,!1),o)),l[A]){case"number":l._updateValue=function(t){l.value=u(l.startValue,l.destValue,t)};break;case"array":var b=l.value.length,g=s(s(l)),p=g.startValue,v=g.destValue,w=g.value;l._updateValue=function(t){for(var e=0;e<b;e++)w[e]=u(p[e],v[e],t)};break;case"object":var m=Object.keys(l.startValue),y=m.length,k=s(s(l)),M=k.startValue,x=k.destValue,C=k.value;l._updateValue=function(t){for(var e=0;e<y;e++){var r=m[e];C[r]=u(M[r],x[r],t)}};break;default:l.plugin?l._updateValue=function(t){l.value=l.plugin.interpolate(l.startValue,l.destValue,t,l.data)}:(console.warn("Between: startValue type was unrecognized."),l._updateValue=function(){return null})}return j.push(l.update()),l}return r(i,null,[{key:"between",value:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return l(i,e)}}]),r(i,[{key:"pause",value:function(){return this[q]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[q]=!1,this.emit("play",this.value,this,O),this}},{key:"easing",value:function(t){return this.ease=t,this}},{key:"time",value:function(t){return this.duration=t,this}},{key:"loop",value:function(){for(var t="__loop_".concat(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once"),e=arguments.length,r=new Array(1<e?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];return this.loopFunction=t in this?Object.assign({},i.DEFAULT_LOOP,this[t].apply(this,r)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var e=this,r=t;return this.times=0,{complete:function(t){e.localTime=0,Number.isInteger(r)&&++e.times===r?t():Number.isInteger(r)||++e.times}}}},{key:"__loop_bounce",value:function(t){var e=this,r=t,n=1;return this.times=0,{complete:function(t){e.localTime=0,n=-n,Number.isInteger(r)&&++e.times===r?t():Number.isInteger(r)||++e.times},progress:function(t){return 0<n?t:1-t}}}},{key:"isPaused",get:function(){return this[q]}}]),function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");o(t.prototype,e&&e.prototype),e&&o(t,e)}(i,e),i}((function(t){var e={},r=[];(t=t||this).on=function(r,n,a){return(e[r]=e[r]||[]).push([n,a]),t},t.off=function(n,a){n||(e={});for(var i=e[n]||r,o=i.length=a?i.length:0;o--;)a==i[o][0]&&i.splice(o,1);return t},t.emit=function(n){for(var a,i=e[n]||r,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],r.slice.call(arguments,1));return t}}));return n(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=f,E._plugins={},E}()}));Y._plugins.color=j;let Z,K=[];const G=z("white"),W=z("bada55");let tt,et="#bada55",rt=[0,0,0,0,0],nt=[void 0,void 0,void 0,void 0,void 0];const at=t=>{if(!Z)return;const e=et,r=z(t);null!==e&&e!==r&&(tt&&tt.pause(),tt=new Y(e,r).time(1e3).easing(Y.Easing.Cubic.InOut).on("update",(t=>{Z.forEach((e=>{e.setAttribute("fill",`${t}`)})),et=t})))},it=t=>{Z&&Z.forEach(((e,r)=>{const n=K[r],a=rt[r],i=t[r];null!==a&&a!==i&&(nt[r]&&nt[r].pause(),nt[r]=new Y(a,i).time(1e3).easing(Y.Easing.Cubic.InOut).on("update",(t=>{e.setAttribute("y",""+n*((100-t)/100)),rt[r]=t})))}))},ot=()=>{const e=A.map((t=>(({id:t,height:e,width:r,x:n,y:a,drop:i})=>({id:t,height:e,width:r,x:n,y:a,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${e-.5},${r-.5},${e-i-.5},${r-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${n},${a})`,points:`0,0,0,${e},${r},${e-i},${r},${i}`}))(t))),r="currentColor";return K=Array(e.length),Z=Array(e.length),t("div",{class:"funnel"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,e.map((e=>t("mask",{id:e.maskId},t("polygon",{points:e.mask,fill:G}))))),e.map(((e,n)=>{const{height:a,width:i,maskUri:o,matrix:l,points:s}=e;return K[n]=a,t("g",{transform:l},t("polygon",{points:s,fill:G,stroke:r}),t("rect",{ref:t=>Z[n]=t,x:"0",y:a,width:i,height:a,mask:o,fill:W,stroke:r}))}))))},lt=e=>{const r=e.hex||"currentColor",n=e.size||24;return t("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:r},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n      12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n      5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n      18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n      17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n      3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n      17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n      20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n      16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n      3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n      9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n      6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n      17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n      16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n      7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n      10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n      9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n      11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n      12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n      16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n      18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n      16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n      11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n      11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n      17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n      11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n      4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n      5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n      3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n      11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n      17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n      11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n      11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n      15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},st="eswat2",ut=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":st,target:"blank",title:st},t(lt,{label:"eswat2"})),ct=class{constructor(t){n(this,t),this.tag="funnel-app"}componentDidLoad(){_("pick",at),_("values",it),B.initApp()}render(){return t("div",{id:"app",class:"ds1-main"},t(ut,null),t(ot,null),t(J,{actions:B,state:R}),t(U,{actions:B,state:R}),t("hr",{class:"ml-0 mr-0"}),t(X,{state:R}))}};ct.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{display:flex;flex-direction:column;padding:1rem;font-family:ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    'Helvetica Neue',\n    Arial,\n    'Noto Sans',\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.funnel{border-style:solid;border-color:var(--clrs-gray, #aaaaaa);background-color:var(--clrs-silver, #dddddd);stroke-width:1}.absolute{position:absolute}.right-8{right:2rem}.top-8{top:2rem}.mb-10px{margin-bottom:10px}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-10px{margin-right:10px}.mt-3{margin-top:0.75rem}.mt-5px{margin-top:5px}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.align-top{vertical-align:top}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;padding-bottom:7px;border-radius:10px;border-width:1px}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";export{ct as funnel_app}

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

@@ -432,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -930,6 +930,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1143,6 +1145,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "funnel-gfx-wc",
-  "version": "0.0.585",
+  "version": "0.0.587",
   "description": "prototype -- a simple SVG demo built with Stencil and Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.0.2",
+    "@stencil/core": "4.0.3",
     "@stencil/store": "2.0.9",
     "between.js": "0.1.2-fix.2"
   },
@@ -37,9 +37,9 @@
     "cspell": "6.31.2",
     "eslint": "8.46.0",
     "postcss": "8.4.27",
-    "prettier": "3.0.0",
+    "prettier": "3.0.1",
     "prettier-plugin-tailwindcss": "0.4.1",
-    "proto-tailwindcss-clrs": "0.0.260",
+    "proto-tailwindcss-clrs": "0.0.261",
     "tailwindcss": "3.3.3",
     "tslint": "6.1.3",
     "typescript": "5.1.6"

package/dist/funnel-gfx-wc/p-6241795b.js

@@ -1,2 +0,0 @@
-let n,t,e=!1,l=null,o=!1;const s={},r=n=>"object"==(n=typeof n)||"function"===n;function c(n){var t,e,l;return null!==(l=null===(e=null===(t=n.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const i=(n,t,...e)=>{let l=null,o=!1,s=!1;const c=[],i=t=>{for(let e=0;e<t.length;e++)l=t[e],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof n&&!r(l))&&(l+=""),o&&s?c[c.length-1].t+=l:c.push(o?u(null,l):l),s=o)};if(i(e),t){const n=t.className||t.class;n&&(t.class="object"!=typeof n?n:Object.keys(n).filter((t=>n[t])).join(" "))}if("function"==typeof n)return n(null===t?{}:t,c,f);const a=u(n,null);return a.l=t,c.length>0&&(a.o=c),a},u=(n,t)=>({i:0,u:n,t,h:null,o:null,l:null}),a={},f={forEach:(n,t)=>n.map(d).forEach(t),map:(n,t)=>n.map(d).map(t).map(h)},d=n=>({vattrs:n.l,vchildren:n.o,vkey:n.p,vname:n.m,vtag:n.u,vtext:n.t}),h=n=>{if("function"==typeof n.vtag){const t=Object.assign({},n.vattrs);return n.vkey&&(t.key=n.vkey),n.vname&&(t.name=n.vname),i(n.vtag,t,...n.vchildren||[])}const t=u(n.vtag,n.vtext);return t.l=n.vattrs,t.o=n.vchildren,t.p=n.vkey,t.m=n.vname,t},p=new WeakMap,y=n=>"sc-"+n.$,m=(n,t,e,l,o,s)=>{if(e!==l){let c=G(n,t),i=t.toLowerCase();if("class"===t){const t=n.classList,o=v(e),s=v(l);t.remove(...o.filter((n=>n&&!s.includes(n)))),t.add(...s.filter((n=>n&&!o.includes(n))))}else if("ref"===t)l&&l(n);else if(c||"o"!==t[0]||"n"!==t[1]){const i=r(l);if((c||i&&null!==l)&&!o)try{if(n.tagName.includes("-"))n[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=e&&n[t]==o||(n[t]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(t)||n.removeAttribute(t):(!c||4&s||o)&&!i&&n.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):G(X,i)?i.slice(2):i[2]+t.slice(3),e&&Z.rel(n,t,e,!1),l&&Z.ael(n,t,l,!1)}},$=/\s/,v=n=>n?n.split($):[],w=(n,t,e,l)=>{const o=11===t.h.nodeType&&t.h.host?t.h.host:t.h,r=n&&n.l||s,c=t.l||s;for(l in r)l in c||m(o,l,r[l],void 0,e,t.i);for(l in c)m(o,l,r[l],c[l],e,t.i)},b=(t,l,o)=>{const s=l.o[o];let r,c,i=0;if(null!==s.t)r=s.h=Y.createTextNode(s.t);else{if(e||(e="svg"===s.u),r=s.h=Y.createElementNS(e?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.u),e&&"foreignObject"===s.u&&(e=!1),w(null,s,e),null!=n&&r["s-si"]!==n&&r.classList.add(r["s-si"]=n),s.o)for(i=0;i<s.o.length;++i)c=b(t,s,i),c&&r.appendChild(c);"svg"===s.u?e=!1:"foreignObject"===r.tagName&&(e=!0)}return r},g=(n,e,l,o,s,r)=>{let c,i=n;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=b(null,l,s),c&&(o[s].h=c,i.insertBefore(c,e)))},j=(n,t,e)=>{for(let l=t;l<=e;++l){const t=n[l];if(t){const n=t.h;M(t),n&&n.remove()}}},S=(n,t)=>n.u===t.u,O=(n,t)=>{const l=t.h=n.h,o=n.o,s=t.o,r=t.u,c=t.t;null===c?(e="svg"===r||"foreignObject"!==r&&e,w(n,t,e),null!==o&&null!==s?((n,t,e,l)=>{let o,s=0,r=0,c=t.length-1,i=t[0],u=t[c],a=l.length-1,f=l[0],d=l[a];for(;s<=c&&r<=a;)null==i?i=t[++s]:null==u?u=t[--c]:null==f?f=l[++r]:null==d?d=l[--a]:S(i,f)?(O(i,f),i=t[++s],f=l[++r]):S(u,d)?(O(u,d),u=t[--c],d=l[--a]):S(i,d)?(O(i,d),n.insertBefore(i.h,u.h.nextSibling),i=t[++s],d=l[--a]):S(u,f)?(O(u,f),n.insertBefore(u.h,i.h),u=t[--c],f=l[++r]):(o=b(t&&t[r],e,r),f=l[++r],o&&i.h.parentNode.insertBefore(o,i.h));s>c?g(n,null==l[a+1]?null:l[a+1].h,e,l,r,a):r>a&&j(t,s,c)})(l,o,t,s):null!==s?(null!==n.t&&(l.textContent=""),g(l,null,t,s,0,s.length-1)):null!==o&&j(o,0,o.length-1),e&&"svg"===r&&(e=!1)):n.t!==c&&(l.data=c)},M=n=>{n.l&&n.l.ref&&n.l.ref(null),n.o&&n.o.map(M)},k=(n,t)=>{t&&!n.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>n.v=t)))},x=(n,t)=>{if(n.i|=16,!(4&n.i))return k(n,n.g),un((()=>C(n,t)));n.i|=512},C=(n,t)=>{const e=n.j;return P(void 0,(()=>L(n,e,t)))},P=(n,t)=>E(n)?n.then(t):t(),E=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,L=async(n,t,e)=>{var l;const o=n.S,s=o["s-rc"];e&&(n=>{const t=n.O,e=n.S,l=t.i,o=((n,t)=>{var e;const l=y(t),o=Q.get(l);if(n=11===n.nodeType?n:Y,o)if("string"==typeof o){let t,s=p.get(n=n.head||n);if(s||p.set(n,s=new Set),!s.has(l)){{t=Y.createElement("style"),t.innerHTML=o;const l=null!==(e=Z.M)&&void 0!==e?e:c(Y);null!=l&&t.setAttribute("nonce",l),n.insertBefore(t,n.querySelector("link"))}s&&s.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),t);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(n);N(n,t),s&&(s.map((n=>n())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],e=()=>A(n);0===t.length?e():(Promise.all(t).then(e),n.i|=4,t.length=0)}},N=(e,o)=>{try{l=o,o=o.render(),e.i&=-17,e.i|=2,((e,l)=>{const o=e.S,s=e.k||u(null,null),r=(n=>n&&n.u===a)(l)?l:i(null,null,l);t=o.tagName,r.u=null,r.i|=4,e.k=r,r.h=s.h=o.shadowRoot||o,n=o["s-sc"],O(s,r)})(e,o)}catch(n){I(n,e.S)}return l=null,null},T=()=>l,A=n=>{const t=n.S,e=n.j,l=n.g;64&n.i||(n.i|=64,q(t),W(e,"componentDidLoad"),n.C(t),l||U()),n.v&&(n.v(),n.v=void 0),512&n.i&&cn((()=>x(n,!1))),n.i&=-517},R=n=>{{const t=_(n),e=t.S.isConnected;return e&&2==(18&t.i)&&x(t,!1),e}},U=()=>{q(Y.documentElement),cn((()=>(n=>{const t=Z.ce("appload",{detail:{namespace:"funnel-gfx-wc"}});return n.dispatchEvent(t),t})(X)))},W=(n,t,e)=>{if(n&&n[t])try{return n[t](e)}catch(n){I(n)}},q=n=>n.classList.add("hydrated"),D=(n,t,e)=>{if(t.P){const l=Object.entries(t.P),o=n.prototype;if(l.map((([n,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(o,n,{get(){return((n,t)=>_(this).L.get(t))(0,n)},set(e){((n,t,e,l)=>{const o=_(n),s=o.L.get(t),c=o.i,i=o.j;e=((n,t)=>null==n||r(n)?n:1&t?n+"":n)(e,l.P[t][0]),8&c&&void 0!==s||e===s||Number.isNaN(s)&&Number.isNaN(e)||(o.L.set(t,e),i&&2==(18&c)&&x(o,!1))})(this,n,e,t)},configurable:!0,enumerable:!0})})),1&e){const t=new Map;o.attributeChangedCallback=function(n,e,l){Z.jmp((()=>{const e=t.get(n);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(o.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},n.observedAttributes=l.filter((([n,t])=>15&t[0])).map((([n,e])=>{const l=e[1]||n;return t.set(l,n),l}))}}return n},F=(n,t={})=>{var e;const l=[],o=t.exclude||[],s=X.customElements,r=Y.head,i=r.querySelector("meta[charset]"),u=Y.createElement("style"),a=[];let f,d=!0;Object.assign(Z,t),Z.N=new URL(t.resourcesUrl||"./",Y.baseURI).href,n.map((n=>{n[1].map((t=>{const e={i:t[0],$:t[1],P:t[2],T:t[3]};e.P=t[2];const r=e.$,c=class extends HTMLElement{constructor(n){super(n),B(n=this,e),1&e.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Z.jmp((()=>(n=>{if(0==(1&Z.i)){const t=_(n),e=t.O,l=()=>{};if(!(1&t.i)){t.i|=1;{let e=n;for(;e=e.parentNode||e.host;)if(e["s-p"]){k(t,t.g=e);break}}e.P&&Object.entries(e.P).map((([t,[e]])=>{if(31&e&&n.hasOwnProperty(t)){const e=n[t];delete n[t],n[t]=e}})),(async(n,t,e,l,o)=>{if(0==(32&t.i)){t.i|=32;{if((o=K(e)).then){const n=()=>{};o=await o,n()}o.isProxied||(D(o,e,2),o.isProxied=!0);const n=()=>{};t.i|=8;try{new o(t)}catch(n){I(n)}t.i&=-9,n()}if(o.style){let n=o.style;const t=y(e);if(!Q.has(t)){const l=()=>{};((n,t,e)=>{let l=Q.get(n);tn&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,Q.set(n,l)})(t,n,!!(1&e.i)),l()}}}const s=t.g,r=()=>x(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,e)}l()}})(this)))}disconnectedCallback(){Z.jmp((()=>{}))}componentOnReady(){return _(this).A}};e.R=n[0],o.includes(r)||s.get(r)||(l.push(r),s.define(r,D(c,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(e=Z.M)&&void 0!==e?e:c(Y);null!=n&&u.setAttribute("nonce",n),r.insertBefore(u,i?i.nextSibling:r.firstChild)}d=!1,a.length?a.map((n=>n.connectedCallback())):Z.jmp((()=>f=setTimeout(U,30)))},H=n=>Z.M=n,V=new WeakMap,_=n=>V.get(n),z=(n,t)=>V.set(t.j=n,t),B=(n,t)=>{const e={i:0,S:n,O:t,L:new Map};return e.A=new Promise((n=>e.C=n)),n["s-p"]=[],n["s-rc"]=[],V.set(n,e)},G=(n,t)=>t in n,I=(n,t)=>(0,console.error)(n,t),J=new Map,K=n=>{const t=n.$.replace(/-/g,"_"),e=n.R,l=J.get(e);return l?l[t]:import(`./${e}.entry.js`).then((n=>(J.set(e,n),n[t])),I)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Q=new Map,X="undefined"!=typeof window?window:{},Y=X.document||{head:{}},Z={i:0,N:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,e,l)=>n.addEventListener(t,e,l),rel:(n,t,e,l)=>n.removeEventListener(t,e,l),ce:(n,t)=>new CustomEvent(n,t)},nn=n=>Promise.resolve(n),tn=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),en=[],ln=[],on=(n,t)=>e=>{n.push(e),o||(o=!0,t&&4&Z.i?cn(rn):Z.raf(rn))},sn=n=>{for(let t=0;t<n.length;t++)try{n[t](performance.now())}catch(n){I(n)}n.length=0},rn=()=>{sn(en),sn(ln),(o=en.length>0)&&Z.raf(rn)},cn=n=>nn().then(n),un=on(ln,!0);export{F as b,R as f,T as g,i as h,nn as p,z as r,H as s}