proto-tinker-wc 0.1.127 → 0.1.129

package/dist/cjs/{index-CFAhDdE8.js → index-XFAgxXcp.js}

@@ -5,7 +5,7 @@ const BUILD = /* proto-tinker-wc */ { allRenderFn: true, appendChildSlotFix: fal
 const Env = /* proto-tinker-wc */ {};
 
 /*
- Stencil Client Platform v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2275,7 +2275,8 @@ var patchPseudoShadowDom = (hostElementPrototype) => {
   patchSlotRemoveChild(hostElementPrototype);
 };
 var patchCloneNode = (HostElementPrototype) => {
-  const orgCloneNode = HostElementPrototype.cloneNode;
+  if (HostElementPrototype.__cloneNode) return;
+  const orgCloneNode = HostElementPrototype.__cloneNode = HostElementPrototype.cloneNode;
   HostElementPrototype.cloneNode = function(deep) {
     const srcNode = this;
     const isShadowDom = BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
@@ -2320,6 +2321,7 @@ var patchCloneNode = (HostElementPrototype) => {
   };
 };
 var patchSlotAppendChild = (HostElementPrototype) => {
+  if (HostElementPrototype.__appendChild) return;
   HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
   HostElementPrototype.appendChild = function(newChild) {
     const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
@@ -2337,6 +2339,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
   };
 };
 var patchSlotRemoveChild = (ElementPrototype) => {
+  if (ElementPrototype.__removeChild) return;
   ElementPrototype.__removeChild = ElementPrototype.removeChild;
   ElementPrototype.removeChild = function(toRemove) {
     if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
@@ -2352,6 +2355,7 @@ var patchSlotRemoveChild = (ElementPrototype) => {
   };
 };
 var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
   HostElementPrototype.__prepend = HostElementPrototype.prepend;
   HostElementPrototype.prepend = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2378,6 +2382,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
   };
 };
 var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
   HostElementPrototype.__append = HostElementPrototype.append;
   HostElementPrototype.append = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2389,6 +2394,7 @@ var patchSlotAppend = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentHTML) return;
   const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
   HostElementPrototype.insertAdjacentHTML = function(position, text) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -2414,6 +2420,7 @@ var patchSlotInsertAdjacentText = (HostElementPrototype) => {
   };
 };
 var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
   const eleProto = HostElementPrototype;
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
@@ -2448,6 +2455,7 @@ var patchInsertBefore = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentElement) return;
   const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
   HostElementPrototype.insertAdjacentElement = function(position, element) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -4144,11 +4152,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        if (BUILD.experimentalSlotFixes) {
-          relocateToHostRoot(oldParentVNode.$elm$);
-        } else {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
-        }
+        relocateToHostRoot(oldParentVNode.$elm$);
       }
       if (BUILD.scoped || BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
@@ -4180,7 +4184,7 @@ var relocateToHostRoot = (parentElm) => {
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
+  if (parentElm["s-sr"]) {
     let node = parentElm;
     while (node = node.nextSibling) {
       if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
@@ -4368,7 +4372,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     }
     if (BUILD.vdomAttribute || BUILD.reflect) {
       if (BUILD.slot && tag === "slot" && !useNativeShadowDom) {
-        if (BUILD.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
@@ -4411,7 +4415,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -4455,19 +4459,19 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
-var insertBefore = (parent, newNode, reference) => {
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
     addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (BUILD.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+  } else if (typeof newNode["s-sn"] === "string") {
+    if (BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
     parent.insertBefore(newNode, reference);
     const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
+    if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
     return newNode;
   }
-  if (BUILD.experimentalSlotFixes && parent.__insertBefore) {
+  if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -4555,7 +4559,12 @@ render() {
         if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = BUILD.isDebug || BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(
+            nodeToRelocate.parentNode,
+            nodeToRelocate["s-ol"] = orgLocationNode,
+            nodeToRelocate,
+            isInitialLoad
+          );
         }
       }
       for (const relocateData of relocateNodes) {
@@ -4567,7 +4576,7 @@ render() {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (!BUILD.hydrateServerSide && (!BUILD.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          if (!BUILD.hydrateServerSide && insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
             let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
               let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
@@ -4588,10 +4597,18 @@ render() {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!BUILD.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
+              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
+                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
+                textNode["s-hn"] = nodeToRelocate["s-hn"];
+                textNode["s-sn"] = nodeToRelocate["s-sn"];
+                textNode["s-sh"] = nodeToRelocate["s-sh"];
+                textNode["s-sr"] = nodeToRelocate["s-sr"];
+                textNode["s-ol"] = nodeToRelocate["s-ol"];
+                textNode["s-ol"]["s-nr"] = textNode;
+                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
+                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
               }
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
@@ -4609,14 +4626,21 @@ render() {
     plt.$flags$ &= -2 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (BUILD.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
         if (isInitialLoad && childNode["s-ih"] == null) {
           childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
         }
-        childNode.hidden = true;
+        if (childNode.nodeType === 1 /* ElementNode */) {
+          childNode.hidden = true;
+        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
+          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
+          textCommentNode["s-sn"] = childNode["s-sn"];
+          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
+          childNode.parentNode.removeChild(childNode);
+        }
       }
     }
   }
@@ -4678,6 +4702,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     if (BUILD.lazyLoad) {
+      if (BUILD.slotRelocation && hostRef.$deferredConnectedCallback$) {
+        hostRef.$deferredConnectedCallback$ = false;
+        safeCall(instance, "connectedCallback", void 0, elm);
+      }
       if (BUILD.hostListener) {
         hostRef.$flags$ |= 256 /* isListenReady */;
         if (hostRef.$queuedListeners$) {
@@ -5301,7 +5329,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      const needsDeferredCallback = BUILD.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+      if (!needsDeferredCallback) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else {
+        hostRef.$deferredConnectedCallback$ = true;
+      }
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -5501,6 +5534,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         patchTextContent(Cstr.prototype);
       }
     }
+  } else if (BUILD.cloneNodeFix) {
+    patchCloneNode(Cstr.prototype);
   }
   if (BUILD.hydrateClientSide && BUILD.shadowDom) {
     hydrateScopedToShadow();
@@ -5650,10 +5685,12 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       const tagName = BUILD.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
-          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (BUILD.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -5730,6 +5767,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
             patchTextContent(HostElement.prototype);
           }
         }
+      } else if (BUILD.cloneNodeFix) {
+        patchCloneNode(HostElement.prototype);
       }
       if (BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
         HostElement.formAssociated = true;
@@ -5875,6 +5914,44 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const { children, ...rest } = props;
+  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
+  if (Array.isArray(children)) {
+    return h(type, vnodeData, ...children);
+  } else if (children !== void 0) {
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6055,6 +6132,9 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   h: h,
   insertVdomAnnotations: insertVdomAnnotations,
   isMemberInElement: isMemberInElement,
+  jsx: jsx,
+  jsxDEV: jsxDEV,
+  jsxs: jsxs,
   loadModule: loadModule,
   modeResolutionChain: modeResolutionChain,
   needsScopedSSR: needsScopedSSR,

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CFAhDdE8.js');
+var index = require('./index-XFAgxXcp.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CFAhDdE8.js');
+var index = require('./index-XFAgxXcp.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CFAhDdE8.js');
+var index = require('./index-XFAgxXcp.js');
 
 const Radio = props => {
     const hex = props.hex || 'currentColor';
@@ -474,7 +474,7 @@ const Header = props => {
     return (index.h("h1", { class: "mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
 };
 
-const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-bold:700}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-8{top:calc(var(--spacing) * 8)}.right-8{right:calc(var(--spacing) * 8)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5px{margin-top:5px}.mt-11{margin-top:calc(var(--spacing) * 11)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate{border-color:var(--clrs-slate, #708090)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:text-clrs-navy{&:hover{@media (hover: hover){color:var(--clrs-navy, #001f3f)}}}.active\\:bg-clrs-gray{&:active{background-color:var(--clrs-gray, #aaaaaa)}}}@layer components{.ds1-main{display:flex;flex-direction:column;padding:calc(var(--spacing) * 4);font-family:var(--font-sans);color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;--tw-border-style:solid;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff);&:active{background-color:var(--clrs-gray, #aaaaaa)}&:active{color:var(--clrs-navy, #001f3f)}}}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}`;
+const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-bold:700}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-8{top:calc(var(--spacing) * 8)}.right-8{right:calc(var(--spacing) * 8)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5px{margin-top:5px}.mt-11{margin-top:calc(var(--spacing) * 11)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate{border-color:var(--clrs-slate, #708090)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:text-clrs-navy{&:hover{@media (hover: hover){color:var(--clrs-navy, #001f3f)}}}.active\\:bg-clrs-gray{&:active{background-color:var(--clrs-gray, #aaaaaa)}}}@layer components{.ds1-main{display:flex;flex-direction:column;padding:calc(var(--spacing) * 4);font-family:var(--font-sans);color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;--tw-border-style:solid;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff);&:active{background-color:var(--clrs-gray, #aaaaaa)}&:active{color:var(--clrs-navy, #001f3f)}}}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}`;
 
 const ProtoTinker = class {
     constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.40.1",
+    "version": "4.41.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/components/proto-tinker.js

@@ -1 +1 @@
-import*as t from"@stencil/core/internal/client";import{h as e,proxyCustomElement as a,HTMLElement as r,transformTag as l}from"@stencil/core/internal/client";const n=t=>{const a=t.hex||"currentColor",r=t.selected||!1,l=t.size||24;return e("svg",{class:t.class,width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"radio")," ",e("g",{fill:a},e("path",r?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},o=[{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)),s={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},i={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},c=Object.keys(s),d=t=>!("isConnected"in t)||t.isConnected,f=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys()){const a=t.get(e).filter((t=>{const e=t.deref();return e&&d(e)}));t.set(e,a)}})(...e)}),2e3)}})(),p=t.forceUpdate,g=t.getRenderingRef,h=(t,e)=>{const a=t.indexOf(e);a>=0&&(t[a]=t[t.length-1],t.length--)},u="proto-tinker-wc::app-data",b=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const a=()=>(t=>"function"==typeof t?t():t)(t)??{},r=a();let l=new Map(Object.entries(r));const n="undefined"!=typeof Proxy,o=n?null:{},s={dispose:[],get:[],set:[],reset:[]},i=new Map,c=()=>{l=new Map(Object.entries(a())),n||b(),s.reset.forEach((t=>t()))},d=t=>(s.get.forEach((e=>e(t))),l.get(t)),f=(t,a)=>{const r=l.get(t);e(a,r,t)&&(l.set(t,a),n||u(t),s.set.forEach((e=>e(t,a,r))))},p=n?new Proxy(r,{get:(t,e)=>d(e),ownKeys:()=>Array.from(l.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>l.has(e),set:(t,e,a)=>(f(e,a),!0)}):(b(),o),g=(t,e)=>(s[t].push(e),()=>{h(s[t],e)});function u(t){!n&&o&&(Object.prototype.hasOwnProperty.call(o,t)||Object.defineProperty(o,t,{configurable:!0,enumerable:!0,get:()=>d(t),set(e){f(t,e)}}))}function b(){if(n||!o)return;const t=new Set(l.keys());for(const e of Object.keys(o))t.has(e)||delete o[e];for(const e of t)u(e)}return{state:p,get:d,set:f,on:g,onChange:(t,e)=>{const r=(a,r)=>{a===t&&e(r)},l=()=>{const r=a();e(r[t])},n=g("set",r),o=g("reset",l);return i.set(e,{setHandler:r,resetHandler:l,propName:t}),()=>{n(),o(),i.delete(e)}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(g("set",e.set)),e.get&&t.push(g("get",e.get)),e.reset&&t.push(g("reset",e.reset)),e.dispose&&t.push(g("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{s.dispose.forEach((t=>t())),c()},reset:c,forceUpdate:t=>{const e=l.get(t);s.set.forEach((a=>a(t,e,e)))},removeListener:(t,e)=>{const a=i.get(e);a&&a.propName===t&&(h(s.set,a.setHandler),h(s.reset,a.resetHandler),i.delete(e))}}})({count:0,pick:"bada55",values:[...o]},void 0);return t.use((()=>{if("function"!=typeof g||"function"!=typeof p)return{};const t=p,e=g,a=new Map;return{dispose:()=>a.clear(),get:t=>{const r=e();r&&((t,e,a)=>{let r=t.get(e);r||(r=[],t.set(e,r)),r.some((t=>t.deref()===a))||r.push(new WeakRef(a))})(a,t,r)},set:e=>{const r=a.get(e);if(r){const l=r.filter((e=>{const a=e.deref();return!!a&&t(a)}));a.set(e,l)}f(a)},reset:()=>{a.forEach((e=>{e.forEach((e=>{const a=e.deref();a&&t(a)}))})),f(a)}}})()),t})(),{state:v}=b,x=()=>{const{count:t,pick:e,values:a}=v;(t=>{const e=JSON.stringify(t);localStorage.setItem(u,e)})({count:t,pick:e,values:a})},m={initApp:()=>{const t=(()=>{const t=localStorage.getItem(u);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:a,values:r}=t;v.count=e,v.pick=a,v.values=r}},refresh:()=>{const t=o.map((()=>Math.floor(100*Math.random())));v.count=v.count+1,v.values=t,x()},reset:()=>{v.count=0,v.values=[...o],x()},updatePick:t=>{v.pick=t,x()}},C=t=>{const{actions:a,state:r}=t,{pick:l}=r;return e("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},c.map((t=>{const r=(t=>s[t]||i[t])(t),o=l===t;return e("div",{"aria-label":t,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{a.updatePick(t)}},e(n,{hex:r,selected:o,label:t}))})))},w=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"chevron-double-left"),e("g",{fill:a},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"}))},y=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"close"),e("g",{fill:a},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"}))},k=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"refresh"),e("g",{fill:a},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"}))},M=t=>{const{actions:a,state:r}=t,{count:l}=r;return e("div",{class:"mb-10px mt-3 flex items-center"},e("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{a.refresh()}},e(k,{label:"Refresh"})),e("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{a.reset()}},e(y,{label:"Reset"})),e("span",{class:"flex items-center"},e(w,{size:28}),e("span",{class:"italic"},"click a button... ",e("sup",null,l))))},z=()=>e("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.18"),L=t=>{const{state:a}=t,{values:r,pick:l,count:n}=a;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"},l)),e("div",{class:"mt-5px flex"},e("span",{class:"mr-10px font-bold"},"sample:"),e("span",{class:"italic text-clrs-slate4"},""+(n>0?r:"...")))),e(z,null))},S=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"fingerprint"),e("g",{fill:a},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"}))},j="eswat2",O=()=>e("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":j,target:"blank",title:j},e(S,{label:"eswat2"})),A=t=>e("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},t.label),H=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tag="proto-tinker"}componentDidLoad(){m.initApp()}render(){return e("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},e(A,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),e(O,{key:"919ca01768ea309609ec6be67fede120434d723e"}),e(M,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:m,state:v}),e(C,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:m,state:v}),e("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),e(L,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:v}))}static get style(){return"@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-bold:700}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-8{top:calc(var(--spacing) * 8)}.right-8{right:calc(var(--spacing) * 8)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5px{margin-top:5px}.mt-11{margin-top:calc(var(--spacing) * 11)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate{border-color:var(--clrs-slate, #708090)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:text-clrs-navy{&:hover{@media (hover: hover){color:var(--clrs-navy, #001f3f)}}}.active\\:bg-clrs-gray{&:active{background-color:var(--clrs-gray, #aaaaaa)}}}@layer components{.ds1-main{display:flex;flex-direction:column;padding:calc(var(--spacing) * 4);font-family:var(--font-sans);color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;--tw-border-style:solid;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff);&:active{background-color:var(--clrs-gray, #aaaaaa)}&:active{color:var(--clrs-navy, #001f3f)}}}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}"}},[1,"proto-tinker",{tag:[1]}]),E=H,B=function(){"undefined"!=typeof customElements&&["proto-tinker"].forEach((t=>{"proto-tinker"===t&&(customElements.get(l(t))||customElements.define(l(t),H))}))};export{E as ProtoTinker,B as defineCustomElement}
+import*as t from"@stencil/core/internal/client";import{h as e,proxyCustomElement as a,HTMLElement as r,transformTag as l}from"@stencil/core/internal/client";const o=t=>{const a=t.hex||"currentColor",r=t.selected||!1,l=t.size||24;return e("svg",{class:t.class,width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"radio")," ",e("g",{fill:a},e("path",r?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),e("path",{d:"M0 0h24v24H0z",fill:"none"}))},n=[{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)),s={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},i={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},c=Object.keys(s),d=t=>!("isConnected"in t)||t.isConnected,f=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys()){const a=t.get(e).filter((t=>{const e=t.deref();return e&&d(e)}));t.set(e,a)}})(...e)}),2e3)}})(),p=t.forceUpdate,g=t.getRenderingRef,h=(t,e)=>{const a=t.indexOf(e);a>=0&&(t[a]=t[t.length-1],t.length--)},u="proto-tinker-wc::app-data",b=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const a=()=>(t=>"function"==typeof t?t():t)(t)??{},r=a();let l=new Map(Object.entries(r));const o="undefined"!=typeof Proxy,n=o?null:{},s={dispose:[],get:[],set:[],reset:[]},i=new Map,c=()=>{l=new Map(Object.entries(a())),o||b(),s.reset.forEach((t=>t()))},d=t=>(s.get.forEach((e=>e(t))),l.get(t)),f=(t,a)=>{const r=l.get(t);e(a,r,t)&&(l.set(t,a),o||u(t),s.set.forEach((e=>e(t,a,r))))},p=o?new Proxy(r,{get:(t,e)=>d(e),ownKeys:()=>Array.from(l.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>l.has(e),set:(t,e,a)=>(f(e,a),!0)}):(b(),n),g=(t,e)=>(s[t].push(e),()=>{h(s[t],e)});function u(t){!o&&n&&(Object.prototype.hasOwnProperty.call(n,t)||Object.defineProperty(n,t,{configurable:!0,enumerable:!0,get:()=>d(t),set(e){f(t,e)}}))}function b(){if(o||!n)return;const t=new Set(l.keys());for(const e of Object.keys(n))t.has(e)||delete n[e];for(const e of t)u(e)}return{state:p,get:d,set:f,on:g,onChange:(t,e)=>{const r=(a,r)=>{a===t&&e(r)},l=()=>{const r=a();e(r[t])},o=g("set",r),n=g("reset",l);return i.set(e,{setHandler:r,resetHandler:l,propName:t}),()=>{o(),n(),i.delete(e)}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(g("set",e.set)),e.get&&t.push(g("get",e.get)),e.reset&&t.push(g("reset",e.reset)),e.dispose&&t.push(g("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{s.dispose.forEach((t=>t())),c()},reset:c,forceUpdate:t=>{const e=l.get(t);s.set.forEach((a=>a(t,e,e)))},removeListener:(t,e)=>{const a=i.get(e);a&&a.propName===t&&(h(s.set,a.setHandler),h(s.reset,a.resetHandler),i.delete(e))}}})({count:0,pick:"bada55",values:[...n]},void 0);return t.use((()=>{if("function"!=typeof g||"function"!=typeof p)return{};const t=p,e=g,a=new Map;return{dispose:()=>a.clear(),get:t=>{const r=e();r&&((t,e,a)=>{let r=t.get(e);r||(r=[],t.set(e,r)),r.some((t=>t.deref()===a))||r.push(new WeakRef(a))})(a,t,r)},set:e=>{const r=a.get(e);if(r){const l=r.filter((e=>{const a=e.deref();return!!a&&t(a)}));a.set(e,l)}f(a)},reset:()=>{a.forEach((e=>{e.forEach((e=>{const a=e.deref();a&&t(a)}))})),f(a)}}})()),t})(),{state:v}=b,x=()=>{const{count:t,pick:e,values:a}=v;(t=>{const e=JSON.stringify(t);localStorage.setItem(u,e)})({count:t,pick:e,values:a})},m={initApp:()=>{const t=(()=>{const t=localStorage.getItem(u);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:a,values:r}=t;v.count=e,v.pick=a,v.values=r}},refresh:()=>{const t=n.map((()=>Math.floor(100*Math.random())));v.count=v.count+1,v.values=t,x()},reset:()=>{v.count=0,v.values=[...n],x()},updatePick:t=>{v.pick=t,x()}},C=t=>{const{actions:a,state:r}=t,{pick:l}=r;return e("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},c.map((t=>{const r=(t=>s[t]||i[t])(t),n=l===t;return e("div",{"aria-label":t,"aria-checked":n?"true":"false",role:"radio",onClick:()=>{a.updatePick(t)}},e(o,{hex:r,selected:n,label:t}))})))},w=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"chevron-double-left"),e("g",{fill:a},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"}))},y=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"close"),e("g",{fill:a},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"}))},k=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"refresh"),e("g",{fill:a},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"}))},M=t=>{const{actions:a,state:r}=t,{count:l}=r;return e("div",{class:"mb-10px mt-3 flex items-center"},e("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{a.refresh()}},e(k,{label:"Refresh"})),e("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{a.reset()}},e(y,{label:"Reset"})),e("span",{class:"flex items-center"},e(w,{size:28}),e("span",{class:"italic"},"click a button... ",e("sup",null,l))))},z=()=>e("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.18"),L=t=>{const{state:a}=t,{values:r,pick:l,count:o}=a;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"},l)),e("div",{class:"mt-5px flex"},e("span",{class:"mr-10px font-bold"},"sample:"),e("span",{class:"italic text-clrs-slate4"},""+(o>0?r:"...")))),e(z,null))},S=t=>{const a=t.hex||"currentColor",r=t.size||24;return e("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},e("title",null,t.label||"fingerprint"),e("g",{fill:a},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"}))},j="eswat2",O=()=>e("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":j,target:"blank",title:j},e(S,{label:"eswat2"})),A=t=>e("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},t.label),H=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tag="proto-tinker"}componentDidLoad(){m.initApp()}render(){return e("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},e(A,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),e(O,{key:"919ca01768ea309609ec6be67fede120434d723e"}),e(M,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:m,state:v}),e(C,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:m,state:v}),e("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),e(L,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:v}))}static get style(){return"@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-bold:700}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-8{top:calc(var(--spacing) * 8)}.right-8{right:calc(var(--spacing) * 8)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5px{margin-top:5px}.mt-11{margin-top:calc(var(--spacing) * 11)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate{border-color:var(--clrs-slate, #708090)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.p-4{padding:calc(var(--spacing) * 4)}.text-center{text-align:center}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:text-clrs-navy{&:hover{@media (hover: hover){color:var(--clrs-navy, #001f3f)}}}.active\\:bg-clrs-gray{&:active{background-color:var(--clrs-gray, #aaaaaa)}}}@layer components{.ds1-main{display:flex;flex-direction:column;padding:calc(var(--spacing) * 4);font-family:var(--font-sans);color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds1-button{display:flex;align-items:center;--tw-border-style:solid;border-style:solid;border-color:var(--clrs-slate, #708090);color:var(--clrs-white, #ffffff);&:active{background-color:var(--clrs-gray, #aaaaaa)}&:active{color:var(--clrs-navy, #001f3f)}}}.data-button{border-radius:5px;border-width:1px;padding:5px;margin:0px;margin-right:5px;cursor:pointer}"}},[1,"proto-tinker",{tag:[1]}]),E=H,B=function(){"undefined"!=typeof customElements&&["proto-tinker"].forEach((t=>{"proto-tinker"===t&&(customElements.get(l(t))||customElements.define(l(t),H))}))};export{E as ProtoTinker,B as defineCustomElement}