proto-tinker-wc 0.1.204 → 0.1.211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/cjs/{index-BlMuS01j.js → index-B4fCz9fW.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/proto-tinker-wc.cjs.js +2 -2
  4. package/dist/cjs/proto-tinker.cjs.entry.js +3 -3
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/styles/shadow.css +6 -3
  7. package/dist/collection/tokens.css +1 -1
  8. package/dist/collection/utils/tw-version.js +1 -1
  9. package/dist/components/proto-tinker.js +1 -1
  10. package/dist/esm/{index-DFPvp-PU.js → index-Dw-s41Yp.js} +1 -1
  11. package/dist/esm/loader.js +2 -2
  12. package/dist/esm/proto-tinker-wc.js +3 -3
  13. package/dist/esm/proto-tinker.entry.js +3 -3
  14. package/dist/proto-tinker-wc/{p-b932e63b.entry.js → p-f0d2a975.entry.js} +1 -1
  15. package/dist/proto-tinker-wc/proto-tinker-wc.esm.js +1 -1
  16. package/dist/proto-tinker-wc/tokens.css +1 -1
  17. package/dist/types/stencil-public-runtime.d.ts +1 -0
  18. package/dist/types/utils/tw-version.d.ts +1 -1
  19. package/package.json +28 -23
  20. /package/dist/proto-tinker-wc/{p-DFPvp-PU.js → p-Dw-s41Yp.js} +0 -0
package/dist/cjs/{index-BlMuS01j.js → index-B4fCz9fW.js} RENAMED
@@ -5,7 +5,7 @@ const BUILD = /* proto-tinker-wc */ { allRenderFn: true, appendChildSlotFix: fal
5
5
  const Env = /* proto-tinker-wc */ {};
6
6
 
7
7
  /*
8
- Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
 
11
11
  var Build = {
package/dist/cjs/loader.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BlMuS01j.js');
3
+ var index = require('./index-B4fCz9fW.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  const defineCustomElements = async (win, options) => {
package/dist/cjs/proto-tinker-wc.cjs.js CHANGED
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BlMuS01j.js');
3
+ var index = require('./index-B4fCz9fW.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
7
  /*
8
- Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
 
11
11
  var patchBrowser = () => {
package/dist/cjs/proto-tinker.cjs.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BlMuS01j.js');
3
+ var index = require('./index-B4fCz9fW.js');
4
4
 
5
5
  const Radio = props => {
6
6
  const hex = props.hex || 'currentColor';
@@ -401,7 +401,7 @@ const actions = {
401
401
  };
402
402
 
403
403
  // WARNING: generated file...
404
- const TW_VERSION = '4.3.0';
404
+ const TW_VERSION = '4.3.1';
405
405
 
406
406
  const ColorPicker = props => {
407
407
  const { actions, state } = props;
@@ -478,7 +478,7 @@ const Header = props => {
478
478
  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));
479
479
  };
480
480
 
481
- 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}`;
481
+ 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:0}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.contents{display:contents}.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}`;
482
482
 
483
483
  const ProtoTinker = class {
484
484
  constructor(hostRef) {
package/dist/collection/collection-manifest.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "mixins": [],
6
6
  "compiler": {
7
7
  "name": "@stencil/core",
8
- "version": "4.43.4",
8
+ "version": "4.43.5",
9
9
  "typescriptVersion": "5.8.3"
10
10
  },
11
11
  "collections": [],
package/dist/collection/styles/shadow.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -39,7 +39,7 @@
39
39
  margin-top: calc(var(--spacing) * 11);
40
40
  }
41
41
  .mr-0 {
42
- margin-right: calc(var(--spacing) * 0);
42
+ margin-right: 0;
43
43
  }
44
44
  .mr-10px {
45
45
  margin-right: 10px;
@@ -51,11 +51,14 @@
51
51
  margin-bottom: calc(var(--spacing) * 11);
52
52
  }
53
53
  .ml-0 {
54
- margin-left: calc(var(--spacing) * 0);
54
+ margin-left: 0;
55
55
  }
56
56
  .ml-auto {
57
57
  margin-left: auto;
58
58
  }
59
+ .contents {
60
+ display: contents;
61
+ }
59
62
  .flex {
60
63
  display: flex;
61
64
  }
package/dist/collection/tokens.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
package/dist/collection/utils/tw-version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // WARNING: generated file...
2
- const TW_VERSION = '4.3.0';
2
+ const TW_VERSION = '4.3.1';
3
3
  export { TW_VERSION };
4
4
  export default TW_VERSION;
package/dist/components/proto-tinker.js CHANGED
@@ -1 +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 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.3.0"),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}
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 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,h=t.getRenderingRef,g=(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),h=(t,e)=>(s[t].push(e),()=>{g(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:h,onChange:(t,e)=>{const r=(a,r)=>{a===t&&e(r)},l=()=>{const r=a();e(r[t])},o=h("set",r),n=h("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(h("set",e.set)),e.get&&t.push(h("get",e.get)),e.reset&&t.push(h("reset",e.reset)),e.dispose&&t.push(h("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&&(g(s.set,a.setHandler),g(s.reset,a.resetHandler),i.delete(e))}}})({count:0,pick:"bada55",values:[...n]},void 0);return t.use((()=>{if("function"!=typeof h||"function"!=typeof p)return{};const t=p,e=h,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.3.1"),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:0}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.contents{display:contents}.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}
package/dist/esm/{index-DFPvp-PU.js → index-Dw-s41Yp.js} RENAMED
@@ -3,7 +3,7 @@ const BUILD = /* proto-tinker-wc */ { allRenderFn: true, appendChildSlotFix: fal
3
3
  const Env = /* proto-tinker-wc */ {};
4
4
 
5
5
  /*
6
- Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var Build = {
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-DFPvp-PU.js';
2
- export { s as setNonce } from './index-DFPvp-PU.js';
1
+ import { b as bootstrapLazy } from './index-Dw-s41Yp.js';
2
+ export { s as setNonce } from './index-Dw-s41Yp.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
package/dist/esm/proto-tinker-wc.js CHANGED
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-DFPvp-PU.js';
2
- export { s as setNonce } from './index-DFPvp-PU.js';
1
+ import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-Dw-s41Yp.js';
2
+ export { s as setNonce } from './index-Dw-s41Yp.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.43.4 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var patchBrowser = () => {
package/dist/esm/proto-tinker.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- import { h, S as StencilCore, r as registerInstance } from './index-DFPvp-PU.js';
1
+ import { h, S as StencilCore, r as registerInstance } from './index-Dw-s41Yp.js';
2
2
 
3
3
  const Radio = props => {
4
4
  const hex = props.hex || 'currentColor';
@@ -399,7 +399,7 @@ const actions = {
399
399
  };
400
400
 
401
401
  // WARNING: generated file...
402
- const TW_VERSION = '4.3.0';
402
+ const TW_VERSION = '4.3.1';
403
403
 
404
404
  const ColorPicker = props => {
405
405
  const { actions, state } = props;
@@ -476,7 +476,7 @@ const Header = props => {
476
476
  return (h("h1", { class: "mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red" }, props.label));
477
477
  };
478
478
 
479
- 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}`;
479
+ 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:0}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.contents{display:contents}.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}`;
480
480
 
481
481
  const ProtoTinker = class {
482
482
  constructor(hostRef) {
package/dist/proto-tinker-wc/{p-b932e63b.entry.js → p-f0d2a975.entry.js} RENAMED
@@ -1 +1 @@
1
- import{h as t,S as e,r as a}from"./p-DFPvp-PU.js";const r=e=>{const a=e.hex||"currentColor",r=e.selected||!1,l=e.size||24;return t("svg",{class:e.class,width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:a},t("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"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},l=[{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)),o={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"},n={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},s=Object.keys(o),i=(()=>{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&&(!("isConnected"in(a=e))||a.isConnected);var a}));t.set(e,a)}})(...e)}),2e3)}})(),c=e.forceUpdate,d=e.getRenderingRef,f=(t,e)=>{const a=t.indexOf(e);a>=0&&(t[a]=t[t.length-1],t.length--)},p="proto-tinker-wc::app-data",h=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const a=()=>{return("function"==typeof(e=t)?e():e)??{};var e},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||u(),s.reset.forEach((t=>t()))},d=t=>(s.get.forEach((e=>e(t))),l.get(t)),p=(t,a)=>{const r=l.get(t);e(a,r,t)&&(l.set(t,a),o||b(t),s.set.forEach((e=>e(t,a,r))))},h=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)=>(p(e,a),!0)}):(u(),n),g=(t,e)=>(s[t].push(e),()=>{f(s[t],e)});function b(t){!o&&n&&(Object.prototype.hasOwnProperty.call(n,t)||Object.defineProperty(n,t,{configurable:!0,enumerable:!0,get:()=>d(t),set(e){p(t,e)}}))}function u(){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)b(e)}return{state:h,get:d,set:p,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&&(f(s.set,a.setHandler),f(s.reset,a.resetHandler),i.delete(e))}}})({count:0,pick:"bada55",values:[...l]},void 0);return t.use((()=>{if("function"!=typeof d||"function"!=typeof c)return{};const t=c,e=d,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)}i(a)},reset:()=>{a.forEach((e=>{e.forEach((e=>{const a=e.deref();a&&t(a)}))})),i(a)}}})()),t})(),{state:g}=h,b=()=>{const{count:t,pick:e,values:a}=g;(t=>{const e=JSON.stringify(t);localStorage.setItem(p,e)})({count:t,pick:e,values:a})},u={initApp:()=>{const t=(()=>{const t=localStorage.getItem(p);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:a,values:r}=t;g.count=e,g.pick=a,g.values=r}},refresh:()=>{const t=l.map((()=>Math.floor(100*Math.random())));g.count=g.count+1,g.values=t,b()},reset:()=>{g.count=0,g.values=[...l],b()},updatePick:t=>{g.pick=t,b()}},v=e=>{const{actions:a,state:l}=e,{pick:i}=l;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},s.map((e=>{const l=(t=>o[t]||n[t])(e),s=i===e;return t("div",{"aria-label":e,"aria-checked":s?"true":"false",role:"radio",onClick:()=>{a.updatePick(e)}},t(r,{hex:l,selected:s,label:e}))})))},x=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:a},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},m=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:a},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:a},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},w=e=>{const{actions:a,state:r}=e,{count:l}=r;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{a.refresh()}},t(C,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{a.reset()}},t(m,{label:"Reset"})),t("span",{class:"flex items-center"},t(x,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,l))))},y=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.3.0"),k=e=>{const{state:a}=e,{values:r,pick:l,count:o}=a;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},l)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${o>0?r:"..."}`))),t(y,null))},M=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:a},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},z="eswat2",L=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":z,target:"blank",title:z},t(M,{label:"eswat2"})),S=e=>t("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},e.label),j=class{constructor(t){a(this,t),this.tag="proto-tinker"}componentDidLoad(){u.initApp()}render(){return t("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},t(S,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),t(L,{key:"919ca01768ea309609ec6be67fede120434d723e"}),t(w,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:u,state:g}),t(v,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:u,state:g}),t("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),t(k,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:g}))}};j.style="@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}";export{j as proto_tinker}
1
+ import{h as t,S as e,r as a}from"./p-Dw-s41Yp.js";const r=e=>{const a=e.hex||"currentColor",r=e.selected||!1,l=e.size||24;return t("svg",{class:e.class,width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:a},t("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"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},l=[{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)),o={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"},n={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},s=Object.keys(o),i=(()=>{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&&(!("isConnected"in(a=e))||a.isConnected);var a}));t.set(e,a)}})(...e)}),2e3)}})(),c=e.forceUpdate,d=e.getRenderingRef,f=(t,e)=>{const a=t.indexOf(e);a>=0&&(t[a]=t[t.length-1],t.length--)},p="proto-tinker-wc::app-data",h=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const a=()=>{return("function"==typeof(e=t)?e():e)??{};var e},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||u(),s.reset.forEach((t=>t()))},d=t=>(s.get.forEach((e=>e(t))),l.get(t)),p=(t,a)=>{const r=l.get(t);e(a,r,t)&&(l.set(t,a),o||b(t),s.set.forEach((e=>e(t,a,r))))},h=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)=>(p(e,a),!0)}):(u(),n),g=(t,e)=>(s[t].push(e),()=>{f(s[t],e)});function b(t){!o&&n&&(Object.prototype.hasOwnProperty.call(n,t)||Object.defineProperty(n,t,{configurable:!0,enumerable:!0,get:()=>d(t),set(e){p(t,e)}}))}function u(){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)b(e)}return{state:h,get:d,set:p,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&&(f(s.set,a.setHandler),f(s.reset,a.resetHandler),i.delete(e))}}})({count:0,pick:"bada55",values:[...l]},void 0);return t.use((()=>{if("function"!=typeof d||"function"!=typeof c)return{};const t=c,e=d,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)}i(a)},reset:()=>{a.forEach((e=>{e.forEach((e=>{const a=e.deref();a&&t(a)}))})),i(a)}}})()),t})(),{state:g}=h,b=()=>{const{count:t,pick:e,values:a}=g;(t=>{const e=JSON.stringify(t);localStorage.setItem(p,e)})({count:t,pick:e,values:a})},u={initApp:()=>{const t=(()=>{const t=localStorage.getItem(p);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:a,values:r}=t;g.count=e,g.pick=a,g.values=r}},refresh:()=>{const t=l.map((()=>Math.floor(100*Math.random())));g.count=g.count+1,g.values=t,b()},reset:()=>{g.count=0,g.values=[...l],b()},updatePick:t=>{g.pick=t,b()}},v=e=>{const{actions:a,state:l}=e,{pick:i}=l;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},s.map((e=>{const l=(t=>o[t]||n[t])(e),s=i===e;return t("div",{"aria-label":e,"aria-checked":s?"true":"false",role:"radio",onClick:()=>{a.updatePick(e)}},t(r,{hex:l,selected:s,label:e}))})))},x=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:a},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},m=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:a},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:a},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},w=e=>{const{actions:a,state:r}=e,{count:l}=r;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{a.refresh()}},t(C,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{a.reset()}},t(m,{label:"Reset"})),t("span",{class:"flex items-center"},t(x,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,l))))},y=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.3.1"),k=e=>{const{state:a}=e,{values:r,pick:l,count:o}=a;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},l)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${o>0?r:"..."}`))),t(y,null))},M=e=>{const a=e.hex||"currentColor",r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:a},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},z="eswat2",L=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":z,target:"blank",title:z},t(M,{label:"eswat2"})),S=e=>t("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},e.label),j=class{constructor(t){a(this,t),this.tag="proto-tinker"}componentDidLoad(){u.initApp()}render(){return t("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},t(S,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),t(L,{key:"919ca01768ea309609ec6be67fede120434d723e"}),t(w,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:u,state:g}),t(v,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:u,state:g}),t("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),t(k,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:g}))}};j.style="@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:0}.mr-10px{margin-right:10px}.mb-10px{margin-bottom:10px}.mb-11{margin-bottom:calc(var(--spacing) * 11)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.contents{display:contents}.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}";export{j as proto_tinker}
package/dist/proto-tinker-wc/proto-tinker-wc.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as t,B as e,c as n,w as r,N as a,H as o,b as i}from"./p-DFPvp-PU.js";export{s as setNonce}from"./p-DFPvp-PU.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const e=t.call(this,!1),n=this.childNodes;if(s)for(let s=0;s<n.length;s++)2!==n[s].nodeType&&e.appendChild(n[s].cloneNode(!0));return e}};(()=>{e.isDev&&!e.isTesting&&n("Running in development mode."),e.cloneNodeFix&&m(o.prototype);const s=e.scriptDataOpts?r.document&&Array.from(r.document.querySelectorAll("script")).find((s=>new RegExp(`/${a}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===a)):null,i=import.meta.url,p=e.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==i&&(p.resourcesUrl=new URL(".",i).href),t(p)})().then((async s=>(await p(),i([["p-b932e63b",[[1,"proto-tinker",{tag:[1]}]]]],s))));
1
+ import{p as t,B as n,c as a,w as e,N as r,H as o,b as i}from"./p-Dw-s41Yp.js";export{s as setNonce}from"./p-Dw-s41Yp.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const n=t.call(this,!1),a=this.childNodes;if(s)for(let s=0;s<a.length;s++)2!==a[s].nodeType&&n.appendChild(a[s].cloneNode(!0));return n}};(()=>{n.isDev&&!n.isTesting&&a("Running in development mode."),n.cloneNodeFix&&m(o.prototype);const s=n.scriptDataOpts?e.document&&Array.from(e.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,i=import.meta.url,p=n.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==i&&(p.resourcesUrl=new URL(".",i).href),t(p)})().then((async s=>(await p(),i([["p-f0d2a975",[[1,"proto-tinker",{tag:[1]}]]]],s))));
package/dist/proto-tinker-wc/tokens.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
package/dist/types/stencil-public-runtime.d.ts CHANGED
@@ -1070,6 +1070,7 @@ export declare namespace JSXBase {
1070
1070
  importance?: 'low' | 'auto' | 'high';
1071
1071
  height?: number | string;
1072
1072
  loading?: 'lazy' | 'auto' | 'eager';
1073
+ referrerPolicy?: ReferrerPolicy;
1073
1074
  sizes?: string;
1074
1075
  src?: string;
1075
1076
  srcSet?: string;
package/dist/types/utils/tw-version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const TW_VERSION = "4.3.0";
1
+ declare const TW_VERSION = "4.3.1";
2
2
  export { TW_VERSION };
3
3
  export default TW_VERSION;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-tinker-wc",
3
- "version": "0.1.204",
3
+ "version": "0.1.211",
4
4
  "description": "prototype - simple demo built from Stencil & Tailwind",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -14,39 +14,44 @@
14
14
  "dist/",
15
15
  "loader/"
16
16
  ],
17
+ "scripts": {
18
+ "bump": "bumpp patch --commit --tag --push --yes",
19
+ "release": "pnpm bump && pnpm build",
20
+ "preinstall": "npx only-allow pnpm",
21
+ "dev": "concurrently \"pnpm:twx --watch\" \"pnpm:start\"",
22
+ "twx": "twx",
23
+ "build": "pnpm twx; pnpm format; stencil build --docs",
24
+ "start": "stencil build --dev --watch --serve",
25
+ "test": "echo --skip",
26
+ "generate": "stencil generate",
27
+ "spell": "cspell 'src/**/*.{ts,tsx,html,css,md}' ",
28
+ "cc": "prettier --check src",
29
+ "format": "prettier --write src"
30
+ },
17
31
  "dependencies": {
18
- "@stencil/core": "4.43.4",
32
+ "@stencil/core": "4.43.5",
19
33
  "@stencil/store": "2.2.2"
20
34
  },
21
35
  "devDependencies": {
22
36
  "autoprefixer": "10.5.0",
23
37
  "bumpp": "11.1.0",
24
- "concurrently": "9.2.1",
25
- "cspell": "10.0.0",
26
- "eslint": "10.4.0",
38
+ "concurrently": "10.0.3",
39
+ "cspell": "10.0.1",
40
+ "eslint": "10.5.0",
27
41
  "only-allow": "1.2.2",
28
42
  "postcss": "8.5.15",
29
- "prettier": "3.8.3",
43
+ "prettier": "3.8.4",
30
44
  "prettier-plugin-tailwindcss": "0.8.0",
31
- "proto-tailwindcss-clrs": "0.0.500",
32
- "tailwindcss": "4.3.0",
45
+ "proto-tailwindcss-clrs": "0.0.504",
46
+ "tailwindcss": "4.3.1",
33
47
  "typescript": "5.9.3",
34
48
  "workbox-build": "7.4.1",
35
49
  "yoctocolors": "2.1.2"
36
50
  },
51
+ "repository": {
52
+ "type": "git",
53
+ "url": "https://github.com/eswat2/proto-tinker-wc.git"
54
+ },
37
55
  "license": "MIT",
38
- "scripts": {
39
- "bump": "bumpp patch --commit --tag --push --yes",
40
- "release": "pnpm bump && pnpm build && pnpm publish",
41
- "preinstall": "npx only-allow pnpm",
42
- "dev": "concurrently \"pnpm:twx --watch\" \"pnpm:start\"",
43
- "twx": "twx",
44
- "build": "pnpm twx; pnpm format; stencil build --docs",
45
- "start": "stencil build --dev --watch --serve",
46
- "test": "echo --skip",
47
- "generate": "stencil generate",
48
- "spell": "cspell 'src/**/*.{ts,tsx,html,css,md}' ",
49
- "cc": "prettier --check src",
50
- "format": "prettier --write src"
51
- }
52
- }
56
+ "packageManager": "pnpm@11.7.0+sha512.19cc852c120c7125760f2443ee6be0ca5b40f9f50598de1a09a1f177503e010e57c23c77646e01e761de59bf874fb22a3398c33ab9691fc13eb946b6f0f4d620"
57
+ }