funnel-gfx-wc 0.0.197 → 0.0.201
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/funnel-app.cjs.entry.js +15 -17
- package/dist/collection/components/funnel-app/data-source.js +1 -1
- package/dist/collection/components/funnel-app/funnel-app.css +13 -6
- package/dist/collection/components/funnel-app/funnel-gfx.js +14 -16
- package/dist/esm/funnel-app.entry.js +15 -17
- package/dist/funnel-gfx-wc/funnel-gfx-wc.esm.js +1 -1
- package/dist/funnel-gfx-wc/{p-cb094455.entry.js → p-978fdea0.entry.js} +1 -1
- package/dist/types/components/funnel-app/funnel-gfx.d.ts +1 -3
- package/dist/types/components/funnel-app/paw.d.ts +5 -0
- package/package.json +2 -2
|
@@ -2490,7 +2490,7 @@ const Refresh = props => {
|
|
|
2490
2490
|
const help = 'click a button... ';
|
|
2491
2491
|
const DataSource = _props => {
|
|
2492
2492
|
const { count } = store.state;
|
|
2493
|
-
return (index.h("div", { class: "flex mt-
|
|
2493
|
+
return (index.h("div", { class: "flex mt-3 mb-10px items-center" },
|
|
2494
2494
|
index.h("button", { "aria-label": "Refresh", title: "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
|
|
2495
2495
|
actions.refresh();
|
|
2496
2496
|
} },
|
|
@@ -2536,7 +2536,6 @@ const processColor = (next) => {
|
|
|
2536
2536
|
return;
|
|
2537
2537
|
const hex1 = lastHex;
|
|
2538
2538
|
const hex2 = colorFor(next);
|
|
2539
|
-
console.log('-- color:', hex1, hex2);
|
|
2540
2539
|
// IMPORTANT: we are tweening between the hex values, not the names...
|
|
2541
2540
|
if (hex1 !== null && hex1 !== hex2) {
|
|
2542
2541
|
if (tween) {
|
|
@@ -2602,20 +2601,19 @@ const FunnelGfx = _props => {
|
|
|
2602
2601
|
// IMPORTANT: initialize these arrays when you render...
|
|
2603
2602
|
barHeight = Array(bars.length);
|
|
2604
2603
|
barRefs = Array(bars.length);
|
|
2605
|
-
return (index.h("
|
|
2606
|
-
index.h("
|
|
2607
|
-
|
|
2608
|
-
index.h("
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
}))));
|
|
2604
|
+
return (index.h("svg", { class: "funnel", viewBox: "0 0 600 420" },
|
|
2605
|
+
index.h("desc", null, "Created with Snap"),
|
|
2606
|
+
index.h("defs", null, bars.map(item => {
|
|
2607
|
+
return (index.h("mask", { id: item.maskId },
|
|
2608
|
+
index.h("polygon", { points: item.mask, fill: bgdFill })));
|
|
2609
|
+
})),
|
|
2610
|
+
bars.map((item, index$1) => {
|
|
2611
|
+
const { height, width, maskUri, matrix, points } = item;
|
|
2612
|
+
barHeight[index$1] = height;
|
|
2613
|
+
return (index.h("g", { transform: matrix },
|
|
2614
|
+
index.h("polygon", { points: points, fill: bgdFill, stroke: stroke }),
|
|
2615
|
+
index.h("rect", { ref: el => (barRefs[index$1] = el), x: "0", y: height, width: width, height: height, mask: maskUri, fill: xFill, stroke: stroke })));
|
|
2616
|
+
})));
|
|
2619
2617
|
};
|
|
2620
2618
|
|
|
2621
2619
|
const Fingerprint = props => {
|
|
@@ -2637,7 +2635,7 @@ const Eswat2Io = _props => {
|
|
|
2637
2635
|
index.h(Fingerprint, { label: "eswat2" })));
|
|
2638
2636
|
};
|
|
2639
2637
|
|
|
2640
|
-
const funnelAppCss = ".transform{--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-transform:translateX(var(--tw-translate-x))
|
|
2638
|
+
const funnelAppCss = ".transform{--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-transform:translateX(var(--tw-translate-x))\n translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))\n skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))\n scaleY(var(--tw-scale-y))}.shadow{--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, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.absolute{position:absolute}.top-8{top:2rem}.right-8{right:2rem}.mt-3{margin-top:0.75rem}.mb-10px{margin-bottom:10px}.mr-10px{margin-right:10px}.mt-5px{margin-top:5px}.mr-0{margin-right:0px}.ml-0{margin-left:0px}.flex{display:flex}.transform{transform:var(--tw-transform)}.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)}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.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:1px solid var(--clrs-slate);padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;background-color:var(--clrs-silver);border-radius:10px;border:1px solid var(--clrs-gray)}#app{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";
|
|
2641
2639
|
|
|
2642
2640
|
let FunnelApp = class {
|
|
2643
2641
|
constructor(hostRef) {
|
|
@@ -6,7 +6,7 @@ import { store, actions } from '../../utils';
|
|
|
6
6
|
const help = 'click a button... ';
|
|
7
7
|
const DataSource = _props => {
|
|
8
8
|
const { count } = store.state;
|
|
9
|
-
return (h("div", { class: "flex mt-
|
|
9
|
+
return (h("div", { class: "flex mt-3 mb-10px items-center" },
|
|
10
10
|
h("button", { "aria-label": "Refresh", title: "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
|
|
11
11
|
actions.refresh();
|
|
12
12
|
} },
|
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
--tw-skew-y: 0;
|
|
7
7
|
--tw-scale-x: 1;
|
|
8
8
|
--tw-scale-y: 1;
|
|
9
|
-
--tw-transform: translateX(var(--tw-translate-x))
|
|
9
|
+
--tw-transform: translateX(var(--tw-translate-x))
|
|
10
|
+
translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
|
|
11
|
+
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
|
|
12
|
+
scaleY(var(--tw-scale-y));
|
|
10
13
|
}
|
|
11
14
|
|
|
12
15
|
.shadow {
|
|
@@ -20,7 +23,9 @@
|
|
|
20
23
|
display: flex;
|
|
21
24
|
flex-direction: column;
|
|
22
25
|
padding: 1rem;
|
|
23
|
-
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
26
|
+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
27
|
+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
|
28
|
+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
24
29
|
color: var(--clrs-navy, #001f3f);
|
|
25
30
|
-webkit-font-smoothing: antialiased;
|
|
26
31
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -49,8 +54,8 @@
|
|
|
49
54
|
right: 2rem;
|
|
50
55
|
}
|
|
51
56
|
|
|
52
|
-
.mt-
|
|
53
|
-
margin-top:
|
|
57
|
+
.mt-3 {
|
|
58
|
+
margin-top: 0.75rem;
|
|
54
59
|
}
|
|
55
60
|
|
|
56
61
|
.mb-10px {
|
|
@@ -119,8 +124,10 @@
|
|
|
119
124
|
|
|
120
125
|
.shadow {
|
|
121
126
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
122
|
-
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
|
|
123
|
-
|
|
127
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
|
|
128
|
+
0 1px 2px -1px var(--tw-shadow-color);
|
|
129
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
130
|
+
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
124
131
|
}
|
|
125
132
|
|
|
126
133
|
.data-button {
|
|
@@ -15,7 +15,6 @@ const processColor = (next) => {
|
|
|
15
15
|
return;
|
|
16
16
|
const hex1 = lastHex;
|
|
17
17
|
const hex2 = colorFor(next);
|
|
18
|
-
console.log('-- color:', hex1, hex2);
|
|
19
18
|
// IMPORTANT: we are tweening between the hex values, not the names...
|
|
20
19
|
if (hex1 !== null && hex1 !== hex2) {
|
|
21
20
|
if (tween) {
|
|
@@ -81,20 +80,19 @@ const FunnelGfx = _props => {
|
|
|
81
80
|
// IMPORTANT: initialize these arrays when you render...
|
|
82
81
|
barHeight = Array(bars.length);
|
|
83
82
|
barRefs = Array(bars.length);
|
|
84
|
-
return (h("
|
|
85
|
-
h("
|
|
86
|
-
|
|
87
|
-
h("
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}))));
|
|
83
|
+
return (h("svg", { class: "funnel", viewBox: "0 0 600 420" },
|
|
84
|
+
h("desc", null, "Created with Snap"),
|
|
85
|
+
h("defs", null, bars.map(item => {
|
|
86
|
+
return (h("mask", { id: item.maskId },
|
|
87
|
+
h("polygon", { points: item.mask, fill: bgdFill })));
|
|
88
|
+
})),
|
|
89
|
+
bars.map((item, index) => {
|
|
90
|
+
const { height, width, maskUri, matrix, points } = item;
|
|
91
|
+
barHeight[index] = height;
|
|
92
|
+
return (h("g", { transform: matrix },
|
|
93
|
+
h("polygon", { points: points, fill: bgdFill, stroke: stroke }),
|
|
94
|
+
h("rect", { ref: el => (barRefs[index] = el), x: "0", y: height, width: width, height: height, mask: maskUri, fill: xFill, stroke: stroke })));
|
|
95
|
+
})));
|
|
98
96
|
};
|
|
99
|
-
export { FunnelGfx,
|
|
97
|
+
export { FunnelGfx, processColor, processValues };
|
|
100
98
|
export default FunnelGfx;
|
|
@@ -2486,7 +2486,7 @@ const Refresh = props => {
|
|
|
2486
2486
|
const help = 'click a button... ';
|
|
2487
2487
|
const DataSource = _props => {
|
|
2488
2488
|
const { count } = store.state;
|
|
2489
|
-
return (h("div", { class: "flex mt-
|
|
2489
|
+
return (h("div", { class: "flex mt-3 mb-10px items-center" },
|
|
2490
2490
|
h("button", { "aria-label": "Refresh", title: "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
|
|
2491
2491
|
actions.refresh();
|
|
2492
2492
|
} },
|
|
@@ -2532,7 +2532,6 @@ const processColor = (next) => {
|
|
|
2532
2532
|
return;
|
|
2533
2533
|
const hex1 = lastHex;
|
|
2534
2534
|
const hex2 = colorFor(next);
|
|
2535
|
-
console.log('-- color:', hex1, hex2);
|
|
2536
2535
|
// IMPORTANT: we are tweening between the hex values, not the names...
|
|
2537
2536
|
if (hex1 !== null && hex1 !== hex2) {
|
|
2538
2537
|
if (tween) {
|
|
@@ -2598,20 +2597,19 @@ const FunnelGfx = _props => {
|
|
|
2598
2597
|
// IMPORTANT: initialize these arrays when you render...
|
|
2599
2598
|
barHeight = Array(bars.length);
|
|
2600
2599
|
barRefs = Array(bars.length);
|
|
2601
|
-
return (h("
|
|
2602
|
-
h("
|
|
2603
|
-
|
|
2604
|
-
h("
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
}))));
|
|
2600
|
+
return (h("svg", { class: "funnel", viewBox: "0 0 600 420" },
|
|
2601
|
+
h("desc", null, "Created with Snap"),
|
|
2602
|
+
h("defs", null, bars.map(item => {
|
|
2603
|
+
return (h("mask", { id: item.maskId },
|
|
2604
|
+
h("polygon", { points: item.mask, fill: bgdFill })));
|
|
2605
|
+
})),
|
|
2606
|
+
bars.map((item, index) => {
|
|
2607
|
+
const { height, width, maskUri, matrix, points } = item;
|
|
2608
|
+
barHeight[index] = height;
|
|
2609
|
+
return (h("g", { transform: matrix },
|
|
2610
|
+
h("polygon", { points: points, fill: bgdFill, stroke: stroke }),
|
|
2611
|
+
h("rect", { ref: el => (barRefs[index] = el), x: "0", y: height, width: width, height: height, mask: maskUri, fill: xFill, stroke: stroke })));
|
|
2612
|
+
})));
|
|
2615
2613
|
};
|
|
2616
2614
|
|
|
2617
2615
|
const Fingerprint = props => {
|
|
@@ -2633,7 +2631,7 @@ const Eswat2Io = _props => {
|
|
|
2633
2631
|
h(Fingerprint, { label: "eswat2" })));
|
|
2634
2632
|
};
|
|
2635
2633
|
|
|
2636
|
-
const funnelAppCss = ".transform{--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-transform:translateX(var(--tw-translate-x))
|
|
2634
|
+
const funnelAppCss = ".transform{--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-transform:translateX(var(--tw-translate-x))\n translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))\n skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))\n scaleY(var(--tw-scale-y))}.shadow{--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, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.absolute{position:absolute}.top-8{top:2rem}.right-8{right:2rem}.mt-3{margin-top:0.75rem}.mb-10px{margin-bottom:10px}.mr-10px{margin-right:10px}.mt-5px{margin-top:5px}.mr-0{margin-right:0px}.ml-0{margin-left:0px}.flex{display:flex}.transform{transform:var(--tw-transform)}.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)}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.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:1px solid var(--clrs-slate);padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;background-color:var(--clrs-silver);border-radius:10px;border:1px solid var(--clrs-gray)}#app{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";
|
|
2637
2635
|
|
|
2638
2636
|
let FunnelApp = class {
|
|
2639
2637
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p,b as a}from"./p-0cac0962.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),p(n)})().then((p=>a([["p-
|
|
1
|
+
import{p,b as a}from"./p-0cac0962.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),p(n)})().then((p=>a([["p-978fdea0",[[1,"funnel-app",{tag:[1]}]]]],p)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,g as r,f as e,r as n}from"./p-0cac0962.js";const a=r=>{const e=r.hex||"currentColor",n=r.selected||!1,a=r.size||24;return t("svg",{class:r.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"radio")," ",t("g",{fill:e},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,r,e){return t(e={path:r,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},e.exports),e.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]},u=o((function(t){var r=Array.prototype.concat,e=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=r.call(a,e.call(l)):a.push(l)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),s=o((function(t){var r=Object.hasOwnProperty,e={};for(var n in l)r.call(l,n)&&(e[l[n]]=n);var a=t.exports={to:{},get:{}};function i(t,r,e){return Math.min(Math.max(r,t),e)}function o(t){var r=Math.round(t).toString(16).toUpperCase();return r.length<2?"0"+r:r}a.get=function(t){var r,e;switch(t.substring(0,3).toLowerCase()){case"hsl":r=a.get.hsl(t),e="hsl";break;case"hwb":r=a.get.hwb(t),e="hwb";break;default:r=a.get.rgb(t),e="rgb"}return r?{model:e,value:r}:null},a.get.rgb=function(t){if(!t)return null;var e,n,a,o=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=e[2],e=e[1],n=0;n<3;n++){var u=2*n;o[n]=parseInt(e.slice(u,u+2),16)}a&&(o[3]=parseInt(a,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(a=(e=e[1])[3],n=0;n<3;n++)o[n]=parseInt(e[n]+e[n],16);a&&(o[3]=parseInt(a+a,16)/255)}else if(e=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(e[n+1],0);e[4]&&(o[3]=e[5]?.01*parseFloat(e[4]):parseFloat(e[4]))}else{if(!(e=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(e=t.match(/^(\w+)$/))?"transparent"===e[1]?[0,0,0,0]:r.call(l,e[1])?((o=l[e[1]])[3]=1,o):null:null;for(n=0;n<3;n++)o[n]=Math.round(2.55*parseFloat(e[n+1]));e[4]&&(o[3]=e[5]?.01*parseFloat(e[4]):parseFloat(e[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 r=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(r){var e=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(e)?1:e,0,1)]}return null},a.get.hwb=function(t){if(!t)return null;var r=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(r){var e=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(e)?1:e,0,1)]}return null},a.to.hex=function(){var t=u(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=u(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=u(arguments),r=Math.round(t[0]/255*100),e=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+r+"%, "+e+"%, "+n+"%)":"rgba("+r+"%, "+e+"%, "+n+"%, "+t[3]+")"},a.to.hsl=function(){var t=u(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=u(arguments),r="";return t.length>=4&&1!==t[3]&&(r=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+r+")"},a.to.keyword=function(t){return e[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 r={};for(var e in c)c.hasOwnProperty(e)&&(r[c[e]]=e);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 r,e,n=t[0]/255,a=t[1]/255,i=t[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),u=l-o;return l===o?r=0:n===l?r=(a-i)/u:a===l?r=2+(i-n)/u:i===l&&(r=4+(n-a)/u),(r=Math.min(60*r,360))<0&&(r+=360),e=(o+l)/2,[r,100*(l===o?0:e<=.5?u/(l+o):u/(2-l-o)),100*e]},n.rgb.hsv=function(t){var r,e,n,a,i,o=t[0]/255,l=t[1]/255,u=t[2]/255,s=Math.max(o,l,u),c=s-Math.min(o,l,u),h=function(t){return(s-t)/6/c+.5};return 0===c?a=i=0:(i=c/s,r=h(o),e=h(l),n=h(u),o===s?a=n-e:l===s?a=1/3+r-n:u===s&&(a=2/3+e-r),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*s]},n.rgb.hwb=function(t){var r=t[0],e=t[1],a=t[2];return[n.rgb.hsl(t)[0],1/255*Math.min(r,Math.min(e,a))*100,100*(a=1-1/255*Math.max(r,Math.max(e,a)))]},n.rgb.cmyk=function(t){var r,e=t[0]/255,n=t[1]/255,a=t[2]/255;return[100*((1-e-(r=Math.min(1-e,1-n,1-a)))/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-a-r)/(1-r)||0),100*r]},n.rgb.keyword=function(t){var e=r[t];if(e)return e;var n,a,i,o=1/0;for(var l in c)if(c.hasOwnProperty(l)){var u=(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));u<o&&(o=u,n=l)}return n},n.keyword.rgb=function(t){return c[t]},n.rgb.xyz=function(t){var r=t[0]/255,e=t[1]/255,n=t[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*r+.7152*e+.0722*n),100*(.0193*r+.1192*e+.9505*n)]},n.rgb.lab=function(t){var r=n.rgb.xyz(t),e=r[0],a=r[1],i=r[2];return a/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(e-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(t){var r,e,n,a,i,o=t[0]/360,l=t[1]/100,u=t[2]/100;if(0===l)return[i=255*u,i,i];r=2*u-(e=u<.5?u*(1+l):u+l-u*l),a=[0,0,0];for(var s=0;s<3;s++)(n=o+1/3*-(s-1))<0&&n++,n>1&&n--,a[s]=255*(i=6*n<1?r+6*(e-r)*n:2*n<1?e:3*n<2?r+(e-r)*(2/3-n)*6:r);return a},n.hsl.hsv=function(t){var r=t[0],e=t[1]/100,n=t[2]/100,a=e,i=Math.max(n,.01);return e*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[r,100*(0===n?2*a/(i+a):2*e/(n+e)),(n+e)/2*100]},n.hsv.rgb=function(t){var r=t[0]/60,e=t[1]/100,n=t[2]/100,a=Math.floor(r)%6,i=r-Math.floor(r),o=255*n*(1-e),l=255*n*(1-e*i),u=255*n*(1-e*(1-i));switch(n*=255,a){case 0:return[n,u,o];case 1:return[l,n,o];case 2:return[o,n,u];case 3:return[o,l,n];case 4:return[u,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(t){var r,e,n,a=t[0],i=t[1]/100,o=t[2]/100,l=Math.max(o,.01);return n=(2-i)*o,e=i*l,[a,100*(e=(e/=(r=(2-i)*l)<=1?r:2-r)||0),100*(n/=2)]},n.hwb.rgb=function(t){var r,e,n,a,i,o,l,u=t[0]/360,s=t[1]/100,c=t[2]/100,h=s+c;switch(h>1&&(s/=h,c/=h),n=6*u-(r=Math.floor(6*u)),0!=(1&r)&&(n=1-n),a=s+n*((e=1-c)-s),r){default:case 6:case 0:i=e,o=a,l=s;break;case 1:i=a,o=e,l=s;break;case 2:i=s,o=e,l=a;break;case 3:i=s,o=a,l=e;break;case 4:i=a,o=s,l=e;break;case 5:i=e,o=s,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(t){var r=t[1]/100,e=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n))]},n.xyz.rgb=function(t){var r,e,n,a=t[0]/100,i=t[1]/100,o=t[2]/100;return e=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,r=(r=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(r=Math.min(Math.max(0,r),1)),255*(e=Math.min(Math.max(0,e),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(t){var r=t[0],e=t[1],n=t[2];return e/=100,n/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(e=e>.008856?Math.pow(e,1/3):7.787*e+16/116)-16,500*(r-e),200*(e-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(t){var r,e,n;r=t[1]/500+(e=(t[0]+16)/116),n=e-t[2]/200;var a=Math.pow(e,3),i=Math.pow(r,3),o=Math.pow(n,3);return e=a>.008856?a:(e-16/116)/7.787,r=i>.008856?i:(r-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[r*=95.047,e*=100,n*=108.883]},n.lab.lch=function(t){var r,e=t[0],n=t[1],a=t[2];return(r=360*Math.atan2(a,n)/2/Math.PI)<0&&(r+=360),[e,Math.sqrt(n*n+a*a),r]},n.lch.lab=function(t){var r,e=t[1];return r=t[2]/360*2*Math.PI,[t[0],e*Math.cos(r),e*Math.sin(r)]},n.rgb.ansi16=function(t){var r=t[0],e=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(e/255)<<1|Math.round(r/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 r=t[0],e=t[1],n=t[2];return r===e&&e===n?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(e/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(t){var r=t%10;if(0===r||7===r)return t>50&&(r+=3.5),[r=r/10.5*255,r,r];var e=.5*(1+~~(t>50));return[(1&r)*e*255,(r>>1&1)*e*255,(r>>2&1)*e*255]},n.ansi256.rgb=function(t){if(t>=232){var r=10*(t-232)+8;return[r,r,r]}var e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},n.rgb.hex=function(t){var r=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(r.length)+r},n.hex.rgb=function(t){var r=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];var e=r[0];3===r[0].length&&(e=e.split("").map((function(t){return t+t})).join(""));var n=parseInt(e,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(t){var r,e=t[0]/255,n=t[1]/255,a=t[2]/255,i=Math.max(Math.max(e,n),a),o=Math.min(Math.min(e,n),a),l=i-o;return r=l<=0?0:i===e?(n-a)/l%6:i===n?2+(a-e)/l:4+(e-n)/l+4,r/=6,[360*(r%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(t){var r,e=t[1]/100,n=t[2]/100,a=0;return(r=n<.5?2*e*n:2*e*(1-n))<1&&(a=(n-.5*r)/(1-r)),[t[0],100*r,100*a]},n.hsv.hcg=function(t){var r=t[2]/100,e=t[1]/100*r,n=0;return e<1&&(n=(r-e)/(1-e)),[t[0],100*e,100*n]},n.hcg.rgb=function(t){var r=t[1]/100,e=t[2]/100;if(0===r)return[255*e,255*e,255*e];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*(r*a[0]+(n=(1-r)*e)),255*(r*a[1]+n),255*(r*a[2]+n)]},n.hcg.hsv=function(t){var r=t[1]/100,e=r+t[2]/100*(1-r),n=0;return e>0&&(n=r/e),[t[0],100*n,100*e]},n.hcg.hsl=function(t){var r=t[1]/100,e=t[2]/100*(1-r)+.5*r,n=0;return e>0&&e<.5?n=r/(2*e):e>=.5&&e<1&&(n=r/(2*(1-e))),[t[0],100*n,100*e]},n.hcg.hwb=function(t){var r=t[1]/100,e=r+t[2]/100*(1-r);return[t[0],100*(e-r),100*(1-e)]},n.hwb.hcg=function(t){var r=1-t[2]/100,e=r-t[1]/100,n=0;return e<1&&(n=(r-e)/(1-e)),[t[0],100*e,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 r=255&Math.round(t[0]/100*255),e=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));function f(t,r){return function(e){return r(t(e))}}function d(t,r){for(var e=[r[t].parent,t],n=h[r[t].parent][t],a=r[t].parent;r[a].parent;)e.unshift(r[a].parent),n=f(h[r[a].parent][a],n),a=r[a].parent;return n.conversion=e,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 r=function(t){for(var r=function(t){var r=function(){for(var t={},r=Object.keys(h),e=r.length,n=0;n<e;n++)t[r[n]]={distance:-1,parent:null};return t}(),e=[t];for(r[t].distance=0;e.length;)for(var n=e.pop(),a=Object.keys(h[n]),i=a.length,o=0;o<i;o++){var l=a[o],u=r[l];-1===u.distance&&(u.distance=r[n].distance+1,u.parent=n,e.unshift(l))}return r}(t),e={},n=Object.keys(r),a=n.length,i=0;i<a;i++){var o=n[i];null!==r[o].parent&&(e[o]=d(o,r))}return e}(t);Object.keys(r).forEach((function(e){var n=r[e];b[t][e]=function(t){var r=function(r){if(null==r)return r;arguments.length>1&&(r=Array.prototype.slice.call(arguments));var e=t(r);if("object"==typeof e)for(var n=e.length,a=0;a<n;a++)e[a]=Math.round(e[a]);return e};return"conversion"in t&&(r.conversion=t.conversion),r}(n),b[t][e].raw=function(t){var r=function(r){return null==r?r:(arguments.length>1&&(r=Array.prototype.slice.call(arguments)),t(r))};return"conversion"in t&&(r.conversion=t.conversion),r}(n)}))}));var v=b,p=[].slice,g=["keyword","gray","hex"],m={};Object.keys(v).forEach((function(t){m[p.call(v[t].labels).sort().join("")]=t}));var y={};function w(t,r){if(!(this instanceof w))return new w(t,r);if(r&&r in g&&(r=null),r&&!(r in v))throw new Error("Unknown model: "+r);var e,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof w)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var a=s.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=v[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(t.length){this.model=r||"rgb";var i=p.call(t,0,n=v[this.model].channels);this.color=C(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 m))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=m[l];var u=v[this.model].labels,c=[];for(e=0;e<u.length;e++)c.push(t[u[e]]);this.color=C(c)}if(y[this.model])for(n=v[this.model].channels,e=0;e<n;e++){var h=y[this.model][e];h&&(this.color[e]=h(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function M(t,r,e){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(y[t]||(y[t]=[]))[r]=e})),t=t[0],function(n){var a;return arguments.length?(e&&(n=e(n)),(a=this[t]()).color[r]=n,a):(a=this[t]().color[r],e&&(a=e(a)),a)}}function k(t){return function(r){return Math.max(0,Math.min(t,r))}}function x(t){return Array.isArray(t)?t:[t]}function C(t,r){for(var e=0;e<r;e++)"number"!=typeof t[e]&&(t[e]=0);return t}w.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var r=this.model in s.to?this:this.rgb(),e=1===(r=r.round("number"==typeof t?t:1)).valpha?r.color:r.color.concat(this.valpha);return s.to[r.model](e)},percentString:function(t){var r=this.rgb().round("number"==typeof t?t:1),e=1===r.valpha?r.color:r.color.concat(this.valpha);return s.to.rgb.percent(e)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},r=v[this.model].channels,e=v[this.model].labels,n=0;n<r;n++)t[e[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 w(this.color.map(function(t){return function(r){return function(t,r){return Number(t.toFixed(r))}(r,t)}}(t)).concat(this.valpha),this.model)},alpha:function(t){return arguments.length?new w(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:M("rgb",0,k(255)),green:M("rgb",1,k(255)),blue:M("rgb",2,k(255)),hue:M(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:M("hsl",1,k(100)),lightness:M("hsl",2,k(100)),saturationv:M("hsv",1,k(100)),value:M("hsv",2,k(100)),chroma:M("hcg",1,k(100)),gray:M("hcg",2,k(100)),white:M("hwb",1,k(100)),wblack:M("hwb",2,k(100)),cyan:M("cmyk",0,k(100)),magenta:M("cmyk",1,k(100)),yellow:M("cmyk",2,k(100)),black:M("cmyk",3,k(100)),x:M("xyz",0,k(100)),y:M("xyz",1,k(100)),z:M("xyz",2,k(100)),l:M("lab",0,k(100)),a:M("lab",1),b:M("lab",2),keyword:function(t){return arguments.length?new w(t):v[this.model].keyword(this.color)},hex:function(t){return arguments.length?new w(t):s.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,r=[],e=0;e<t.length;e++){var n=t[e]/255;r[e]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*r[0]+.7152*r[1]+.0722*r[2]},contrast:function(t){var r=this.luminosity(),e=t.luminosity();return r>e?(r+.05)/(e+.05):(e+.05)/(r+.05)},level:function(t){var r=this.contrast(t);return r>=7.1?"AAA":r>=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(),r=0;r<3;r++)t.color[r]=255-t.color[r];return t},lighten:function(t){var r=this.hsl();return r.color[2]+=r.color[2]*t,r},darken:function(t){var r=this.hsl();return r.color[2]-=r.color[2]*t,r},saturate:function(t){var r=this.hsl();return r.color[1]+=r.color[1]*t,r},desaturate:function(t){var r=this.hsl();return r.color[1]-=r.color[1]*t,r},whiten:function(t){var r=this.hwb();return r.color[1]+=r.color[1]*t,r},blacken:function(t){var r=this.hwb();return r.color[2]+=r.color[2]*t,r},grayscale:function(){var t=this.rgb().color,r=.3*t[0]+.59*t[1]+.11*t[2];return w.rgb(r,r,r)},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 r=this.hsl(),e=r.color[0];return r.color[0]=e=(e=(e+t)%360)<0?360+e:e,r},mix:function(t,r){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);var e=t.rgb(),n=this.rgb(),a=void 0===r?.5:r,i=2*a-1,o=e.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,u=1-l;return w.rgb(l*e.red()+u*n.red(),l*e.green()+u*n.green(),l*e.blue()+u*n.blue(),e.alpha()*a+n.alpha()*(1-a))}},Object.keys(v).forEach((function(t){if(-1===g.indexOf(t)){var r=v[t].channels;w.prototype[t]=function(){if(this.model===t)return new w(this);if(arguments.length)return new w(arguments,t);var e="number"==typeof arguments[r]?r:this.valpha;return new w(x(v[this.model][t].raw(this.color)).concat(e),t)},w[t]=function(e){return"number"==typeof e&&(e=C(p.call(arguments),r)),new w(e,t)}}}));var O=w,j=function(t,r,e){return t*(1-e)+r*e};const A={name:"color",test:t=>"string"==typeof t&&(t.indexOf("rgb")>=0||t.indexOf("#")>=0||t.indexOf("hsl")>=0||s.get.rgb(t)),initialize:(t,r)=>({data:{format:(t.indexOf("rgba")>=0?"rgba":t.indexOf("rgb")>=0&&"rgb")||t.indexOf("#")>=0&&"hex"||O(t).model},startValue:O(t).rgb(),destValue:O(r).rgb()}),interpolate(t,r,e,n){const a=j(t.color[0],r.color[0],e),i=j(t.color[1],r.color[1],e),o=j(t.color[2],r.color[2],e),l=j(t.valpha,r.valpha,e),u=O.rgb(a,i,o,l)["rgba"===n.format?"rgb":n.format]();return"string"==typeof u?u:u.string()}},I=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],q=I.map((()=>0)),z={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"},S=Object.assign(Object.assign({},z),{slate:"#708090",slate4:"#4e5964",white:"#ffffff"}),$=t=>S[t],E=Object.keys(z),F=t=>!("isConnected"in t)||t.isConnected,L=(()=>{let t;return(...r)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let r of t.keys())t.set(r,t.get(r).filter(F))})(...r)}),2e3)}})(),N=(()=>{const t=((t,r=((t,r)=>t!==r))=>{let e=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},a=()=>{e=new Map(Object.entries(null!=t?t:{})),n.reset.forEach((t=>t()))},i=t=>(n.get.forEach((r=>r(t))),e.get(t)),o=(t,a)=>{const i=e.get(t);r(a,i,t)&&(e.set(t,a),n.set.forEach((r=>r(t,a,i))))},l="undefined"==typeof Proxy?{}:new Proxy(t,{get:(t,r)=>i(r),ownKeys:()=>Array.from(e.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,r)=>e.has(r),set:(t,r,e)=>(o(r,e),!0)}),u=(t,r)=>(n[t].push(r),()=>{((t,r)=>{const e=t.indexOf(r);e>=0&&(t[e]=t[t.length-1],t.length--)})(n[t],r)});return{state:l,get:i,set:o,on:u,onChange:(r,e)=>{const n=u("set",((t,n)=>{t===r&&e(n)})),a=u("reset",(()=>e(t[r])));return()=>{n(),a()}},use:(...t)=>{const r=t.reduce(((t,r)=>(r.set&&t.push(u("set",r.set)),r.get&&t.push(u("get",r.get)),r.reset&&t.push(u("reset",r.reset)),r.dispose&&t.push(u("dispose",r.dispose)),t)),[]);return()=>r.forEach((t=>t()))},dispose:()=>{n.dispose.forEach((t=>t())),a()},reset:a,forceUpdate:t=>{const r=e.get(t);n.set.forEach((e=>e(t,r,r)))}}})({count:0,pick:"bada55",values:[...q]},void 0);return t.use((()=>{if("function"!=typeof r)return{};const t=new Map;return{dispose:()=>t.clear(),get:e=>{const n=r();n&&((t,r,e)=>{const n=t.get(r);n?n.includes(e)||n.push(e):t.set(r,[e])})(t,e,n)},set:r=>{const n=t.get(r);n&&t.set(r,n.filter(e)),L(t)},reset:()=>{t.forEach((t=>t.forEach(e))),L(t)}}})()),t})(),{state:D}=N,R=()=>{const{pick:r}=N.state;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},E.map((e=>{const n=$(e);return t("div",{"aria-label":e,role:"radio",title:e,onClick:()=>{(t=>{D.pick=t})(e)}},t(a,{hex:n,selected:r==e}))})))},_=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"chevron-double-left"),t("g",{fill:e},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"}))},B=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"close"),t("g",{fill:e},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"}))},T=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"refresh"),t("g",{fill:e},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"}))},U=()=>{const{count:r}=N.state;return t("div",{class:"flex mt-10px mb-10px items-center"},t("button",{"aria-label":"Refresh",title:"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{(()=>{const t=q.map((()=>Math.floor(100*Math.random())));D.count=D.count+1,D.values=t})()}},t(T,null)),t("button",{"aria-label":"Reset",title:"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{D.count=0,D.values=[...q]}},t(B,null)),t("span",{class:"flex items-center"},t(_,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,r))))},H=()=>{const{values:r,pick:e,count:n}=N.state;return t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"font-bold mr-10px"},"color:"),t("span",{class:"italic text-clrs-slate4"},e)),t("div",{class:"flex mt-5px"},t("span",{class:"font-bold mr-10px"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${n>0?r:"..."}`)))};var V=o((function(t){t.exports=function(){function t(r){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})(r)}function r(t,r){for(var e=0;e<r.length;e++){var n=r[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function e(t,e,n){return e&&r(t.prototype,e),n&&r(t,n),t}function n(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){return(a=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,r){return(o=Object.setPrototypeOf||function(t,r){return t.__proto__=r,t})(t,r)}function l(t,r,e){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,r,e){var n=[null];n.push.apply(n,r);var a=new(t.bind.apply(t,n));return e&&o(a,e.prototype),a}).apply(null,arguments)}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var s=function(t,r,e){return t*(1-e)+r*e},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(t,r){return t(r={exports:{}},r.exports),r.exports}for(var f=h((function(t){var r=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 r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(t-=1))*Math.sin((t-r)*(2*Math.PI)/.4))},Out:function(t){var r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*t)*Math.sin((t-r)*(2*Math.PI)/.4)+1)},InOut:function(t){var r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),(t*=2)<1?e*Math.pow(2,10*(t-=1))*Math.sin((t-r)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(t-=1))*Math.sin((t-r)*(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 r=2.5949095;return(t*=2)<1?t*t*((r+1)*t-r)*.5:.5*((t-=2)*t*((r+1)*t+r)+2)}},Bounce:{In:function(t){return 1-r.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*r.Bounce.In(2*t):.5*r.Bounce.Out(2*t-1)+.5}}}})),d=h((function(t){(function(){var r,e,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(r()-i)/1e6},e=process.hrtime,a=(r=function(){var t;return 1e9*(t=e())[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,v=["moz","webkit"],p="AnimationFrame",g=b["request"+p],m=b["cancel"+p]||b["cancelRequest"+p],y=0;!g&&y<v.length;y++)g=b[v[y]+"Request"+p],m=b[v[y]+"Cancel"+p]||b[v[y]+"CancelRequest"+p];if(!g||!m){var w=0,M=0,k=[];g=function(t){if(0===k.length){var r=d(),e=Math.max(0,1e3/60-(r-w));w=e+r,setTimeout((function(){for(var t=k.slice(0),r=k.length=0;r<t.length;r++)if(!t[r].cancelled)try{t[r].callback(w)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return k.push({handle:++M,callback:t,cancelled:!1}),M},m=function(t){for(var r=0;r<k.length;r++)k[r].handle===t&&(k[r].cancelled=!0)}}var x=function(t){return g.call(b,t)};x.cancel=function(){m.apply(b,arguments)},x.polyfill=function(t){t||(t=b),t.requestAnimationFrame=g,t.cancelAnimationFrame=m};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),q=Symbol("completed"),z=Symbol("paused"),S=requestAnimationFrame||x,$=Date.now();!function t(){S(t),C=Date.now(),O=C-$;for(var r=0;r<j.length;r++)j[r][q]||j[r](O,Date.now()-j[r][I]);$=C}();var E=function(r){function i(r,e){var o,l,c;!function(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),n(u(u(l=!c||"object"!=typeof c&&"function"!=typeof c?u(this):c)),"update",(function(){var t=u(u(l))._updateValue;return function(r,e){l[q]||l[z]||(0===l.localTime&&l.emit("start",l.value,u(u(l))),t(l.ease(l.loopFunction.progress(Math.min(1,(e||l.localTime)/l.duration)))),l.emit("update",l.value,u(u(l)),r),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[q]=!0,l.emit("complete",l.value,u(u(l)))})),l.localTime+=r)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(t,e){return t||e&&e.test&&e.test(r)&&e}),!1),f=h&&h.name||("object"===t(r)?Array.isArray(r)?"array":"object":"number");if(h){var d=h.initialize(r,e);r=d.startValue,e=d.destValue,l.data=d.data}switch(Object.assign(u(u(l)),(n(o={duration:1e3,localTime:0,startValue:r,destValue:e,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(t){return t},value:"array"===f?[].concat(r):"object"===f?Object.assign({},r):r},q,!1),n(o,A,f),n(o,I,Date.now()),n(o,z,!1),o)),l[A]){case"number":l._updateValue=function(t){l.value=s(l.startValue,l.destValue,t)};break;case"array":var b=l.value.length,v=u(u(l)),p=v.startValue,g=v.destValue,m=v.value;l._updateValue=function(t){for(var r=0;r<b;r++)m[r]=s(p[r],g[r],t)};break;case"object":var y=Object.keys(l.startValue),w=y.length,M=u(u(l)),k=M.startValue,x=M.destValue,C=M.value;l._updateValue=function(t){for(var r=0;r<w;r++){var e=y[r];C[e]=s(k[e],x[e],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 e(i,null,[{key:"between",value:function(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++)r[e]=arguments[e];return l(i,r)}}]),e(i,[{key:"pause",value:function(){return this[z]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[z]=!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"),r=arguments.length,e=new Array(1<r?r-1:0),n=1;n<r;n++)e[n-1]=arguments[n];return this.loopFunction=t in this?Object.assign({},i.DEFAULT_LOOP,this[t].apply(this,e)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var r=this,e=t;return this.times=0,{complete:function(t){r.localTime=0,Number.isInteger(e)&&++r.times===e?t():Number.isInteger(e)||++r.times}}}},{key:"__loop_bounce",value:function(t){var r=this,e=t,n=1;return this.times=0,{complete:function(t){r.localTime=0,n=-n,Number.isInteger(e)&&++r.times===e?t():Number.isInteger(e)||++r.times},progress:function(t){return 0<n?t:1-t}}}},{key:"isPaused",get:function(){return this[z]}}]),function(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");o(t.prototype,r&&r.prototype),r&&o(t,r)}(i,r),i}((function(t){var r={},e=[];(t=t||this).on=function(e,n,a){return(r[e]=r[e]||[]).push([n,a]),t},t.off=function(n,a){n||(r={});for(var i=r[n]||e,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=r[n]||e,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],e.slice.call(arguments,1));return t}}));return n(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=f,E._plugins={},E}()}));V._plugins.color=A;let P,Q=[];const X=$("white"),Y=$("bada55");let J,Z="#bada55",K=[0,0,0,0,0],G=[void 0,void 0,void 0,void 0,void 0];const W=t=>{if(!P)return;const r=Z,e=$(t);console.log("-- color:",r,e),null!==r&&r!==e&&(J&&J.pause(),J=new V(r,e).time(1e3).easing(V.Easing.Cubic.InOut).on("update",(t=>{P.forEach((r=>{r.setAttribute("fill",`${t}`)})),Z=t})))},tt=t=>{P&&P.forEach(((r,e)=>{const n=Q[e],a=K[e],i=t[e];null!==a&&a!==i&&(G[e]&&G[e].pause(),G[e]=new V(a,i).time(1e3).easing(V.Easing.Cubic.InOut).on("update",(t=>{r.setAttribute("y",""+n*((100-t)/100)),K[e]=t})))}))},rt=()=>{const r=I.map((t=>(({id:t,height:r,width:e,x:n,y:a,drop:i})=>({id:t,height:r,width:e,x:n,y:a,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${r-.5},${e-.5},${r-i-.5},${e-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${n},${a})`,points:`0,0,0,${r},${e},${r-i},${e},${i}`}))(t))),e="currentColor";return Q=Array(r.length),P=Array(r.length),t("div",{class:"funnel"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,r.map((r=>t("mask",{id:r.maskId},t("polygon",{points:r.mask,fill:X}))))),r.map(((r,n)=>{const{height:a,width:i,maskUri:o,matrix:l,points:u}=r;return Q[n]=a,t("g",{transform:l},t("polygon",{points:u,fill:X,stroke:e}),t("rect",{ref:t=>P[n]=t,x:"0",y:a,width:i,height:a,mask:o,fill:Y,stroke:e}))}))))},et=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"fingerprint"),t("g",{fill:e},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"}))},nt=()=>t("a",{class:"absolute top-8 right-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":"eswat2",title:"eswat2"},t(et,{label:"eswat2"}));let at=class{constructor(t){n(this,t),this.tag="funnel-app"}componentDidLoad(){N.onChange("pick",W),N.onChange("values",tt)}render(){return t("div",{id:"app",class:"ds1-main"},t(nt,null),t(rt,null),t(U,null),t(R,null),t("hr",{class:"mr-0 ml-0"}),t(H,null))}};at.style='.transform{--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-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shadow{--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, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.absolute{position:absolute}.top-8{top:2rem}.right-8{right:2rem}.mt-10px{margin-top:10px}.mb-10px{margin-bottom:10px}.mr-10px{margin-right:10px}.mt-5px{margin-top:5px}.mr-0{margin-right:0px}.ml-0{margin-left:0px}.flex{display:flex}.transform{transform:var(--tw-transform)}.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)}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.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), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-button{border-radius:5px;border:1px solid var(--clrs-slate);padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;background-color:var(--clrs-silver);border-radius:10px;border:1px solid var(--clrs-gray)}#app{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}';export{at as funnel_app}
|
|
1
|
+
import{h as t,g as r,f as e,r as n}from"./p-0cac0962.js";const a=r=>{const e=r.hex||"currentColor",n=r.selected||!1,a=r.size||24;return t("svg",{class:r.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"radio")," ",t("g",{fill:e},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,r,e){return t(e={path:r,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},e.exports),e.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]},u=o((function(t){var r=Array.prototype.concat,e=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=r.call(a,e.call(l)):a.push(l)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),s=o((function(t){var r=Object.hasOwnProperty,e={};for(var n in l)r.call(l,n)&&(e[l[n]]=n);var a=t.exports={to:{},get:{}};function i(t,r,e){return Math.min(Math.max(r,t),e)}function o(t){var r=Math.round(t).toString(16).toUpperCase();return r.length<2?"0"+r:r}a.get=function(t){var r,e;switch(t.substring(0,3).toLowerCase()){case"hsl":r=a.get.hsl(t),e="hsl";break;case"hwb":r=a.get.hwb(t),e="hwb";break;default:r=a.get.rgb(t),e="rgb"}return r?{model:e,value:r}:null},a.get.rgb=function(t){if(!t)return null;var e,n,a,o=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=e[2],e=e[1],n=0;n<3;n++){var u=2*n;o[n]=parseInt(e.slice(u,u+2),16)}a&&(o[3]=parseInt(a,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(a=(e=e[1])[3],n=0;n<3;n++)o[n]=parseInt(e[n]+e[n],16);a&&(o[3]=parseInt(a+a,16)/255)}else if(e=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(e[n+1],0);e[4]&&(o[3]=e[5]?.01*parseFloat(e[4]):parseFloat(e[4]))}else{if(!(e=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(e=t.match(/^(\w+)$/))?"transparent"===e[1]?[0,0,0,0]:r.call(l,e[1])?((o=l[e[1]])[3]=1,o):null:null;for(n=0;n<3;n++)o[n]=Math.round(2.55*parseFloat(e[n+1]));e[4]&&(o[3]=e[5]?.01*parseFloat(e[4]):parseFloat(e[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 r=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(r){var e=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(e)?1:e,0,1)]}return null},a.get.hwb=function(t){if(!t)return null;var r=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(r){var e=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(e)?1:e,0,1)]}return null},a.to.hex=function(){var t=u(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=u(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=u(arguments),r=Math.round(t[0]/255*100),e=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+r+"%, "+e+"%, "+n+"%)":"rgba("+r+"%, "+e+"%, "+n+"%, "+t[3]+")"},a.to.hsl=function(){var t=u(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=u(arguments),r="";return t.length>=4&&1!==t[3]&&(r=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+r+")"},a.to.keyword=function(t){return e[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 r={};for(var e in c)c.hasOwnProperty(e)&&(r[c[e]]=e);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 r,e,n=t[0]/255,a=t[1]/255,i=t[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),u=l-o;return l===o?r=0:n===l?r=(a-i)/u:a===l?r=2+(i-n)/u:i===l&&(r=4+(n-a)/u),(r=Math.min(60*r,360))<0&&(r+=360),e=(o+l)/2,[r,100*(l===o?0:e<=.5?u/(l+o):u/(2-l-o)),100*e]},n.rgb.hsv=function(t){var r,e,n,a,i,o=t[0]/255,l=t[1]/255,u=t[2]/255,s=Math.max(o,l,u),c=s-Math.min(o,l,u),h=function(t){return(s-t)/6/c+.5};return 0===c?a=i=0:(i=c/s,r=h(o),e=h(l),n=h(u),o===s?a=n-e:l===s?a=1/3+r-n:u===s&&(a=2/3+e-r),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*s]},n.rgb.hwb=function(t){var r=t[0],e=t[1],a=t[2];return[n.rgb.hsl(t)[0],1/255*Math.min(r,Math.min(e,a))*100,100*(a=1-1/255*Math.max(r,Math.max(e,a)))]},n.rgb.cmyk=function(t){var r,e=t[0]/255,n=t[1]/255,a=t[2]/255;return[100*((1-e-(r=Math.min(1-e,1-n,1-a)))/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-a-r)/(1-r)||0),100*r]},n.rgb.keyword=function(t){var e=r[t];if(e)return e;var n,a,i,o=1/0;for(var l in c)if(c.hasOwnProperty(l)){var u=(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));u<o&&(o=u,n=l)}return n},n.keyword.rgb=function(t){return c[t]},n.rgb.xyz=function(t){var r=t[0]/255,e=t[1]/255,n=t[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*r+.7152*e+.0722*n),100*(.0193*r+.1192*e+.9505*n)]},n.rgb.lab=function(t){var r=n.rgb.xyz(t),e=r[0],a=r[1],i=r[2];return a/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(e-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(t){var r,e,n,a,i,o=t[0]/360,l=t[1]/100,u=t[2]/100;if(0===l)return[i=255*u,i,i];r=2*u-(e=u<.5?u*(1+l):u+l-u*l),a=[0,0,0];for(var s=0;s<3;s++)(n=o+1/3*-(s-1))<0&&n++,n>1&&n--,a[s]=255*(i=6*n<1?r+6*(e-r)*n:2*n<1?e:3*n<2?r+(e-r)*(2/3-n)*6:r);return a},n.hsl.hsv=function(t){var r=t[0],e=t[1]/100,n=t[2]/100,a=e,i=Math.max(n,.01);return e*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[r,100*(0===n?2*a/(i+a):2*e/(n+e)),(n+e)/2*100]},n.hsv.rgb=function(t){var r=t[0]/60,e=t[1]/100,n=t[2]/100,a=Math.floor(r)%6,i=r-Math.floor(r),o=255*n*(1-e),l=255*n*(1-e*i),u=255*n*(1-e*(1-i));switch(n*=255,a){case 0:return[n,u,o];case 1:return[l,n,o];case 2:return[o,n,u];case 3:return[o,l,n];case 4:return[u,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(t){var r,e,n,a=t[0],i=t[1]/100,o=t[2]/100,l=Math.max(o,.01);return n=(2-i)*o,e=i*l,[a,100*(e=(e/=(r=(2-i)*l)<=1?r:2-r)||0),100*(n/=2)]},n.hwb.rgb=function(t){var r,e,n,a,i,o,l,u=t[0]/360,s=t[1]/100,c=t[2]/100,h=s+c;switch(h>1&&(s/=h,c/=h),n=6*u-(r=Math.floor(6*u)),0!=(1&r)&&(n=1-n),a=s+n*((e=1-c)-s),r){default:case 6:case 0:i=e,o=a,l=s;break;case 1:i=a,o=e,l=s;break;case 2:i=s,o=e,l=a;break;case 3:i=s,o=a,l=e;break;case 4:i=a,o=s,l=e;break;case 5:i=e,o=s,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(t){var r=t[1]/100,e=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n))]},n.xyz.rgb=function(t){var r,e,n,a=t[0]/100,i=t[1]/100,o=t[2]/100;return e=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,r=(r=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(r=Math.min(Math.max(0,r),1)),255*(e=Math.min(Math.max(0,e),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(t){var r=t[0],e=t[1],n=t[2];return e/=100,n/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(e=e>.008856?Math.pow(e,1/3):7.787*e+16/116)-16,500*(r-e),200*(e-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(t){var r,e,n;r=t[1]/500+(e=(t[0]+16)/116),n=e-t[2]/200;var a=Math.pow(e,3),i=Math.pow(r,3),o=Math.pow(n,3);return e=a>.008856?a:(e-16/116)/7.787,r=i>.008856?i:(r-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[r*=95.047,e*=100,n*=108.883]},n.lab.lch=function(t){var r,e=t[0],n=t[1],a=t[2];return(r=360*Math.atan2(a,n)/2/Math.PI)<0&&(r+=360),[e,Math.sqrt(n*n+a*a),r]},n.lch.lab=function(t){var r,e=t[1];return r=t[2]/360*2*Math.PI,[t[0],e*Math.cos(r),e*Math.sin(r)]},n.rgb.ansi16=function(t){var r=t[0],e=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(e/255)<<1|Math.round(r/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 r=t[0],e=t[1],n=t[2];return r===e&&e===n?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(e/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(t){var r=t%10;if(0===r||7===r)return t>50&&(r+=3.5),[r=r/10.5*255,r,r];var e=.5*(1+~~(t>50));return[(1&r)*e*255,(r>>1&1)*e*255,(r>>2&1)*e*255]},n.ansi256.rgb=function(t){if(t>=232){var r=10*(t-232)+8;return[r,r,r]}var e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},n.rgb.hex=function(t){var r=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(r.length)+r},n.hex.rgb=function(t){var r=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];var e=r[0];3===r[0].length&&(e=e.split("").map((function(t){return t+t})).join(""));var n=parseInt(e,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(t){var r,e=t[0]/255,n=t[1]/255,a=t[2]/255,i=Math.max(Math.max(e,n),a),o=Math.min(Math.min(e,n),a),l=i-o;return r=l<=0?0:i===e?(n-a)/l%6:i===n?2+(a-e)/l:4+(e-n)/l+4,r/=6,[360*(r%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(t){var r,e=t[1]/100,n=t[2]/100,a=0;return(r=n<.5?2*e*n:2*e*(1-n))<1&&(a=(n-.5*r)/(1-r)),[t[0],100*r,100*a]},n.hsv.hcg=function(t){var r=t[2]/100,e=t[1]/100*r,n=0;return e<1&&(n=(r-e)/(1-e)),[t[0],100*e,100*n]},n.hcg.rgb=function(t){var r=t[1]/100,e=t[2]/100;if(0===r)return[255*e,255*e,255*e];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*(r*a[0]+(n=(1-r)*e)),255*(r*a[1]+n),255*(r*a[2]+n)]},n.hcg.hsv=function(t){var r=t[1]/100,e=r+t[2]/100*(1-r),n=0;return e>0&&(n=r/e),[t[0],100*n,100*e]},n.hcg.hsl=function(t){var r=t[1]/100,e=t[2]/100*(1-r)+.5*r,n=0;return e>0&&e<.5?n=r/(2*e):e>=.5&&e<1&&(n=r/(2*(1-e))),[t[0],100*n,100*e]},n.hcg.hwb=function(t){var r=t[1]/100,e=r+t[2]/100*(1-r);return[t[0],100*(e-r),100*(1-e)]},n.hwb.hcg=function(t){var r=1-t[2]/100,e=r-t[1]/100,n=0;return e<1&&(n=(r-e)/(1-e)),[t[0],100*e,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 r=255&Math.round(t[0]/100*255),e=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));function f(t,r){return function(e){return r(t(e))}}function d(t,r){for(var e=[r[t].parent,t],n=h[r[t].parent][t],a=r[t].parent;r[a].parent;)e.unshift(r[a].parent),n=f(h[r[a].parent][a],n),a=r[a].parent;return n.conversion=e,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 r=function(t){for(var r=function(t){var r=function(){for(var t={},r=Object.keys(h),e=r.length,n=0;n<e;n++)t[r[n]]={distance:-1,parent:null};return t}(),e=[t];for(r[t].distance=0;e.length;)for(var n=e.pop(),a=Object.keys(h[n]),i=a.length,o=0;o<i;o++){var l=a[o],u=r[l];-1===u.distance&&(u.distance=r[n].distance+1,u.parent=n,e.unshift(l))}return r}(t),e={},n=Object.keys(r),a=n.length,i=0;i<a;i++){var o=n[i];null!==r[o].parent&&(e[o]=d(o,r))}return e}(t);Object.keys(r).forEach((function(e){var n=r[e];b[t][e]=function(t){var r=function(r){if(null==r)return r;arguments.length>1&&(r=Array.prototype.slice.call(arguments));var e=t(r);if("object"==typeof e)for(var n=e.length,a=0;a<n;a++)e[a]=Math.round(e[a]);return e};return"conversion"in t&&(r.conversion=t.conversion),r}(n),b[t][e].raw=function(t){var r=function(r){return null==r?r:(arguments.length>1&&(r=Array.prototype.slice.call(arguments)),t(r))};return"conversion"in t&&(r.conversion=t.conversion),r}(n)}))}));var v=b,g=[].slice,p=["keyword","gray","hex"],m={};Object.keys(v).forEach((function(t){m[g.call(v[t].labels).sort().join("")]=t}));var y={};function w(t,r){if(!(this instanceof w))return new w(t,r);if(r&&r in p&&(r=null),r&&!(r in v))throw new Error("Unknown model: "+r);var e,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof w)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var a=s.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=v[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(t.length){this.model=r||"rgb";var i=g.call(t,0,n=v[this.model].channels);this.color=C(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 m))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=m[l];var u=v[this.model].labels,c=[];for(e=0;e<u.length;e++)c.push(t[u[e]]);this.color=C(c)}if(y[this.model])for(n=v[this.model].channels,e=0;e<n;e++){var h=y[this.model][e];h&&(this.color[e]=h(this.color[e]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function M(t,r,e){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(y[t]||(y[t]=[]))[r]=e})),t=t[0],function(n){var a;return arguments.length?(e&&(n=e(n)),(a=this[t]()).color[r]=n,a):(a=this[t]().color[r],e&&(a=e(a)),a)}}function k(t){return function(r){return Math.max(0,Math.min(t,r))}}function x(t){return Array.isArray(t)?t:[t]}function C(t,r){for(var e=0;e<r;e++)"number"!=typeof t[e]&&(t[e]=0);return t}w.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var r=this.model in s.to?this:this.rgb(),e=1===(r=r.round("number"==typeof t?t:1)).valpha?r.color:r.color.concat(this.valpha);return s.to[r.model](e)},percentString:function(t){var r=this.rgb().round("number"==typeof t?t:1),e=1===r.valpha?r.color:r.color.concat(this.valpha);return s.to.rgb.percent(e)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},r=v[this.model].channels,e=v[this.model].labels,n=0;n<r;n++)t[e[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 w(this.color.map(function(t){return function(r){return function(t,r){return Number(t.toFixed(r))}(r,t)}}(t)).concat(this.valpha),this.model)},alpha:function(t){return arguments.length?new w(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:M("rgb",0,k(255)),green:M("rgb",1,k(255)),blue:M("rgb",2,k(255)),hue:M(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:M("hsl",1,k(100)),lightness:M("hsl",2,k(100)),saturationv:M("hsv",1,k(100)),value:M("hsv",2,k(100)),chroma:M("hcg",1,k(100)),gray:M("hcg",2,k(100)),white:M("hwb",1,k(100)),wblack:M("hwb",2,k(100)),cyan:M("cmyk",0,k(100)),magenta:M("cmyk",1,k(100)),yellow:M("cmyk",2,k(100)),black:M("cmyk",3,k(100)),x:M("xyz",0,k(100)),y:M("xyz",1,k(100)),z:M("xyz",2,k(100)),l:M("lab",0,k(100)),a:M("lab",1),b:M("lab",2),keyword:function(t){return arguments.length?new w(t):v[this.model].keyword(this.color)},hex:function(t){return arguments.length?new w(t):s.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,r=[],e=0;e<t.length;e++){var n=t[e]/255;r[e]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*r[0]+.7152*r[1]+.0722*r[2]},contrast:function(t){var r=this.luminosity(),e=t.luminosity();return r>e?(r+.05)/(e+.05):(e+.05)/(r+.05)},level:function(t){var r=this.contrast(t);return r>=7.1?"AAA":r>=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(),r=0;r<3;r++)t.color[r]=255-t.color[r];return t},lighten:function(t){var r=this.hsl();return r.color[2]+=r.color[2]*t,r},darken:function(t){var r=this.hsl();return r.color[2]-=r.color[2]*t,r},saturate:function(t){var r=this.hsl();return r.color[1]+=r.color[1]*t,r},desaturate:function(t){var r=this.hsl();return r.color[1]-=r.color[1]*t,r},whiten:function(t){var r=this.hwb();return r.color[1]+=r.color[1]*t,r},blacken:function(t){var r=this.hwb();return r.color[2]+=r.color[2]*t,r},grayscale:function(){var t=this.rgb().color,r=.3*t[0]+.59*t[1]+.11*t[2];return w.rgb(r,r,r)},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 r=this.hsl(),e=r.color[0];return r.color[0]=e=(e=(e+t)%360)<0?360+e:e,r},mix:function(t,r){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);var e=t.rgb(),n=this.rgb(),a=void 0===r?.5:r,i=2*a-1,o=e.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,u=1-l;return w.rgb(l*e.red()+u*n.red(),l*e.green()+u*n.green(),l*e.blue()+u*n.blue(),e.alpha()*a+n.alpha()*(1-a))}},Object.keys(v).forEach((function(t){if(-1===p.indexOf(t)){var r=v[t].channels;w.prototype[t]=function(){if(this.model===t)return new w(this);if(arguments.length)return new w(arguments,t);var e="number"==typeof arguments[r]?r:this.valpha;return new w(x(v[this.model][t].raw(this.color)).concat(e),t)},w[t]=function(e){return"number"==typeof e&&(e=C(g.call(arguments),r)),new w(e,t)}}}));var O=w,j=function(t,r,e){return t*(1-e)+r*e};const A={name:"color",test:t=>"string"==typeof t&&(t.indexOf("rgb")>=0||t.indexOf("#")>=0||t.indexOf("hsl")>=0||s.get.rgb(t)),initialize:(t,r)=>({data:{format:(t.indexOf("rgba")>=0?"rgba":t.indexOf("rgb")>=0&&"rgb")||t.indexOf("#")>=0&&"hex"||O(t).model},startValue:O(t).rgb(),destValue:O(r).rgb()}),interpolate(t,r,e,n){const a=j(t.color[0],r.color[0],e),i=j(t.color[1],r.color[1],e),o=j(t.color[2],r.color[2],e),l=j(t.valpha,r.valpha,e),u=O.rgb(a,i,o,l)["rgba"===n.format?"rgb":n.format]();return"string"==typeof u?u:u.string()}},I=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],q=I.map((()=>0)),z={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"},S=Object.assign(Object.assign({},z),{slate:"#708090",slate4:"#4e5964",white:"#ffffff"}),$=t=>S[t],E=Object.keys(z),F=t=>!("isConnected"in t)||t.isConnected,L=(()=>{let t;return(...r)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let r of t.keys())t.set(r,t.get(r).filter(F))})(...r)}),2e3)}})(),N=(()=>{const t=((t,r=((t,r)=>t!==r))=>{let e=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},a=()=>{e=new Map(Object.entries(null!=t?t:{})),n.reset.forEach((t=>t()))},i=t=>(n.get.forEach((r=>r(t))),e.get(t)),o=(t,a)=>{const i=e.get(t);r(a,i,t)&&(e.set(t,a),n.set.forEach((r=>r(t,a,i))))},l="undefined"==typeof Proxy?{}:new Proxy(t,{get:(t,r)=>i(r),ownKeys:()=>Array.from(e.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,r)=>e.has(r),set:(t,r,e)=>(o(r,e),!0)}),u=(t,r)=>(n[t].push(r),()=>{((t,r)=>{const e=t.indexOf(r);e>=0&&(t[e]=t[t.length-1],t.length--)})(n[t],r)});return{state:l,get:i,set:o,on:u,onChange:(r,e)=>{const n=u("set",((t,n)=>{t===r&&e(n)})),a=u("reset",(()=>e(t[r])));return()=>{n(),a()}},use:(...t)=>{const r=t.reduce(((t,r)=>(r.set&&t.push(u("set",r.set)),r.get&&t.push(u("get",r.get)),r.reset&&t.push(u("reset",r.reset)),r.dispose&&t.push(u("dispose",r.dispose)),t)),[]);return()=>r.forEach((t=>t()))},dispose:()=>{n.dispose.forEach((t=>t())),a()},reset:a,forceUpdate:t=>{const r=e.get(t);n.set.forEach((e=>e(t,r,r)))}}})({count:0,pick:"bada55",values:[...q]},void 0);return t.use((()=>{if("function"!=typeof r)return{};const t=new Map;return{dispose:()=>t.clear(),get:e=>{const n=r();n&&((t,r,e)=>{const n=t.get(r);n?n.includes(e)||n.push(e):t.set(r,[e])})(t,e,n)},set:r=>{const n=t.get(r);n&&t.set(r,n.filter(e)),L(t)},reset:()=>{t.forEach((t=>t.forEach(e))),L(t)}}})()),t})(),{state:D}=N,R=()=>{const{pick:r}=N.state;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},E.map((e=>{const n=$(e);return t("div",{"aria-label":e,role:"radio",title:e,onClick:()=>{(t=>{D.pick=t})(e)}},t(a,{hex:n,selected:r==e}))})))},_=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"chevron-double-left"),t("g",{fill:e},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"}))},B=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"close"),t("g",{fill:e},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"}))},T=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"refresh"),t("g",{fill:e},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"}))},U=()=>{const{count:r}=N.state;return t("div",{class:"flex mt-3 mb-10px items-center"},t("button",{"aria-label":"Refresh",title:"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{(()=>{const t=q.map((()=>Math.floor(100*Math.random())));D.count=D.count+1,D.values=t})()}},t(T,null)),t("button",{"aria-label":"Reset",title:"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{D.count=0,D.values=[...q]}},t(B,null)),t("span",{class:"flex items-center"},t(_,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,r))))},H=()=>{const{values:r,pick:e,count:n}=N.state;return t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"font-bold mr-10px"},"color:"),t("span",{class:"italic text-clrs-slate4"},e)),t("div",{class:"flex mt-5px"},t("span",{class:"font-bold mr-10px"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${n>0?r:"..."}`)))};var V=o((function(t){t.exports=function(){function t(r){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})(r)}function r(t,r){for(var e=0;e<r.length;e++){var n=r[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function e(t,e,n){return e&&r(t.prototype,e),n&&r(t,n),t}function n(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){return(a=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,r){return(o=Object.setPrototypeOf||function(t,r){return t.__proto__=r,t})(t,r)}function l(t,r,e){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,r,e){var n=[null];n.push.apply(n,r);var a=new(t.bind.apply(t,n));return e&&o(a,e.prototype),a}).apply(null,arguments)}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var s=function(t,r,e){return t*(1-e)+r*e},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function h(t,r){return t(r={exports:{}},r.exports),r.exports}for(var f=h((function(t){var r=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 r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(t-=1))*Math.sin((t-r)*(2*Math.PI)/.4))},Out:function(t){var r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*t)*Math.sin((t-r)*(2*Math.PI)/.4)+1)},InOut:function(t){var r,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,r=.1):r=.4*Math.asin(1/e)/(2*Math.PI),(t*=2)<1?e*Math.pow(2,10*(t-=1))*Math.sin((t-r)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(t-=1))*Math.sin((t-r)*(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 r=2.5949095;return(t*=2)<1?t*t*((r+1)*t-r)*.5:.5*((t-=2)*t*((r+1)*t+r)+2)}},Bounce:{In:function(t){return 1-r.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*r.Bounce.In(2*t):.5*r.Bounce.Out(2*t-1)+.5}}}})),d=h((function(t){(function(){var r,e,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(r()-i)/1e6},e=process.hrtime,a=(r=function(){var t;return 1e9*(t=e())[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,v=["moz","webkit"],g="AnimationFrame",p=b["request"+g],m=b["cancel"+g]||b["cancelRequest"+g],y=0;!p&&y<v.length;y++)p=b[v[y]+"Request"+g],m=b[v[y]+"Cancel"+g]||b[v[y]+"CancelRequest"+g];if(!p||!m){var w=0,M=0,k=[];p=function(t){if(0===k.length){var r=d(),e=Math.max(0,1e3/60-(r-w));w=e+r,setTimeout((function(){for(var t=k.slice(0),r=k.length=0;r<t.length;r++)if(!t[r].cancelled)try{t[r].callback(w)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return k.push({handle:++M,callback:t,cancelled:!1}),M},m=function(t){for(var r=0;r<k.length;r++)k[r].handle===t&&(k[r].cancelled=!0)}}var x=function(t){return p.call(b,t)};x.cancel=function(){m.apply(b,arguments)},x.polyfill=function(t){t||(t=b),t.requestAnimationFrame=p,t.cancelAnimationFrame=m};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),q=Symbol("completed"),z=Symbol("paused"),S=requestAnimationFrame||x,$=Date.now();!function t(){S(t),C=Date.now(),O=C-$;for(var r=0;r<j.length;r++)j[r][q]||j[r](O,Date.now()-j[r][I]);$=C}();var E=function(r){function i(r,e){var o,l,c;!function(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),n(u(u(l=!c||"object"!=typeof c&&"function"!=typeof c?u(this):c)),"update",(function(){var t=u(u(l))._updateValue;return function(r,e){l[q]||l[z]||(0===l.localTime&&l.emit("start",l.value,u(u(l))),t(l.ease(l.loopFunction.progress(Math.min(1,(e||l.localTime)/l.duration)))),l.emit("update",l.value,u(u(l)),r),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[q]=!0,l.emit("complete",l.value,u(u(l)))})),l.localTime+=r)}}));var h=l.plugin=Object.values(i._plugins).reduce((function(t,e){return t||e&&e.test&&e.test(r)&&e}),!1),f=h&&h.name||("object"===t(r)?Array.isArray(r)?"array":"object":"number");if(h){var d=h.initialize(r,e);r=d.startValue,e=d.destValue,l.data=d.data}switch(Object.assign(u(u(l)),(n(o={duration:1e3,localTime:0,startValue:r,destValue:e,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(t){return t},value:"array"===f?[].concat(r):"object"===f?Object.assign({},r):r},q,!1),n(o,A,f),n(o,I,Date.now()),n(o,z,!1),o)),l[A]){case"number":l._updateValue=function(t){l.value=s(l.startValue,l.destValue,t)};break;case"array":var b=l.value.length,v=u(u(l)),g=v.startValue,p=v.destValue,m=v.value;l._updateValue=function(t){for(var r=0;r<b;r++)m[r]=s(g[r],p[r],t)};break;case"object":var y=Object.keys(l.startValue),w=y.length,M=u(u(l)),k=M.startValue,x=M.destValue,C=M.value;l._updateValue=function(t){for(var r=0;r<w;r++){var e=y[r];C[e]=s(k[e],x[e],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 e(i,null,[{key:"between",value:function(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++)r[e]=arguments[e];return l(i,r)}}]),e(i,[{key:"pause",value:function(){return this[z]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[z]=!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"),r=arguments.length,e=new Array(1<r?r-1:0),n=1;n<r;n++)e[n-1]=arguments[n];return this.loopFunction=t in this?Object.assign({},i.DEFAULT_LOOP,this[t].apply(this,e)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var r=this,e=t;return this.times=0,{complete:function(t){r.localTime=0,Number.isInteger(e)&&++r.times===e?t():Number.isInteger(e)||++r.times}}}},{key:"__loop_bounce",value:function(t){var r=this,e=t,n=1;return this.times=0,{complete:function(t){r.localTime=0,n=-n,Number.isInteger(e)&&++r.times===e?t():Number.isInteger(e)||++r.times},progress:function(t){return 0<n?t:1-t}}}},{key:"isPaused",get:function(){return this[z]}}]),function(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");o(t.prototype,r&&r.prototype),r&&o(t,r)}(i,r),i}((function(t){var r={},e=[];(t=t||this).on=function(e,n,a){return(r[e]=r[e]||[]).push([n,a]),t},t.off=function(n,a){n||(r={});for(var i=r[n]||e,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=r[n]||e,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],e.slice.call(arguments,1));return t}}));return n(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=f,E._plugins={},E}()}));V._plugins.color=A;let P,Q=[];const X=$("white"),Y=$("bada55");let J,Z="#bada55",K=[0,0,0,0,0],G=[void 0,void 0,void 0,void 0,void 0];const W=t=>{if(!P)return;const r=Z,e=$(t);null!==r&&r!==e&&(J&&J.pause(),J=new V(r,e).time(1e3).easing(V.Easing.Cubic.InOut).on("update",(t=>{P.forEach((r=>{r.setAttribute("fill",`${t}`)})),Z=t})))},tt=t=>{P&&P.forEach(((r,e)=>{const n=Q[e],a=K[e],i=t[e];null!==a&&a!==i&&(G[e]&&G[e].pause(),G[e]=new V(a,i).time(1e3).easing(V.Easing.Cubic.InOut).on("update",(t=>{r.setAttribute("y",""+n*((100-t)/100)),K[e]=t})))}))},rt=()=>{const r=I.map((t=>(({id:t,height:r,width:e,x:n,y:a,drop:i})=>({id:t,height:r,width:e,x:n,y:a,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${r-.5},${e-.5},${r-i-.5},${e-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${n},${a})`,points:`0,0,0,${r},${e},${r-i},${e},${i}`}))(t))),e="currentColor";return Q=Array(r.length),P=Array(r.length),t("svg",{class:"funnel",viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,r.map((r=>t("mask",{id:r.maskId},t("polygon",{points:r.mask,fill:X}))))),r.map(((r,n)=>{const{height:a,width:i,maskUri:o,matrix:l,points:u}=r;return Q[n]=a,t("g",{transform:l},t("polygon",{points:u,fill:X,stroke:e}),t("rect",{ref:t=>P[n]=t,x:"0",y:a,width:i,height:a,mask:o,fill:Y,stroke:e}))})))},et=r=>{const e=r.hex||"currentColor",n=r.size||24;return t("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,r.label||"fingerprint"),t("g",{fill:e},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"}))},nt=()=>t("a",{class:"absolute top-8 right-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":"eswat2",title:"eswat2"},t(et,{label:"eswat2"}));let at=class{constructor(t){n(this,t),this.tag="funnel-app"}componentDidLoad(){N.onChange("pick",W),N.onChange("values",tt)}render(){return t("div",{id:"app",class:"ds1-main"},t(nt,null),t(rt,null),t(U,null),t(R,null),t("hr",{class:"mr-0 ml-0"}),t(H,null))}};at.style=".transform{--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-transform:translateX(var(--tw-translate-x))\n translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))\n skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))\n scaleY(var(--tw-scale-y))}.shadow{--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, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.absolute{position:absolute}.top-8{top:2rem}.right-8{right:2rem}.mt-3{margin-top:0.75rem}.mb-10px{margin-bottom:10px}.mr-10px{margin-right:10px}.mt-5px{margin-top:5px}.mr-0{margin-right:0px}.ml-0{margin-left:0px}.flex{display:flex}.transform{transform:var(--tw-transform)}.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)}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.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:1px solid var(--clrs-slate);padding:5px;margin:0px;margin-right:5px;cursor:pointer}.funnel{width:calc(100% - 20px);height:100%;padding:10px;background-color:var(--clrs-silver);border-radius:10px;border:1px solid var(--clrs-gray)}#app{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";export{at as funnel_app}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { FunctionalComponent } from '../../stencil-public-runtime';
|
|
2
|
-
declare let barHeight: any[];
|
|
3
|
-
declare let barRefs: any;
|
|
4
2
|
declare const processColor: (next: string) => void;
|
|
5
3
|
declare const processValues: (next: Array<number>) => void;
|
|
6
4
|
declare const FunnelGfx: FunctionalComponent;
|
|
7
|
-
export { FunnelGfx,
|
|
5
|
+
export { FunnelGfx, processColor, processValues };
|
|
8
6
|
export default FunnelGfx;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "funnel-gfx-wc",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.201",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
],
|
|
17
17
|
"scripts": {
|
|
18
18
|
"twx": "sh ./.generate",
|
|
19
|
-
"build": "stencil build --docs",
|
|
19
|
+
"build": "yarn twx; yarn format; stencil build --docs",
|
|
20
20
|
"start": "stencil build --dev --watch --serve",
|
|
21
21
|
"test": "stencil test --spec --e2e",
|
|
22
22
|
"test.watch": "stencil test --spec --e2e --watchAll",
|