proto-tinker-wc 0.0.243 → 0.0.245
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/{index-e0a0ca5f.js → index-cb3eca64.js} +72 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/proto-tinker-wc.cjs.js +2 -2
- package/dist/cjs/proto-tinker.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/esm/{index-e2773097.js → index-27384d07.js} +72 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/proto-tinker-wc.js +3 -3
- package/dist/esm/proto-tinker.entry.js +1 -1
- package/dist/proto-tinker-wc/{p-5bcf0f52.entry.js → p-a05c79d4.entry.js} +1 -1
- package/dist/proto-tinker-wc/{p-d7ac599b.js → p-c569df52.js} +0 -0
- package/dist/proto-tinker-wc/proto-tinker-wc.esm.js +1 -1
- package/dist/types/stencil-public-runtime.d.ts +11 -0
- package/package.json +3 -3
|
@@ -143,6 +143,14 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
143
143
|
}
|
|
144
144
|
return vnode;
|
|
145
145
|
};
|
|
146
|
+
/**
|
|
147
|
+
* A utility function for creating a virtual DOM node from a tag and some
|
|
148
|
+
* possible text content.
|
|
149
|
+
*
|
|
150
|
+
* @param tag the tag for this element
|
|
151
|
+
* @param text possible text content for the node
|
|
152
|
+
* @returns a newly-minted virtual DOM node
|
|
153
|
+
*/
|
|
146
154
|
const newVNode = (tag, text) => {
|
|
147
155
|
const vnode = {
|
|
148
156
|
$flags$: 0,
|
|
@@ -157,6 +165,12 @@ const newVNode = (tag, text) => {
|
|
|
157
165
|
return vnode;
|
|
158
166
|
};
|
|
159
167
|
const Host = {};
|
|
168
|
+
/**
|
|
169
|
+
* Check whether a given node is a Host node or not
|
|
170
|
+
*
|
|
171
|
+
* @param node the virtual DOM node to check
|
|
172
|
+
* @returns whether it's a Host node or not
|
|
173
|
+
*/
|
|
160
174
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
161
175
|
/**
|
|
162
176
|
* Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
|
|
@@ -169,6 +183,13 @@ const vdomFnUtils = {
|
|
|
169
183
|
forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
|
|
170
184
|
map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
|
|
171
185
|
};
|
|
186
|
+
/**
|
|
187
|
+
* Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a
|
|
188
|
+
* friendlier public interface (hence, 'convertToPublic').
|
|
189
|
+
*
|
|
190
|
+
* @param node the virtual DOM node to convert
|
|
191
|
+
* @returns a converted child node
|
|
192
|
+
*/
|
|
172
193
|
const convertToPublic = (node) => ({
|
|
173
194
|
vattrs: node.$attrs$,
|
|
174
195
|
vchildren: node.$children$,
|
|
@@ -177,6 +198,15 @@ const convertToPublic = (node) => ({
|
|
|
177
198
|
vtag: node.$tag$,
|
|
178
199
|
vtext: node.$text$,
|
|
179
200
|
});
|
|
201
|
+
/**
|
|
202
|
+
* Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in
|
|
203
|
+
* order to use the resulting object in the virtual DOM. The initial object was
|
|
204
|
+
* likely created as part of presenting a public API, so converting it back
|
|
205
|
+
* involved making it 'private' again (hence, `convertToPrivate`).
|
|
206
|
+
*
|
|
207
|
+
* @param node the child node to convert
|
|
208
|
+
* @returns a converted virtual DOM node
|
|
209
|
+
*/
|
|
180
210
|
const convertToPrivate = (node) => {
|
|
181
211
|
if (typeof node.vtag === 'function') {
|
|
182
212
|
const vnodeData = Object.assign({}, node.vattrs);
|
|
@@ -503,6 +533,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
503
533
|
}
|
|
504
534
|
return elm;
|
|
505
535
|
};
|
|
536
|
+
/**
|
|
537
|
+
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
538
|
+
* add them to the DOM in the appropriate place.
|
|
539
|
+
*
|
|
540
|
+
* @param parentElm the DOM node which should be used as a parent for the new
|
|
541
|
+
* DOM nodes
|
|
542
|
+
* @param before a child of the `parentElm` which the new children should be
|
|
543
|
+
* inserted before (optional)
|
|
544
|
+
* @param parentVNode the parent virtual DOM node
|
|
545
|
+
* @param vnodes the new child virtual DOM nodes to produce DOM nodes for
|
|
546
|
+
* @param startIdx the index in the child virtual DOM nodes at which to start
|
|
547
|
+
* creating DOM nodes (inclusive)
|
|
548
|
+
* @param endIdx the index in the child virtual DOM nodes at which to stop
|
|
549
|
+
* creating DOM nodes (inclusive)
|
|
550
|
+
*/
|
|
506
551
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
507
552
|
let containerElm = (parentElm);
|
|
508
553
|
let childNode;
|
|
@@ -519,6 +564,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
|
|
|
519
564
|
}
|
|
520
565
|
}
|
|
521
566
|
};
|
|
567
|
+
/**
|
|
568
|
+
* Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
|
|
569
|
+
* This can be used to, for instance, clean up after a list of children which
|
|
570
|
+
* should no longer be shown.
|
|
571
|
+
*
|
|
572
|
+
* This function also handles some of Stencil's slot relocation logic.
|
|
573
|
+
*
|
|
574
|
+
* @param vnodes a list of virtual DOM nodes to remove
|
|
575
|
+
* @param startIdx the index at which to start removing nodes (inclusive)
|
|
576
|
+
* @param endIdx the index at which to stop removing nodes (inclusive)
|
|
577
|
+
* @param vnode a VNode
|
|
578
|
+
* @param elm an element
|
|
579
|
+
*/
|
|
522
580
|
const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
523
581
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
524
582
|
if ((vnode = vnodes[startIdx])) {
|
|
@@ -710,7 +768,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
710
768
|
*
|
|
711
769
|
* So, in other words, if `key` attrs are not set on VNodes which may be
|
|
712
770
|
* changing order within a `children` array or something along those lines then
|
|
713
|
-
* we could obtain a false
|
|
771
|
+
* we could obtain a false negative and then have to do needless re-rendering
|
|
772
|
+
* (i.e. we'd say two VNodes aren't equal when in fact they should be).
|
|
714
773
|
*
|
|
715
774
|
* @param leftVNode the first VNode to check
|
|
716
775
|
* @param rightVNode the second VNode to check
|
|
@@ -780,6 +839,18 @@ const patch = (oldVNode, newVNode) => {
|
|
|
780
839
|
elm.data = text;
|
|
781
840
|
}
|
|
782
841
|
};
|
|
842
|
+
/**
|
|
843
|
+
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
844
|
+
*
|
|
845
|
+
* Given a {@link d.HostRef} container and some virtual DOM nodes, this
|
|
846
|
+
* function will handle creating a virtual DOM tree with a single root, patching
|
|
847
|
+
* the current virtual DOM tree onto an old one (if any), dealing with slot
|
|
848
|
+
* relocation, and reflecting attributes.
|
|
849
|
+
*
|
|
850
|
+
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
851
|
+
* the DOM node into which it should be rendered.
|
|
852
|
+
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
853
|
+
*/
|
|
783
854
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
784
855
|
const hostElm = hostRef.$hostElement$;
|
|
785
856
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-cb3eca64.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.22.
|
|
8
|
+
Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-cb3eca64.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v2.22.
|
|
8
|
+
Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchBrowser = () => {
|
|
11
11
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-tinker-wc.cjs.js', document.baseURI).href));
|
|
@@ -121,6 +121,14 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
121
121
|
}
|
|
122
122
|
return vnode;
|
|
123
123
|
};
|
|
124
|
+
/**
|
|
125
|
+
* A utility function for creating a virtual DOM node from a tag and some
|
|
126
|
+
* possible text content.
|
|
127
|
+
*
|
|
128
|
+
* @param tag the tag for this element
|
|
129
|
+
* @param text possible text content for the node
|
|
130
|
+
* @returns a newly-minted virtual DOM node
|
|
131
|
+
*/
|
|
124
132
|
const newVNode = (tag, text) => {
|
|
125
133
|
const vnode = {
|
|
126
134
|
$flags$: 0,
|
|
@@ -135,6 +143,12 @@ const newVNode = (tag, text) => {
|
|
|
135
143
|
return vnode;
|
|
136
144
|
};
|
|
137
145
|
const Host = {};
|
|
146
|
+
/**
|
|
147
|
+
* Check whether a given node is a Host node or not
|
|
148
|
+
*
|
|
149
|
+
* @param node the virtual DOM node to check
|
|
150
|
+
* @returns whether it's a Host node or not
|
|
151
|
+
*/
|
|
138
152
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
139
153
|
/**
|
|
140
154
|
* Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
|
|
@@ -147,6 +161,13 @@ const vdomFnUtils = {
|
|
|
147
161
|
forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
|
|
148
162
|
map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
|
|
149
163
|
};
|
|
164
|
+
/**
|
|
165
|
+
* Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a
|
|
166
|
+
* friendlier public interface (hence, 'convertToPublic').
|
|
167
|
+
*
|
|
168
|
+
* @param node the virtual DOM node to convert
|
|
169
|
+
* @returns a converted child node
|
|
170
|
+
*/
|
|
150
171
|
const convertToPublic = (node) => ({
|
|
151
172
|
vattrs: node.$attrs$,
|
|
152
173
|
vchildren: node.$children$,
|
|
@@ -155,6 +176,15 @@ const convertToPublic = (node) => ({
|
|
|
155
176
|
vtag: node.$tag$,
|
|
156
177
|
vtext: node.$text$,
|
|
157
178
|
});
|
|
179
|
+
/**
|
|
180
|
+
* Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in
|
|
181
|
+
* order to use the resulting object in the virtual DOM. The initial object was
|
|
182
|
+
* likely created as part of presenting a public API, so converting it back
|
|
183
|
+
* involved making it 'private' again (hence, `convertToPrivate`).
|
|
184
|
+
*
|
|
185
|
+
* @param node the child node to convert
|
|
186
|
+
* @returns a converted virtual DOM node
|
|
187
|
+
*/
|
|
158
188
|
const convertToPrivate = (node) => {
|
|
159
189
|
if (typeof node.vtag === 'function') {
|
|
160
190
|
const vnodeData = Object.assign({}, node.vattrs);
|
|
@@ -481,6 +511,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
481
511
|
}
|
|
482
512
|
return elm;
|
|
483
513
|
};
|
|
514
|
+
/**
|
|
515
|
+
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
516
|
+
* add them to the DOM in the appropriate place.
|
|
517
|
+
*
|
|
518
|
+
* @param parentElm the DOM node which should be used as a parent for the new
|
|
519
|
+
* DOM nodes
|
|
520
|
+
* @param before a child of the `parentElm` which the new children should be
|
|
521
|
+
* inserted before (optional)
|
|
522
|
+
* @param parentVNode the parent virtual DOM node
|
|
523
|
+
* @param vnodes the new child virtual DOM nodes to produce DOM nodes for
|
|
524
|
+
* @param startIdx the index in the child virtual DOM nodes at which to start
|
|
525
|
+
* creating DOM nodes (inclusive)
|
|
526
|
+
* @param endIdx the index in the child virtual DOM nodes at which to stop
|
|
527
|
+
* creating DOM nodes (inclusive)
|
|
528
|
+
*/
|
|
484
529
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
485
530
|
let containerElm = (parentElm);
|
|
486
531
|
let childNode;
|
|
@@ -497,6 +542,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
|
|
|
497
542
|
}
|
|
498
543
|
}
|
|
499
544
|
};
|
|
545
|
+
/**
|
|
546
|
+
* Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
|
|
547
|
+
* This can be used to, for instance, clean up after a list of children which
|
|
548
|
+
* should no longer be shown.
|
|
549
|
+
*
|
|
550
|
+
* This function also handles some of Stencil's slot relocation logic.
|
|
551
|
+
*
|
|
552
|
+
* @param vnodes a list of virtual DOM nodes to remove
|
|
553
|
+
* @param startIdx the index at which to start removing nodes (inclusive)
|
|
554
|
+
* @param endIdx the index at which to stop removing nodes (inclusive)
|
|
555
|
+
* @param vnode a VNode
|
|
556
|
+
* @param elm an element
|
|
557
|
+
*/
|
|
500
558
|
const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
|
|
501
559
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
502
560
|
if ((vnode = vnodes[startIdx])) {
|
|
@@ -688,7 +746,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
|
|
|
688
746
|
*
|
|
689
747
|
* So, in other words, if `key` attrs are not set on VNodes which may be
|
|
690
748
|
* changing order within a `children` array or something along those lines then
|
|
691
|
-
* we could obtain a false
|
|
749
|
+
* we could obtain a false negative and then have to do needless re-rendering
|
|
750
|
+
* (i.e. we'd say two VNodes aren't equal when in fact they should be).
|
|
692
751
|
*
|
|
693
752
|
* @param leftVNode the first VNode to check
|
|
694
753
|
* @param rightVNode the second VNode to check
|
|
@@ -758,6 +817,18 @@ const patch = (oldVNode, newVNode) => {
|
|
|
758
817
|
elm.data = text;
|
|
759
818
|
}
|
|
760
819
|
};
|
|
820
|
+
/**
|
|
821
|
+
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
822
|
+
*
|
|
823
|
+
* Given a {@link d.HostRef} container and some virtual DOM nodes, this
|
|
824
|
+
* function will handle creating a virtual DOM tree with a single root, patching
|
|
825
|
+
* the current virtual DOM tree onto an old one (if any), dealing with slot
|
|
826
|
+
* relocation, and reflecting attributes.
|
|
827
|
+
*
|
|
828
|
+
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
829
|
+
* the DOM node into which it should be rendered.
|
|
830
|
+
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
831
|
+
*/
|
|
761
832
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
762
833
|
const hostElm = hostRef.$hostElement$;
|
|
763
834
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-27384d07.js';
|
|
2
|
+
export { s as setNonce } from './index-27384d07.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Patch Esm v2.22.
|
|
5
|
+
Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
const patchEsm = () => {
|
|
8
8
|
return promiseResolve();
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-27384d07.js';
|
|
2
|
+
export { s as setNonce } from './index-27384d07.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Patch Browser v2.22.
|
|
5
|
+
Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
const patchBrowser = () => {
|
|
8
8
|
const importMeta = import.meta.url;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-
|
|
1
|
+
import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-27384d07.js';
|
|
2
2
|
|
|
3
3
|
const Radio = props => {
|
|
4
4
|
const hex = props.hex || 'currentColor';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as r,g as e,f as t,r as n}from"./p-d7ac599b.js";const a=e=>{const t=e.hex||"currentColor",n=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))};function i(r,e,t){return r(t={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},t.exports),t.exports}var o={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]},l=i((function(r){var e=Array.prototype.concat,t=Array.prototype.slice,n=r.exports=function(r){for(var n,a=[],i=0,o=r.length;i<o;i++){var l=r[i];(n=l)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,t.call(l)):a.push(l)}return a};n.wrap=function(r){return function(){return r(n(arguments))}}})),s=i((function(r){var e=Object.hasOwnProperty,t=Object.create(null);for(var n in o)e.call(o,n)&&(t[o[n]]=n);var a=r.exports={to:{},get:{}};function i(r,e,t){return Math.min(Math.max(e,r),t)}function s(r){var e=Math.round(r).toString(16).toUpperCase();return e.length<2?"0"+e:e}a.get=function(r){var e,t;switch(r.substring(0,3).toLowerCase()){case"hsl":e=a.get.hsl(r),t="hsl";break;case"hwb":e=a.get.hwb(r),t="hwb";break;default:e=a.get.rgb(r),t="rgb"}return e?{model:t,value:e}:null},a.get.rgb=function(r){if(!r)return null;var t,n,a,l=[0,0,0,1];if(t=r.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=t[2],t=t[1],n=0;n<3;n++){var s=2*n;l[n]=parseInt(t.slice(s,s+2),16)}a&&(l[3]=parseInt(a,16)/255)}else if(t=r.match(/^#([a-f0-9]{3,4})$/i)){for(a=(t=t[1])[3],n=0;n<3;n++)l[n]=parseInt(t[n]+t[n],16);a&&(l[3]=parseInt(a+a,16)/255)}else if(t=r.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)l[n]=parseInt(t[n+1],0);t[4]&&(l[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}else{if(!(t=r.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(t=r.match(/^(\w+)$/))?"transparent"===t[1]?[0,0,0,0]:e.call(o,t[1])?((l=o[t[1]])[3]=1,l):null:null;for(n=0;n<3;n++)l[n]=Math.round(2.55*parseFloat(t[n+1]));t[4]&&(l[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}for(n=0;n<3;n++)l[n]=i(l[n],0,255);return l[3]=i(l[3],0,1),l},a.get.hsl=function(r){if(!r)return null;var e=r.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var t=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.get.hwb=function(r){if(!r)return null;var e=r.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var t=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.to.hex=function(){var r=l(arguments);return"#"+s(r[0])+s(r[1])+s(r[2])+(r[3]<1?s(Math.round(255*r[3])):"")},a.to.rgb=function(){var r=l(arguments);return r.length<4||1===r[3]?"rgb("+Math.round(r[0])+", "+Math.round(r[1])+", "+Math.round(r[2])+")":"rgba("+Math.round(r[0])+", "+Math.round(r[1])+", "+Math.round(r[2])+", "+r[3]+")"},a.to.rgb.percent=function(){var r=l(arguments),e=Math.round(r[0]/255*100),t=Math.round(r[1]/255*100),n=Math.round(r[2]/255*100);return r.length<4||1===r[3]?"rgb("+e+"%, "+t+"%, "+n+"%)":"rgba("+e+"%, "+t+"%, "+n+"%, "+r[3]+")"},a.to.hsl=function(){var r=l(arguments);return r.length<4||1===r[3]?"hsl("+r[0]+", "+r[1]+"%, "+r[2]+"%)":"hsla("+r[0]+", "+r[1]+"%, "+r[2]+"%, "+r[3]+")"},a.to.hwb=function(){var r=l(arguments),e="";return r.length>=4&&1!==r[3]&&(e=", "+r[3]),"hwb("+r[0]+", "+r[1]+"%, "+r[2]+"%"+e+")"},a.to.keyword=function(r){return t[r.slice(0,3)]}})),u={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]},c=i((function(r){var e={};for(var t in u)u.hasOwnProperty(t)&&(e[u[t]]=t);var n=r.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(r){var e,t,n=r[0]/255,a=r[1]/255,i=r[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),s=l-o;return l===o?e=0:n===l?e=(a-i)/s:a===l?e=2+(i-n)/s:i===l&&(e=4+(n-a)/s),(e=Math.min(60*e,360))<0&&(e+=360),t=(o+l)/2,[e,100*(l===o?0:t<=.5?s/(l+o):s/(2-l-o)),100*t]},n.rgb.hsv=function(r){var e,t,n,a,i,o=r[0]/255,l=r[1]/255,s=r[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(r){return(u-r)/6/c+.5};return 0===c?a=i=0:(i=c/u,e=h(o),t=h(l),n=h(s),o===u?a=n-t:l===u?a=1/3+e-n:s===u&&(a=2/3+t-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},n.rgb.hwb=function(r){var e=r[0],t=r[1],a=r[2];return[n.rgb.hsl(r)[0],1/255*Math.min(e,Math.min(t,a))*100,100*(a=1-1/255*Math.max(e,Math.max(t,a)))]},n.rgb.cmyk=function(r){var e,t=r[0]/255,n=r[1]/255,a=r[2]/255;return[100*((1-t-(e=Math.min(1-t,1-n,1-a)))/(1-e)||0),100*((1-n-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},n.rgb.keyword=function(r){var t=e[r];if(t)return t;var n,a,i,o=1/0;for(var l in u)if(u.hasOwnProperty(l)){var s=(a=r,i=u[l],Math.pow(a[0]-i[0],2)+Math.pow(a[1]-i[1],2)+Math.pow(a[2]-i[2],2));s<o&&(o=s,n=l)}return n},n.keyword.rgb=function(r){return u[r]},n.rgb.xyz=function(r){var e=r[0]/255,t=r[1]/255,n=r[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*t+.0722*n),100*(.0193*e+.1192*t+.9505*n)]},n.rgb.lab=function(r){var e=n.rgb.xyz(r),t=e[0],a=e[1],i=e[2];return a/=100,i/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(t-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(r){var e,t,n,a,i,o=r[0]/360,l=r[1]/100,s=r[2]/100;if(0===l)return[i=255*s,i,i];e=2*s-(t=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(n=o+1/3*-(u-1))<0&&n++,n>1&&n--,a[u]=255*(i=6*n<1?e+6*(t-e)*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e);return a},n.hsl.hsv=function(r){var e=r[0],t=r[1]/100,n=r[2]/100,a=t,i=Math.max(n,.01);return t*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[e,100*(0===n?2*a/(i+a):2*t/(n+t)),(n+t)/2*100]},n.hsv.rgb=function(r){var e=r[0]/60,t=r[1]/100,n=r[2]/100,a=Math.floor(e)%6,i=e-Math.floor(e),o=255*n*(1-t),l=255*n*(1-t*i),s=255*n*(1-t*(1-i));switch(n*=255,a){case 0:return[n,s,o];case 1:return[l,n,o];case 2:return[o,n,s];case 3:return[o,l,n];case 4:return[s,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(r){var e,t,n,a=r[0],i=r[1]/100,o=r[2]/100,l=Math.max(o,.01);return n=(2-i)*o,t=i*l,[a,100*(t=(t/=(e=(2-i)*l)<=1?e:2-e)||0),100*(n/=2)]},n.hwb.rgb=function(r){var e,t,n,a,i,o,l,s=r[0]/360,u=r[1]/100,c=r[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),n=6*s-(e=Math.floor(6*s)),0!=(1&e)&&(n=1-n),a=u+n*((t=1-c)-u),e){default:case 6:case 0:i=t,o=a,l=u;break;case 1:i=a,o=t,l=u;break;case 2:i=u,o=t,l=a;break;case 3:i=u,o=a,l=t;break;case 4:i=a,o=u,l=t;break;case 5:i=t,o=u,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(r){var e=r[1]/100,t=r[2]/100,n=r[3]/100;return[255*(1-Math.min(1,r[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,t*(1-n)+n))]},n.xyz.rgb=function(r){var e,t,n,a=r[0]/100,i=r[1]/100,o=r[2]/100;return t=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,e=(e=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(e=Math.min(Math.max(0,e),1)),255*(t=Math.min(Math.max(0,t),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(r){var e=r[0],t=r[1],n=r[2];return t/=100,n/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(t=t>.008856?Math.pow(t,1/3):7.787*t+16/116)-16,500*(e-t),200*(t-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(r){var e,t,n;e=r[1]/500+(t=(r[0]+16)/116),n=t-r[2]/200;var a=Math.pow(t,3),i=Math.pow(e,3),o=Math.pow(n,3);return t=a>.008856?a:(t-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[e*=95.047,t*=100,n*=108.883]},n.lab.lch=function(r){var e,t=r[0],n=r[1],a=r[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[t,Math.sqrt(n*n+a*a),e]},n.lch.lab=function(r){var e,t=r[1];return e=r[2]/360*2*Math.PI,[r[0],t*Math.cos(e),t*Math.sin(e)]},n.rgb.ansi16=function(r){var e=r[0],t=r[1],a=r[2],i=1 in arguments?arguments[1]:n.rgb.hsv(r)[2];if(0===(i=Math.round(i/50)))return 30;var o=30+(Math.round(a/255)<<2|Math.round(t/255)<<1|Math.round(e/255));return 2===i&&(o+=60),o},n.hsv.ansi16=function(r){return n.rgb.ansi16(n.hsv.rgb(r),r[2])},n.rgb.ansi256=function(r){var e=r[0],t=r[1],n=r[2];return e===t&&t===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(t/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(r){var e=r%10;if(0===e||7===e)return r>50&&(e+=3.5),[e=e/10.5*255,e,e];var t=.5*(1+~~(r>50));return[(1&e)*t*255,(e>>1&1)*t*255,(e>>2&1)*t*255]},n.ansi256.rgb=function(r){if(r>=232){var e=10*(r-232)+8;return[e,e,e]}var t;return r-=16,[Math.floor(r/36)/5*255,Math.floor((t=r%36)/6)/5*255,t%6/5*255]},n.rgb.hex=function(r){var e=(((255&Math.round(r[0]))<<16)+((255&Math.round(r[1]))<<8)+(255&Math.round(r[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.hex.rgb=function(r){var e=r.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var t=e[0];3===e[0].length&&(t=t.split("").map((function(r){return r+r})).join(""));var n=parseInt(t,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(r){var e,t=r[0]/255,n=r[1]/255,a=r[2]/255,i=Math.max(Math.max(t,n),a),o=Math.min(Math.min(t,n),a),l=i-o;return e=l<=0?0:i===t?(n-a)/l%6:i===n?2+(a-t)/l:4+(t-n)/l+4,e/=6,[360*(e%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(r){var e,t=r[1]/100,n=r[2]/100,a=0;return(e=n<.5?2*t*n:2*t*(1-n))<1&&(a=(n-.5*e)/(1-e)),[r[0],100*e,100*a]},n.hsv.hcg=function(r){var e=r[2]/100,t=r[1]/100*e,n=0;return t<1&&(n=(e-t)/(1-t)),[r[0],100*t,100*n]},n.hcg.rgb=function(r){var e=r[1]/100,t=r[2]/100;if(0===e)return[255*t,255*t,255*t];var n,a=[0,0,0],i=r[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(e*a[0]+(n=(1-e)*t)),255*(e*a[1]+n),255*(e*a[2]+n)]},n.hcg.hsv=function(r){var e=r[1]/100,t=e+r[2]/100*(1-e),n=0;return t>0&&(n=e/t),[r[0],100*n,100*t]},n.hcg.hsl=function(r){var e=r[1]/100,t=r[2]/100*(1-e)+.5*e,n=0;return t>0&&t<.5?n=e/(2*t):t>=.5&&t<1&&(n=e/(2*(1-t))),[r[0],100*n,100*t]},n.hcg.hwb=function(r){var e=r[1]/100,t=e+r[2]/100*(1-e);return[r[0],100*(t-e),100*(1-t)]},n.hwb.hcg=function(r){var e=1-r[2]/100,t=e-r[1]/100,n=0;return t<1&&(n=(e-t)/(1-t)),[r[0],100*t,100*n]},n.apple.rgb=function(r){return[r[0]/65535*255,r[1]/65535*255,r[2]/65535*255]},n.rgb.apple=function(r){return[r[0]/255*65535,r[1]/255*65535,r[2]/255*65535]},n.gray.rgb=function(r){return[r[0]/100*255,r[0]/100*255,r[0]/100*255]},n.gray.hsl=n.gray.hsv=function(r){return[0,0,r[0]]},n.gray.hwb=function(r){return[0,100,r[0]]},n.gray.cmyk=function(r){return[0,0,0,r[0]]},n.gray.lab=function(r){return[r[0],0,0]},n.gray.hex=function(r){var e=255&Math.round(r[0]/100*255),t=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(t.length)+t},n.rgb.gray=function(r){return[(r[0]+r[1]+r[2])/3/255*100]}}));function h(r,e){return function(t){return e(r(t))}}function f(r,e){for(var t=[e[r].parent,r],n=c[e[r].parent][r],a=e[r].parent;e[a].parent;)t.unshift(e[a].parent),n=h(c[e[a].parent][a],n),a=e[a].parent;return n.conversion=t,n}var d={};Object.keys(c).forEach((function(r){d[r]={},Object.defineProperty(d[r],"channels",{value:c[r].channels}),Object.defineProperty(d[r],"labels",{value:c[r].labels});var e=function(r){for(var e=function(r){var e=function(){for(var r={},e=Object.keys(c),t=e.length,n=0;n<t;n++)r[e[n]]={distance:-1,parent:null};return r}(),t=[r];for(e[r].distance=0;t.length;)for(var n=t.pop(),a=Object.keys(c[n]),i=a.length,o=0;o<i;o++){var l=a[o],s=e[l];-1===s.distance&&(s.distance=e[n].distance+1,s.parent=n,t.unshift(l))}return e}(r),t={},n=Object.keys(e),a=n.length,i=0;i<a;i++){var o=n[i];null!==e[o].parent&&(t[o]=f(o,e))}return t}(r);Object.keys(e).forEach((function(t){var n=e[t];d[r][t]=function(r){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var t=r(e);if("object"==typeof t)for(var n=t.length,a=0;a<n;a++)t[a]=Math.round(t[a]);return t};return"conversion"in r&&(e.conversion=r.conversion),e}(n),d[r][t].raw=function(r){var e=function(e){return null==e?e:(arguments.length>1&&(e=Array.prototype.slice.call(arguments)),r(e))};return"conversion"in r&&(e.conversion=r.conversion),e}(n)}))}));var g=d,b=[].slice,v=["keyword","gray","hex"],p={};Object.keys(g).forEach((function(r){p[b.call(g[r].labels).sort().join("")]=r}));var w={};function m(r,e){if(!(this instanceof m))return new m(r,e);if(e&&e in v&&(e=null),e&&!(e in g))throw new Error("Unknown model: "+e);var t,n;if(null==r)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(r instanceof m)this.model=r.model,this.color=r.color.slice(),this.valpha=r.valpha;else if("string"==typeof r){var a=s.get(r);if(null===a)throw new Error("Unable to parse color from string: "+r);this.model=a.model,this.color=a.value.slice(0,n=g[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(r.length){this.model=e||"rgb";var i=b.call(r,0,n=g[this.model].channels);this.color=x(i,n),this.valpha="number"==typeof r[n]?r[n]:1}else if("number"==typeof r)r&=16777215,this.model="rgb",this.color=[r>>16&255,r>>8&255,255&r],this.valpha=1;else{this.valpha=1;var o=Object.keys(r);"alpha"in r&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof r.alpha?r.alpha:0);var l=o.sort().join("");if(!(l in p))throw new Error("Unable to parse color from object: "+JSON.stringify(r));this.model=p[l];var u=g[this.model].labels,c=[];for(t=0;t<u.length;t++)c.push(r[u[t]]);this.color=x(c)}if(w[this.model])for(n=g[this.model].channels,t=0;t<n;t++){var h=w[this.model][t];h&&(this.color[t]=h(this.color[t]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function y(r,e,t){return(r=Array.isArray(r)?r:[r]).forEach((function(r){(w[r]||(w[r]=[]))[e]=t})),r=r[0],function(n){var a;return arguments.length?(t&&(n=t(n)),(a=this[r]()).color[e]=n,a):(a=this[r]().color[e],t&&(a=t(a)),a)}}function k(r){return function(e){return Math.max(0,Math.min(r,e))}}function M(r){return Array.isArray(r)?r:[r]}function x(r,e){for(var t=0;t<e;t++)"number"!=typeof r[t]&&(r[t]=0);return r}m.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(r){var e=this.model in s.to?this:this.rgb(),t=1===(e=e.round("number"==typeof r?r:1)).valpha?e.color:e.color.concat(this.valpha);return s.to[e.model](t)},percentString:function(r){var e=this.rgb().round("number"==typeof r?r:1),t=1===e.valpha?e.color:e.color.concat(this.valpha);return s.to.rgb.percent(t)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var r={},e=g[this.model].channels,t=g[this.model].labels,n=0;n<e;n++)r[t[n]]=this.color[n];return 1!==this.valpha&&(r.alpha=this.valpha),r},unitArray:function(){var r=this.rgb().color;return r[0]/=255,r[1]/=255,r[2]/=255,1!==this.valpha&&r.push(this.valpha),r},unitObject:function(){var r=this.rgb().object();return r.r/=255,r.g/=255,r.b/=255,1!==this.valpha&&(r.alpha=this.valpha),r},round:function(r){return r=Math.max(r||0,0),new m(this.color.map(function(r){return function(e){return function(r,e){return Number(r.toFixed(e))}(e,r)}}(r)).concat(this.valpha),this.model)},alpha:function(r){return arguments.length?new m(this.color.concat(Math.max(0,Math.min(1,r))),this.model):this.valpha},red:y("rgb",0,k(255)),green:y("rgb",1,k(255)),blue:y("rgb",2,k(255)),hue:y(["hsl","hsv","hsl","hwb","hcg"],0,(function(r){return(r%360+360)%360})),saturationl:y("hsl",1,k(100)),lightness:y("hsl",2,k(100)),saturationv:y("hsv",1,k(100)),value:y("hsv",2,k(100)),chroma:y("hcg",1,k(100)),gray:y("hcg",2,k(100)),white:y("hwb",1,k(100)),wblack:y("hwb",2,k(100)),cyan:y("cmyk",0,k(100)),magenta:y("cmyk",1,k(100)),yellow:y("cmyk",2,k(100)),black:y("cmyk",3,k(100)),x:y("xyz",0,k(100)),y:y("xyz",1,k(100)),z:y("xyz",2,k(100)),l:y("lab",0,k(100)),a:y("lab",1),b:y("lab",2),keyword:function(r){return arguments.length?new m(r):g[this.model].keyword(this.color)},hex:function(r){return arguments.length?new m(r):s.to.hex(this.rgb().round().color)},rgbNumber:function(){var r=this.rgb().color;return(255&r[0])<<16|(255&r[1])<<8|255&r[2]},luminosity:function(){for(var r=this.rgb().color,e=[],t=0;t<r.length;t++){var n=r[t]/255;e[t]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(r){var e=this.luminosity(),t=r.luminosity();return e>t?(e+.05)/(t+.05):(t+.05)/(e+.05)},level:function(r){var e=this.contrast(r);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark:function(){var r=this.rgb().color;return(299*r[0]+587*r[1]+114*r[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var r=this.rgb(),e=0;e<3;e++)r.color[e]=255-r.color[e];return r},lighten:function(r){var e=this.hsl();return e.color[2]+=e.color[2]*r,e},darken:function(r){var e=this.hsl();return e.color[2]-=e.color[2]*r,e},saturate:function(r){var e=this.hsl();return e.color[1]+=e.color[1]*r,e},desaturate:function(r){var e=this.hsl();return e.color[1]-=e.color[1]*r,e},whiten:function(r){var e=this.hwb();return e.color[1]+=e.color[1]*r,e},blacken:function(r){var e=this.hwb();return e.color[2]+=e.color[2]*r,e},grayscale:function(){var r=this.rgb().color,e=.3*r[0]+.59*r[1]+.11*r[2];return m.rgb(e,e,e)},fade:function(r){return this.alpha(this.valpha-this.valpha*r)},opaquer:function(r){return this.alpha(this.valpha+this.valpha*r)},rotate:function(r){var e=this.hsl(),t=e.color[0];return e.color[0]=t=(t=(t+r)%360)<0?360+t:t,e},mix:function(r,e){if(!r||!r.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof r);var t=r.rgb(),n=this.rgb(),a=void 0===e?.5:e,i=2*a-1,o=t.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return m.rgb(l*t.red()+s*n.red(),l*t.green()+s*n.green(),l*t.blue()+s*n.blue(),t.alpha()*a+n.alpha()*(1-a))}},Object.keys(g).forEach((function(r){if(-1===v.indexOf(r)){var e=g[r].channels;m.prototype[r]=function(){if(this.model===r)return new m(this);if(arguments.length)return new m(arguments,r);var t="number"==typeof arguments[e]?e:this.valpha;return new m(M(g[this.model][r].raw(this.color)).concat(t),r)},m[r]=function(t){return"number"==typeof t&&(t=x(b.call(arguments),e)),new m(t,r)}}}));const C=[{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}].map((()=>0)),j={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"},O={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},z=Object.keys(j),q=r=>!("isConnected"in r)||r.isConnected,A=(()=>{let r;return(...e)=>{r&&clearTimeout(r),r=setTimeout((()=>{r=0,(r=>{for(let e of r.keys())r.set(e,r.get(e).filter(q))})(...e)}),2e3)}})(),F=r=>"function"==typeof r?r():r,L=(()=>{const r=((r,e=((r,e)=>r!==e))=>{const t=F(r);let n=new Map(Object.entries(null!=t?t:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var e;n=new Map(Object.entries(null!==(e=F(r))&&void 0!==e?e:{})),a.reset.forEach((r=>r()))},o=r=>(a.get.forEach((e=>e(r))),n.get(r)),l=(r,t)=>{const i=n.get(r);e(t,i,r)&&(n.set(r,t),a.set.forEach((e=>e(r,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(r,e)=>o(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(r,e)=>n.has(e),set:(r,e,t)=>(l(e,t),!0)}),u=(r,e)=>(a[r].push(e),()=>{((r,e)=>{const t=r.indexOf(e);t>=0&&(r[t]=r[r.length-1],r.length--)})(a[r],e)});return{state:s,get:o,set:l,on:u,onChange:(e,t)=>{const n=u("set",((r,n)=>{r===e&&t(n)})),a=u("reset",(()=>t(F(r)[e])));return()=>{n(),a()}},use:(...r)=>{const e=r.reduce(((r,e)=>(e.set&&r.push(u("set",e.set)),e.get&&r.push(u("get",e.get)),e.reset&&r.push(u("reset",e.reset)),e.dispose&&r.push(u("dispose",e.dispose)),r)),[]);return()=>e.forEach((r=>r()))},dispose:()=>{a.dispose.forEach((r=>r())),i()},reset:i,forceUpdate:r=>{const e=n.get(r);a.set.forEach((t=>t(r,e,e)))}}})({count:0,pick:"bada55",values:[...C]},void 0);return r.use((()=>{if("function"!=typeof e)return{};const r=new Map;return{dispose:()=>r.clear(),get:t=>{const n=e();n&&((r,e,t)=>{const n=r.get(e);n?n.includes(t)||n.push(t):r.set(e,[t])})(r,t,n)},set:e=>{const n=r.get(e);n&&r.set(e,n.filter(t)),A(r)},reset:()=>{r.forEach((r=>r.forEach(t))),A(r)}}})()),r})(),{state:E}=L,S={refresh:()=>{const r=C.map((()=>Math.floor(100*Math.random())));E.count=E.count+1,E.values=r},reset:()=>{E.count=0,E.values=[...C]},updatePick:r=>{E.pick=r}},N=e=>{const{actions:t,state:n}=e,{pick:i}=n;return r("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},z.map((e=>{const n=(r=>j[r]||O[r])(e),o=i==e;return r("div",{"aria-label":e,"aria-checked":o,role:"radio",title:e,onClick:()=>{t.updatePick(e)}},r(a,{hex:n,selected:o}))})))},I=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"chevron-double-left"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},$=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"close"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},U=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"refresh"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},B=e=>{const{actions:t,state:n}=e,{count:a}=n;return r("div",{class:"mt-3 mb-10px flex items-center"},r("button",{"aria-label":"Refresh",title:"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{t.refresh()}},r(U,null)),r("button",{"aria-label":"Reset",title:"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{t.reset()}},r($,null)),r("span",{class:"flex items-center"},r(I,{size:28}),r("span",{class:"italic"},"click a button... ",r("sup",null,a))))},H=()=>r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.2.4"),R=e=>{const{state:t}=e,{values:n,pick:a,count:i}=t;return r("div",{class:"flex"},r("div",{class:"flex flex-col"},r("div",{class:"flex"},r("span",{class:"mr-10px font-bold"},"color:"),r("span",{class:"italic text-clrs-slate4"},a)),r("div",{class:"mt-5px flex"},r("span",{class:"mr-10px font-bold"},"sample:"),r("span",{class:"italic text-clrs-slate4"},`${i>0?n:"..."}`))),r(H,null))},P=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"fingerprint"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},D="eswat2",T=()=>r("a",{class:"absolute top-8 right-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":D,title:D},r(P,{label:"eswat2"})),J=class{constructor(r){n(this,r),this.tag="proto-tinker"}render(){return r("div",{id:"app",class:"ds1-main"},r(T,null),r(B,{actions:S,state:E}),r(N,{actions:S,state:E}),r("hr",{class:"mr-0 ml-0"}),r(R,{state:E}))}};J.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{display:flex;flex-direction:column;padding:1rem;font-family:ui-sans-serif, 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;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.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}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.align-top{vertical-align:top}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-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-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";export{J as proto_tinker}
|
|
1
|
+
import{h as r,g as e,f as t,r as n}from"./p-c569df52.js";const a=e=>{const t=e.hex||"currentColor",n=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))};function i(r,e,t){return r(t={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},t.exports),t.exports}var o={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]},l=i((function(r){var e=Array.prototype.concat,t=Array.prototype.slice,n=r.exports=function(r){for(var n,a=[],i=0,o=r.length;i<o;i++){var l=r[i];(n=l)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,t.call(l)):a.push(l)}return a};n.wrap=function(r){return function(){return r(n(arguments))}}})),s=i((function(r){var e=Object.hasOwnProperty,t=Object.create(null);for(var n in o)e.call(o,n)&&(t[o[n]]=n);var a=r.exports={to:{},get:{}};function i(r,e,t){return Math.min(Math.max(e,r),t)}function s(r){var e=Math.round(r).toString(16).toUpperCase();return e.length<2?"0"+e:e}a.get=function(r){var e,t;switch(r.substring(0,3).toLowerCase()){case"hsl":e=a.get.hsl(r),t="hsl";break;case"hwb":e=a.get.hwb(r),t="hwb";break;default:e=a.get.rgb(r),t="rgb"}return e?{model:t,value:e}:null},a.get.rgb=function(r){if(!r)return null;var t,n,a,l=[0,0,0,1];if(t=r.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=t[2],t=t[1],n=0;n<3;n++){var s=2*n;l[n]=parseInt(t.slice(s,s+2),16)}a&&(l[3]=parseInt(a,16)/255)}else if(t=r.match(/^#([a-f0-9]{3,4})$/i)){for(a=(t=t[1])[3],n=0;n<3;n++)l[n]=parseInt(t[n]+t[n],16);a&&(l[3]=parseInt(a+a,16)/255)}else if(t=r.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)l[n]=parseInt(t[n+1],0);t[4]&&(l[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}else{if(!(t=r.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(t=r.match(/^(\w+)$/))?"transparent"===t[1]?[0,0,0,0]:e.call(o,t[1])?((l=o[t[1]])[3]=1,l):null:null;for(n=0;n<3;n++)l[n]=Math.round(2.55*parseFloat(t[n+1]));t[4]&&(l[3]=t[5]?.01*parseFloat(t[4]):parseFloat(t[4]))}for(n=0;n<3;n++)l[n]=i(l[n],0,255);return l[3]=i(l[3],0,1),l},a.get.hsl=function(r){if(!r)return null;var e=r.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var t=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.get.hwb=function(r){if(!r)return null;var e=r.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var t=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,i(parseFloat(e[2]),0,100),i(parseFloat(e[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.to.hex=function(){var r=l(arguments);return"#"+s(r[0])+s(r[1])+s(r[2])+(r[3]<1?s(Math.round(255*r[3])):"")},a.to.rgb=function(){var r=l(arguments);return r.length<4||1===r[3]?"rgb("+Math.round(r[0])+", "+Math.round(r[1])+", "+Math.round(r[2])+")":"rgba("+Math.round(r[0])+", "+Math.round(r[1])+", "+Math.round(r[2])+", "+r[3]+")"},a.to.rgb.percent=function(){var r=l(arguments),e=Math.round(r[0]/255*100),t=Math.round(r[1]/255*100),n=Math.round(r[2]/255*100);return r.length<4||1===r[3]?"rgb("+e+"%, "+t+"%, "+n+"%)":"rgba("+e+"%, "+t+"%, "+n+"%, "+r[3]+")"},a.to.hsl=function(){var r=l(arguments);return r.length<4||1===r[3]?"hsl("+r[0]+", "+r[1]+"%, "+r[2]+"%)":"hsla("+r[0]+", "+r[1]+"%, "+r[2]+"%, "+r[3]+")"},a.to.hwb=function(){var r=l(arguments),e="";return r.length>=4&&1!==r[3]&&(e=", "+r[3]),"hwb("+r[0]+", "+r[1]+"%, "+r[2]+"%"+e+")"},a.to.keyword=function(r){return t[r.slice(0,3)]}})),u={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]},c=i((function(r){var e={};for(var t in u)u.hasOwnProperty(t)&&(e[u[t]]=t);var n=r.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(r){var e,t,n=r[0]/255,a=r[1]/255,i=r[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),s=l-o;return l===o?e=0:n===l?e=(a-i)/s:a===l?e=2+(i-n)/s:i===l&&(e=4+(n-a)/s),(e=Math.min(60*e,360))<0&&(e+=360),t=(o+l)/2,[e,100*(l===o?0:t<=.5?s/(l+o):s/(2-l-o)),100*t]},n.rgb.hsv=function(r){var e,t,n,a,i,o=r[0]/255,l=r[1]/255,s=r[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(r){return(u-r)/6/c+.5};return 0===c?a=i=0:(i=c/u,e=h(o),t=h(l),n=h(s),o===u?a=n-t:l===u?a=1/3+e-n:s===u&&(a=2/3+t-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},n.rgb.hwb=function(r){var e=r[0],t=r[1],a=r[2];return[n.rgb.hsl(r)[0],1/255*Math.min(e,Math.min(t,a))*100,100*(a=1-1/255*Math.max(e,Math.max(t,a)))]},n.rgb.cmyk=function(r){var e,t=r[0]/255,n=r[1]/255,a=r[2]/255;return[100*((1-t-(e=Math.min(1-t,1-n,1-a)))/(1-e)||0),100*((1-n-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},n.rgb.keyword=function(r){var t=e[r];if(t)return t;var n,a,i,o=1/0;for(var l in u)if(u.hasOwnProperty(l)){var s=(a=r,i=u[l],Math.pow(a[0]-i[0],2)+Math.pow(a[1]-i[1],2)+Math.pow(a[2]-i[2],2));s<o&&(o=s,n=l)}return n},n.keyword.rgb=function(r){return u[r]},n.rgb.xyz=function(r){var e=r[0]/255,t=r[1]/255,n=r[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.1805*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)),100*(.2126*e+.7152*t+.0722*n),100*(.0193*e+.1192*t+.9505*n)]},n.rgb.lab=function(r){var e=n.rgb.xyz(r),t=e[0],a=e[1],i=e[2];return a/=100,i/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(t-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},n.hsl.rgb=function(r){var e,t,n,a,i,o=r[0]/360,l=r[1]/100,s=r[2]/100;if(0===l)return[i=255*s,i,i];e=2*s-(t=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(n=o+1/3*-(u-1))<0&&n++,n>1&&n--,a[u]=255*(i=6*n<1?e+6*(t-e)*n:2*n<1?t:3*n<2?e+(t-e)*(2/3-n)*6:e);return a},n.hsl.hsv=function(r){var e=r[0],t=r[1]/100,n=r[2]/100,a=t,i=Math.max(n,.01);return t*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[e,100*(0===n?2*a/(i+a):2*t/(n+t)),(n+t)/2*100]},n.hsv.rgb=function(r){var e=r[0]/60,t=r[1]/100,n=r[2]/100,a=Math.floor(e)%6,i=e-Math.floor(e),o=255*n*(1-t),l=255*n*(1-t*i),s=255*n*(1-t*(1-i));switch(n*=255,a){case 0:return[n,s,o];case 1:return[l,n,o];case 2:return[o,n,s];case 3:return[o,l,n];case 4:return[s,o,n];case 5:return[n,o,l]}},n.hsv.hsl=function(r){var e,t,n,a=r[0],i=r[1]/100,o=r[2]/100,l=Math.max(o,.01);return n=(2-i)*o,t=i*l,[a,100*(t=(t/=(e=(2-i)*l)<=1?e:2-e)||0),100*(n/=2)]},n.hwb.rgb=function(r){var e,t,n,a,i,o,l,s=r[0]/360,u=r[1]/100,c=r[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),n=6*s-(e=Math.floor(6*s)),0!=(1&e)&&(n=1-n),a=u+n*((t=1-c)-u),e){default:case 6:case 0:i=t,o=a,l=u;break;case 1:i=a,o=t,l=u;break;case 2:i=u,o=t,l=a;break;case 3:i=u,o=a,l=t;break;case 4:i=a,o=u,l=t;break;case 5:i=t,o=u,l=a}return[255*i,255*o,255*l]},n.cmyk.rgb=function(r){var e=r[1]/100,t=r[2]/100,n=r[3]/100;return[255*(1-Math.min(1,r[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,t*(1-n)+n))]},n.xyz.rgb=function(r){var e,t,n,a=r[0]/100,i=r[1]/100,o=r[2]/100;return t=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,e=(e=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,[255*(e=Math.min(Math.max(0,e),1)),255*(t=Math.min(Math.max(0,t),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(r){var e=r[0],t=r[1],n=r[2];return t/=100,n/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(t=t>.008856?Math.pow(t,1/3):7.787*t+16/116)-16,500*(e-t),200*(t-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(r){var e,t,n;e=r[1]/500+(t=(r[0]+16)/116),n=t-r[2]/200;var a=Math.pow(t,3),i=Math.pow(e,3),o=Math.pow(n,3);return t=a>.008856?a:(t-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[e*=95.047,t*=100,n*=108.883]},n.lab.lch=function(r){var e,t=r[0],n=r[1],a=r[2];return(e=360*Math.atan2(a,n)/2/Math.PI)<0&&(e+=360),[t,Math.sqrt(n*n+a*a),e]},n.lch.lab=function(r){var e,t=r[1];return e=r[2]/360*2*Math.PI,[r[0],t*Math.cos(e),t*Math.sin(e)]},n.rgb.ansi16=function(r){var e=r[0],t=r[1],a=r[2],i=1 in arguments?arguments[1]:n.rgb.hsv(r)[2];if(0===(i=Math.round(i/50)))return 30;var o=30+(Math.round(a/255)<<2|Math.round(t/255)<<1|Math.round(e/255));return 2===i&&(o+=60),o},n.hsv.ansi16=function(r){return n.rgb.ansi16(n.hsv.rgb(r),r[2])},n.rgb.ansi256=function(r){var e=r[0],t=r[1],n=r[2];return e===t&&t===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(t/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(r){var e=r%10;if(0===e||7===e)return r>50&&(e+=3.5),[e=e/10.5*255,e,e];var t=.5*(1+~~(r>50));return[(1&e)*t*255,(e>>1&1)*t*255,(e>>2&1)*t*255]},n.ansi256.rgb=function(r){if(r>=232){var e=10*(r-232)+8;return[e,e,e]}var t;return r-=16,[Math.floor(r/36)/5*255,Math.floor((t=r%36)/6)/5*255,t%6/5*255]},n.rgb.hex=function(r){var e=(((255&Math.round(r[0]))<<16)+((255&Math.round(r[1]))<<8)+(255&Math.round(r[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},n.hex.rgb=function(r){var e=r.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var t=e[0];3===e[0].length&&(t=t.split("").map((function(r){return r+r})).join(""));var n=parseInt(t,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(r){var e,t=r[0]/255,n=r[1]/255,a=r[2]/255,i=Math.max(Math.max(t,n),a),o=Math.min(Math.min(t,n),a),l=i-o;return e=l<=0?0:i===t?(n-a)/l%6:i===n?2+(a-t)/l:4+(t-n)/l+4,e/=6,[360*(e%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(r){var e,t=r[1]/100,n=r[2]/100,a=0;return(e=n<.5?2*t*n:2*t*(1-n))<1&&(a=(n-.5*e)/(1-e)),[r[0],100*e,100*a]},n.hsv.hcg=function(r){var e=r[2]/100,t=r[1]/100*e,n=0;return t<1&&(n=(e-t)/(1-t)),[r[0],100*t,100*n]},n.hcg.rgb=function(r){var e=r[1]/100,t=r[2]/100;if(0===e)return[255*t,255*t,255*t];var n,a=[0,0,0],i=r[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(e*a[0]+(n=(1-e)*t)),255*(e*a[1]+n),255*(e*a[2]+n)]},n.hcg.hsv=function(r){var e=r[1]/100,t=e+r[2]/100*(1-e),n=0;return t>0&&(n=e/t),[r[0],100*n,100*t]},n.hcg.hsl=function(r){var e=r[1]/100,t=r[2]/100*(1-e)+.5*e,n=0;return t>0&&t<.5?n=e/(2*t):t>=.5&&t<1&&(n=e/(2*(1-t))),[r[0],100*n,100*t]},n.hcg.hwb=function(r){var e=r[1]/100,t=e+r[2]/100*(1-e);return[r[0],100*(t-e),100*(1-t)]},n.hwb.hcg=function(r){var e=1-r[2]/100,t=e-r[1]/100,n=0;return t<1&&(n=(e-t)/(1-t)),[r[0],100*t,100*n]},n.apple.rgb=function(r){return[r[0]/65535*255,r[1]/65535*255,r[2]/65535*255]},n.rgb.apple=function(r){return[r[0]/255*65535,r[1]/255*65535,r[2]/255*65535]},n.gray.rgb=function(r){return[r[0]/100*255,r[0]/100*255,r[0]/100*255]},n.gray.hsl=n.gray.hsv=function(r){return[0,0,r[0]]},n.gray.hwb=function(r){return[0,100,r[0]]},n.gray.cmyk=function(r){return[0,0,0,r[0]]},n.gray.lab=function(r){return[r[0],0,0]},n.gray.hex=function(r){var e=255&Math.round(r[0]/100*255),t=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(t.length)+t},n.rgb.gray=function(r){return[(r[0]+r[1]+r[2])/3/255*100]}}));function h(r,e){return function(t){return e(r(t))}}function f(r,e){for(var t=[e[r].parent,r],n=c[e[r].parent][r],a=e[r].parent;e[a].parent;)t.unshift(e[a].parent),n=h(c[e[a].parent][a],n),a=e[a].parent;return n.conversion=t,n}var d={};Object.keys(c).forEach((function(r){d[r]={},Object.defineProperty(d[r],"channels",{value:c[r].channels}),Object.defineProperty(d[r],"labels",{value:c[r].labels});var e=function(r){for(var e=function(r){var e=function(){for(var r={},e=Object.keys(c),t=e.length,n=0;n<t;n++)r[e[n]]={distance:-1,parent:null};return r}(),t=[r];for(e[r].distance=0;t.length;)for(var n=t.pop(),a=Object.keys(c[n]),i=a.length,o=0;o<i;o++){var l=a[o],s=e[l];-1===s.distance&&(s.distance=e[n].distance+1,s.parent=n,t.unshift(l))}return e}(r),t={},n=Object.keys(e),a=n.length,i=0;i<a;i++){var o=n[i];null!==e[o].parent&&(t[o]=f(o,e))}return t}(r);Object.keys(e).forEach((function(t){var n=e[t];d[r][t]=function(r){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var t=r(e);if("object"==typeof t)for(var n=t.length,a=0;a<n;a++)t[a]=Math.round(t[a]);return t};return"conversion"in r&&(e.conversion=r.conversion),e}(n),d[r][t].raw=function(r){var e=function(e){return null==e?e:(arguments.length>1&&(e=Array.prototype.slice.call(arguments)),r(e))};return"conversion"in r&&(e.conversion=r.conversion),e}(n)}))}));var g=d,b=[].slice,v=["keyword","gray","hex"],p={};Object.keys(g).forEach((function(r){p[b.call(g[r].labels).sort().join("")]=r}));var w={};function m(r,e){if(!(this instanceof m))return new m(r,e);if(e&&e in v&&(e=null),e&&!(e in g))throw new Error("Unknown model: "+e);var t,n;if(null==r)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(r instanceof m)this.model=r.model,this.color=r.color.slice(),this.valpha=r.valpha;else if("string"==typeof r){var a=s.get(r);if(null===a)throw new Error("Unable to parse color from string: "+r);this.model=a.model,this.color=a.value.slice(0,n=g[this.model].channels),this.valpha="number"==typeof a.value[n]?a.value[n]:1}else if(r.length){this.model=e||"rgb";var i=b.call(r,0,n=g[this.model].channels);this.color=x(i,n),this.valpha="number"==typeof r[n]?r[n]:1}else if("number"==typeof r)r&=16777215,this.model="rgb",this.color=[r>>16&255,r>>8&255,255&r],this.valpha=1;else{this.valpha=1;var o=Object.keys(r);"alpha"in r&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof r.alpha?r.alpha:0);var l=o.sort().join("");if(!(l in p))throw new Error("Unable to parse color from object: "+JSON.stringify(r));this.model=p[l];var u=g[this.model].labels,c=[];for(t=0;t<u.length;t++)c.push(r[u[t]]);this.color=x(c)}if(w[this.model])for(n=g[this.model].channels,t=0;t<n;t++){var h=w[this.model][t];h&&(this.color[t]=h(this.color[t]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function y(r,e,t){return(r=Array.isArray(r)?r:[r]).forEach((function(r){(w[r]||(w[r]=[]))[e]=t})),r=r[0],function(n){var a;return arguments.length?(t&&(n=t(n)),(a=this[r]()).color[e]=n,a):(a=this[r]().color[e],t&&(a=t(a)),a)}}function k(r){return function(e){return Math.max(0,Math.min(r,e))}}function M(r){return Array.isArray(r)?r:[r]}function x(r,e){for(var t=0;t<e;t++)"number"!=typeof r[t]&&(r[t]=0);return r}m.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(r){var e=this.model in s.to?this:this.rgb(),t=1===(e=e.round("number"==typeof r?r:1)).valpha?e.color:e.color.concat(this.valpha);return s.to[e.model](t)},percentString:function(r){var e=this.rgb().round("number"==typeof r?r:1),t=1===e.valpha?e.color:e.color.concat(this.valpha);return s.to.rgb.percent(t)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var r={},e=g[this.model].channels,t=g[this.model].labels,n=0;n<e;n++)r[t[n]]=this.color[n];return 1!==this.valpha&&(r.alpha=this.valpha),r},unitArray:function(){var r=this.rgb().color;return r[0]/=255,r[1]/=255,r[2]/=255,1!==this.valpha&&r.push(this.valpha),r},unitObject:function(){var r=this.rgb().object();return r.r/=255,r.g/=255,r.b/=255,1!==this.valpha&&(r.alpha=this.valpha),r},round:function(r){return r=Math.max(r||0,0),new m(this.color.map(function(r){return function(e){return function(r,e){return Number(r.toFixed(e))}(e,r)}}(r)).concat(this.valpha),this.model)},alpha:function(r){return arguments.length?new m(this.color.concat(Math.max(0,Math.min(1,r))),this.model):this.valpha},red:y("rgb",0,k(255)),green:y("rgb",1,k(255)),blue:y("rgb",2,k(255)),hue:y(["hsl","hsv","hsl","hwb","hcg"],0,(function(r){return(r%360+360)%360})),saturationl:y("hsl",1,k(100)),lightness:y("hsl",2,k(100)),saturationv:y("hsv",1,k(100)),value:y("hsv",2,k(100)),chroma:y("hcg",1,k(100)),gray:y("hcg",2,k(100)),white:y("hwb",1,k(100)),wblack:y("hwb",2,k(100)),cyan:y("cmyk",0,k(100)),magenta:y("cmyk",1,k(100)),yellow:y("cmyk",2,k(100)),black:y("cmyk",3,k(100)),x:y("xyz",0,k(100)),y:y("xyz",1,k(100)),z:y("xyz",2,k(100)),l:y("lab",0,k(100)),a:y("lab",1),b:y("lab",2),keyword:function(r){return arguments.length?new m(r):g[this.model].keyword(this.color)},hex:function(r){return arguments.length?new m(r):s.to.hex(this.rgb().round().color)},rgbNumber:function(){var r=this.rgb().color;return(255&r[0])<<16|(255&r[1])<<8|255&r[2]},luminosity:function(){for(var r=this.rgb().color,e=[],t=0;t<r.length;t++){var n=r[t]/255;e[t]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(r){var e=this.luminosity(),t=r.luminosity();return e>t?(e+.05)/(t+.05):(t+.05)/(e+.05)},level:function(r){var e=this.contrast(r);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark:function(){var r=this.rgb().color;return(299*r[0]+587*r[1]+114*r[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var r=this.rgb(),e=0;e<3;e++)r.color[e]=255-r.color[e];return r},lighten:function(r){var e=this.hsl();return e.color[2]+=e.color[2]*r,e},darken:function(r){var e=this.hsl();return e.color[2]-=e.color[2]*r,e},saturate:function(r){var e=this.hsl();return e.color[1]+=e.color[1]*r,e},desaturate:function(r){var e=this.hsl();return e.color[1]-=e.color[1]*r,e},whiten:function(r){var e=this.hwb();return e.color[1]+=e.color[1]*r,e},blacken:function(r){var e=this.hwb();return e.color[2]+=e.color[2]*r,e},grayscale:function(){var r=this.rgb().color,e=.3*r[0]+.59*r[1]+.11*r[2];return m.rgb(e,e,e)},fade:function(r){return this.alpha(this.valpha-this.valpha*r)},opaquer:function(r){return this.alpha(this.valpha+this.valpha*r)},rotate:function(r){var e=this.hsl(),t=e.color[0];return e.color[0]=t=(t=(t+r)%360)<0?360+t:t,e},mix:function(r,e){if(!r||!r.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof r);var t=r.rgb(),n=this.rgb(),a=void 0===e?.5:e,i=2*a-1,o=t.alpha()-n.alpha(),l=((i*o==-1?i:(i+o)/(1+i*o))+1)/2,s=1-l;return m.rgb(l*t.red()+s*n.red(),l*t.green()+s*n.green(),l*t.blue()+s*n.blue(),t.alpha()*a+n.alpha()*(1-a))}},Object.keys(g).forEach((function(r){if(-1===v.indexOf(r)){var e=g[r].channels;m.prototype[r]=function(){if(this.model===r)return new m(this);if(arguments.length)return new m(arguments,r);var t="number"==typeof arguments[e]?e:this.valpha;return new m(M(g[this.model][r].raw(this.color)).concat(t),r)},m[r]=function(t){return"number"==typeof t&&(t=x(b.call(arguments),e)),new m(t,r)}}}));const C=[{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}].map((()=>0)),j={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"},O={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},z=Object.keys(j),q=r=>!("isConnected"in r)||r.isConnected,A=(()=>{let r;return(...e)=>{r&&clearTimeout(r),r=setTimeout((()=>{r=0,(r=>{for(let e of r.keys())r.set(e,r.get(e).filter(q))})(...e)}),2e3)}})(),F=r=>"function"==typeof r?r():r,L=(()=>{const r=((r,e=((r,e)=>r!==e))=>{const t=F(r);let n=new Map(Object.entries(null!=t?t:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var e;n=new Map(Object.entries(null!==(e=F(r))&&void 0!==e?e:{})),a.reset.forEach((r=>r()))},o=r=>(a.get.forEach((e=>e(r))),n.get(r)),l=(r,t)=>{const i=n.get(r);e(t,i,r)&&(n.set(r,t),a.set.forEach((e=>e(r,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(r,e)=>o(e),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(r,e)=>n.has(e),set:(r,e,t)=>(l(e,t),!0)}),u=(r,e)=>(a[r].push(e),()=>{((r,e)=>{const t=r.indexOf(e);t>=0&&(r[t]=r[r.length-1],r.length--)})(a[r],e)});return{state:s,get:o,set:l,on:u,onChange:(e,t)=>{const n=u("set",((r,n)=>{r===e&&t(n)})),a=u("reset",(()=>t(F(r)[e])));return()=>{n(),a()}},use:(...r)=>{const e=r.reduce(((r,e)=>(e.set&&r.push(u("set",e.set)),e.get&&r.push(u("get",e.get)),e.reset&&r.push(u("reset",e.reset)),e.dispose&&r.push(u("dispose",e.dispose)),r)),[]);return()=>e.forEach((r=>r()))},dispose:()=>{a.dispose.forEach((r=>r())),i()},reset:i,forceUpdate:r=>{const e=n.get(r);a.set.forEach((t=>t(r,e,e)))}}})({count:0,pick:"bada55",values:[...C]},void 0);return r.use((()=>{if("function"!=typeof e)return{};const r=new Map;return{dispose:()=>r.clear(),get:t=>{const n=e();n&&((r,e,t)=>{const n=r.get(e);n?n.includes(t)||n.push(t):r.set(e,[t])})(r,t,n)},set:e=>{const n=r.get(e);n&&r.set(e,n.filter(t)),A(r)},reset:()=>{r.forEach((r=>r.forEach(t))),A(r)}}})()),r})(),{state:E}=L,S={refresh:()=>{const r=C.map((()=>Math.floor(100*Math.random())));E.count=E.count+1,E.values=r},reset:()=>{E.count=0,E.values=[...C]},updatePick:r=>{E.pick=r}},N=e=>{const{actions:t,state:n}=e,{pick:i}=n;return r("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},z.map((e=>{const n=(r=>j[r]||O[r])(e),o=i==e;return r("div",{"aria-label":e,"aria-checked":o,role:"radio",title:e,onClick:()=>{t.updatePick(e)}},r(a,{hex:n,selected:o}))})))},I=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"chevron-double-left"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},$=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"close"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},U=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"refresh"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},B=e=>{const{actions:t,state:n}=e,{count:a}=n;return r("div",{class:"mt-3 mb-10px flex items-center"},r("button",{"aria-label":"Refresh",title:"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{t.refresh()}},r(U,null)),r("button",{"aria-label":"Reset",title:"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{t.reset()}},r($,null)),r("span",{class:"flex items-center"},r(I,{size:28}),r("span",{class:"italic"},"click a button... ",r("sup",null,a))))},H=()=>r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.2.4"),R=e=>{const{state:t}=e,{values:n,pick:a,count:i}=t;return r("div",{class:"flex"},r("div",{class:"flex flex-col"},r("div",{class:"flex"},r("span",{class:"mr-10px font-bold"},"color:"),r("span",{class:"italic text-clrs-slate4"},a)),r("div",{class:"mt-5px flex"},r("span",{class:"mr-10px font-bold"},"sample:"),r("span",{class:"italic text-clrs-slate4"},`${i>0?n:"..."}`))),r(H,null))},P=e=>{const t=e.hex||"currentColor",n=e.size||24;return r("svg",{class:e.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"fingerprint"),r("g",{fill:t},r("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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},D="eswat2",T=()=>r("a",{class:"absolute top-8 right-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":D,title:D},r(P,{label:"eswat2"})),J=class{constructor(r){n(this,r),this.tag="proto-tinker"}render(){return r("div",{id:"app",class:"ds1-main"},r(T,null),r(B,{actions:S,state:E}),r(N,{actions:S,state:E}),r("hr",{class:"mr-0 ml-0"}),r(R,{state:E}))}};J.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{display:flex;flex-direction:column;padding:1rem;font-family:ui-sans-serif, 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;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff)}.ds1-button:active{background-color:var(--clrs-gray, #aaaaaa);color:var(--clrs-navy, #001f3f)}.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}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.align-top{vertical-align:top}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-clrs-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-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}";export{J as proto_tinker}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,b as r}from"./p-
|
|
1
|
+
import{p as o,b as r}from"./p-c569df52.js";export{s as setNonce}from"./p-c569df52.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),o(t)})().then((o=>r([["p-a05c79d4",[[1,"proto-tinker",{tag:[1]}]]]],o)));
|
|
@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
|
|
|
485
485
|
export interface FunctionalComponent<T = {}> {
|
|
486
486
|
(props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
|
|
487
487
|
}
|
|
488
|
+
/**
|
|
489
|
+
* A Child VDOM node
|
|
490
|
+
*
|
|
491
|
+
* This has most of the same properties as {@link VNode} but friendlier names
|
|
492
|
+
* (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
|
|
493
|
+
* order to provide a friendlier public interface for users of the
|
|
494
|
+
* {@link FunctionalUtilities}).
|
|
495
|
+
*/
|
|
488
496
|
export interface ChildNode {
|
|
489
497
|
vtag?: string | number | Function;
|
|
490
498
|
vkey?: string | number;
|
|
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
|
|
|
531
539
|
export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
|
|
532
540
|
export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
|
|
533
541
|
export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
|
|
542
|
+
/**
|
|
543
|
+
* A virtual DOM node
|
|
544
|
+
*/
|
|
534
545
|
export interface VNode {
|
|
535
546
|
$flags$: number;
|
|
536
547
|
$tag$: string | number | Function;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "proto-tinker-wc",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.245",
|
|
4
4
|
"description": "prototype - simple demo built from Stencil & Tailwind",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"format": "prettier --write src"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@stencil/core": "2.22.
|
|
31
|
+
"@stencil/core": "2.22.2",
|
|
32
32
|
"@stencil/store": "2.0.3",
|
|
33
33
|
"between.js": "0.1.2-fix.2"
|
|
34
34
|
},
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"postcss": "8.4.21",
|
|
41
41
|
"prettier": "2.8.3",
|
|
42
42
|
"prettier-plugin-tailwindcss": "0.2.1",
|
|
43
|
-
"proto-tailwindcss-clrs": "0.0.
|
|
43
|
+
"proto-tailwindcss-clrs": "0.0.207",
|
|
44
44
|
"tailwindcss": "3.2.4",
|
|
45
45
|
"tslint": "6.1.3",
|
|
46
46
|
"typescript": "4.9.4"
|