proto-tinker-wc 0.1.88 → 0.1.89

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 (16) hide show
  1. package/dist/cjs/{index-CeCaf1KB.js → index-Dg4OLjui.js} +8 -2
  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 +15 -56
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/components/proto-tinker.js +18 -57
  7. package/dist/esm/{index-uWCUtm_s.js → index-CAkyCPLP.js} +8 -2
  8. package/dist/esm/loader.js +2 -2
  9. package/dist/esm/proto-tinker-wc.js +3 -3
  10. package/dist/esm/proto-tinker.entry.js +15 -56
  11. package/dist/proto-tinker-wc/{p-be4a8999.entry.js → p-23b56ec6.entry.js} +1 -1
  12. package/dist/proto-tinker-wc/p-CAkyCPLP.js +2 -0
  13. package/dist/proto-tinker-wc/proto-tinker-wc.esm.js +1 -1
  14. package/dist/types/stencil-public-runtime.d.ts +21 -0
  15. package/package.json +2 -2
  16. package/dist/proto-tinker-wc/p-uWCUtm_s.js +0 -2
package/dist/cjs/{index-CeCaf1KB.js → index-Dg4OLjui.js} RENAMED
@@ -4,7 +4,7 @@ const NAMESPACE = 'proto-tinker-wc';
4
4
  const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
5
5
 
6
6
  /*
7
- Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Platform v4.37.0 | MIT Licensed | https://stenciljs.com
8
8
  */
9
9
  var __defProp = Object.defineProperty;
10
10
  var __export = (target, all) => {
@@ -24,6 +24,7 @@ var getHostRef = (ref) => {
24
24
  return void 0;
25
25
  };
26
26
  var registerInstance = (lazyInstance, hostRef) => {
27
+ if (!hostRef) return;
27
28
  lazyInstance.__stencil__getHostRef = () => hostRef;
28
29
  hostRef.$lazyInstance$ = lazyInstance;
29
30
  };
@@ -1195,7 +1196,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1195
1196
  } else {
1196
1197
  Cstr = elm.constructor;
1197
1198
  const cmpTag = elm.localName;
1198
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1199
+ const setWatchIsReady = () => hostRef.$flags$ |= 128 /* isWatchReady */;
1200
+ if (!!customElements.get(cmpTag)) {
1201
+ setWatchIsReady();
1202
+ } else {
1203
+ customElements.whenDefined(cmpTag).then(setWatchIsReady);
1204
+ }
1199
1205
  }
1200
1206
  if (Cstr && Cstr.style) {
1201
1207
  let style;
package/dist/cjs/loader.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CeCaf1KB.js');
3
+ var index = require('./index-Dg4OLjui.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-CeCaf1KB.js');
3
+ var index = require('./index-Dg4OLjui.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.36.3 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.37.0 | 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-CeCaf1KB.js');
3
+ var index = require('./index-Dg4OLjui.js');
4
4
 
5
5
  const Radio = props => {
6
6
  const hex = props.hex || 'currentColor';
@@ -8,11 +8,7 @@ const Radio = props => {
8
8
  const label = props.label || 'radio';
9
9
  const selected = props.selected || false;
10
10
  const size = props.size || 24;
11
- return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
12
- index.h("title", null, label),
13
- ' ',
14
- index.h("g", { fill: hex }, selected ? (index.h("path", { 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" })) : (index.h("path", { 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" }))),
15
- index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
11
+ return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), ' ', index.h("g", { fill: hex }, selected ? (index.h("path", { 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" })) : (index.h("path", { 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" }))), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
16
12
  };
17
13
 
18
14
  const funnelDefs = [
@@ -342,8 +338,7 @@ const ColorPicker = props => {
342
338
  const selected = pick === key;
343
339
  return (index.h("div", { "aria-label": key, "aria-checked": selected ? 'true' : 'false', role: "radio", onClick: () => {
344
340
  actions.updatePick(key);
345
- } },
346
- index.h(Radio, { hex: hex, selected: selected, label: key })));
341
+ } }, index.h(Radio, { hex: hex, selected: selected, label: key })));
347
342
  })));
348
343
  };
349
344
 
@@ -352,11 +347,7 @@ const ChevronDoubleLeft = props => {
352
347
  const klass = props.class;
353
348
  const label = props.label || 'chevron-double-left';
354
349
  const size = props.size || 24;
355
- return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
356
- index.h("title", null, label),
357
- index.h("g", { fill: hex },
358
- index.h("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" })),
359
- index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
350
+ return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
360
351
  };
361
352
 
362
353
  const Close = props => {
@@ -364,11 +355,7 @@ const Close = props => {
364
355
  const klass = props.class;
365
356
  const label = props.label || 'close';
366
357
  const size = props.size || 24;
367
- return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
368
- index.h("title", null, label),
369
- index.h("g", { fill: hex },
370
- index.h("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" })),
371
- index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
358
+ return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
372
359
  };
373
360
 
374
361
  const Refresh = props => {
@@ -376,51 +363,28 @@ const Refresh = props => {
376
363
  const klass = props.class;
377
364
  const label = props.label || 'refresh';
378
365
  const size = props.size || 24;
379
- return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
380
- index.h("title", null, label),
381
- index.h("g", { fill: hex },
382
- index.h("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" })),
383
- index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
366
+ return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
384
367
  };
385
368
 
386
369
  const help = 'click a button... ';
387
370
  const DataSource = props => {
388
371
  const { actions, state } = props;
389
372
  const { count } = state;
390
- return (index.h("div", { class: "mb-10px mt-3 flex items-center" },
391
- index.h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
392
- actions.refresh();
393
- } },
394
- index.h(Refresh, { label: "Refresh" })),
395
- index.h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
396
- actions.reset();
397
- } },
398
- index.h(Close, { label: "Reset" })),
399
- index.h("span", { class: "flex items-center" },
400
- index.h(ChevronDoubleLeft, { size: 28 }),
401
- index.h("span", { class: "italic" },
402
- help,
403
- index.h("sup", null, count)))));
373
+ return (index.h("div", { class: "mb-10px mt-3 flex items-center" }, index.h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
374
+ actions.refresh();
375
+ } }, index.h(Refresh, { label: "Refresh" })), index.h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
376
+ actions.reset();
377
+ } }, index.h(Close, { label: "Reset" })), index.h("span", { class: "flex items-center" }, index.h(ChevronDoubleLeft, { size: 28 }), index.h("span", { class: "italic" }, help, index.h("sup", null, count)))));
404
378
  };
405
379
 
406
380
  const TwLabel = _props => {
407
- return (index.h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" },
408
- "Tailwind ",
409
- TW_VERSION));
381
+ return (index.h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" }, "Tailwind ", TW_VERSION));
410
382
  };
411
383
 
412
384
  const DataValues = props => {
413
385
  const { state } = props;
414
386
  const { values, pick, count } = state;
415
- return (index.h("div", { class: "flex" },
416
- index.h("div", { class: "flex flex-col" },
417
- index.h("div", { class: "flex" },
418
- index.h("span", { class: "mr-10px font-bold" }, "color:"),
419
- index.h("span", { class: "italic text-clrs-slate4" }, pick)),
420
- index.h("div", { class: "mt-5px flex" },
421
- index.h("span", { class: "mr-10px font-bold" }, "sample:"),
422
- index.h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))),
423
- index.h(TwLabel, null)));
387
+ return (index.h("div", { class: "flex" }, index.h("div", { class: "flex flex-col" }, index.h("div", { class: "flex" }, index.h("span", { class: "mr-10px font-bold" }, "color:"), index.h("span", { class: "italic text-clrs-slate4" }, pick)), index.h("div", { class: "mt-5px flex" }, index.h("span", { class: "mr-10px font-bold" }, "sample:"), index.h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))), index.h(TwLabel, null)));
424
388
  };
425
389
 
426
390
  const Fingerprint = props => {
@@ -428,18 +392,13 @@ const Fingerprint = props => {
428
392
  const klass = props.class;
429
393
  const label = props.label || 'fingerprint';
430
394
  const size = props.size || 24;
431
- return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
432
- index.h("title", null, label),
433
- index.h("g", { fill: hex },
434
- index.h("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" })),
435
- index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
395
+ return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
436
396
  };
437
397
 
438
398
  const url = 'https://eswat2.dev';
439
399
  const who = 'eswat2';
440
400
  const Eswat2Io = _props => {
441
- return (index.h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who },
442
- index.h(Fingerprint, { label: "eswat2" })));
401
+ return (index.h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who }, index.h(Fingerprint, { label: "eswat2" })));
443
402
  };
444
403
 
445
404
  const Header = props => {
package/dist/collection/collection-manifest.json CHANGED
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.36.3",
7
+ "version": "4.37.0",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
package/dist/components/proto-tinker.js CHANGED
@@ -6,11 +6,7 @@ const Radio = props => {
6
6
  const label = props.label || 'radio';
7
7
  const selected = props.selected || false;
8
8
  const size = props.size || 24;
9
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
10
- h("title", null, label),
11
- ' ',
12
- h("g", { fill: hex }, selected ? (h("path", { 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" })) : (h("path", { 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" }))),
13
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
9
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), ' ', h("g", { fill: hex }, selected ? (h("path", { 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" })) : (h("path", { 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" }))), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
14
10
  };
15
11
 
16
12
  const funnelDefs = [
@@ -340,8 +336,7 @@ const ColorPicker = props => {
340
336
  const selected = pick === key;
341
337
  return (h("div", { "aria-label": key, "aria-checked": selected ? 'true' : 'false', role: "radio", onClick: () => {
342
338
  actions.updatePick(key);
343
- } },
344
- h(Radio, { hex: hex, selected: selected, label: key })));
339
+ } }, h(Radio, { hex: hex, selected: selected, label: key })));
345
340
  })));
346
341
  };
347
342
 
@@ -350,11 +345,7 @@ const ChevronDoubleLeft = props => {
350
345
  const klass = props.class;
351
346
  const label = props.label || 'chevron-double-left';
352
347
  const size = props.size || 24;
353
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
354
- h("title", null, label),
355
- h("g", { fill: hex },
356
- h("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" })),
357
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
348
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
358
349
  };
359
350
 
360
351
  const Close = props => {
@@ -362,11 +353,7 @@ const Close = props => {
362
353
  const klass = props.class;
363
354
  const label = props.label || 'close';
364
355
  const size = props.size || 24;
365
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
366
- h("title", null, label),
367
- h("g", { fill: hex },
368
- h("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" })),
369
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
356
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
370
357
  };
371
358
 
372
359
  const Refresh = props => {
@@ -374,51 +361,28 @@ const Refresh = props => {
374
361
  const klass = props.class;
375
362
  const label = props.label || 'refresh';
376
363
  const size = props.size || 24;
377
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
378
- h("title", null, label),
379
- h("g", { fill: hex },
380
- h("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" })),
381
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
364
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
382
365
  };
383
366
 
384
367
  const help = 'click a button... ';
385
368
  const DataSource = props => {
386
369
  const { actions, state } = props;
387
370
  const { count } = state;
388
- return (h("div", { class: "mb-10px mt-3 flex items-center" },
389
- h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
390
- actions.refresh();
391
- } },
392
- h(Refresh, { label: "Refresh" })),
393
- h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
394
- actions.reset();
395
- } },
396
- h(Close, { label: "Reset" })),
397
- h("span", { class: "flex items-center" },
398
- h(ChevronDoubleLeft, { size: 28 }),
399
- h("span", { class: "italic" },
400
- help,
401
- h("sup", null, count)))));
371
+ return (h("div", { class: "mb-10px mt-3 flex items-center" }, h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
372
+ actions.refresh();
373
+ } }, h(Refresh, { label: "Refresh" })), h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
374
+ actions.reset();
375
+ } }, h(Close, { label: "Reset" })), h("span", { class: "flex items-center" }, h(ChevronDoubleLeft, { size: 28 }), h("span", { class: "italic" }, help, h("sup", null, count)))));
402
376
  };
403
377
 
404
378
  const TwLabel = _props => {
405
- return (h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" },
406
- "Tailwind ",
407
- TW_VERSION));
379
+ return (h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" }, "Tailwind ", TW_VERSION));
408
380
  };
409
381
 
410
382
  const DataValues = props => {
411
383
  const { state } = props;
412
384
  const { values, pick, count } = state;
413
- return (h("div", { class: "flex" },
414
- h("div", { class: "flex flex-col" },
415
- h("div", { class: "flex" },
416
- h("span", { class: "mr-10px font-bold" }, "color:"),
417
- h("span", { class: "italic text-clrs-slate4" }, pick)),
418
- h("div", { class: "mt-5px flex" },
419
- h("span", { class: "mr-10px font-bold" }, "sample:"),
420
- h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))),
421
- h(TwLabel, null)));
385
+ return (h("div", { class: "flex" }, h("div", { class: "flex flex-col" }, h("div", { class: "flex" }, h("span", { class: "mr-10px font-bold" }, "color:"), h("span", { class: "italic text-clrs-slate4" }, pick)), h("div", { class: "mt-5px flex" }, h("span", { class: "mr-10px font-bold" }, "sample:"), h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))), h(TwLabel, null)));
422
386
  };
423
387
 
424
388
  const Fingerprint = props => {
@@ -426,18 +390,13 @@ const Fingerprint = props => {
426
390
  const klass = props.class;
427
391
  const label = props.label || 'fingerprint';
428
392
  const size = props.size || 24;
429
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
430
- h("title", null, label),
431
- h("g", { fill: hex },
432
- h("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" })),
433
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
393
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
434
394
  };
435
395
 
436
396
  const url = 'https://eswat2.dev';
437
397
  const who = 'eswat2';
438
398
  const Eswat2Io = _props => {
439
- return (h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who },
440
- h(Fingerprint, { label: "eswat2" })));
399
+ return (h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who }, h(Fingerprint, { label: "eswat2" })));
441
400
  };
442
401
 
443
402
  const Header = props => {
@@ -447,9 +406,11 @@ const Header = props => {
447
406
  const shadowCss = "/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 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));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active\\:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n";
448
407
 
449
408
  const ProtoTinker$1 = /*@__PURE__*/ proxyCustomElement(class ProtoTinker extends HTMLElement {
450
- constructor() {
409
+ constructor(registerHost) {
451
410
  super();
452
- this.__registerHost();
411
+ if (registerHost !== false) {
412
+ this.__registerHost();
413
+ }
453
414
  this.__attachShadow();
454
415
  this.tag = 'proto-tinker';
455
416
  }
package/dist/esm/{index-uWCUtm_s.js → index-CAkyCPLP.js} RENAMED
@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-tinker-wc';
2
2
  const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.37.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -22,6 +22,7 @@ var getHostRef = (ref) => {
22
22
  return void 0;
23
23
  };
24
24
  var registerInstance = (lazyInstance, hostRef) => {
25
+ if (!hostRef) return;
25
26
  lazyInstance.__stencil__getHostRef = () => hostRef;
26
27
  hostRef.$lazyInstance$ = lazyInstance;
27
28
  };
@@ -1193,7 +1194,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1193
1194
  } else {
1194
1195
  Cstr = elm.constructor;
1195
1196
  const cmpTag = elm.localName;
1196
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1197
+ const setWatchIsReady = () => hostRef.$flags$ |= 128 /* isWatchReady */;
1198
+ if (!!customElements.get(cmpTag)) {
1199
+ setWatchIsReady();
1200
+ } else {
1201
+ customElements.whenDefined(cmpTag).then(setWatchIsReady);
1202
+ }
1197
1203
  }
1198
1204
  if (Cstr && Cstr.style) {
1199
1205
  let style;
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-uWCUtm_s.js';
2
- export { s as setNonce } from './index-uWCUtm_s.js';
1
+ import { b as bootstrapLazy } from './index-CAkyCPLP.js';
2
+ export { s as setNonce } from './index-CAkyCPLP.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 bootstrapLazy } from './index-uWCUtm_s.js';
2
- export { s as setNonce } from './index-uWCUtm_s.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-CAkyCPLP.js';
2
+ export { s as setNonce } from './index-CAkyCPLP.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.36.3 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.37.0 | 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, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-uWCUtm_s.js';
1
+ import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-CAkyCPLP.js';
2
2
 
3
3
  const Radio = props => {
4
4
  const hex = props.hex || 'currentColor';
@@ -6,11 +6,7 @@ const Radio = props => {
6
6
  const label = props.label || 'radio';
7
7
  const selected = props.selected || false;
8
8
  const size = props.size || 24;
9
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
10
- h("title", null, label),
11
- ' ',
12
- h("g", { fill: hex }, selected ? (h("path", { 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" })) : (h("path", { 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" }))),
13
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
9
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), ' ', h("g", { fill: hex }, selected ? (h("path", { 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" })) : (h("path", { 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" }))), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
14
10
  };
15
11
 
16
12
  const funnelDefs = [
@@ -340,8 +336,7 @@ const ColorPicker = props => {
340
336
  const selected = pick === key;
341
337
  return (h("div", { "aria-label": key, "aria-checked": selected ? 'true' : 'false', role: "radio", onClick: () => {
342
338
  actions.updatePick(key);
343
- } },
344
- h(Radio, { hex: hex, selected: selected, label: key })));
339
+ } }, h(Radio, { hex: hex, selected: selected, label: key })));
345
340
  })));
346
341
  };
347
342
 
@@ -350,11 +345,7 @@ const ChevronDoubleLeft = props => {
350
345
  const klass = props.class;
351
346
  const label = props.label || 'chevron-double-left';
352
347
  const size = props.size || 24;
353
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
354
- h("title", null, label),
355
- h("g", { fill: hex },
356
- h("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" })),
357
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
348
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
358
349
  };
359
350
 
360
351
  const Close = props => {
@@ -362,11 +353,7 @@ const Close = props => {
362
353
  const klass = props.class;
363
354
  const label = props.label || 'close';
364
355
  const size = props.size || 24;
365
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
366
- h("title", null, label),
367
- h("g", { fill: hex },
368
- h("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" })),
369
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
356
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
370
357
  };
371
358
 
372
359
  const Refresh = props => {
@@ -374,51 +361,28 @@ const Refresh = props => {
374
361
  const klass = props.class;
375
362
  const label = props.label || 'refresh';
376
363
  const size = props.size || 24;
377
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
378
- h("title", null, label),
379
- h("g", { fill: hex },
380
- h("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" })),
381
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
364
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
382
365
  };
383
366
 
384
367
  const help = 'click a button... ';
385
368
  const DataSource = props => {
386
369
  const { actions, state } = props;
387
370
  const { count } = state;
388
- return (h("div", { class: "mb-10px mt-3 flex items-center" },
389
- h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
390
- actions.refresh();
391
- } },
392
- h(Refresh, { label: "Refresh" })),
393
- h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
394
- actions.reset();
395
- } },
396
- h(Close, { label: "Reset" })),
397
- h("span", { class: "flex items-center" },
398
- h(ChevronDoubleLeft, { size: 28 }),
399
- h("span", { class: "italic" },
400
- help,
401
- h("sup", null, count)))));
371
+ return (h("div", { class: "mb-10px mt-3 flex items-center" }, h("button", { "aria-label": "Refresh", class: "ds1-button data-button bg-clrs-blue", onClick: () => {
372
+ actions.refresh();
373
+ } }, h(Refresh, { label: "Refresh" })), h("button", { "aria-label": "Reset", class: "ds1-button data-button bg-clrs-red", onClick: () => {
374
+ actions.reset();
375
+ } }, h(Close, { label: "Reset" })), h("span", { class: "flex items-center" }, h(ChevronDoubleLeft, { size: 28 }), h("span", { class: "italic" }, help, h("sup", null, count)))));
402
376
  };
403
377
 
404
378
  const TwLabel = _props => {
405
- return (h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" },
406
- "Tailwind ",
407
- TW_VERSION));
379
+ return (h("label", { class: "ml-auto align-top text-xs italic text-clrs-slate4" }, "Tailwind ", TW_VERSION));
408
380
  };
409
381
 
410
382
  const DataValues = props => {
411
383
  const { state } = props;
412
384
  const { values, pick, count } = state;
413
- return (h("div", { class: "flex" },
414
- h("div", { class: "flex flex-col" },
415
- h("div", { class: "flex" },
416
- h("span", { class: "mr-10px font-bold" }, "color:"),
417
- h("span", { class: "italic text-clrs-slate4" }, pick)),
418
- h("div", { class: "mt-5px flex" },
419
- h("span", { class: "mr-10px font-bold" }, "sample:"),
420
- h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))),
421
- h(TwLabel, null)));
385
+ return (h("div", { class: "flex" }, h("div", { class: "flex flex-col" }, h("div", { class: "flex" }, h("span", { class: "mr-10px font-bold" }, "color:"), h("span", { class: "italic text-clrs-slate4" }, pick)), h("div", { class: "mt-5px flex" }, h("span", { class: "mr-10px font-bold" }, "sample:"), h("span", { class: "italic text-clrs-slate4" }, `${count > 0 ? values : '...'}`))), h(TwLabel, null)));
422
386
  };
423
387
 
424
388
  const Fingerprint = props => {
@@ -426,18 +390,13 @@ const Fingerprint = props => {
426
390
  const klass = props.class;
427
391
  const label = props.label || 'fingerprint';
428
392
  const size = props.size || 24;
429
- return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" },
430
- h("title", null, label),
431
- h("g", { fill: hex },
432
- h("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" })),
433
- h("path", { d: "M0 0h24v24H0z", fill: "none" })));
393
+ return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
434
394
  };
435
395
 
436
396
  const url = 'https://eswat2.dev';
437
397
  const who = 'eswat2';
438
398
  const Eswat2Io = _props => {
439
- return (h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who },
440
- h(Fingerprint, { label: "eswat2" })));
399
+ return (h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who }, h(Fingerprint, { label: "eswat2" })));
441
400
  };
442
401
 
443
402
  const Header = props => {
package/dist/proto-tinker-wc/{p-be4a8999.entry.js → p-23b56ec6.entry.js} RENAMED
@@ -1 +1 @@
1
- import{h as n,g as t,f as e,r as a}from"./p-uWCUtm_s.js";const r=t=>{const e=t.hex||"currentColor",a=t.selected||!1,r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"radio")," ",n("g",{fill:e},n("path",a?{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"})),n("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)),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"},o={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},i=Object.keys(s),c=n=>!("isConnected"in n)||n.isConnected,d=(()=>{let n;return(...t)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let t of n.keys())n.set(t,n.get(t).filter(c))})(...t)}),2e3)}})(),f=n=>"function"==typeof n?n():n,p=(n,t)=>{const e=n.indexOf(t);e>=0&&(n[e]=n[n.length-1],n.length--)},h="proto-tinker-wc::app-data",g=(()=>{const n=((n,t=(n,t)=>n!==t)=>{const e=f(n);let a=new Map(Object.entries(e??{}));const r={dispose:[],get:[],set:[],reset:[]},l=new Map,s=()=>{a=new Map(Object.entries(f(n)??{})),r.reset.forEach((n=>n()))},o=n=>(r.get.forEach((t=>t(n))),a.get(n)),i=(n,e)=>{const l=a.get(n);t(e,l,n)&&(a.set(n,e),r.set.forEach((t=>t(n,e,l))))},c="undefined"==typeof Proxy?{}:new Proxy(e,{get:(n,t)=>o(t),ownKeys:()=>Array.from(a.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,t)=>a.has(t),set:(n,t,e)=>(i(t,e),!0)}),d=(n,t)=>(r[n].push(t),()=>{p(r[n],t)});return{state:c,get:o,set:i,on:d,onChange:(t,e)=>{const a=(n,a)=>{n===t&&e(a)},r=()=>e(f(n)[t]),s=d("set",a),o=d("reset",r);return l.set(e,{setHandler:a,resetHandler:r,propName:t}),()=>{s(),o(),l.delete(e)}},use:(...n)=>{const t=n.reduce(((n,t)=>(t.set&&n.push(d("set",t.set)),t.get&&n.push(d("get",t.get)),t.reset&&n.push(d("reset",t.reset)),t.dispose&&n.push(d("dispose",t.dispose)),n)),[]);return()=>t.forEach((n=>n()))},dispose:()=>{r.dispose.forEach((n=>n())),s()},reset:s,forceUpdate:n=>{const t=a.get(n);r.set.forEach((e=>e(n,t,t)))},removeListener:(n,t)=>{const e=l.get(t);e&&e.propName===n&&(p(r.set,e.setHandler),p(r.reset,e.resetHandler),l.delete(t))}}})({count:0,pick:"bada55",values:[...l]},void 0);return n.use((()=>{if("function"!=typeof t)return{};const n=new Map;return{dispose:()=>n.clear(),get:e=>{const a=t();a&&((n,t,e)=>{const a=n.get(t);a?a.includes(e)||a.push(e):n.set(t,[e])})(n,e,a)},set:t=>{const a=n.get(t);a&&n.set(t,a.filter(e)),d(n)},reset:()=>{n.forEach((n=>n.forEach(e))),d(n)}}})()),n})(),{state:b}=g,v=()=>{const{count:n,pick:t,values:e}=b;(n=>{const t=JSON.stringify(n);localStorage.setItem(h,t)})({count:n,pick:t,values:e})},x={initApp:()=>{const n=(()=>{const n=localStorage.getItem(h);return n?JSON.parse(n):void 0})();if(n){const{count:t,pick:e,values:a}=n;b.count=t,b.pick=e,b.values=a}},refresh:()=>{const n=l.map((()=>Math.floor(100*Math.random())));b.count=b.count+1,b.values=n,v()},reset:()=>{b.count=0,b.values=[...l],v()},updatePick:n=>{b.pick=n,v()}},u=t=>{const{actions:e,state:a}=t,{pick:l}=a;return n("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},i.map((t=>{const a=(n=>s[n]||o[n])(t),i=l===t;return n("div",{"aria-label":t,"aria-checked":i?"true":"false",role:"radio",onClick:()=>{e.updatePick(t)}},n(r,{hex:a,selected:i,label:t}))})))},m=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"chevron-double-left"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"close"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},w=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"refresh"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},y=t=>{const{actions:e,state:a}=t,{count:r}=a;return n("div",{class:"mb-10px mt-3 flex items-center"},n("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{e.refresh()}},n(w,{label:"Refresh"})),n("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{e.reset()}},n(C,{label:"Reset"})),n("span",{class:"flex items-center"},n(m,{size:28}),n("span",{class:"italic"},"click a button... ",n("sup",null,r))))},k=()=>n("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.13"),M=t=>{const{state:e}=t,{values:a,pick:r,count:l}=e;return n("div",{class:"flex"},n("div",{class:"flex flex-col"},n("div",{class:"flex"},n("span",{class:"mr-10px font-bold"},"color:"),n("span",{class:"italic text-clrs-slate4"},r)),n("div",{class:"mt-5px flex"},n("span",{class:"mr-10px font-bold"},"sample:"),n("span",{class:"italic text-clrs-slate4"},`${l>0?a:"..."}`))),n(k,null))},L=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"fingerprint"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},z="eswat2",S=()=>n("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},n(L,{label:"eswat2"})),j=t=>n("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},t.label),A=class{constructor(n){a(this,n),this.tag="proto-tinker"}componentDidLoad(){x.initApp()}render(){return n("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},n(j,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),n(S,{key:"919ca01768ea309609ec6be67fede120434d723e"}),n(y,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:x,state:b}),n(u,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:x,state:b}),n("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),n(M,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:b}))}};A.style="/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 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));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active\\:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n";export{A as proto_tinker}
1
+ import{h as n,g as t,f as e,r as a}from"./p-CAkyCPLP.js";const r=t=>{const e=t.hex||"currentColor",a=t.selected||!1,r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"radio")," ",n("g",{fill:e},n("path",a?{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"})),n("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)),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"},o={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},i=Object.keys(s),c=n=>!("isConnected"in n)||n.isConnected,d=(()=>{let n;return(...t)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let t of n.keys())n.set(t,n.get(t).filter(c))})(...t)}),2e3)}})(),f=n=>"function"==typeof n?n():n,p=(n,t)=>{const e=n.indexOf(t);e>=0&&(n[e]=n[n.length-1],n.length--)},h="proto-tinker-wc::app-data",g=(()=>{const n=((n,t=(n,t)=>n!==t)=>{const e=f(n);let a=new Map(Object.entries(e??{}));const r={dispose:[],get:[],set:[],reset:[]},l=new Map,s=()=>{a=new Map(Object.entries(f(n)??{})),r.reset.forEach((n=>n()))},o=n=>(r.get.forEach((t=>t(n))),a.get(n)),i=(n,e)=>{const l=a.get(n);t(e,l,n)&&(a.set(n,e),r.set.forEach((t=>t(n,e,l))))},c="undefined"==typeof Proxy?{}:new Proxy(e,{get:(n,t)=>o(t),ownKeys:()=>Array.from(a.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,t)=>a.has(t),set:(n,t,e)=>(i(t,e),!0)}),d=(n,t)=>(r[n].push(t),()=>{p(r[n],t)});return{state:c,get:o,set:i,on:d,onChange:(t,e)=>{const a=(n,a)=>{n===t&&e(a)},r=()=>e(f(n)[t]),s=d("set",a),o=d("reset",r);return l.set(e,{setHandler:a,resetHandler:r,propName:t}),()=>{s(),o(),l.delete(e)}},use:(...n)=>{const t=n.reduce(((n,t)=>(t.set&&n.push(d("set",t.set)),t.get&&n.push(d("get",t.get)),t.reset&&n.push(d("reset",t.reset)),t.dispose&&n.push(d("dispose",t.dispose)),n)),[]);return()=>t.forEach((n=>n()))},dispose:()=>{r.dispose.forEach((n=>n())),s()},reset:s,forceUpdate:n=>{const t=a.get(n);r.set.forEach((e=>e(n,t,t)))},removeListener:(n,t)=>{const e=l.get(t);e&&e.propName===n&&(p(r.set,e.setHandler),p(r.reset,e.resetHandler),l.delete(t))}}})({count:0,pick:"bada55",values:[...l]},void 0);return n.use((()=>{if("function"!=typeof t)return{};const n=new Map;return{dispose:()=>n.clear(),get:e=>{const a=t();a&&((n,t,e)=>{const a=n.get(t);a?a.includes(e)||a.push(e):n.set(t,[e])})(n,e,a)},set:t=>{const a=n.get(t);a&&n.set(t,a.filter(e)),d(n)},reset:()=>{n.forEach((n=>n.forEach(e))),d(n)}}})()),n})(),{state:b}=g,v=()=>{const{count:n,pick:t,values:e}=b;(n=>{const t=JSON.stringify(n);localStorage.setItem(h,t)})({count:n,pick:t,values:e})},x={initApp:()=>{const n=(()=>{const n=localStorage.getItem(h);return n?JSON.parse(n):void 0})();if(n){const{count:t,pick:e,values:a}=n;b.count=t,b.pick=e,b.values=a}},refresh:()=>{const n=l.map((()=>Math.floor(100*Math.random())));b.count=b.count+1,b.values=n,v()},reset:()=>{b.count=0,b.values=[...l],v()},updatePick:n=>{b.pick=n,v()}},u=t=>{const{actions:e,state:a}=t,{pick:l}=a;return n("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},i.map((t=>{const a=(n=>s[n]||o[n])(t),i=l===t;return n("div",{"aria-label":t,"aria-checked":i?"true":"false",role:"radio",onClick:()=>{e.updatePick(t)}},n(r,{hex:a,selected:i,label:t}))})))},m=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"chevron-double-left"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"close"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},w=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"refresh"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},y=t=>{const{actions:e,state:a}=t,{count:r}=a;return n("div",{class:"mb-10px mt-3 flex items-center"},n("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{e.refresh()}},n(w,{label:"Refresh"})),n("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{e.reset()}},n(C,{label:"Reset"})),n("span",{class:"flex items-center"},n(m,{size:28}),n("span",{class:"italic"},"click a button... ",n("sup",null,r))))},k=()=>n("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.13"),M=t=>{const{state:e}=t,{values:a,pick:r,count:l}=e;return n("div",{class:"flex"},n("div",{class:"flex flex-col"},n("div",{class:"flex"},n("span",{class:"mr-10px font-bold"},"color:"),n("span",{class:"italic text-clrs-slate4"},r)),n("div",{class:"mt-5px flex"},n("span",{class:"mr-10px font-bold"},"sample:"),n("span",{class:"italic text-clrs-slate4"},`${l>0?a:"..."}`))),n(k,null))},L=t=>{const e=t.hex||"currentColor",a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"fingerprint"),n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},z="eswat2",S=()=>n("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},n(L,{label:"eswat2"})),A=t=>n("h1",{class:"mb-11 ml-0 mr-0 mt-11 text-center text-6xl font-thin uppercase text-clrs-red"},t.label),j=class{constructor(n){a(this,n),this.tag="proto-tinker"}componentDidLoad(){x.initApp()}render(){return n("div",{key:"8ce0faa12c39b5b7ebc87c2f8d00dade936e3ded",id:"app",class:"ds1-main relative"},n(A,{key:"d1a5aba6e4221c2f233f8675a4d5cd81aab4d93d",label:"tinker wc"}),n(S,{key:"919ca01768ea309609ec6be67fede120434d723e"}),n(y,{key:"e8220f685b6b44e3d7ccd1bf644d3f98219d7310",actions:x,state:b}),n(u,{key:"463901312bdd5ee72715de3e2fc47ad364902f40",actions:x,state:b}),n("hr",{key:"35ba2812a3b068b21b5252c5f07d0b5dc2f18527",class:"ml-0 mr-0"}),n(M,{key:"df047e0968a8267a031b87fd733c454911771fe0",state:b}))}};j.style="/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 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));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active\\:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n";export{j as proto_tinker}
package/dist/proto-tinker-wc/p-CAkyCPLP.js ADDED
@@ -0,0 +1,2 @@
1
+ var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.t=t)},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!!a&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&u.o?b(w):u.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&u.raf(w)},b=t=>f().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>C,unwrapErr:()=>M});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E,C=t=>{if(t.isOk)return t.value;throw t.value},M=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});void 0===E&&(E=null),E&&(d?t.adoptedStyleSheets.push(E):t.adoptedStyleSheets=[...t.adoptedStyleSheets,E])}var P=new WeakMap,R=t=>"sc-"+t.i,D=(t,e,...n)=>{let o=null,l=null,i=!1,r=!1;const s=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!g(o))&&(o+=""),i&&r?s[s.length-1].u+=o:s.push(i?N(null,o):o),r=i)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,s,W);const u=N(t,null);return u.h=e,s.length>0&&(u.p=s),u.m=l,u},N=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),U={},W={forEach:(t,e)=>t.map(A).forEach(e),map:(t,e)=>t.map(A).map(e).map(L)},A=t=>({vattrs:t.h,vchildren:t.p,vkey:t.m,vname:t.S,vtag:t.v,vtext:t.u}),L=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),D(t.vtag,e,...t.vchildren||[])}const e=N(t.vtag,t.vtext);return e.h=t.vattrs,e.p=t.vchildren,e.m=t.vkey,e.S=t.vname,e},T=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};T("::slotted"),T(":host"),T(":host-context");var H,q=(t,e)=>{if("string"==typeof t&&(16&e||8&e)&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return null==t||g(t)?t:1&e?t+"":t},z=(t,e,n,l,i,r)=>{if(n===l)return;let s=o(t,e),f=e.toLowerCase();if("class"===e){const e=t.classList,o=V(n);let i=V(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else if(s||"o"!==e[0]||"n"!==e[1]){const o=g(l);if((s||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?s=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!s||4&r||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(c,f)?f.slice(2):f[2]+e.slice(3),n||l){const o=e.endsWith(G);e=e.replace(I,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),G="Capture",I=RegExp(G+"$"),J=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of Y(Object.keys(l)))t in i||z(o,t,l[t],void 0,n,e.o);for(const t of Y(Object.keys(i)))z(o,t,l[t],i[t],n,e.o)};function Y(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var _=!1,B=(t,e,n)=>{const o=e.p[n];let l,i,r=0;if(null!==o.u)l=o.$=c.document.createTextNode(o.u);else{if(_||(_="svg"===o.v),!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.$=c.document.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),_&&"foreignObject"===o.v&&(_=!1),J(null,o,_),o.p)for(r=0;r<o.p.length;++r)i=B(t,o,r),i&&l.appendChild(i);"svg"===o.v?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=H,l},K=(t,e,n,o,l,i)=>{let r,s=t;for(s.shadowRoot&&s.tagName===H&&(s=s.shadowRoot);l<=i;++l)o[l]&&(r=B(null,n,l),r&&(o[l].$=r,tt(s,r,e)))},Q=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;t&&t.remove()}}},X=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),Z=(t,e,n=!1)=>{const o=e.$=t.$,l=t.p,i=e.p,r=e.v,s=e.u;null===s?(J(t,e,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,r,s=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];for(;s<=a&&c<=p;)if(null==d)d=e[++s];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(X(d,m,l))Z(d,m,l),d=e[++s],m=o[++c];else if(X(h,v,l))Z(h,v,l),h=e[--a],v=o[--p];else if(X(d,v,l))Z(d,v,l),tt(t,d.$,h.$.nextSibling),d=e[++s],v=o[--p];else if(X(h,m,l))Z(h,m,l),tt(t,h.$,d.$),h=e[--a],m=o[++c];else{for(u=-1,f=s;f<=a;++f)if(e[f]&&null!==e[f].m&&e[f].m===m.m){u=f;break}u>=0?(r=e[u],r.v!==m.v?i=B(e&&e[c],n,u):(Z(r,m,l),e[u]=void 0,i=r.$),m=o[++c]):(i=B(e&&e[c],n,c),m=o[++c]),i&&tt(d.$.parentNode,i,d.$)}s>a?K(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&Q(e,s,a)})(o,l,e,i,n):null!==i?(null!==t.u&&(o.textContent=""),K(o,null,e,i,0,i.length-1)):!n&&null!==l&&Q(l,0,l.length-1),_&&"svg"===r&&(_=!1)):t.u!==s&&(o.data=s)},tt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),et=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},nt=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);et(t,t.O);const n=()=>ot(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},ot=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=ht(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=lt(l,(()=>ht(o,"componentWillRender",void 0,n))),lt(l,(()=>rt(t,o,e)))},lt=(t,e)=>it(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),it=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,rt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=R(e),l=r.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,r=P.get(t=t.head||t);if(r||P.set(t,r=new Set),!r.has(o)){{i=c.document.createElement("style"),i.innerHTML=l;const o=null!=(n=u.C)?n:S(c.document);if(null!=o&&i.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new CSSStyleSheet;e.replaceSync(l),d?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(i)}else t.append(i);1&e.o&&t.insertBefore(i,null)}4&e.o&&(i.innerHTML+=s),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(d?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ct(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ft(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},st=null,ct=(t,e,n,o)=>{try{st=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||N(null,null),i=(t=>t&&t.v===U)(e)?e:D(null,null,e);if(H=o.tagName,n&&i.h)for(const t of Object.keys(i.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.h[t]=o[t]);i.v=null,i.o|=4,t.M=i,i.$=l.$=o.shadowRoot||o,Z(l,i,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return st=null,null},ut=()=>st,ft=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ht(n,"componentDidRender",void 0,e),64&t.o?ht(n,"componentDidUpdate",void 0,e):(t.o|=64,pt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||dt()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>nt(t,!1))),t.o&=-517},at=t=>{var n;{const o=e(t),l=null==(n=null==o?void 0:o.$hostElement$)?void 0:n.isConnected;return l&&2==(18&o.o)&&nt(o,!1),l}},dt=()=>{b((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"proto-tinker-wc"}});return t.dispatchEvent(e),e})(c)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},pt=t=>t.classList.add("hydrated"),mt=(t,n,o,l)=>{const i=e(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.i}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.R.get(n),s=i.o,c=i.t;if(o=q(o,l.D[n][0]),(!(8&s)||void 0===r)&&o!==r&&(!Number.isNaN(r)||!Number.isNaN(o))&&(i.R.set(n,o),c&&2==(18&s))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,r,n))return;nt(i,!1)}},vt=(t,n,o)=>{var l,i;const r=t.prototype;if(n.D){const s=Object.entries(null!=(l=n.D)?l:{});if(s.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};i&&(n.D[t][0]|=2048),s&&(n.D[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&n.D[t][0]))return((t,n)=>e(this).R.get(n))(0,t);const o=e(this),l=o?o.t:r;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(i){const r=e(this);if(r){if(s){const e=32&l?this[t]:r.$hostElement$[t];return void 0===e&&r.R.get(t)?i=r.R.get(t):!r.R.get(t)&&e&&r.R.set(t,e),s.call(this,q(i,l)),void mt(this,t,i=32&l?this[t]:r.$hostElement$[t],n)}{if(!(1&o&&4096&n.D[t][0]))return mt(this,t,i,n),void(1&o&&!r.t&&r.N.then((()=>{4096&n.D[t][0]&&r.t[t]!==r.R.get(t)&&(r.t[t]=i)})));const e=()=>{const e=r.t[t];!r.R.get(t)&&e&&r.R.set(t,e),r.t[t]=q(i,l),mt(this,t,r.t[t],n)};r.t?e():r.N.then((()=>e()))}}}})}})),1&o){const o=new Map;r.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var s;const c=o.get(t);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=e(this),r=null==o?void 0:o.o;if(o&&r&&!(8&r)&&128&r&&i!==l){const e=o.t,r=null==(s=n.U)?void 0:s[t];null==r||r.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(r,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.U)?i:{}),...s.filter((([t,e])=>31&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,e)=>{ht(t,"connectedCallback",void 0,e)},wt=(t,e)=>{ht(t,"disconnectedCallback",void 0,e||t)},bt=(t,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],i:n[1],D:n[2],W:n[3]};4&o.o&&($=!0),o.D=n[2];const s=o.i,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.N=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.i}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){e(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const n=e(t);if(!n)return;const o=n.k,s=()=>{};if(1&n.o)(null==n?void 0:n.t)?yt(n.t,t):(null==n?void 0:n.N)&&n.N.then((()=>yt(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){et(n,n.O=e);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.A){const r=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.A;if(!o)return;const r=i.get(o);return r?r[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(r&&"then"in r){const t=()=>{};o=await r,t()}else o=r;if(!o)throw Error(`Constructor for "${n.i}#${e.L}" was not found`);o.isProxied||(vt(o,n,2),o.isProxied=!0);const s=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,s(),yt(e.t,t)}else{o=t.constructor;const n=t.localName,l=()=>e.o|=128;customElements.get(n)?l():customElements.whenDefined(n).then(l)}if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=R(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const s=e.O,c=()=>nt(e,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(t,n,o)}s()}})(this))))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?wt(n.t,t):(null==n?void 0:n.N)&&n.N.then((()=>wt(n.t,t)))}P.has(t)&&P.delete(t),t.shadowRoot&&P.has(t.shadowRoot)&&P.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this);if(!n)return;const o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.$)instanceof Node&&!n.M.$.isConnected&&delete n.M.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.N}};o.A=t[0],d.includes(s)||h.get(s)||(f.push(s),h.define(s,vt(c,o,1)))}))})),f.length>0&&($&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.C)?o:S(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(dt,30)))},$t=t=>u.C=t;export{bt as b,at as f,ut as g,D as h,f as p,n as r,$t as s}
package/dist/proto-tinker-wc/proto-tinker-wc.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as t,b as o}from"./p-uWCUtm_s.js";export{s as setNonce}from"./p-uWCUtm_s.js";import{g as r}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),t(o)})().then((async t=>(await r(),o([["p-be4a8999",[[257,"proto-tinker",{tag:[1]}]]]],t))));
1
+ import{p as t,b as o}from"./p-CAkyCPLP.js";export{s as setNonce}from"./p-CAkyCPLP.js";import{g as r}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),t(r)})().then((async t=>(await r(),o([["p-23b56ec6",[[257,"proto-tinker",{tag:[1]}]]]],t))));
package/dist/types/stencil-public-runtime.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
2
+ type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
3
+ type MixinFactory = <TBase extends abstract new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
2
4
  export interface ComponentDecorator {
3
5
  (opts?: ComponentOptions): ClassDecorator;
4
6
  }
@@ -349,6 +351,25 @@ export declare function readTask(task: RafCallback): void;
349
351
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
350
352
  */
351
353
  export declare const setErrorHandler: (handler: ErrorHandler) => void;
354
+ /**
355
+ * Compose multiple mixin classes into a single constructor.
356
+ * The resulting class has the combined instance types of all mixed-in classes.
357
+ *
358
+ * Example:
359
+ * ```
360
+ * const AWrap = (Base) => {class A extends Base { propA = A }; return A;}
361
+ * const BWrap = (Base) => {class B extends Base { propB = B }; return B;}
362
+ * const CWrap = (Base) => {class C extends Base { propC = C }; return C;}
363
+ *
364
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
365
+ * render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
366
+ * }
367
+ * ```
368
+ *
369
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
370
+ * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
371
+ */
372
+ export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
352
373
  /**
353
374
  * This file gets copied to all distributions of stencil component collections.
354
375
  * - no imports
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-tinker-wc",
3
- "version": "0.1.88",
3
+ "version": "0.1.89",
4
4
  "description": "prototype - simple demo built from Stencil & Tailwind",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -28,7 +28,7 @@
28
28
  "format": "prettier --write src"
29
29
  },
30
30
  "dependencies": {
31
- "@stencil/core": "4.36.3",
31
+ "@stencil/core": "4.37.0",
32
32
  "@stencil/store": "2.2.0"
33
33
  },
34
34
  "devDependencies": {
package/dist/proto-tinker-wc/p-uWCUtm_s.js DELETED
@@ -1,2 +0,0 @@
1
- var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!!a&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&u.o?b(w):u.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&u.raf(w)},b=t=>f().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>C,unwrapErr:()=>M});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E,C=t=>{if(t.isOk)return t.value;throw t.value},M=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});void 0===E&&(E=null),E&&(d?t.adoptedStyleSheets.push(E):t.adoptedStyleSheets=[...t.adoptedStyleSheets,E])}var P=new WeakMap,R=t=>"sc-"+t.i,D=(t,e,...n)=>{let o=null,l=null,i=!1,r=!1;const s=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!g(o))&&(o+=""),i&&r?s[s.length-1].u+=o:s.push(i?N(null,o):o),r=i)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,s,W);const u=N(t,null);return u.h=e,s.length>0&&(u.p=s),u.m=l,u},N=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),U={},W={forEach:(t,e)=>t.map(A).forEach(e),map:(t,e)=>t.map(A).map(e).map(L)},A=t=>({vattrs:t.h,vchildren:t.p,vkey:t.m,vname:t.S,vtag:t.v,vtext:t.u}),L=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),D(t.vtag,e,...t.vchildren||[])}const e=N(t.vtag,t.vtext);return e.h=t.vattrs,e.p=t.vchildren,e.m=t.vkey,e.S=t.vname,e},T=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};T("::slotted"),T(":host"),T(":host-context");var H,q=(t,e)=>{if("string"==typeof t&&(16&e||8&e)&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return null==t||g(t)?t:1&e?t+"":t},z=(t,e,n,l,i,r)=>{if(n===l)return;let s=o(t,e),f=e.toLowerCase();if("class"===e){const e=t.classList,o=V(n);let i=V(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else if(s||"o"!==e[0]||"n"!==e[1]){const o=g(l);if((s||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?s=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!s||4&r||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(c,f)?f.slice(2):f[2]+e.slice(3),n||l){const o=e.endsWith(G);e=e.replace(I,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),G="Capture",I=RegExp(G+"$"),J=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of Y(Object.keys(l)))t in i||z(o,t,l[t],void 0,n,e.o);for(const t of Y(Object.keys(i)))z(o,t,l[t],i[t],n,e.o)};function Y(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var _=!1,B=(t,e,n)=>{const o=e.p[n];let l,i,r=0;if(null!==o.u)l=o.$=c.document.createTextNode(o.u);else{if(_||(_="svg"===o.v),!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.$=c.document.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),_&&"foreignObject"===o.v&&(_=!1),J(null,o,_),o.p)for(r=0;r<o.p.length;++r)i=B(t,o,r),i&&l.appendChild(i);"svg"===o.v?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=H,l},K=(t,e,n,o,l,i)=>{let r,s=t;for(s.shadowRoot&&s.tagName===H&&(s=s.shadowRoot);l<=i;++l)o[l]&&(r=B(null,n,l),r&&(o[l].$=r,tt(s,r,e)))},Q=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;t&&t.remove()}}},X=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),Z=(t,e,n=!1)=>{const o=e.$=t.$,l=t.p,i=e.p,r=e.v,s=e.u;null===s?(J(t,e,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,r,s=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];for(;s<=a&&c<=p;)if(null==d)d=e[++s];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(X(d,m,l))Z(d,m,l),d=e[++s],m=o[++c];else if(X(h,v,l))Z(h,v,l),h=e[--a],v=o[--p];else if(X(d,v,l))Z(d,v,l),tt(t,d.$,h.$.nextSibling),d=e[++s],v=o[--p];else if(X(h,m,l))Z(h,m,l),tt(t,h.$,d.$),h=e[--a],m=o[++c];else{for(u=-1,f=s;f<=a;++f)if(e[f]&&null!==e[f].m&&e[f].m===m.m){u=f;break}u>=0?(r=e[u],r.v!==m.v?i=B(e&&e[c],n,u):(Z(r,m,l),e[u]=void 0,i=r.$),m=o[++c]):(i=B(e&&e[c],n,c),m=o[++c]),i&&tt(d.$.parentNode,i,d.$)}s>a?K(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&Q(e,s,a)})(o,l,e,i,n):null!==i?(null!==t.u&&(o.textContent=""),K(o,null,e,i,0,i.length-1)):!n&&null!==l&&Q(l,0,l.length-1),_&&"svg"===r&&(_=!1)):t.u!==s&&(o.data=s)},tt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),et=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},nt=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);et(t,t.O);const n=()=>ot(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},ot=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=ht(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=lt(l,(()=>ht(o,"componentWillRender",void 0,n))),lt(l,(()=>rt(t,o,e)))},lt=(t,e)=>it(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),it=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,rt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=R(e),l=r.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,r=P.get(t=t.head||t);if(r||P.set(t,r=new Set),!r.has(o)){{i=c.document.createElement("style"),i.innerHTML=l;const o=null!=(n=u.C)?n:S(c.document);if(null!=o&&i.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new CSSStyleSheet;e.replaceSync(l),d?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(i)}else t.append(i);1&e.o&&t.insertBefore(i,null)}4&e.o&&(i.innerHTML+=s),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(d?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ct(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ft(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},st=null,ct=(t,e,n,o)=>{try{st=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||N(null,null),i=(t=>t&&t.v===U)(e)?e:D(null,null,e);if(H=o.tagName,n&&i.h)for(const t of Object.keys(i.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.h[t]=o[t]);i.v=null,i.o|=4,t.M=i,i.$=l.$=o.shadowRoot||o,Z(l,i,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return st=null,null},ut=()=>st,ft=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ht(n,"componentDidRender",void 0,e),64&t.o?ht(n,"componentDidUpdate",void 0,e):(t.o|=64,pt(e),ht(n,"componentDidLoad",void 0,e),t.P(e),o||dt()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>nt(t,!1))),t.o&=-517},at=t=>{var n;{const o=e(t),l=null==(n=null==o?void 0:o.$hostElement$)?void 0:n.isConnected;return l&&2==(18&o.o)&&nt(o,!1),l}},dt=()=>{b((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"proto-tinker-wc"}});return t.dispatchEvent(e),e})(c)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},pt=t=>t.classList.add("hydrated"),mt=(t,n,o,l)=>{const i=e(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.i}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.R.get(n),s=i.o,c=i.t;if(o=q(o,l.D[n][0]),(!(8&s)||void 0===r)&&o!==r&&(!Number.isNaN(r)||!Number.isNaN(o))&&(i.R.set(n,o),c&&2==(18&s))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,r,n))return;nt(i,!1)}},vt=(t,n,o)=>{var l,i;const r=t.prototype;if(n.D){const s=Object.entries(null!=(l=n.D)?l:{});if(s.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};i&&(n.D[t][0]|=2048),s&&(n.D[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&n.D[t][0]))return((t,n)=>e(this).R.get(n))(0,t);const o=e(this),l=o?o.t:r;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(i){const r=e(this);if(r){if(s){const e=32&l?this[t]:r.$hostElement$[t];return void 0===e&&r.R.get(t)?i=r.R.get(t):!r.R.get(t)&&e&&r.R.set(t,e),s.call(this,q(i,l)),void mt(this,t,i=32&l?this[t]:r.$hostElement$[t],n)}{if(!(1&o&&4096&n.D[t][0]))return mt(this,t,i,n),void(1&o&&!r.t&&r.N.then((()=>{4096&n.D[t][0]&&r.t[t]!==r.R.get(t)&&(r.t[t]=i)})));const e=()=>{const e=r.t[t];!r.R.get(t)&&e&&r.R.set(t,e),r.t[t]=q(i,l),mt(this,t,r.t[t],n)};r.t?e():r.N.then((()=>e()))}}}})}})),1&o){const o=new Map;r.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var s;const c=o.get(t);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=e(this),r=null==o?void 0:o.o;if(o&&r&&!(8&r)&&128&r&&i!==l){const e=o.t,r=null==(s=n.U)?void 0:s[t];null==r||r.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(r,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.U)?i:{}),...s.filter((([t,e])=>31&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,e)=>{ht(t,"connectedCallback",void 0,e)},wt=(t,e)=>{ht(t,"disconnectedCallback",void 0,e||t)},bt=(t,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],i:n[1],D:n[2],W:n[3]};4&o.o&&($=!0),o.D=n[2];const s=o.i,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.N=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.i}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){e(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const n=e(t);if(!n)return;const o=n.k,s=()=>{};if(1&n.o)(null==n?void 0:n.t)?yt(n.t,t):(null==n?void 0:n.N)&&n.N.then((()=>yt(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){et(n,n.O=e);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.A){const r=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.A;if(!o)return;const r=i.get(o);return r?r[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(r&&"then"in r){const t=()=>{};o=await r,t()}else o=r;if(!o)throw Error(`Constructor for "${n.i}#${e.L}" was not found`);o.isProxied||(vt(o,n,2),o.isProxied=!0);const s=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,s(),yt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=R(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const s=e.O,c=()=>nt(e,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(t,n,o)}s()}})(this))))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?wt(n.t,t):(null==n?void 0:n.N)&&n.N.then((()=>wt(n.t,t)))}P.has(t)&&P.delete(t),t.shadowRoot&&P.has(t.shadowRoot)&&P.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this);if(!n)return;const o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.$)instanceof Node&&!n.M.$.isConnected&&delete n.M.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.N}};o.A=t[0],d.includes(s)||h.get(s)||(f.push(s),h.define(s,vt(c,o,1)))}))})),f.length>0&&($&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.C)?o:S(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(dt,30)))},$t=t=>u.C=t;export{bt as b,at as f,ut as g,D as h,f as p,n as r,$t as s}