proto-tinker-wc 0.1.96 → 0.1.97

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-CHrBSBma.js → index--CgtAyLt.js} +22 -12
  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 +1 -1
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/components/proto-tinker/proto-tinker.js +1 -1
  7. package/dist/esm/{index-Lncs47Cj.js → index-BWiaqDfw.js} +22 -12
  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 +1 -1
  11. package/dist/proto-tinker-wc/p-BWiaqDfw.js +2 -0
  12. package/dist/proto-tinker-wc/{p-d5119799.entry.js → p-fcf0c06f.entry.js} +1 -1
  13. package/dist/proto-tinker-wc/proto-tinker-wc.esm.js +1 -1
  14. package/dist/types/stencil-public-runtime.d.ts +16 -2
  15. package/package.json +2 -2
  16. package/dist/proto-tinker-wc/p-Lncs47Cj.js +0 -2
package/dist/cjs/{index-CHrBSBma.js → index--CgtAyLt.js} RENAMED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  const NAMESPACE = 'proto-tinker-wc';
4
- const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
4
+ const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
5
5
 
6
6
  /*
7
- Stencil Client Platform v4.37.1 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
8
8
  */
9
9
  var __defProp = Object.defineProperty;
10
10
  var __export = (target, all) => {
@@ -33,13 +33,17 @@ var registerHost = (hostElement, cmpMeta) => {
33
33
  $flags$: 0,
34
34
  $hostElement$: hostElement,
35
35
  $cmpMeta$: cmpMeta,
36
- $instanceValues$: /* @__PURE__ */ new Map()
36
+ $instanceValues$: /* @__PURE__ */ new Map(),
37
+ $serializerValues$: /* @__PURE__ */ new Map()
37
38
  };
38
39
  {
39
40
  hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
40
41
  hostElement["s-p"] = [];
41
42
  hostElement["s-rc"] = [];
42
43
  }
44
+ {
45
+ hostRef.$fetchedCbList$ = [];
46
+ }
43
47
  const ref = hostRef;
44
48
  hostElement.__stencil__getHostRef = () => ref;
45
49
  return ref;
@@ -854,6 +858,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
854
858
  }
855
859
  let maybePromise;
856
860
  if (isInitialLoad) {
861
+ {
862
+ if (hostRef.$fetchedCbList$.length) {
863
+ hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
864
+ }
865
+ }
857
866
  maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
858
867
  } else {
859
868
  maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -1025,7 +1034,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
1025
1034
  var proxyComponent = (Cstr, cmpMeta, flags) => {
1026
1035
  var _a, _b;
1027
1036
  const prototype = Cstr.prototype;
1028
- if (cmpMeta.$members$ || BUILD.watchCallback) {
1037
+ if (cmpMeta.$members$ || BUILD.propChangeCallback) {
1029
1038
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1030
1039
  members.map(([memberName, [memberFlags]]) => {
1031
1040
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1059,8 +1068,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1059
1068
  const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1060
1069
  if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1061
1070
  newValue = ref.$instanceValues$.get(memberName);
1062
- } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
1063
- ref.$instanceValues$.set(memberName, currentValue);
1064
1071
  }
1065
1072
  origSetter.apply(this, [
1066
1073
  parsePropertyValue(
@@ -1075,7 +1082,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1075
1082
  if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1076
1083
  setValue(this, memberName, newValue, cmpMeta);
1077
1084
  if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
1078
- ref.$onReadyPromise$.then(() => {
1085
+ ref.$fetchedCbList$.push(() => {
1079
1086
  if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
1080
1087
  ref.$lazyInstance$[memberName] = newValue;
1081
1088
  }
@@ -1096,7 +1103,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1096
1103
  if (ref.$lazyInstance$) {
1097
1104
  setterSetVal();
1098
1105
  } else {
1099
- ref.$onReadyPromise$.then(() => setterSetVal());
1106
+ ref.$fetchedCbList$.push(() => {
1107
+ setterSetVal();
1108
+ });
1100
1109
  }
1101
1110
  }
1102
1111
  }
@@ -1109,14 +1118,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1109
1118
  plt.jmp(() => {
1110
1119
  var _a2;
1111
1120
  const propName = attrNameToPropName.get(attrName);
1121
+ const hostRef = getHostRef(this);
1112
1122
  if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1113
1123
  newValue = this[propName];
1114
1124
  delete this[propName];
1115
- } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1125
+ }
1126
+ if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1116
1127
  this[propName] == newValue) {
1117
1128
  return;
1118
1129
  } else if (propName == null) {
1119
- const hostRef = getHostRef(this);
1120
1130
  const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1121
1131
  if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1122
1132
  const instance = hostRef.$lazyInstance$ ;
@@ -1131,7 +1141,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1131
1141
  }
1132
1142
  const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1133
1143
  newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1134
- if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1144
+ if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1135
1145
  this[propName] = newValue;
1136
1146
  }
1137
1147
  });
@@ -1241,7 +1251,7 @@ var connectedCallback = (elm) => {
1241
1251
  }
1242
1252
  if (cmpMeta.$members$) {
1243
1253
  Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1244
- if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
1254
+ if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
1245
1255
  const value = elm[memberName];
1246
1256
  delete elm[memberName];
1247
1257
  elm[memberName] = value;
package/dist/cjs/loader.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CHrBSBma.js');
3
+ var index = require('./index--CgtAyLt.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-CHrBSBma.js');
3
+ var index = require('./index--CgtAyLt.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.37.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.38.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-CHrBSBma.js');
3
+ var index = require('./index--CgtAyLt.js');
4
4
 
5
5
  const Radio = props => {
6
6
  const hex = props.hex || 'currentColor';
package/dist/collection/collection-manifest.json CHANGED
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.37.1",
7
+ "version": "4.38.0",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
package/dist/collection/components/proto-tinker/proto-tinker.js CHANGED
@@ -31,7 +31,6 @@ export class ProtoTinker {
31
31
  return {
32
32
  "tag": {
33
33
  "type": "string",
34
- "attribute": "tag",
35
34
  "mutable": false,
36
35
  "complexType": {
37
36
  "original": "string",
@@ -47,6 +46,7 @@ export class ProtoTinker {
47
46
  "getter": false,
48
47
  "setter": false,
49
48
  "reflect": false,
49
+ "attribute": "tag",
50
50
  "defaultValue": "'proto-tinker'"
51
51
  }
52
52
  };
package/dist/esm/{index-Lncs47Cj.js → index-BWiaqDfw.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  const NAMESPACE = 'proto-tinker-wc';
2
- const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
2
+ const BUILD = /* proto-tinker-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.37.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -31,13 +31,17 @@ var registerHost = (hostElement, cmpMeta) => {
31
31
  $flags$: 0,
32
32
  $hostElement$: hostElement,
33
33
  $cmpMeta$: cmpMeta,
34
- $instanceValues$: /* @__PURE__ */ new Map()
34
+ $instanceValues$: /* @__PURE__ */ new Map(),
35
+ $serializerValues$: /* @__PURE__ */ new Map()
35
36
  };
36
37
  {
37
38
  hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
38
39
  hostElement["s-p"] = [];
39
40
  hostElement["s-rc"] = [];
40
41
  }
42
+ {
43
+ hostRef.$fetchedCbList$ = [];
44
+ }
41
45
  const ref = hostRef;
42
46
  hostElement.__stencil__getHostRef = () => ref;
43
47
  return ref;
@@ -852,6 +856,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
852
856
  }
853
857
  let maybePromise;
854
858
  if (isInitialLoad) {
859
+ {
860
+ if (hostRef.$fetchedCbList$.length) {
861
+ hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
862
+ }
863
+ }
855
864
  maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
856
865
  } else {
857
866
  maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -1023,7 +1032,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
1023
1032
  var proxyComponent = (Cstr, cmpMeta, flags) => {
1024
1033
  var _a, _b;
1025
1034
  const prototype = Cstr.prototype;
1026
- if (cmpMeta.$members$ || BUILD.watchCallback) {
1035
+ if (cmpMeta.$members$ || BUILD.propChangeCallback) {
1027
1036
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1028
1037
  members.map(([memberName, [memberFlags]]) => {
1029
1038
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1057,8 +1066,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1057
1066
  const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1058
1067
  if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1059
1068
  newValue = ref.$instanceValues$.get(memberName);
1060
- } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
1061
- ref.$instanceValues$.set(memberName, currentValue);
1062
1069
  }
1063
1070
  origSetter.apply(this, [
1064
1071
  parsePropertyValue(
@@ -1073,7 +1080,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1073
1080
  if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
1074
1081
  setValue(this, memberName, newValue, cmpMeta);
1075
1082
  if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
1076
- ref.$onReadyPromise$.then(() => {
1083
+ ref.$fetchedCbList$.push(() => {
1077
1084
  if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
1078
1085
  ref.$lazyInstance$[memberName] = newValue;
1079
1086
  }
@@ -1094,7 +1101,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1094
1101
  if (ref.$lazyInstance$) {
1095
1102
  setterSetVal();
1096
1103
  } else {
1097
- ref.$onReadyPromise$.then(() => setterSetVal());
1104
+ ref.$fetchedCbList$.push(() => {
1105
+ setterSetVal();
1106
+ });
1098
1107
  }
1099
1108
  }
1100
1109
  }
@@ -1107,14 +1116,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1107
1116
  plt.jmp(() => {
1108
1117
  var _a2;
1109
1118
  const propName = attrNameToPropName.get(attrName);
1119
+ const hostRef = getHostRef(this);
1110
1120
  if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1111
1121
  newValue = this[propName];
1112
1122
  delete this[propName];
1113
- } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1123
+ }
1124
+ if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1114
1125
  this[propName] == newValue) {
1115
1126
  return;
1116
1127
  } else if (propName == null) {
1117
- const hostRef = getHostRef(this);
1118
1128
  const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1119
1129
  if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1120
1130
  const instance = hostRef.$lazyInstance$ ;
@@ -1129,7 +1139,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1129
1139
  }
1130
1140
  const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1131
1141
  newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1132
- if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1142
+ if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
1133
1143
  this[propName] = newValue;
1134
1144
  }
1135
1145
  });
@@ -1239,7 +1249,7 @@ var connectedCallback = (elm) => {
1239
1249
  }
1240
1250
  if (cmpMeta.$members$) {
1241
1251
  Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1242
- if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
1252
+ if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
1243
1253
  const value = elm[memberName];
1244
1254
  delete elm[memberName];
1245
1255
  elm[memberName] = value;
package/dist/esm/loader.js CHANGED
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-Lncs47Cj.js';
2
- export { s as setNonce } from './index-Lncs47Cj.js';
1
+ import { b as bootstrapLazy } from './index-BWiaqDfw.js';
2
+ export { s as setNonce } from './index-BWiaqDfw.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-Lncs47Cj.js';
2
- export { s as setNonce } from './index-Lncs47Cj.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-BWiaqDfw.js';
2
+ export { s as setNonce } from './index-BWiaqDfw.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.38.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-Lncs47Cj.js';
1
+ import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-BWiaqDfw.js';
2
2
 
3
3
  const Radio = props => {
4
4
  const hex = props.hex || 'currentColor';
package/dist/proto-tinker-wc/p-BWiaqDfw.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)},a=t=>Promise.resolve(t),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!!f&&(()=>!!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=>a().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?U(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,A);const u=U(t,null);return u.h=e,s.length>0&&(u.p=s),u.m=l,u},U=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),W={},A={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(L)},N=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=U(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 z,H=(t,e)=>null==t||g(t)?t:1&e?t+"":t,V=(t,e,n,l,i,r)=>{if(n===l)return;let s=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=F(n);let i=F(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,a)?a.slice(2):a[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)}},q=/\s/,F=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(q):[]),G="Capture",I=RegExp(G+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of _(Object.keys(l)))t in i||V(o,t,l[t],void 0,n,e.o);for(const t of _(Object.keys(i)))V(o,t,l[t],i[t],n,e.o)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,J=(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(B||(B="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(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),B&&"foreignObject"===o.v&&(B=!1),Y(null,o,B),o.p)for(r=0;r<o.p.length;++r)i=J(t,o,r),i&&l.appendChild(i);"svg"===o.v?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=z,l},K=(t,e,n,o,l,i)=>{let r,s=t;for(s.shadowRoot&&s.tagName===z&&(s=s.shadowRoot);l<=i;++l)o[l]&&(r=J(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?(Y(t,e,B="svg"===r||"foreignObject"!==r&&B),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,r,s=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;s<=f&&c<=p;)if(null==d)d=e[++s];else if(null==h)h=e[--f];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[--f],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[--f],m=o[++c];else{for(u=-1,a=s;a<=f;++a)if(e[a]&&null!==e[a].m&&e[a].m===m.m){u=a;break}u>=0?(r=e[u],r.v!==m.v?i=J(e&&e[c],n,u):(Z(r,m,l),e[u]=void 0,i=r.$),m=o[++c]):(i=J(e&&e[c],n,c),m=o[++c]),i&&tt(d.$.parentNode,i,d.$)}s>f?K(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&Q(e,s,f)})(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),B&&"svg"===r&&(B=!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 e?(t.k.length&&t.k.forEach((t=>t(n))),l=ht(o,"componentWillLoad",void 0,n)):l=ht(o,"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.C,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.M)?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(f){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=()=>at(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.P||U(null,null),i=(t=>t&&t.v===W)(e)?e:D(null,null,e);if(z=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.P=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,at=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.R(e),o||dt()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>nt(t,!1))),t.o&=-517},ft=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.D.get(n),s=i.o,c=i.t;if(o=H(o,l.U[n][0]),(!(8&s)||void 0===r)&&o!==r&&(!Number.isNaN(r)||!Number.isNaN(o))&&(i.D.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.U){const s=Object.entries(null!=(l=n.U)?l:{});if(s.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};i&&(n.U[t][0]|=2048),s&&(n.U[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&n.U[t][0]))return((t,n)=>e(this).D.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)return void 0===(32&l?this[t]:r.$hostElement$[t])&&r.D.get(t)&&(i=r.D.get(t)),s.call(this,H(i,l)),void mt(this,t,i=32&l?this[t]:r.$hostElement$[t],n);{if(!(1&o&&4096&n.U[t][0]))return mt(this,t,i,n),void(1&o&&!r.t&&r.k.push((()=>{4096&n.U[t][0]&&r.t[t]!==r.D.get(t)&&(r.t[t]=i)})));const e=()=>{const e=r.t[t];!r.D.get(t)&&e&&r.D.set(t,e),r.t[t]=H(i,l),mt(this,t,r.t[t],n)};r.t?e():r.k.push((()=>{e()}))}}}})}})),1&o){const o=new Map;r.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var s;const c=o.get(t),u=e(this);if(this.hasOwnProperty(c)&&(i=this[c],delete this[c]),r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const e=null==u?void 0:u.o;if(u&&e&&!(8&e)&&128&e&&i!==l){const e=u.t,o=null==(s=n.W)?void 0:s[t];null==o||o.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}const a=Object.getOwnPropertyDescriptor(r,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)==this[c]||a.get&&!a.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?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 a=[],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],U:n[2],A:n[3]};4&o.o&&($=!0),o.U=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,C:e,D:new Map,N:new Map};n.L=new Promise((t=>n.R=t)),t["s-p"]=[],t["s-rc"]=[],n.k=[];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.C,s=()=>{};if(1&n.o)(null==n?void 0:n.t)?yt(n.t,t):(null==n?void 0:n.L)&&n.L.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.U&&Object.entries(o.U).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[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.T){const r=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.T;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.H}" 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);f&&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.L)&&n.L.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.P)?void 0:t.$)instanceof Node&&!n.P.$.isConnected&&delete n.P.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.L}};o.T=t[0],d.includes(s)||h.get(s)||(a.push(s),h.define(s,vt(c,o,1)))}))})),a.length>0&&($&&(v.textContent+=s),v.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.M)?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.M=t;export{bt as b,ft as f,ut as g,D as h,a as p,n as r,$t as s}
package/dist/proto-tinker-wc/{p-d5119799.entry.js → p-fcf0c06f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{h as n,g as t,f as e,r as a}from"./p-Lncs47Cj.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.14"),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.14 | 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-BWiaqDfw.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.14"),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.14 | 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}
package/dist/proto-tinker-wc/proto-tinker-wc.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as t,b as o}from"./p-Lncs47Cj.js";export{s as setNonce}from"./p-Lncs47Cj.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 s=>(await r(),o([["p-d5119799",[[257,"proto-tinker",{tag:[1]}]]]],s))));
1
+ import{p as t,b as a}from"./p-BWiaqDfw.js";export{s as setNonce}from"./p-BWiaqDfw.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),t(o)})().then((async t=>(await o(),a([["p-fcf0c06f",[[257,"proto-tinker",{tag:[1]}]]]],t))));
package/dist/types/stencil-public-runtime.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
1
+ type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
2
2
  type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
3
3
  export interface ComponentDecorator {
4
4
  (opts?: ComponentOptions): ClassDecorator;
@@ -152,7 +152,13 @@ export interface StateDecorator {
152
152
  (): PropertyDecorator;
153
153
  }
154
154
  export interface WatchDecorator {
155
- (propName: string): CustomMethodDecorator<any>;
155
+ (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
156
+ }
157
+ export interface PropSerializeDecorator {
158
+ (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
159
+ }
160
+ export interface AttrDeserializeDecorator {
161
+ (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
156
162
  }
157
163
  export interface UserBuildConditionals {
158
164
  isDev: boolean;
@@ -234,6 +240,14 @@ export declare const State: StateDecorator;
234
240
  * https://stenciljs.com/docs/reactive-data#watch-decorator
235
241
  */
236
242
  export declare const Watch: WatchDecorator;
243
+ /**
244
+ * Decorator to serialize a property to an attribute string.
245
+ */
246
+ export declare const PropSerialize: PropSerializeDecorator;
247
+ /**
248
+ * Decorator to deserialize an attribute string to a property.
249
+ */
250
+ export declare const AttrDeserialize: AttrDeserializeDecorator;
237
251
  export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
238
252
  export type ErrorHandler = (err: any, element?: HTMLElement) => void;
239
253
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-tinker-wc",
3
- "version": "0.1.96",
3
+ "version": "0.1.97",
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.37.1",
31
+ "@stencil/core": "4.38.0",
32
32
  "@stencil/store": "2.2.0"
33
33
  },
34
34
  "devDependencies": {
package/dist/proto-tinker-wc/p-Lncs47Cj.js DELETED
@@ -1,2 +0,0 @@
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:()=>k,map:()=>O,ok:()=>j,unwrap:()=>C,unwrapErr:()=>M});var j=t=>({isOk:!0,isErr:!1,value:t}),k=t=>({isOk:!1,isErr:!0,value:t});function O(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 k(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?U(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,A);const u=U(t,null);return u.h=e,s.length>0&&(u.p=s),u.m=l,u},U=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),W={},A={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(L)},N=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=U(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)=>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+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of _(Object.keys(l)))t in i||z(o,t,l[t],void 0,n,e.o);for(const t of _(Object.keys(i)))z(o,t,l[t],i[t],n,e.o)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,J=(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(B||(B="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(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),B&&"foreignObject"===o.v&&(B=!1),Y(null,o,B),o.p)for(r=0;r<o.p.length;++r)i=J(t,o,r),i&&l.appendChild(i);"svg"===o.v?B=!1:"foreignObject"===l.tagName&&(B=!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=J(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?(Y(t,e,B="svg"===r||"foreignObject"!==r&&B),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=J(e&&e[c],n,u):(Z(r,m,l),e[u]=void 0,i=r.$),m=o[++c]):(i=J(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),B&&"svg"===r&&(B=!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.k);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.O,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||U(null,null),i=(t=>t&&t.v===W)(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.k;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.U.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.U.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.W)?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.W)?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],A: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,O:e,R:new Map};n.U=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.O,s=()=>{};if(1&n.o)(null==n?void 0:n.t)?yt(n.t,t):(null==n?void 0:n.U)&&n.U.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.k=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.N){const r=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.N;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.k,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.U)&&n.U.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.U}};o.N=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}