proto-table-wc 0.0.574 → 0.0.576

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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c5419b20.js');
5
+ const index = require('./index-60135945.js');
6
6
 
7
7
  const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
8
8
  const DemoTableStyle0 = demoTableCss;
@@ -24,7 +24,7 @@ const NAMESPACE = 'proto-table-wc';
24
24
  const BUILD = /* proto-table-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.23.2 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.24.0 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
@@ -206,6 +206,20 @@ var unwrapErr = (result) => {
206
206
  throw result.value;
207
207
  }
208
208
  };
209
+ var createTime = (fnName, tagName = "") => {
210
+ {
211
+ return () => {
212
+ return;
213
+ };
214
+ }
215
+ };
216
+ var uniqueTime = (key, measureText) => {
217
+ {
218
+ return () => {
219
+ return;
220
+ };
221
+ }
222
+ };
209
223
  var h = (nodeName, vnodeData, ...children) => {
210
224
  let child = null;
211
225
  let key = null;
@@ -270,6 +284,107 @@ var newVNode = (tag, text) => {
270
284
  };
271
285
  var Host = {};
272
286
  var isHost = (node) => node && node.$tag$ === Host;
287
+ var parsePropertyValue = (propValue, propType) => {
288
+ if (propValue != null && !isComplexType(propValue)) {
289
+ return propValue;
290
+ }
291
+ return propValue;
292
+ };
293
+ var emitEvent = (elm, name, opts) => {
294
+ const ev = plt.ce(name, opts);
295
+ elm.dispatchEvent(ev);
296
+ return ev;
297
+ };
298
+ var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
299
+ var registerStyle = (scopeId2, cssText, allowCS) => {
300
+ let style = styles.get(scopeId2);
301
+ if (supportsConstructableStylesheets && allowCS) {
302
+ style = style || new CSSStyleSheet();
303
+ if (typeof style === "string") {
304
+ style = cssText;
305
+ } else {
306
+ style.replaceSync(cssText);
307
+ }
308
+ } else {
309
+ style = cssText;
310
+ }
311
+ styles.set(scopeId2, style);
312
+ };
313
+ var addStyle = (styleContainerNode, cmpMeta, mode) => {
314
+ var _a;
315
+ const scopeId2 = getScopeId(cmpMeta);
316
+ const style = styles.get(scopeId2);
317
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
318
+ if (style) {
319
+ if (typeof style === "string") {
320
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
321
+ let appliedStyles = rootAppliedStyles.get(styleContainerNode);
322
+ let styleElm;
323
+ if (!appliedStyles) {
324
+ rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
325
+ }
326
+ if (!appliedStyles.has(scopeId2)) {
327
+ {
328
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
329
+ styleElm.innerHTML = style;
330
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
331
+ if (nonce != null) {
332
+ styleElm.setAttribute("nonce", nonce);
333
+ }
334
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
335
+ if (styleContainerNode.nodeName === "HEAD") {
336
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
337
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
338
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
339
+ } else if ("host" in styleContainerNode) {
340
+ if (supportsConstructableStylesheets) {
341
+ const stylesheet = new CSSStyleSheet();
342
+ stylesheet.replaceSync(style);
343
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
344
+ } else {
345
+ const existingStyleContainer = styleContainerNode.querySelector("style");
346
+ if (existingStyleContainer) {
347
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
348
+ } else {
349
+ styleContainerNode.prepend(styleElm);
350
+ }
351
+ }
352
+ } else {
353
+ styleContainerNode.append(styleElm);
354
+ }
355
+ }
356
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
357
+ styleContainerNode.insertBefore(styleElm, null);
358
+ }
359
+ }
360
+ if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
361
+ styleElm.innerHTML += SLOT_FB_CSS;
362
+ }
363
+ if (appliedStyles) {
364
+ appliedStyles.add(scopeId2);
365
+ }
366
+ }
367
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
368
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
369
+ }
370
+ }
371
+ return scopeId2;
372
+ };
373
+ var attachStyles = (hostRef) => {
374
+ const cmpMeta = hostRef.$cmpMeta$;
375
+ const elm = hostRef.$hostElement$;
376
+ const flags = cmpMeta.$flags$;
377
+ const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
378
+ const scopeId2 = addStyle(
379
+ elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
380
+ cmpMeta);
381
+ if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
382
+ elm["s-sc"] = scopeId2;
383
+ elm.classList.add(scopeId2 + "-h");
384
+ }
385
+ endAttachStyles();
386
+ };
387
+ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
273
388
  var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
274
389
  if (oldValue !== newValue) {
275
390
  let isProp = isMemberInElement(elm, memberName);
@@ -327,7 +442,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
327
442
  elm.setAttribute(memberName, n);
328
443
  }
329
444
  }
330
- } else {
445
+ } else if (elm[memberName] !== newValue) {
331
446
  elm[memberName] = newValue;
332
447
  }
333
448
  } catch (e) {
@@ -595,8 +710,9 @@ var nullifyVNodeRefs = (vNode) => {
595
710
  }
596
711
  };
597
712
  var insertBefore = (parent, newNode, reference) => {
598
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
599
- return inserted;
713
+ {
714
+ return parent == null ? void 0 : parent.insertBefore(newNode, reference);
715
+ }
600
716
  };
601
717
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
602
718
  const hostElm = hostRef.$hostElement$;
@@ -618,126 +734,18 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
618
734
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
619
735
  patch(oldVNode, rootVnode, isInitialLoad);
620
736
  };
621
- var createTime = (fnName, tagName = "") => {
622
- {
623
- return () => {
624
- return;
625
- };
626
- }
627
- };
628
- var uniqueTime = (key, measureText) => {
629
- {
630
- return () => {
631
- return;
632
- };
633
- }
634
- };
635
- var parsePropertyValue = (propValue, propType) => {
636
- if (propValue != null && !isComplexType(propValue)) {
637
- return propValue;
638
- }
639
- return propValue;
640
- };
641
- var emitEvent = (elm, name, opts) => {
642
- const ev = plt.ce(name, opts);
643
- elm.dispatchEvent(ev);
644
- return ev;
645
- };
646
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
647
- var registerStyle = (scopeId2, cssText, allowCS) => {
648
- let style = styles.get(scopeId2);
649
- if (supportsConstructableStylesheets && allowCS) {
650
- style = style || new CSSStyleSheet();
651
- if (typeof style === "string") {
652
- style = cssText;
653
- } else {
654
- style.replaceSync(cssText);
655
- }
656
- } else {
657
- style = cssText;
658
- }
659
- styles.set(scopeId2, style);
660
- };
661
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
662
- var _a;
663
- const scopeId2 = getScopeId(cmpMeta);
664
- const style = styles.get(scopeId2);
665
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
666
- if (style) {
667
- if (typeof style === "string") {
668
- styleContainerNode = styleContainerNode.head || styleContainerNode;
669
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
670
- let styleElm;
671
- if (!appliedStyles) {
672
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
673
- }
674
- if (!appliedStyles.has(scopeId2)) {
675
- {
676
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
677
- styleElm.innerHTML = style;
678
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
679
- if (nonce != null) {
680
- styleElm.setAttribute("nonce", nonce);
681
- }
682
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
683
- if (styleContainerNode.nodeName === "HEAD") {
684
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
685
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
686
- styleContainerNode.insertBefore(styleElm, referenceNode2);
687
- } else if ("host" in styleContainerNode) {
688
- if (supportsConstructableStylesheets) {
689
- const stylesheet = new CSSStyleSheet();
690
- stylesheet.replaceSync(style);
691
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
692
- } else {
693
- const existingStyleContainer = styleContainerNode.querySelector("style");
694
- if (existingStyleContainer) {
695
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
696
- } else {
697
- styleContainerNode.prepend(styleElm);
698
- }
699
- }
700
- } else {
701
- styleContainerNode.append(styleElm);
702
- }
703
- }
704
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
705
- styleContainerNode.insertBefore(styleElm, null);
706
- }
707
- }
708
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
709
- styleElm.innerHTML += SLOT_FB_CSS;
710
- }
711
- if (appliedStyles) {
712
- appliedStyles.add(scopeId2);
713
- }
714
- }
715
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
716
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
717
- }
718
- }
719
- return scopeId2;
720
- };
721
- var attachStyles = (hostRef) => {
722
- const cmpMeta = hostRef.$cmpMeta$;
723
- const elm = hostRef.$hostElement$;
724
- const flags = cmpMeta.$flags$;
725
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
726
- const scopeId2 = addStyle(
727
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
728
- cmpMeta);
729
- if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
730
- elm["s-sc"] = scopeId2;
731
- elm.classList.add(scopeId2 + "-h");
732
- }
733
- endAttachStyles();
734
- };
735
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
736
737
 
737
738
  // src/runtime/update-component.ts
738
739
  var attachToAncestor = (hostRef, ancestorComponent) => {
739
740
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
740
- ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
741
+ const index = ancestorComponent["s-p"].push(
742
+ new Promise(
743
+ (r) => hostRef.$onRenderResolve$ = () => {
744
+ ancestorComponent["s-p"].splice(index - 1, 1);
745
+ r();
746
+ }
747
+ )
748
+ );
741
749
  }
742
750
  };
743
751
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -915,62 +923,69 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
915
923
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
916
924
  members.map(([memberName, [memberFlags]]) => {
917
925
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
918
- if ((memberFlags & 2048 /* Getter */) === 0) {
926
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
927
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
928
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
929
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
919
930
  Object.defineProperty(prototype, memberName, {
920
931
  get() {
921
- return getValue(this, memberName);
922
- },
923
- set(newValue) {
924
- setValue(this, memberName, newValue, cmpMeta);
925
- },
926
- configurable: true,
927
- enumerable: true
928
- });
929
- } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
930
- {
931
- Object.defineProperty(prototype, memberName, {
932
- get() {
932
+ {
933
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
934
+ return getValue(this, memberName);
935
+ }
933
936
  const ref = getHostRef(this);
934
937
  const instance = ref ? ref.$lazyInstance$ : prototype;
935
938
  if (!instance) return;
936
939
  return instance[memberName];
937
- },
938
- configurable: true,
939
- enumerable: true
940
- });
941
- }
942
- if (memberFlags & 4096 /* Setter */) {
943
- const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
944
- Object.defineProperty(prototype, memberName, {
945
- set(newValue) {
946
- const ref = getHostRef(this);
947
- if (origSetter) {
948
- const currentValue = ref.$hostElement$[memberName];
949
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
950
- ref.$instanceValues$.set(memberName, currentValue);
951
- }
952
- origSetter.apply(this, [parsePropertyValue(newValue)]);
953
- setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
954
- return;
940
+ }
941
+ },
942
+ configurable: true,
943
+ enumerable: true
944
+ });
945
+ }
946
+ Object.defineProperty(prototype, memberName, {
947
+ set(newValue) {
948
+ const ref = getHostRef(this);
949
+ if (origSetter) {
950
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
951
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
952
+ newValue = ref.$instanceValues$.get(memberName);
953
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
954
+ ref.$instanceValues$.set(memberName, currentValue);
955
+ }
956
+ origSetter.apply(this, [parsePropertyValue(newValue)]);
957
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
958
+ setValue(this, memberName, newValue, cmpMeta);
959
+ return;
960
+ }
961
+ {
962
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
963
+ setValue(this, memberName, newValue, cmpMeta);
964
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
965
+ ref.$onReadyPromise$.then(() => {
966
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
967
+ ref.$lazyInstance$[memberName] = newValue;
968
+ }
969
+ });
955
970
  }
956
- if (!ref) return;
957
- const setterSetVal = () => {
958
- const currentValue = ref.$lazyInstance$[memberName];
959
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
960
- ref.$instanceValues$.set(memberName, currentValue);
961
- }
962
- ref.$lazyInstance$[memberName] = parsePropertyValue(newValue);
963
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
964
- };
965
- if (ref.$lazyInstance$) {
966
- setterSetVal();
967
- } else {
968
- ref.$onReadyPromise$.then(() => setterSetVal());
971
+ return;
972
+ }
973
+ const setterSetVal = () => {
974
+ const currentValue = ref.$lazyInstance$[memberName];
975
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
976
+ ref.$instanceValues$.set(memberName, currentValue);
969
977
  }
978
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue);
979
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
980
+ };
981
+ if (ref.$lazyInstance$) {
982
+ setterSetVal();
983
+ } else {
984
+ ref.$onReadyPromise$.then(() => setterSetVal());
970
985
  }
971
- });
986
+ }
972
987
  }
973
- }
988
+ });
974
989
  }
975
990
  });
976
991
  if ((flags & 1 /* isElementConstructor */)) {
@@ -1000,8 +1015,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1000
1015
  return;
1001
1016
  }
1002
1017
  const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1003
- if (!propDesc.get || !!propDesc.set) {
1004
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1018
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1019
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1020
+ this[propName] = newValue;
1005
1021
  }
1006
1022
  });
1007
1023
  };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c5419b20.js');
5
+ const index = require('./index-60135945.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c5419b20.js');
5
+ const index = require('./index-60135945.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.24.0 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-table-wc.cjs.js', document.baseURI).href));
@@ -5,7 +5,7 @@
5
5
  ],
6
6
  "compiler": {
7
7
  "name": "@stencil/core",
8
- "version": "4.23.2",
8
+ "version": "4.24.0",
9
9
  "typescriptVersion": "5.5.4"
10
10
  },
11
11
  "collections": [],
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-977bebd7.js';
1
+ import { r as registerInstance, h } from './index-41dd0794.js';
2
2
 
3
3
  const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
4
4
  const DemoTableStyle0 = demoTableCss;
@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-table-wc';
2
2
  const BUILD = /* proto-table-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.23.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.24.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -184,6 +184,20 @@ var unwrapErr = (result) => {
184
184
  throw result.value;
185
185
  }
186
186
  };
187
+ var createTime = (fnName, tagName = "") => {
188
+ {
189
+ return () => {
190
+ return;
191
+ };
192
+ }
193
+ };
194
+ var uniqueTime = (key, measureText) => {
195
+ {
196
+ return () => {
197
+ return;
198
+ };
199
+ }
200
+ };
187
201
  var h = (nodeName, vnodeData, ...children) => {
188
202
  let child = null;
189
203
  let key = null;
@@ -248,6 +262,107 @@ var newVNode = (tag, text) => {
248
262
  };
249
263
  var Host = {};
250
264
  var isHost = (node) => node && node.$tag$ === Host;
265
+ var parsePropertyValue = (propValue, propType) => {
266
+ if (propValue != null && !isComplexType(propValue)) {
267
+ return propValue;
268
+ }
269
+ return propValue;
270
+ };
271
+ var emitEvent = (elm, name, opts) => {
272
+ const ev = plt.ce(name, opts);
273
+ elm.dispatchEvent(ev);
274
+ return ev;
275
+ };
276
+ var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
277
+ var registerStyle = (scopeId2, cssText, allowCS) => {
278
+ let style = styles.get(scopeId2);
279
+ if (supportsConstructableStylesheets && allowCS) {
280
+ style = style || new CSSStyleSheet();
281
+ if (typeof style === "string") {
282
+ style = cssText;
283
+ } else {
284
+ style.replaceSync(cssText);
285
+ }
286
+ } else {
287
+ style = cssText;
288
+ }
289
+ styles.set(scopeId2, style);
290
+ };
291
+ var addStyle = (styleContainerNode, cmpMeta, mode) => {
292
+ var _a;
293
+ const scopeId2 = getScopeId(cmpMeta);
294
+ const style = styles.get(scopeId2);
295
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
296
+ if (style) {
297
+ if (typeof style === "string") {
298
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
299
+ let appliedStyles = rootAppliedStyles.get(styleContainerNode);
300
+ let styleElm;
301
+ if (!appliedStyles) {
302
+ rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
303
+ }
304
+ if (!appliedStyles.has(scopeId2)) {
305
+ {
306
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
307
+ styleElm.innerHTML = style;
308
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
309
+ if (nonce != null) {
310
+ styleElm.setAttribute("nonce", nonce);
311
+ }
312
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
313
+ if (styleContainerNode.nodeName === "HEAD") {
314
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
315
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
316
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
317
+ } else if ("host" in styleContainerNode) {
318
+ if (supportsConstructableStylesheets) {
319
+ const stylesheet = new CSSStyleSheet();
320
+ stylesheet.replaceSync(style);
321
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
322
+ } else {
323
+ const existingStyleContainer = styleContainerNode.querySelector("style");
324
+ if (existingStyleContainer) {
325
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
326
+ } else {
327
+ styleContainerNode.prepend(styleElm);
328
+ }
329
+ }
330
+ } else {
331
+ styleContainerNode.append(styleElm);
332
+ }
333
+ }
334
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
335
+ styleContainerNode.insertBefore(styleElm, null);
336
+ }
337
+ }
338
+ if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
339
+ styleElm.innerHTML += SLOT_FB_CSS;
340
+ }
341
+ if (appliedStyles) {
342
+ appliedStyles.add(scopeId2);
343
+ }
344
+ }
345
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
346
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
347
+ }
348
+ }
349
+ return scopeId2;
350
+ };
351
+ var attachStyles = (hostRef) => {
352
+ const cmpMeta = hostRef.$cmpMeta$;
353
+ const elm = hostRef.$hostElement$;
354
+ const flags = cmpMeta.$flags$;
355
+ const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
356
+ const scopeId2 = addStyle(
357
+ elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
358
+ cmpMeta);
359
+ if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
360
+ elm["s-sc"] = scopeId2;
361
+ elm.classList.add(scopeId2 + "-h");
362
+ }
363
+ endAttachStyles();
364
+ };
365
+ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
251
366
  var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
252
367
  if (oldValue !== newValue) {
253
368
  let isProp = isMemberInElement(elm, memberName);
@@ -305,7 +420,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
305
420
  elm.setAttribute(memberName, n);
306
421
  }
307
422
  }
308
- } else {
423
+ } else if (elm[memberName] !== newValue) {
309
424
  elm[memberName] = newValue;
310
425
  }
311
426
  } catch (e) {
@@ -573,8 +688,9 @@ var nullifyVNodeRefs = (vNode) => {
573
688
  }
574
689
  };
575
690
  var insertBefore = (parent, newNode, reference) => {
576
- const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
577
- return inserted;
691
+ {
692
+ return parent == null ? void 0 : parent.insertBefore(newNode, reference);
693
+ }
578
694
  };
579
695
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
580
696
  const hostElm = hostRef.$hostElement$;
@@ -596,126 +712,18 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
596
712
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
597
713
  patch(oldVNode, rootVnode, isInitialLoad);
598
714
  };
599
- var createTime = (fnName, tagName = "") => {
600
- {
601
- return () => {
602
- return;
603
- };
604
- }
605
- };
606
- var uniqueTime = (key, measureText) => {
607
- {
608
- return () => {
609
- return;
610
- };
611
- }
612
- };
613
- var parsePropertyValue = (propValue, propType) => {
614
- if (propValue != null && !isComplexType(propValue)) {
615
- return propValue;
616
- }
617
- return propValue;
618
- };
619
- var emitEvent = (elm, name, opts) => {
620
- const ev = plt.ce(name, opts);
621
- elm.dispatchEvent(ev);
622
- return ev;
623
- };
624
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
625
- var registerStyle = (scopeId2, cssText, allowCS) => {
626
- let style = styles.get(scopeId2);
627
- if (supportsConstructableStylesheets && allowCS) {
628
- style = style || new CSSStyleSheet();
629
- if (typeof style === "string") {
630
- style = cssText;
631
- } else {
632
- style.replaceSync(cssText);
633
- }
634
- } else {
635
- style = cssText;
636
- }
637
- styles.set(scopeId2, style);
638
- };
639
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
640
- var _a;
641
- const scopeId2 = getScopeId(cmpMeta);
642
- const style = styles.get(scopeId2);
643
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
644
- if (style) {
645
- if (typeof style === "string") {
646
- styleContainerNode = styleContainerNode.head || styleContainerNode;
647
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
648
- let styleElm;
649
- if (!appliedStyles) {
650
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
651
- }
652
- if (!appliedStyles.has(scopeId2)) {
653
- {
654
- styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
655
- styleElm.innerHTML = style;
656
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
657
- if (nonce != null) {
658
- styleElm.setAttribute("nonce", nonce);
659
- }
660
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
661
- if (styleContainerNode.nodeName === "HEAD") {
662
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
663
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
664
- styleContainerNode.insertBefore(styleElm, referenceNode2);
665
- } else if ("host" in styleContainerNode) {
666
- if (supportsConstructableStylesheets) {
667
- const stylesheet = new CSSStyleSheet();
668
- stylesheet.replaceSync(style);
669
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
670
- } else {
671
- const existingStyleContainer = styleContainerNode.querySelector("style");
672
- if (existingStyleContainer) {
673
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
674
- } else {
675
- styleContainerNode.prepend(styleElm);
676
- }
677
- }
678
- } else {
679
- styleContainerNode.append(styleElm);
680
- }
681
- }
682
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
683
- styleContainerNode.insertBefore(styleElm, null);
684
- }
685
- }
686
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
687
- styleElm.innerHTML += SLOT_FB_CSS;
688
- }
689
- if (appliedStyles) {
690
- appliedStyles.add(scopeId2);
691
- }
692
- }
693
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
694
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
695
- }
696
- }
697
- return scopeId2;
698
- };
699
- var attachStyles = (hostRef) => {
700
- const cmpMeta = hostRef.$cmpMeta$;
701
- const elm = hostRef.$hostElement$;
702
- const flags = cmpMeta.$flags$;
703
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
704
- const scopeId2 = addStyle(
705
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
706
- cmpMeta);
707
- if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
708
- elm["s-sc"] = scopeId2;
709
- elm.classList.add(scopeId2 + "-h");
710
- }
711
- endAttachStyles();
712
- };
713
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
714
715
 
715
716
  // src/runtime/update-component.ts
716
717
  var attachToAncestor = (hostRef, ancestorComponent) => {
717
718
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
718
- ancestorComponent["s-p"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));
719
+ const index = ancestorComponent["s-p"].push(
720
+ new Promise(
721
+ (r) => hostRef.$onRenderResolve$ = () => {
722
+ ancestorComponent["s-p"].splice(index - 1, 1);
723
+ r();
724
+ }
725
+ )
726
+ );
719
727
  }
720
728
  };
721
729
  var scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -893,62 +901,69 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
893
901
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
894
902
  members.map(([memberName, [memberFlags]]) => {
895
903
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
896
- if ((memberFlags & 2048 /* Getter */) === 0) {
904
+ const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
905
+ if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
906
+ if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
907
+ if (flags & 1 /* isElementConstructor */ || !origGetter) {
897
908
  Object.defineProperty(prototype, memberName, {
898
909
  get() {
899
- return getValue(this, memberName);
900
- },
901
- set(newValue) {
902
- setValue(this, memberName, newValue, cmpMeta);
903
- },
904
- configurable: true,
905
- enumerable: true
906
- });
907
- } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
908
- {
909
- Object.defineProperty(prototype, memberName, {
910
- get() {
910
+ {
911
+ if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
912
+ return getValue(this, memberName);
913
+ }
911
914
  const ref = getHostRef(this);
912
915
  const instance = ref ? ref.$lazyInstance$ : prototype;
913
916
  if (!instance) return;
914
917
  return instance[memberName];
915
- },
916
- configurable: true,
917
- enumerable: true
918
- });
919
- }
920
- if (memberFlags & 4096 /* Setter */) {
921
- const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
922
- Object.defineProperty(prototype, memberName, {
923
- set(newValue) {
924
- const ref = getHostRef(this);
925
- if (origSetter) {
926
- const currentValue = ref.$hostElement$[memberName];
927
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
928
- ref.$instanceValues$.set(memberName, currentValue);
929
- }
930
- origSetter.apply(this, [parsePropertyValue(newValue)]);
931
- setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
932
- return;
918
+ }
919
+ },
920
+ configurable: true,
921
+ enumerable: true
922
+ });
923
+ }
924
+ Object.defineProperty(prototype, memberName, {
925
+ set(newValue) {
926
+ const ref = getHostRef(this);
927
+ if (origSetter) {
928
+ const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
929
+ if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
930
+ newValue = ref.$instanceValues$.get(memberName);
931
+ } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
932
+ ref.$instanceValues$.set(memberName, currentValue);
933
+ }
934
+ origSetter.apply(this, [parsePropertyValue(newValue)]);
935
+ newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
936
+ setValue(this, memberName, newValue, cmpMeta);
937
+ return;
938
+ }
939
+ {
940
+ if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
941
+ setValue(this, memberName, newValue, cmpMeta);
942
+ if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
943
+ ref.$onReadyPromise$.then(() => {
944
+ if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
945
+ ref.$lazyInstance$[memberName] = newValue;
946
+ }
947
+ });
933
948
  }
934
- if (!ref) return;
935
- const setterSetVal = () => {
936
- const currentValue = ref.$lazyInstance$[memberName];
937
- if (!ref.$instanceValues$.get(memberName) && currentValue) {
938
- ref.$instanceValues$.set(memberName, currentValue);
939
- }
940
- ref.$lazyInstance$[memberName] = parsePropertyValue(newValue);
941
- setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
942
- };
943
- if (ref.$lazyInstance$) {
944
- setterSetVal();
945
- } else {
946
- ref.$onReadyPromise$.then(() => setterSetVal());
949
+ return;
950
+ }
951
+ const setterSetVal = () => {
952
+ const currentValue = ref.$lazyInstance$[memberName];
953
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
954
+ ref.$instanceValues$.set(memberName, currentValue);
947
955
  }
956
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue);
957
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
958
+ };
959
+ if (ref.$lazyInstance$) {
960
+ setterSetVal();
961
+ } else {
962
+ ref.$onReadyPromise$.then(() => setterSetVal());
948
963
  }
949
- });
964
+ }
950
965
  }
951
- }
966
+ });
952
967
  }
953
968
  });
954
969
  if ((flags & 1 /* isElementConstructor */)) {
@@ -978,8 +993,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
978
993
  return;
979
994
  }
980
995
  const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
981
- if (!propDesc.get || !!propDesc.set) {
982
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
996
+ newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
997
+ if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
998
+ this[propName] = newValue;
983
999
  }
984
1000
  });
985
1001
  };
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-977bebd7.js';
2
- export { s as setNonce } from './index-977bebd7.js';
1
+ import { b as bootstrapLazy } from './index-41dd0794.js';
2
+ export { s as setNonce } from './index-41dd0794.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-977bebd7.js';
2
- export { s as setNonce } from './index-977bebd7.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-41dd0794.js';
2
+ export { s as setNonce } from './index-41dd0794.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.24.0 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-5d92147a.js";const r=class{constructor(r){e(this,r),this.fields=[{label:"Date",prop:"date"},{label:"List Price",prop:"price"},{label:"% of Market",prop:"market"},{label:"ProfitTime Score",prop:"score"}],this.items=[],this.table=void 0,this.renderDetails=e=>{const{tags:r=[]}=e;return t("div",{class:"detailWrapper"},t("span",null,r.length," details..."),t("ul",null,r.map((e=>t("li",null,e)))))}}componentWillLoad(){this.items=[{date:"08/30/2020",price:"$24,000",market:"98%",score:"No Score",tags:["one","two","three"]},{date:"08/31/2020",price:"$24,000",market:"99%",score:"No Score",tags:["uno","duo"]},{date:"09/01/2020",price:"$27,000",market:"102%",score:"Platinum"},{date:"09/02/2020",price:"$27,423",market:"104%",score:"Platinum",tags:["dog","cat","fish","hamster"]},{date:"09/03/2020",price:"$27,521",market:"106%",score:"Platinum",tags:["4wd","sports"]},{date:"09/04/2020",price:"$27,687",market:"107%",score:"Platinum",tags:["leather","chrome"]}]}componentDidLoad(){const{table:e,items:t,fields:r}=this;e.data=t,e.fields=r,e.details=this.renderDetails}render(){return t("proto-table",{key:"aa5f26287b85073afb5bbd3c133f9ad388fc8138",ref:e=>this.table=e})}};r.style=".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";const s={down:"M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z",up:"M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z",left:"M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z",right:"M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z",more:"M12 14a2 2 0 100-4 2 2 0 000 4zm-6 0a2 2 0 100-4 2 2 0 000 4zm12 0a2 2 0 100-4 2 2 0 000 4z","arrow-up":"M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z","arrow-down":"M18.7 13.3l-1.4-1.4-4.3 4.3V4h-2v12.2l-4.3-4.3-1.4 1.4L12 20z"},i={right:"show",down:"hide","arrow-up":"sort","arrow-down":"sort"},l=class{constructor(r){e(this,r),this.data=[],this.details=void 0,this.fields=[],this.expanded=void 0,this.sort=void 0,this.clicks=0,this.protoIcon=(e,r,l=24)=>{const o=s[e];return t("svg",{width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-labelledby":"title"},t("title",null,(e=>i[e])(e)),t("g",{fill:r},t("path",{d:o})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},this.handleCellClick=(e,t)=>()=>{0===e&&(this.expanded=this.expanded===t?void 0:t)},this.handleSortClick=e=>()=>{this.sort===e?2===this.clicks?(this.clicks=0,this.sort=void 0):this.clicks=this.clicks+1:(this.sort=e,this.clicks=1)},this.iconFor=e=>this.sort===e&&2===this.clicks?"arrow-up":"arrow-down",this.header=()=>{const{fields:e,iconFor:r,protoIcon:s}=this;return t("div",{class:"header"},e.map((({label:e},i)=>{const l=i===this.sort?"headerCell sort":"headerCell",o=r(i);return t("div",{class:l,onClick:this.handleSortClick(i)},s(o),t("span",null,e))})))},this.row=(e,r)=>{const{fields:s,protoIcon:i}=this;return t("div",{class:"rowContainer"},t("div",{class:this.expanded===r?"row expanded":"row"},s.map((({prop:s},l)=>t("div",{class:l===this.sort?"cell sort":"cell",onClick:this.handleCellClick(l,r)},i(0===l&&this.details?this.expanded===r?"down":"right":"pad"),e[s])))),this.details&&this.expanded===r&&this.details(e))}}render(){const e=this.data||[];return t("div",{key:"c30742fde0de976c553234528a7bfb6ce10d3ef5",class:"table"},this.header(),e.map(((e,t)=>this.row(e,t))))}};l.style=".table{font-weight:400;font-size:13px;display:flex;flex-direction:column;width:100%;border:1px solid var(--clrs-navy);border-radius:2px}.table svg{fill:var(--clrs-navy)}.header{display:flex}.headerCell{flex-basis:100%;display:flex;align-items:center;justify-items:start;border-right:1px solid var(--clrs-navy);border-bottom:1px solid var(--clrs-navy);padding:5px;cursor:pointer}.headerCell svg g{display:none}.headerCell.sort svg g{display:inline}.headerCell:hover svg g{display:inline}.headerCell:hover{background-color:var(--clrs-silver)}.headerCell:last-child{border-right:none}.cell{flex-basis:100%;display:flex;align-items:center;justify-items:start;padding:5px}.cell:first-child svg{cursor:pointer}.sort{background-color:var(--cx-column-sort)}.row{display:flex;justify-items:stretch;width:100%}.row.expanded{background-color:var(--cx-row-expanded)}.row.expanded svg{fill:var(--clrs-red)}.row:hover{background-color:var(--cx-row-hover)}";export{r as demo_table,l as proto_table}
1
+ import{r as e,h as t}from"./p-d5899fc1.js";const r=class{constructor(r){e(this,r),this.fields=[{label:"Date",prop:"date"},{label:"List Price",prop:"price"},{label:"% of Market",prop:"market"},{label:"ProfitTime Score",prop:"score"}],this.items=[],this.table=void 0,this.renderDetails=e=>{const{tags:r=[]}=e;return t("div",{class:"detailWrapper"},t("span",null,r.length," details..."),t("ul",null,r.map((e=>t("li",null,e)))))}}componentWillLoad(){this.items=[{date:"08/30/2020",price:"$24,000",market:"98%",score:"No Score",tags:["one","two","three"]},{date:"08/31/2020",price:"$24,000",market:"99%",score:"No Score",tags:["uno","duo"]},{date:"09/01/2020",price:"$27,000",market:"102%",score:"Platinum"},{date:"09/02/2020",price:"$27,423",market:"104%",score:"Platinum",tags:["dog","cat","fish","hamster"]},{date:"09/03/2020",price:"$27,521",market:"106%",score:"Platinum",tags:["4wd","sports"]},{date:"09/04/2020",price:"$27,687",market:"107%",score:"Platinum",tags:["leather","chrome"]}]}componentDidLoad(){const{table:e,items:t,fields:r}=this;e.data=t,e.fields=r,e.details=this.renderDetails}render(){return t("proto-table",{key:"aa5f26287b85073afb5bbd3c133f9ad388fc8138",ref:e=>this.table=e})}};r.style=".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";const s={down:"M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z",up:"M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z",left:"M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z",right:"M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z",more:"M12 14a2 2 0 100-4 2 2 0 000 4zm-6 0a2 2 0 100-4 2 2 0 000 4zm12 0a2 2 0 100-4 2 2 0 000 4z","arrow-up":"M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z","arrow-down":"M18.7 13.3l-1.4-1.4-4.3 4.3V4h-2v12.2l-4.3-4.3-1.4 1.4L12 20z"},i={right:"show",down:"hide","arrow-up":"sort","arrow-down":"sort"},l=class{constructor(r){e(this,r),this.data=[],this.details=void 0,this.fields=[],this.expanded=void 0,this.sort=void 0,this.clicks=0,this.protoIcon=(e,r,l=24)=>{const o=s[e];return t("svg",{width:l,height:l,viewBox:"0 0 24 24",role:"img","aria-labelledby":"title"},t("title",null,(e=>i[e])(e)),t("g",{fill:r},t("path",{d:o})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},this.handleCellClick=(e,t)=>()=>{0===e&&(this.expanded=this.expanded===t?void 0:t)},this.handleSortClick=e=>()=>{this.sort===e?2===this.clicks?(this.clicks=0,this.sort=void 0):this.clicks=this.clicks+1:(this.sort=e,this.clicks=1)},this.iconFor=e=>this.sort===e&&2===this.clicks?"arrow-up":"arrow-down",this.header=()=>{const{fields:e,iconFor:r,protoIcon:s}=this;return t("div",{class:"header"},e.map((({label:e},i)=>{const l=i===this.sort?"headerCell sort":"headerCell",o=r(i);return t("div",{class:l,onClick:this.handleSortClick(i)},s(o),t("span",null,e))})))},this.row=(e,r)=>{const{fields:s,protoIcon:i}=this;return t("div",{class:"rowContainer"},t("div",{class:this.expanded===r?"row expanded":"row"},s.map((({prop:s},l)=>t("div",{class:l===this.sort?"cell sort":"cell",onClick:this.handleCellClick(l,r)},i(0===l&&this.details?this.expanded===r?"down":"right":"pad"),e[s])))),this.details&&this.expanded===r&&this.details(e))}}render(){const e=this.data||[];return t("div",{key:"c30742fde0de976c553234528a7bfb6ce10d3ef5",class:"table"},this.header(),e.map(((e,t)=>this.row(e,t))))}};l.style=".table{font-weight:400;font-size:13px;display:flex;flex-direction:column;width:100%;border:1px solid var(--clrs-navy);border-radius:2px}.table svg{fill:var(--clrs-navy)}.header{display:flex}.headerCell{flex-basis:100%;display:flex;align-items:center;justify-items:start;border-right:1px solid var(--clrs-navy);border-bottom:1px solid var(--clrs-navy);padding:5px;cursor:pointer}.headerCell svg g{display:none}.headerCell.sort svg g{display:inline}.headerCell:hover svg g{display:inline}.headerCell:hover{background-color:var(--clrs-silver)}.headerCell:last-child{border-right:none}.cell{flex-basis:100%;display:flex;align-items:center;justify-items:start;padding:5px}.cell:first-child svg{cursor:pointer}.sort{background-color:var(--cx-column-sort)}.row{display:flex;justify-items:stretch;width:100%}.row.expanded{background-color:var(--cx-row-expanded)}.row.expanded svg{fill:var(--clrs-red)}.row:hover{background-color:var(--cx-row-hover)}";export{r as demo_table,l as proto_table}
@@ -0,0 +1,2 @@
1
+ var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>{t.set(n.t=e,n)},l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],w=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&a.o?$(b):a.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{v(m),v(y),(p=m.length>0)&&a.raf(b)},$=e=>h().then(e),g=w(y,!0),S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),D={},H=e=>(null==e||S(e),e),L=new WeakMap,N=e=>"sc-"+e.$,R=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=U(n);let s=U(o);e["s-si"]?(s.push(e["s-si"]),l.forEach((t=>{t.startsWith(e["s-si"])&&s.push(t)})),s=[...new Set(s)],t.add(...s),delete e["s-si"]):(t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e)))))}else if("key"===t);else if("ref"===t)o&&o(e);else if(r||"o"!==t[0]||"n"!==t[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(W);t=t.replace(F,""),n&&a.rel(e,t,n,l),o&&a.ael(e,t,o,l)}}},T=/\s/,U=e=>("object"==typeof e&&"baseVal"in e&&(e=e.baseVal),e?e.split(T):[]),W="Capture",F=RegExp(W+"$"),V=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of q(Object.keys(l)))e in s||R(o,e,l[e],void 0,n,t.o);for(const e of q(Object.keys(s)))R(o,e,l[e],s[e],n,t.o)};function q(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var G=!1,_=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(G||(G="svg"===o.m),l=o.v=f.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),G&&"foreignObject"===o.m&&(G=!1),V(null,o,G),o.h)for(i=0;i<o.h.length;++i)s=_(e,o,i),s&&l.appendChild(s);"svg"===o.m?G=!1:"foreignObject"===l.tagName&&(G=!0)}return l["s-hn"]=C,l},z=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=_(null,n,l),i&&(o[l].v=i,Q(r,i,t)))},B=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;K(t),e&&e.remove()}}},I=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),J=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,i=t.m,r=t.i;null===r?(V(e,t,G="svg"===i||"foreignObject"!==i&&G),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=t.length-1,h=t[0],d=t[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(I(h,m,l))J(h,m,l),h=t[++r],m=o[++c];else if(I(d,y,l))J(d,y,l),d=t[--a],y=o[--p];else if(I(h,y,l))J(h,y,l),Q(e,h.v,d.v.nextSibling),h=t[++r],y=o[--p];else if(I(d,m,l))J(d,m,l),Q(e,d.v,h.v),d=t[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(t[f]&&null!==t[f].p&&t[f].p===m.p){u=f;break}u>=0?(i=t[u],i.m!==m.m?s=_(t&&t[c],n,u):(J(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=_(t&&t[c],n,c),m=o[++c]),s&&Q(h.v.parentNode,s,h.v)}r>a?z(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&B(t,r,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),z(o,null,t,s,0,s.length-1)):!n&&null!==l&&B(l,0,l.length-1),G&&"svg"===i&&(G=!1)):e.i!==r&&(o.data=r)},K=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(K)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},Y=(e,t)=>{if(e.o|=16,!(4&e.o))return X(e,e.j),g((()=>Z(e,t)));e.o|=512},Z=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.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 o;return t&&(o=ie(n,"componentWillLoad")),ee(o,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=N(t),l=r.get(o);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let s,i=L.get(e=e.head||e);if(i||L.set(e,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const i=null!=(n=a.k)?n:j(f);if(null!=i&&s.setAttribute("nonce",i),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);oe(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||A(null,null),i=(e=>e&&e.m===D)(t)?t:P(null,null,t);if(C=o.tagName,n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.C=i,i.v=s.v=o.shadowRoot||o,J(s,i,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,re(t),ie(n,"componentDidLoad"),e.M(t),o||se()),e.S&&(e.S(),e.S=void 0),512&e.o&&$((()=>Y(e,!1))),e.o&=-517},se=()=>{re(f.documentElement),$((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"proto-table-wc"}});return e.dispatchEvent(t),t})(u)))},ie=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},re=e=>e.classList.add("hydrated"),ce=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.$}" 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/ionic-team/stencil/issues/5457).`);const i=s.P.get(t),r=s.o,c=s.t;o=H(o),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.P.set(t,o),c&&2==(18&r)&&Y(s,!1))},ue=(e,t,o)=>{var l,s;const i=e.prototype;if(t.A){const r=Object.entries(null!=(l=t.A)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.A[e][0]|=2048),r&&(t.A[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.A[e][0]))return((e,t)=>n(this).P.get(t))(0,e);const o=n(this),l=o?o.t:i;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&l?this[e]:i.$hostElement$[e];return void 0===n&&i.P.get(e)?s=i.P.get(e):!i.P.get(e)&&n&&i.P.set(e,n),r.call(this,H(s)),void ce(this,e,s=32&l?this[e]:i.$hostElement$[e],t)}{if(!(1&o&&4096&t.A[e][0]))return ce(this,e,s,t),void(1&o&&!i.t&&i.D.then((()=>{4096&t.A[e][0]&&i.t[e]!==i.P.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.P.get(e)&&n&&i.P.set(e,n),i.t[e]=H(s),ce(this,e,i.t[e],t)};i.t?n():i.D.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.H)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.H)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},fe=(e,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=f.head,w=y.querySelector("meta[charset]"),v=f.createElement("style"),b=[];let $,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],$:o[1],A:o[2],L:o[3]};4&l.o&&(S=!0),l.A=o[2];const c=l.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,P:new Map};o.D=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?b.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.O,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){X(t,t.j=n);break}}o.A&&Object.entries(o.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.N){const e=(e=>{const t=e.$.replace(/-/g,"_"),n=e.N;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.$}#${t.R}" was not found`);o.isProxied||(ue(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=N(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.j,c=()=>Y(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async e=>{if(!(1&a.o)){const t=n(e);(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}))}L.has(e)&&L.delete(e),e.shadowRoot&&L.has(e.shadowRoot)&&L.delete(e.shadowRoot)})(this))),a.raf((()=>{var e;const t=n(this);(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).D}};l.N=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,ue(u,l,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=a.k)?l:j(f);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(se,30)))},ae=e=>a.k=e;export{fe as b,P as h,h as p,o as r,ae as s}
@@ -1 +1 @@
1
- import{p as a,b as t}from"./p-5d92147a.js";export{s as setNonce}from"./p-5d92147a.js";import{g as e}from"./p-e1255160.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),a(t)})().then((async a=>(await e(),t([["p-04d96caa",[[1,"demo-table"],[0,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],a))));
1
+ import{p as t,b as a}from"./p-d5899fc1.js";export{s as setNonce}from"./p-d5899fc1.js";import{g as e}from"./p-e1255160.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),t(a)})().then((async s=>(await e(),a([["p-25d94ff4",[[1,"demo-table"],[0,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],s))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-table-wc",
3
- "version": "0.0.574",
3
+ "version": "0.0.576",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -25,10 +25,10 @@
25
25
  "format": "prettier --write src"
26
26
  },
27
27
  "dependencies": {
28
- "@stencil/core": "4.23.2"
28
+ "@stencil/core": "4.24.0"
29
29
  },
30
30
  "devDependencies": {
31
- "cspell": "8.17.1",
31
+ "cspell": "8.17.2",
32
32
  "eslint": "9.18.0",
33
33
  "prettier": "3.4.2",
34
34
  "typescript": "5.7.3"
@@ -1,2 +0,0 @@
1
- var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>{t.set(n.t=e,n)},l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],w=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&a.o?$(v):a.raf(v))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},v=()=>{b(m),b(y),(p=m.length>0)&&a.raf(v)},$=e=>h().then(e),g=w(y,!0),S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),D={},H=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=N(n);let s=N(o);e["s-si"]?(s.push(e["s-si"]),l.forEach((t=>{t.startsWith(e["s-si"])&&s.push(t)})),s=[...new Set(s)],t.add(...s),delete e["s-si"]):(t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e)))))}else if("key"===t);else if("ref"===t)o&&o(e);else if(r||"o"!==t[0]||"n"!==t[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(R);t=t.replace(T,""),n&&a.rel(e,t,n,l),o&&a.ael(e,t,o,l)}}},L=/\s/,N=e=>("object"==typeof e&&"baseVal"in e&&(e=e.baseVal),e?e.split(L):[]),R="Capture",T=RegExp(R+"$"),U=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of W(Object.keys(l)))e in s||H(o,e,l[e],void 0,n,t.o);for(const e of W(Object.keys(s)))H(o,e,l[e],s[e],n,t.o)};function W(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var F=!1,V=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(F||(F="svg"===o.m),l=o.v=f.createElementNS(F?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),F&&"foreignObject"===o.m&&(F=!1),U(null,o,F),o.h)for(i=0;i<o.h.length;++i)s=V(e,o,i),s&&l.appendChild(s);"svg"===o.m?F=!1:"foreignObject"===l.tagName&&(F=!0)}return l["s-hn"]=C,l},q=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=V(null,n,l),i&&(o[l].v=i,I(r,i,t)))},G=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;B(t),e&&e.remove()}}},_=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),z=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,i=t.m,r=t.i;null===r?(U(e,t,F="svg"===i||"foreignObject"!==i&&F),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=t.length-1,h=t[0],d=t[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(_(h,m,l))z(h,m,l),h=t[++r],m=o[++c];else if(_(d,y,l))z(d,y,l),d=t[--a],y=o[--p];else if(_(h,y,l))z(h,y,l),I(e,h.v,d.v.nextSibling),h=t[++r],y=o[--p];else if(_(d,m,l))z(d,m,l),I(e,d.v,h.v),d=t[--a],m=o[++c];else{for(u=-1,f=r;f<=a;++f)if(t[f]&&null!==t[f].p&&t[f].p===m.p){u=f;break}u>=0?(i=t[u],i.m!==m.m?s=V(t&&t[c],n,u):(z(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=V(t&&t[c],n,c),m=o[++c]),s&&I(h.v.parentNode,s,h.v)}r>a?q(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&G(t,r,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),q(o,null,t,s,0,s.length-1)):!n&&null!==l&&G(l,0,l.length-1),F&&"svg"===i&&(F=!1)):e.i!==r&&(o.data=r)},B=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(B)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=e=>(null==e||S(e),e),K=new WeakMap,Q=e=>"sc-"+e.$,X=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Y=(e,t)=>{if(e.o|=16,!(4&e.o))return X(e,e.j),g((()=>Z(e,t)));e.o|=512},Z=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.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 o;return t&&(o=ie(n,"componentWillLoad")),ee(o,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Q(t),l=r.get(o);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let s,i=K.get(e=e.head||e);if(i||K.set(e,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const i=null!=(n=a.k)?n:j(f);if(null!=i&&s.setAttribute("nonce",i),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);oe(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||A(null,null),i=(e=>e&&e.m===D)(t)?t:P(null,null,t);if(C=o.tagName,n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.C=i,i.v=s.v=o.shadowRoot||o,z(s,i,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,re(t),ie(n,"componentDidLoad"),e.M(t),o||se()),e.S&&(e.S(),e.S=void 0),512&e.o&&$((()=>Y(e,!1))),e.o&=-517},se=()=>{re(f.documentElement),$((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"proto-table-wc"}});return e.dispatchEvent(t),t})(u)))},ie=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},re=e=>e.classList.add("hydrated"),ce=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.$}" 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/ionic-team/stencil/issues/5457).`);const i=s.P.get(t),r=s.o,c=s.t;o=J(o),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.P.set(t,o),c&&2==(18&r)&&Y(s,!1))},ue=(e,t,o)=>{var l,s;const i=e.prototype;if(t.A){const r=Object.entries(null!=(l=t.A)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l)if(2048&l){if(1&o&&2048&l&&(Object.defineProperty(i,e,{get(){const t=n(this),o=t?t.t:i;if(o)return o[e]},configurable:!0,enumerable:!0}),4096&l)){const o=Object.getOwnPropertyDescriptor(i,e).set;Object.defineProperty(i,e,{set(l){const s=n(this);if(o){const n=s.$hostElement$[e];return!s.P.get(e)&&n&&s.P.set(e,n),o.call(this,J(l)),void ce(this,e,s.$hostElement$[e],t)}if(!s)return;const i=()=>{const n=s.t[e];!s.P.get(e)&&n&&s.P.set(e,n),s.t[e]=J(l),ce(this,e,s.t[e],t)};s.t?i():s.D.then((()=>i()))}})}}else Object.defineProperty(i,e,{get(){return((e,t)=>n(this).P.get(t))(0,e)},set(n){ce(this,e,n,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.H)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);u.get&&!u.set||(this[c]=(null!==s||"boolean"!=typeof this[c])&&s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.H)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},fe=(e,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=f.head,w=y.querySelector("meta[charset]"),b=f.createElement("style"),v=[];let $,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],$:o[1],A:o[2],L:o[3]};4&l.o&&(S=!0),l.A=o[2];const c=l.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,P:new Map};o.D=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?v.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.O,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){X(t,t.j=n);break}}o.A&&Object.entries(o.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.N){const e=(e=>{const t=e.$.replace(/-/g,"_"),n=e.N;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.$}#${t.R}" was not found`);o.isProxied||(ue(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=Q(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.j,c=()=>Y(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async e=>{if(!(1&a.o)){const t=n(e);(null==t?void 0:t.t)||(null==t?void 0:t.D)&&t.D.then((()=>{}))}K.has(e)&&K.delete(e),e.shadowRoot&&K.has(e.shadowRoot)&&K.delete(e.shadowRoot)})(this))),a.raf((()=>{var e;const t=n(this);(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).D}};l.N=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,ue(u,l,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(l=a.k)?l:j(f);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,w?w.nextSibling:y.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(se,30)))},ae=e=>a.k=e;export{fe as b,P as h,h as p,o as r,ae as s}