proto-tinker-wc 0.0.245 → 0.0.246

package/dist/cjs/proto-tinker.cjs.entry.js

@@ -2418,10 +2418,10 @@ const ColorPicker = props => {
   return (index.h("div", { id: "toolbar", class: "flex flex-wrap", role: "radiogroup" }, colorKeys.map((key) => {
     const hex = colorFor(key);
     const selected = pick == key;
-    return (index.h("div", { "aria-label": key, "aria-checked": selected, role: "radio", title: key, onClick: () => {
+    return (index.h("div", { "aria-label": key, "aria-checked": selected, role: "radio", onClick: () => {
         actions.updatePick(key);
       } },
-      index.h(Radio, { hex: hex, selected: selected })));
+      index.h(Radio, { hex: hex, selected: selected, label: key })));
   })));
 };
 
@@ -2520,7 +2520,11 @@ const Eswat2Io = _props => {
     index.h(Fingerprint, { label: "eswat2" })));
 };
 
-const protoTinkerCss = "*,::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)}";
+const Header = props => {
+  return (index.h("h1", { class: "mr-0 ml-0 mt-11 mb-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
+};
+
+const protoTinkerCss = "*,::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}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.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)}.text-center{text-align:center}.align-top{vertical-align:top}.text-6xl{font-size:3.75rem;line-height:1}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.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)}";
 
 const ProtoTinker = class {
   constructor(hostRef) {
@@ -2528,7 +2532,7 @@ const ProtoTinker = class {
     this.tag = 'proto-tinker';
   }
   render() {
-    return (index.h("div", { id: "app", class: "ds1-main" }, index.h(Eswat2Io, null), index.h(DataSource, { actions: actions, state: state }), index.h(ColorPicker, { actions: actions, state: state }), index.h("hr", { class: "mr-0 ml-0" }), index.h(DataValues, { state: state })));
+    return (index.h("div", { id: "app", class: "ds1-main" }, index.h(Header, { label: "tinker wc" }), index.h(Eswat2Io, null), index.h(DataSource, { actions: actions, state: state }), index.h(ColorPicker, { actions: actions, state: state }), index.h("hr", { class: "mr-0 ml-0" }), index.h(DataValues, { state: state })));
   }
 };
 ProtoTinker.style = protoTinkerCss;

package/dist/collection/components/proto-tinker/color-picker.js

@@ -7,9 +7,9 @@ const ColorPicker = props => {
   return (h("div", { id: "toolbar", class: "flex flex-wrap", role: "radiogroup" }, colorKeys.map((key) => {
     const hex = colorFor(key);
     const selected = pick == key;
-    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", title: key, onClick: () => {
+    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", onClick: () => {
         actions.updatePick(key);
-      } }, h(Radio, { hex: hex, selected: selected })));
+      } }, h(Radio, { hex: hex, selected: selected, label: key })));
   })));
 };
 export { ColorPicker };

package/dist/collection/components/proto-tinker/header.js

@@ -0,0 +1,6 @@
+import { h } from '@stencil/core';
+const Header = props => {
+  return (h("h1", { class: "mr-0 ml-0 mt-11 mb-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
+};
+export { Header };
+export default Header;

package/dist/collection/components/proto-tinker/proto-tinker.css

@@ -155,6 +155,14 @@
   margin-left: 0px;
 }
 
+.mt-11 {
+  margin-top: 2.75rem;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -183,10 +191,19 @@
   background-color: var(--clrs-red, #ff4136);
 }
 
+.text-center {
+  text-align: center;
+}
+
 .align-top {
   vertical-align: top;
 }
 
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -196,6 +213,14 @@
   font-weight: 700;
 }
 
+.font-thin {
+  font-weight: 100;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
 .italic {
   font-style: italic;
 }
@@ -208,6 +233,10 @@
   color: var(--clrs-gray, #aaaaaa);
 }
 
+.text-clrs-red {
+  color: var(--clrs-red, #ff4136);
+}
+
 .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),

package/dist/collection/components/proto-tinker/proto-tinker.js

@@ -3,13 +3,14 @@ import { ColorPicker } from './color-picker';
 import { DataSource } from './data-source';
 import { DataValues } from './data-values';
 import { Eswat2Io } from './eswat2-io';
+import { Header } from './header';
 import { actions, state } from '../../utils';
 export class ProtoTinker {
   constructor() {
     this.tag = 'proto-tinker';
   }
   render() {
-    return (h("div", { id: "app", class: "ds1-main" }, h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
+    return (h("div", { id: "app", class: "ds1-main" }, h(Header, { label: "tinker wc" }), h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
   }
   static get is() { return "proto-tinker"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/proto-tinker.js

@@ -2414,10 +2414,10 @@ const ColorPicker = props => {
   return (h("div", { id: "toolbar", class: "flex flex-wrap", role: "radiogroup" }, colorKeys.map((key) => {
     const hex = colorFor(key);
     const selected = pick == key;
-    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", title: key, onClick: () => {
+    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", onClick: () => {
         actions.updatePick(key);
       } },
-      h(Radio, { hex: hex, selected: selected })));
+      h(Radio, { hex: hex, selected: selected, label: key })));
   })));
 };
 
@@ -2516,7 +2516,11 @@ const Eswat2Io = _props => {
     h(Fingerprint, { label: "eswat2" })));
 };
 
-const protoTinkerCss = "*,::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)}";
+const Header = props => {
+  return (h("h1", { class: "mr-0 ml-0 mt-11 mb-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
+};
+
+const protoTinkerCss = "*,::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}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.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)}.text-center{text-align:center}.align-top{vertical-align:top}.text-6xl{font-size:3.75rem;line-height:1}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.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)}";
 
 const ProtoTinker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -2526,7 +2530,7 @@ const ProtoTinker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.tag = 'proto-tinker';
   }
   render() {
-    return (h("div", { id: "app", class: "ds1-main" }, h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
+    return (h("div", { id: "app", class: "ds1-main" }, h(Header, { label: "tinker wc" }), h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
   }
   static get style() { return protoTinkerCss; }
 }, [1, "proto-tinker", {

package/dist/esm/proto-tinker.entry.js

@@ -2414,10 +2414,10 @@ const ColorPicker = props => {
   return (h("div", { id: "toolbar", class: "flex flex-wrap", role: "radiogroup" }, colorKeys.map((key) => {
     const hex = colorFor(key);
     const selected = pick == key;
-    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", title: key, onClick: () => {
+    return (h("div", { "aria-label": key, "aria-checked": selected, role: "radio", onClick: () => {
         actions.updatePick(key);
       } },
-      h(Radio, { hex: hex, selected: selected })));
+      h(Radio, { hex: hex, selected: selected, label: key })));
   })));
 };
 
@@ -2516,7 +2516,11 @@ const Eswat2Io = _props => {
     h(Fingerprint, { label: "eswat2" })));
 };
 
-const protoTinkerCss = "*,::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)}";
+const Header = props => {
+  return (h("h1", { class: "mr-0 ml-0 mt-11 mb-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
+};
+
+const protoTinkerCss = "*,::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}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.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)}.text-center{text-align:center}.align-top{vertical-align:top}.text-6xl{font-size:3.75rem;line-height:1}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.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)}";
 
 const ProtoTinker = class {
   constructor(hostRef) {
@@ -2524,7 +2528,7 @@ const ProtoTinker = class {
     this.tag = 'proto-tinker';
   }
   render() {
-    return (h("div", { id: "app", class: "ds1-main" }, h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
+    return (h("div", { id: "app", class: "ds1-main" }, h(Header, { label: "tinker wc" }), h(Eswat2Io, null), h(DataSource, { actions: actions, state: state }), h(ColorPicker, { actions: actions, state: state }), h("hr", { class: "mr-0 ml-0" }), h(DataValues, { state: state })));
   }
 };
 ProtoTinker.style = protoTinkerCss;

package/dist/proto-tinker-wc/p-06c275ea.entry.js

@@ -0,0 +1 @@
+import{h as e,g as r,f as t,r as n}from"./p-c569df52.js";const a=r=>{const t=r.hex||"currentColor",n=r.selected||!1,a=r.size||24;return e("svg",{class:r.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,r.label||"radio")," ",e("g",{fill:t},e("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"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))};function i(e,r,t){return e(t={path:r,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(e){var r=Array.prototype.concat,t=Array.prototype.slice,n=e.exports=function(e){for(var n,a=[],i=0,o=e.length;i<o;i++){var l=e[i];(n=l)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=r.call(a,t.call(l)):a.push(l)}return a};n.wrap=function(e){return function(){return e(n(arguments))}}})),s=i((function(e){var r=Object.hasOwnProperty,t=Object.create(null);for(var n in o)r.call(o,n)&&(t[o[n]]=n);var a=e.exports={to:{},get:{}};function i(e,r,t){return Math.min(Math.max(r,e),t)}function s(e){var r=Math.round(e).toString(16).toUpperCase();return r.length<2?"0"+r:r}a.get=function(e){var r,t;switch(e.substring(0,3).toLowerCase()){case"hsl":r=a.get.hsl(e),t="hsl";break;case"hwb":r=a.get.hwb(e),t="hwb";break;default:r=a.get.rgb(e),t="rgb"}return r?{model:t,value:r}:null},a.get.rgb=function(e){if(!e)return null;var t,n,a,l=[0,0,0,1];if(t=e.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=e.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=e.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=e.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(t=e.match(/^(\w+)$/))?"transparent"===t[1]?[0,0,0,0]:r.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(e){if(!e)return null;var r=e.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(r){var t=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.get.hwb=function(e){if(!e)return null;var r=e.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(r){var t=parseFloat(r[4]);return[(parseFloat(r[1])%360+360)%360,i(parseFloat(r[2]),0,100),i(parseFloat(r[3]),0,100),i(isNaN(t)?1:t,0,1)]}return null},a.to.hex=function(){var e=l(arguments);return"#"+s(e[0])+s(e[1])+s(e[2])+(e[3]<1?s(Math.round(255*e[3])):"")},a.to.rgb=function(){var e=l(arguments);return e.length<4||1===e[3]?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"},a.to.rgb.percent=function(){var e=l(arguments),r=Math.round(e[0]/255*100),t=Math.round(e[1]/255*100),n=Math.round(e[2]/255*100);return e.length<4||1===e[3]?"rgb("+r+"%, "+t+"%, "+n+"%)":"rgba("+r+"%, "+t+"%, "+n+"%, "+e[3]+")"},a.to.hsl=function(){var e=l(arguments);return e.length<4||1===e[3]?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"},a.to.hwb=function(){var e=l(arguments),r="";return e.length>=4&&1!==e[3]&&(r=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+r+")"},a.to.keyword=function(e){return t[e.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(e){var r={};for(var t in u)u.hasOwnProperty(t)&&(r[u[t]]=t);var n=e.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(e){var r,t,n=e[0]/255,a=e[1]/255,i=e[2]/255,o=Math.min(n,a,i),l=Math.max(n,a,i),s=l-o;return l===o?r=0:n===l?r=(a-i)/s:a===l?r=2+(i-n)/s:i===l&&(r=4+(n-a)/s),(r=Math.min(60*r,360))<0&&(r+=360),t=(o+l)/2,[r,100*(l===o?0:t<=.5?s/(l+o):s/(2-l-o)),100*t]},n.rgb.hsv=function(e){var r,t,n,a,i,o=e[0]/255,l=e[1]/255,s=e[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),h=function(e){return(u-e)/6/c+.5};return 0===c?a=i=0:(i=c/u,r=h(o),t=h(l),n=h(s),o===u?a=n-t:l===u?a=1/3+r-n:s===u&&(a=2/3+t-r),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},n.rgb.hwb=function(e){var r=e[0],t=e[1],a=e[2];return[n.rgb.hsl(e)[0],1/255*Math.min(r,Math.min(t,a))*100,100*(a=1-1/255*Math.max(r,Math.max(t,a)))]},n.rgb.cmyk=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255;return[100*((1-t-(r=Math.min(1-t,1-n,1-a)))/(1-r)||0),100*((1-n-r)/(1-r)||0),100*((1-a-r)/(1-r)||0),100*r]},n.rgb.keyword=function(e){var t=r[e];if(t)return t;var n,a,i,o=1/0;for(var l in u)if(u.hasOwnProperty(l)){var s=(a=e,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(e){return u[e]},n.rgb.xyz=function(e){var r=e[0]/255,t=e[1]/255,n=e[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/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*r+.7152*t+.0722*n),100*(.0193*r+.1192*t+.9505*n)]},n.rgb.lab=function(e){var r=n.rgb.xyz(e),t=r[0],a=r[1],i=r[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(e){var r,t,n,a,i,o=e[0]/360,l=e[1]/100,s=e[2]/100;if(0===l)return[i=255*s,i,i];r=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?r+6*(t-r)*n:2*n<1?t:3*n<2?r+(t-r)*(2/3-n)*6:r);return a},n.hsl.hsv=function(e){var r=e[0],t=e[1]/100,n=e[2]/100,a=t,i=Math.max(n,.01);return t*=(n*=2)<=1?n:2-n,a*=i<=1?i:2-i,[r,100*(0===n?2*a/(i+a):2*t/(n+t)),(n+t)/2*100]},n.hsv.rgb=function(e){var r=e[0]/60,t=e[1]/100,n=e[2]/100,a=Math.floor(r)%6,i=r-Math.floor(r),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(e){var r,t,n,a=e[0],i=e[1]/100,o=e[2]/100,l=Math.max(o,.01);return n=(2-i)*o,t=i*l,[a,100*(t=(t/=(r=(2-i)*l)<=1?r:2-r)||0),100*(n/=2)]},n.hwb.rgb=function(e){var r,t,n,a,i,o,l,s=e[0]/360,u=e[1]/100,c=e[2]/100,h=u+c;switch(h>1&&(u/=h,c/=h),n=6*s-(r=Math.floor(6*s)),0!=(1&r)&&(n=1-n),a=u+n*((t=1-c)-u),r){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(e){var r=e[1]/100,t=e[2]/100,n=e[3]/100;return[255*(1-Math.min(1,e[0]/100*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n)),255*(1-Math.min(1,t*(1-n)+n))]},n.xyz.rgb=function(e){var r,t,n,a=e[0]/100,i=e[1]/100,o=e[2]/100;return t=-.9689*a+1.8758*i+.0415*o,n=.0557*a+-.204*i+1.057*o,r=(r=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,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*(r=Math.min(Math.max(0,r),1)),255*(t=Math.min(Math.max(0,t),1)),255*(n=Math.min(Math.max(0,n),1))]},n.xyz.lab=function(e){var r=e[0],t=e[1],n=e[2];return t/=100,n/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(t=t>.008856?Math.pow(t,1/3):7.787*t+16/116)-16,500*(r-t),200*(t-(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116))]},n.lab.xyz=function(e){var r,t,n;r=e[1]/500+(t=(e[0]+16)/116),n=t-e[2]/200;var a=Math.pow(t,3),i=Math.pow(r,3),o=Math.pow(n,3);return t=a>.008856?a:(t-16/116)/7.787,r=i>.008856?i:(r-16/116)/7.787,n=o>.008856?o:(n-16/116)/7.787,[r*=95.047,t*=100,n*=108.883]},n.lab.lch=function(e){var r,t=e[0],n=e[1],a=e[2];return(r=360*Math.atan2(a,n)/2/Math.PI)<0&&(r+=360),[t,Math.sqrt(n*n+a*a),r]},n.lch.lab=function(e){var r,t=e[1];return r=e[2]/360*2*Math.PI,[e[0],t*Math.cos(r),t*Math.sin(r)]},n.rgb.ansi16=function(e){var r=e[0],t=e[1],a=e[2],i=1 in arguments?arguments[1]:n.rgb.hsv(e)[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(r/255));return 2===i&&(o+=60),o},n.hsv.ansi16=function(e){return n.rgb.ansi16(n.hsv.rgb(e),e[2])},n.rgb.ansi256=function(e){var r=e[0],t=e[1],n=e[2];return r===t&&t===n?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(t/255*5)+Math.round(n/255*5)},n.ansi16.rgb=function(e){var r=e%10;if(0===r||7===r)return e>50&&(r+=3.5),[r=r/10.5*255,r,r];var t=.5*(1+~~(e>50));return[(1&r)*t*255,(r>>1&1)*t*255,(r>>2&1)*t*255]},n.ansi256.rgb=function(e){if(e>=232){var r=10*(e-232)+8;return[r,r,r]}var t;return e-=16,[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},n.rgb.hex=function(e){var r=(((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2]))).toString(16).toUpperCase();return"000000".substring(r.length)+r},n.hex.rgb=function(e){var r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];var t=r[0];3===r[0].length&&(t=t.split("").map((function(e){return e+e})).join(""));var n=parseInt(t,16);return[n>>16&255,n>>8&255,255&n]},n.rgb.hcg=function(e){var r,t=e[0]/255,n=e[1]/255,a=e[2]/255,i=Math.max(Math.max(t,n),a),o=Math.min(Math.min(t,n),a),l=i-o;return r=l<=0?0:i===t?(n-a)/l%6:i===n?2+(a-t)/l:4+(t-n)/l+4,r/=6,[360*(r%=1),100*l,100*(l<1?o/(1-l):0)]},n.hsl.hcg=function(e){var r,t=e[1]/100,n=e[2]/100,a=0;return(r=n<.5?2*t*n:2*t*(1-n))<1&&(a=(n-.5*r)/(1-r)),[e[0],100*r,100*a]},n.hsv.hcg=function(e){var r=e[2]/100,t=e[1]/100*r,n=0;return t<1&&(n=(r-t)/(1-t)),[e[0],100*t,100*n]},n.hcg.rgb=function(e){var r=e[1]/100,t=e[2]/100;if(0===r)return[255*t,255*t,255*t];var n,a=[0,0,0],i=e[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(r*a[0]+(n=(1-r)*t)),255*(r*a[1]+n),255*(r*a[2]+n)]},n.hcg.hsv=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r),n=0;return t>0&&(n=r/t),[e[0],100*n,100*t]},n.hcg.hsl=function(e){var r=e[1]/100,t=e[2]/100*(1-r)+.5*r,n=0;return t>0&&t<.5?n=r/(2*t):t>=.5&&t<1&&(n=r/(2*(1-t))),[e[0],100*n,100*t]},n.hcg.hwb=function(e){var r=e[1]/100,t=r+e[2]/100*(1-r);return[e[0],100*(t-r),100*(1-t)]},n.hwb.hcg=function(e){var r=1-e[2]/100,t=r-e[1]/100,n=0;return t<1&&(n=(r-t)/(1-t)),[e[0],100*t,100*n]},n.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},n.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},n.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},n.gray.hsl=n.gray.hsv=function(e){return[0,0,e[0]]},n.gray.hwb=function(e){return[0,100,e[0]]},n.gray.cmyk=function(e){return[0,0,0,e[0]]},n.gray.lab=function(e){return[e[0],0,0]},n.gray.hex=function(e){var r=255&Math.round(e[0]/100*255),t=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(t.length)+t},n.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}));function h(e,r){return function(t){return r(e(t))}}function f(e,r){for(var t=[r[e].parent,e],n=c[r[e].parent][e],a=r[e].parent;r[a].parent;)t.unshift(r[a].parent),n=h(c[r[a].parent][a],n),a=r[a].parent;return n.conversion=t,n}var d={};Object.keys(c).forEach((function(e){d[e]={},Object.defineProperty(d[e],"channels",{value:c[e].channels}),Object.defineProperty(d[e],"labels",{value:c[e].labels});var r=function(e){for(var r=function(e){var r=function(){for(var e={},r=Object.keys(c),t=r.length,n=0;n<t;n++)e[r[n]]={distance:-1,parent:null};return e}(),t=[e];for(r[e].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=r[l];-1===s.distance&&(s.distance=r[n].distance+1,s.parent=n,t.unshift(l))}return r}(e),t={},n=Object.keys(r),a=n.length,i=0;i<a;i++){var o=n[i];null!==r[o].parent&&(t[o]=f(o,r))}return t}(e);Object.keys(r).forEach((function(t){var n=r[t];d[e][t]=function(e){var r=function(r){if(null==r)return r;arguments.length>1&&(r=Array.prototype.slice.call(arguments));var t=e(r);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 e&&(r.conversion=e.conversion),r}(n),d[e][t].raw=function(e){var r=function(r){return null==r?r:(arguments.length>1&&(r=Array.prototype.slice.call(arguments)),e(r))};return"conversion"in e&&(r.conversion=e.conversion),r}(n)}))}));var g=d,b=[].slice,p=["keyword","gray","hex"],v={};Object.keys(g).forEach((function(e){v[b.call(g[e].labels).sort().join("")]=e}));var m={};function w(e,r){if(!(this instanceof w))return new w(e,r);if(r&&r in p&&(r=null),r&&!(r in g))throw new Error("Unknown model: "+r);var t,n;if(null==e)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(e instanceof w)this.model=e.model,this.color=e.color.slice(),this.valpha=e.valpha;else if("string"==typeof e){var a=s.get(e);if(null===a)throw new Error("Unable to parse color from string: "+e);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(e.length){this.model=r||"rgb";var i=b.call(e,0,n=g[this.model].channels);this.color=x(i,n),this.valpha="number"==typeof e[n]?e[n]:1}else if("number"==typeof e)e&=16777215,this.model="rgb",this.color=[e>>16&255,e>>8&255,255&e],this.valpha=1;else{this.valpha=1;var o=Object.keys(e);"alpha"in e&&(o.splice(o.indexOf("alpha"),1),this.valpha="number"==typeof e.alpha?e.alpha:0);var l=o.sort().join("");if(!(l in v))throw new Error("Unable to parse color from object: "+JSON.stringify(e));this.model=v[l];var u=g[this.model].labels,c=[];for(t=0;t<u.length;t++)c.push(e[u[t]]);this.color=x(c)}if(m[this.model])for(n=g[this.model].channels,t=0;t<n;t++){var h=m[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(e,r,t){return(e=Array.isArray(e)?e:[e]).forEach((function(e){(m[e]||(m[e]=[]))[r]=t})),e=e[0],function(n){var a;return arguments.length?(t&&(n=t(n)),(a=this[e]()).color[r]=n,a):(a=this[e]().color[r],t&&(a=t(a)),a)}}function k(e){return function(r){return Math.max(0,Math.min(e,r))}}function M(e){return Array.isArray(e)?e:[e]}function x(e,r){for(var t=0;t<r;t++)"number"!=typeof e[t]&&(e[t]=0);return e}w.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(e){var r=this.model in s.to?this:this.rgb(),t=1===(r=r.round("number"==typeof e?e:1)).valpha?r.color:r.color.concat(this.valpha);return s.to[r.model](t)},percentString:function(e){var r=this.rgb().round("number"==typeof e?e:1),t=1===r.valpha?r.color:r.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 e={},r=g[this.model].channels,t=g[this.model].labels,n=0;n<r;n++)e[t[n]]=this.color[n];return 1!==this.valpha&&(e.alpha=this.valpha),e},unitArray:function(){var e=this.rgb().color;return e[0]/=255,e[1]/=255,e[2]/=255,1!==this.valpha&&e.push(this.valpha),e},unitObject:function(){var e=this.rgb().object();return e.r/=255,e.g/=255,e.b/=255,1!==this.valpha&&(e.alpha=this.valpha),e},round:function(e){return e=Math.max(e||0,0),new w(this.color.map(function(e){return function(r){return function(e,r){return Number(e.toFixed(r))}(r,e)}}(e)).concat(this.valpha),this.model)},alpha:function(e){return arguments.length?new w(this.color.concat(Math.max(0,Math.min(1,e))),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(e){return(e%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(e){return arguments.length?new w(e):g[this.model].keyword(this.color)},hex:function(e){return arguments.length?new w(e):s.to.hex(this.rgb().round().color)},rgbNumber:function(){var e=this.rgb().color;return(255&e[0])<<16|(255&e[1])<<8|255&e[2]},luminosity:function(){for(var e=this.rgb().color,r=[],t=0;t<e.length;t++){var n=e[t]/255;r[t]=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}return.2126*r[0]+.7152*r[1]+.0722*r[2]},contrast:function(e){var r=this.luminosity(),t=e.luminosity();return r>t?(r+.05)/(t+.05):(t+.05)/(r+.05)},level:function(e){var r=this.contrast(e);return r>=7.1?"AAA":r>=4.5?"AA":""},isDark:function(){var e=this.rgb().color;return(299*e[0]+587*e[1]+114*e[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var e=this.rgb(),r=0;r<3;r++)e.color[r]=255-e.color[r];return e},lighten:function(e){var r=this.hsl();return r.color[2]+=r.color[2]*e,r},darken:function(e){var r=this.hsl();return r.color[2]-=r.color[2]*e,r},saturate:function(e){var r=this.hsl();return r.color[1]+=r.color[1]*e,r},desaturate:function(e){var r=this.hsl();return r.color[1]-=r.color[1]*e,r},whiten:function(e){var r=this.hwb();return r.color[1]+=r.color[1]*e,r},blacken:function(e){var r=this.hwb();return r.color[2]+=r.color[2]*e,r},grayscale:function(){var e=this.rgb().color,r=.3*e[0]+.59*e[1]+.11*e[2];return w.rgb(r,r,r)},fade:function(e){return this.alpha(this.valpha-this.valpha*e)},opaquer:function(e){return this.alpha(this.valpha+this.valpha*e)},rotate:function(e){var r=this.hsl(),t=r.color[0];return r.color[0]=t=(t=(t+e)%360)<0?360+t:t,r},mix:function(e,r){if(!e||!e.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e);var t=e.rgb(),n=this.rgb(),a=void 0===r?.5:r,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 w.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(e){if(-1===p.indexOf(e)){var r=g[e].channels;w.prototype[e]=function(){if(this.model===e)return new w(this);if(arguments.length)return new w(arguments,e);var t="number"==typeof arguments[r]?r:this.valpha;return new w(M(g[this.model][e].raw(this.color)).concat(t),e)},w[e]=function(t){return"number"==typeof t&&(t=x(b.call(arguments),r)),new w(t,e)}}}));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"},z={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},O=Object.keys(j),q=e=>!("isConnected"in e)||e.isConnected,A=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys())e.set(r,e.get(r).filter(q))})(...r)}),2e3)}})(),F=e=>"function"==typeof e?e():e,L=(()=>{const e=((e,r=((e,r)=>e!==r))=>{const t=F(e);let n=new Map(Object.entries(null!=t?t:{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{var r;n=new Map(Object.entries(null!==(r=F(e))&&void 0!==r?r:{})),a.reset.forEach((e=>e()))},o=e=>(a.get.forEach((r=>r(e))),n.get(e)),l=(e,t)=>{const i=n.get(e);r(t,i,e)&&(n.set(e,t),a.set.forEach((r=>r(e,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>o(r),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>n.has(r),set:(e,r,t)=>(l(r,t),!0)}),u=(e,r)=>(a[e].push(r),()=>{((e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)})(a[e],r)});return{state:s,get:o,set:l,on:u,onChange:(r,t)=>{const n=u("set",((e,n)=>{e===r&&t(n)})),a=u("reset",(()=>t(F(e)[r])));return()=>{n(),a()}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(u("set",r.set)),r.get&&e.push(u("get",r.get)),r.reset&&e.push(u("reset",r.reset)),r.dispose&&e.push(u("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{a.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const r=n.get(e);a.set.forEach((t=>t(e,r,r)))}}})({count:0,pick:"bada55",values:[...C]},void 0);return e.use((()=>{if("function"!=typeof r)return{};const e=new Map;return{dispose:()=>e.clear(),get:t=>{const n=r();n&&((e,r,t)=>{const n=e.get(r);n?n.includes(t)||n.push(t):e.set(r,[t])})(e,t,n)},set:r=>{const n=e.get(r);n&&e.set(r,n.filter(t)),A(e)},reset:()=>{e.forEach((e=>e.forEach(t))),A(e)}}})()),e})(),{state:E}=L,S={refresh:()=>{const e=C.map((()=>Math.floor(100*Math.random())));E.count=E.count+1,E.values=e},reset:()=>{E.count=0,E.values=[...C]},updatePick:e=>{E.pick=e}},N=r=>{const{actions:t,state:n}=r,{pick:i}=n;return e("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},O.map((r=>{const n=(e=>j[e]||z[e])(r),o=i==r;return e("div",{"aria-label":r,"aria-checked":o,role:"radio",onClick:()=>{t.updatePick(r)}},e(a,{hex:n,selected:o,label:r}))})))},I=r=>{const t=r.hex||"currentColor",n=r.size||24;return e("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,r.label||"chevron-double-left"),e("g",{fill:t},e("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"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},$=r=>{const t=r.hex||"currentColor",n=r.size||24;return e("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,r.label||"close"),e("g",{fill:t},e("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"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},U=r=>{const t=r.hex||"currentColor",n=r.size||24;return e("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,r.label||"refresh"),e("g",{fill:t},e("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"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},B=r=>{const{actions:t,state:n}=r,{count:a}=n;return e("div",{class:"mt-3 mb-10px flex items-center"},e("button",{"aria-label":"Refresh",title:"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{t.refresh()}},e(U,null)),e("button",{"aria-label":"Reset",title:"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{t.reset()}},e($,null)),e("span",{class:"flex items-center"},e(I,{size:28}),e("span",{class:"italic"},"click a button... ",e("sup",null,a))))},H=()=>e("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.2.4"),R=r=>{const{state:t}=r,{values:n,pick:a,count:i}=t;return e("div",{class:"flex"},e("div",{class:"flex flex-col"},e("div",{class:"flex"},e("span",{class:"mr-10px font-bold"},"color:"),e("span",{class:"italic text-clrs-slate4"},a)),e("div",{class:"mt-5px flex"},e("span",{class:"mr-10px font-bold"},"sample:"),e("span",{class:"italic text-clrs-slate4"},`${i>0?n:"..."}`))),e(H,null))},P=r=>{const t=r.hex||"currentColor",n=r.size||24;return e("svg",{class:r.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,r.label||"fingerprint"),e("g",{fill:t},e("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"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},D="eswat2",T=()=>e("a",{class:"absolute top-8 right-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":D,title:D},e(P,{label:"eswat2"})),J=r=>e("h1",{class:"mr-0 ml-0 mt-11 mb-11 text-center text-6xl font-thin uppercase text-clrs-red"},r.label),Z=class{constructor(e){n(this,e),this.tag="proto-tinker"}render(){return e("div",{id:"app",class:"ds1-main"},e(J,{label:"tinker wc"}),e(T,null),e(B,{actions:S,state:E}),e(N,{actions:S,state:E}),e("hr",{class:"mr-0 ml-0"}),e(R,{state:E}))}};Z.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}.mt-11{margin-top:2.75rem}.mb-11{margin-bottom:2.75rem}.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)}.text-center{text-align:center}.align-top{vertical-align:top}.text-6xl{font-size:3.75rem;line-height:1}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.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{Z as proto_tinker}

package/dist/proto-tinker-wc/proto-tinker-wc.esm.js

@@ -1 +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)));
+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-06c275ea",[[1,"proto-tinker",{tag:[1]}]]]],o)));

package/dist/types/components/proto-tinker/header.d.ts

@@ -0,0 +1,5 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { HeaderProps } from '../../utils';
+declare const Header: FunctionalComponent<HeaderProps>;
+export { Header };
+export default Header;

package/dist/types/utils/types.d.ts

@@ -1,4 +1,4 @@
-interface BarObj {
+type BarObj = {
   id: number;
   height: number;
   width: number;
@@ -9,41 +9,44 @@ interface BarObj {
   mask: string;
   matrix: string;
   points: string;
-}
-interface FunnelObj {
+};
+type FunnelObj = {
   id: number;
   height: number;
   width: number;
   x: number;
   y: number;
   drop: number;
-}
-interface ColorDict {
+};
+type ColorDict = {
   [index: string]: string;
-}
+};
 type CreateFn = (props: FunnelObj) => BarObj;
-interface ActionsDef {
+type ActionsDef = {
   refresh: () => void;
   reset: () => void;
   updatePick: (pick: string) => void;
-}
-interface StateDef {
+};
+type StateDef = {
   count: number;
   pick: string;
   values: number[];
-}
-interface ActiveProps {
+};
+type ActiveProps = {
   actions: ActionsDef;
   state: StateDef;
-}
-interface PassiveProps {
+};
+type PassiveProps = {
   state: StateDef;
-}
-interface IconProps {
+};
+type IconProps = {
   hex?: string;
   class?: string;
   label?: string;
   selected?: boolean;
   size?: number;
-}
-export type { BarObj, FunnelObj, ColorDict, CreateFn, ActionsDef, StateDef, ActiveProps, PassiveProps, IconProps, };
+};
+type HeaderProps = {
+  label?: string;
+};
+export type { BarObj, FunnelObj, ColorDict, CreateFn, ActionsDef, StateDef, ActiveProps, PassiveProps, IconProps, HeaderProps, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-tinker-wc",
-  "version": "0.0.245",
+  "version": "0.0.246",
   "description": "prototype - simple demo built from Stencil & Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/proto-tinker-wc/p-a05c79d4.entry.js

@@ -1 +0,0 @@
-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}