proto-table-wc 0.0.511 → 0.0.513

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d14cfe6a.js');
5
+ const index = require('./index-44342372.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;
@@ -21,9 +21,10 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'proto-table-wc';
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, 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 };
24
25
 
25
26
  /*
26
- Stencil Client Platform v4.18.1 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
27
28
  */
28
29
  var __defProp = Object.defineProperty;
29
30
  var __export = (target, all) => {
@@ -600,8 +601,14 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
600
601
  return writeTask(dispatch) ;
601
602
  };
602
603
  var dispatchHooks = (hostRef, isInitialLoad) => {
604
+ const elm = hostRef.$hostElement$;
603
605
  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
604
606
  const instance = hostRef.$lazyInstance$ ;
607
+ if (!instance) {
608
+ throw new Error(
609
+ `Can't render component <${elm.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`
610
+ );
611
+ }
605
612
  let maybePromise;
606
613
  if (isInitialLoad) {
607
614
  {
@@ -715,7 +722,10 @@ var safeCall = (instance, method, arg) => {
715
722
  }
716
723
  return void 0;
717
724
  };
718
- var addHydratedFlag = (elm) => elm.classList.add("hydrated") ;
725
+ var addHydratedFlag = (elm) => {
726
+ var _a;
727
+ return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
728
+ };
719
729
 
720
730
  // src/runtime/set-value.ts
721
731
  var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
@@ -812,11 +822,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
812
822
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
813
823
  const bundleId = cmpMeta.$lazyBundleId$;
814
824
  if (bundleId) {
815
- Cstr = loadModule(cmpMeta);
816
- if (Cstr.then) {
825
+ const CstrImport = loadModule(cmpMeta);
826
+ if (CstrImport && "then" in CstrImport) {
817
827
  const endLoad = uniqueTime();
818
- Cstr = await Cstr;
828
+ Cstr = await CstrImport;
819
829
  endLoad();
830
+ } else {
831
+ Cstr = CstrImport;
832
+ }
833
+ if (!Cstr) {
834
+ throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
820
835
  }
821
836
  if (!Cstr.isProxied) {
822
837
  proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
@@ -837,9 +852,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
837
852
  endNewInstance();
838
853
  } else {
839
854
  Cstr = elm.constructor;
840
- customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
855
+ const cmpTag = elm.localName;
856
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
841
857
  }
842
- if (Cstr.style) {
858
+ if (Cstr && Cstr.style) {
843
859
  let style = Cstr.style;
844
860
  const scopeId2 = getScopeId(cmpMeta);
845
861
  if (!styles.has(scopeId2)) {
@@ -1037,6 +1053,9 @@ var cmpModules = /* @__PURE__ */ new Map();
1037
1053
  var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1038
1054
  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
1039
1055
  const bundleId = cmpMeta.$lazyBundleId$;
1056
+ if (!bundleId) {
1057
+ return void 0;
1058
+ }
1040
1059
  const module = cmpModules.get(bundleId) ;
1041
1060
  if (module) {
1042
1061
  return module[exportName];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d14cfe6a.js');
5
+ const index = require('./index-44342372.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-d14cfe6a.js');
5
+ const index = require('./index-44342372.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.18.1 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.18.3 | 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.18.1",
8
+ "version": "4.18.3",
9
9
  "typescriptVersion": "5.4.5"
10
10
  },
11
11
  "collections": [],
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-1277ce8b.js';
1
+ import { r as registerInstance, h } from './index-01cf751f.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;
@@ -1,7 +1,8 @@
1
1
  const NAMESPACE = 'proto-table-wc';
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, 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 };
2
3
 
3
4
  /*
4
- Stencil Client Platform v4.18.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
5
6
  */
6
7
  var __defProp = Object.defineProperty;
7
8
  var __export = (target, all) => {
@@ -578,8 +579,14 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
578
579
  return writeTask(dispatch) ;
579
580
  };
580
581
  var dispatchHooks = (hostRef, isInitialLoad) => {
582
+ const elm = hostRef.$hostElement$;
581
583
  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
582
584
  const instance = hostRef.$lazyInstance$ ;
585
+ if (!instance) {
586
+ throw new Error(
587
+ `Can't render component <${elm.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`
588
+ );
589
+ }
583
590
  let maybePromise;
584
591
  if (isInitialLoad) {
585
592
  {
@@ -693,7 +700,10 @@ var safeCall = (instance, method, arg) => {
693
700
  }
694
701
  return void 0;
695
702
  };
696
- var addHydratedFlag = (elm) => elm.classList.add("hydrated") ;
703
+ var addHydratedFlag = (elm) => {
704
+ var _a;
705
+ return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
706
+ };
697
707
 
698
708
  // src/runtime/set-value.ts
699
709
  var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
@@ -790,11 +800,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
790
800
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
791
801
  const bundleId = cmpMeta.$lazyBundleId$;
792
802
  if (bundleId) {
793
- Cstr = loadModule(cmpMeta);
794
- if (Cstr.then) {
803
+ const CstrImport = loadModule(cmpMeta);
804
+ if (CstrImport && "then" in CstrImport) {
795
805
  const endLoad = uniqueTime();
796
- Cstr = await Cstr;
806
+ Cstr = await CstrImport;
797
807
  endLoad();
808
+ } else {
809
+ Cstr = CstrImport;
810
+ }
811
+ if (!Cstr) {
812
+ throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
798
813
  }
799
814
  if (!Cstr.isProxied) {
800
815
  proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
@@ -815,9 +830,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
815
830
  endNewInstance();
816
831
  } else {
817
832
  Cstr = elm.constructor;
818
- customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
833
+ const cmpTag = elm.localName;
834
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
819
835
  }
820
- if (Cstr.style) {
836
+ if (Cstr && Cstr.style) {
821
837
  let style = Cstr.style;
822
838
  const scopeId2 = getScopeId(cmpMeta);
823
839
  if (!styles.has(scopeId2)) {
@@ -1015,6 +1031,9 @@ var cmpModules = /* @__PURE__ */ new Map();
1015
1031
  var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1016
1032
  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
1017
1033
  const bundleId = cmpMeta.$lazyBundleId$;
1034
+ if (!bundleId) {
1035
+ return void 0;
1036
+ }
1018
1037
  const module = cmpModules.get(bundleId) ;
1019
1038
  if (module) {
1020
1039
  return module[exportName];
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-1277ce8b.js';
2
- export { s as setNonce } from './index-1277ce8b.js';
1
+ import { b as bootstrapLazy } from './index-01cf751f.js';
2
+ export { s as setNonce } from './index-01cf751f.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-1277ce8b.js';
2
- export { s as setNonce } from './index-1277ce8b.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-01cf751f.js';
2
+ export { s as setNonce } from './index-01cf751f.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.18.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.18.3 | 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-78a5b75e.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.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))},this.data=[],this.details=void 0,this.fields=[],this.expanded=void 0,this.sort=void 0,this.clicks=0}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-f41159b4.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.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))},this.data=[],this.details=void 0,this.fields=[],this.expanded=void 0,this.sort=void 0,this.clicks=0}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={},n=e=>"object"==(e=typeof e)||"function"===e;function l(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>r,map:()=>s,ok:()=>o,unwrap:()=>u,unwrapErr:()=>a});var o=e=>({isOk:!0,isErr:!1,value:e}),r=e=>({isOk:!1,isErr:!0,value:e});function s(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 r(e.value);throw"should never get here"}var i,c,u=e=>{if(e.isOk)return e.value;throw e.value},a=e=>{if(e.isErr)return e.value;throw e.value},f="slot-fb{display:contents}slot-fb[hidden]{display:none}",h=(e,t,...l)=>{let o=null,r=null,s=!1,i=!1;const c=[],u=t=>{for(let l=0;l<t.length;l++)o=t[l],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!n(o))&&(o+=""),s&&i?c[c.length-1].t+=o:c.push(s?m(null,o):o),i=s)};if(u(l),t){t.key&&(r=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=m(e,null);return a.l=t,c.length>0&&(a.o=c),a.i=r,a},m=(e,t)=>({u:0,h:e,t,m:null,o:null,l:null,i:null}),p={},d=new WeakMap,w=e=>"sc-"+e.p,y=(e,t,l,o,r,s)=>{if(l!==o){let i=Q(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,n=v(l),r=v(o);t.remove(...n.filter((e=>e&&!r.includes(e)))),t.add(...r.filter((e=>e&&!n.includes(e))))}else if("key"===t);else if("ref"===t)o&&o(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=n(o);if((i||c&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[t]=o;else{const n=null==o?"":o;"list"===t?i=!1:null!=l&&e[t]==n||(e[t]=n)}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&s||r)&&!c&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):Q(te,c)?c.slice(2):c[2]+t.slice(3),l||o){const n=t.endsWith(b);t=t.replace(g,""),l&&le.rel(e,t,l,n),o&&le.ael(e,t,o,n)}}},$=/\s/,v=e=>e?e.split($):[],b="Capture",g=RegExp(b+"$"),S=(e,n,l)=>{const o=11===n.m.nodeType&&n.m.host?n.m.host:n.m,r=e&&e.l||t,s=n.l||t;for(const e of j(Object.keys(r)))e in s||y(o,e,r[e],void 0,l,n.u);for(const e of j(Object.keys(s)))y(o,e,r[e],s[e],l,n.u)};function j(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var O=!1,k=(e,t,n)=>{const l=t.o[n];let o,r,s=0;if(null!==l.t)o=l.m=ne.createTextNode(l.t);else{if(O||(O="svg"===l.h),o=l.m=ne.createElementNS(O?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.h),O&&"foreignObject"===l.h&&(O=!1),S(null,l,O),null!=i&&o["s-si"]!==i&&o.classList.add(o["s-si"]=i),l.o)for(s=0;s<l.o.length;++s)r=k(e,l,s),r&&o.appendChild(r);"svg"===l.h?O=!1:"foreignObject"===o.tagName&&(O=!0)}return o["s-hn"]=c,o},E=(e,t,n,l,o,r)=>{let s,i=e;for(i.shadowRoot&&i.tagName===c&&(i=i.shadowRoot);o<=r;++o)l[o]&&(s=k(null,n,o),s&&(l[o].m=s,L(i,s,t)))},C=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.m;P(t),e&&e.remove()}}},M=(e,t,n=!1)=>e.h===t.h&&(!!n||e.i===t.i),x=(e,t,n=!1)=>{const l=t.m=e.m,o=e.o,r=t.o,s=t.h,i=t.t;null===i?(S(e,t,O="svg"===s||"foreignObject"!==s&&O),null!==o&&null!==r?((e,t,n,l,o=!1)=>{let r,s,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],m=t[f],p=l.length-1,d=l[0],w=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==m)m=t[--f];else if(null==d)d=l[++c];else if(null==w)w=l[--p];else if(M(h,d,o))x(h,d,o),h=t[++i],d=l[++c];else if(M(m,w,o))x(m,w,o),m=t[--f],w=l[--p];else if(M(h,w,o))x(h,w,o),L(e,h.m,m.m.nextSibling),h=t[++i],w=l[--p];else if(M(m,d,o))x(m,d,o),L(e,m.m,h.m),m=t[--f],d=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].i&&t[a].i===d.i){u=a;break}u>=0?(s=t[u],s.h!==d.h?r=k(t&&t[c],n,u):(x(s,d,o),t[u]=void 0,r=s.m),d=l[++c]):(r=k(t&&t[c],n,c),d=l[++c]),r&&L(h.m.parentNode,r,h.m)}i>f?E(e,null==l[p+1]?null:l[p+1].m,n,l,c,p):c>p&&C(t,i,f)})(l,o,t,r,n):null!==r?(null!==e.t&&(l.textContent=""),E(l,null,t,r,0,r.length-1)):null!==o&&C(o,0,o.length-1),O&&"svg"===s&&(O=!1)):e.t!==i&&(l.data=i)},P=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(P)},L=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),R=(e,t)=>{t&&!e.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$=t)))},T=(e,t)=>{if(e.u|=16,!(4&e.u))return R(e,e.v),me((()=>A(e,t)));e.u|=512},A=(e,t)=>{const n=e.S;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 l;return t&&(l=q(n,"componentWillLoad")),N(l,(()=>D(e,n,t)))},N=(e,t)=>W(e)?e.then(t):t(),W=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,D=async(e,t,n)=>{var o;const r=e.$hostElement$,s=r["s-rc"];n&&(e=>{const t=e.j,n=e.$hostElement$,o=t.u,r=((e,t)=>{var n;const o=w(t),r=ee.get(o);if(e=11===e.nodeType?e:ne,r)if("string"==typeof r){let s,i=d.get(e=e.head||e);if(i||d.set(e,i=new Set),!i.has(o)){{s=ne.createElement("style"),s.innerHTML=r;const t=null!=(n=le.O)?n:l(ne);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.u&&(s.innerHTML+=f),i&&i.add(o)}}else e.adoptedStyleSheets.includes(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=r,n.classList.add(r+"-h"))})(e);F(e,t,r,n),s&&(s.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(o=r["s-p"])?o:[],n=()=>H(e);0===t.length?n():(Promise.all(t).then(n),e.u|=4,t.length=0)}},F=(e,t,n,l)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k||m(null,null),r=(e=>e&&e.h===p)(t)?t:h(null,null,t);if(c=l.tagName,n&&r.l)for(const e of Object.keys(r.l))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.l[e]=l[e]);r.h=null,r.u|=4,e.k=r,r.m=o.m=l.shadowRoot||l,i=l["s-sc"],x(o,r,n)})(e,t,l)}catch(t){X(t,e.$hostElement$)}return null},H=e=>{const t=e.$hostElement$,n=e.S,l=e.v;64&e.u||(e.u|=64,G(t),q(n,"componentDidLoad"),e.C(t),l||U()),e.$&&(e.$(),e.$=void 0),512&e.u&&he((()=>T(e,!1))),e.u&=-517},U=()=>{G(ne.documentElement),he((()=>(e=>{const t=le.ce("appload",{detail:{namespace:"proto-table-wc"}});return e.dispatchEvent(t),t})(te)))},q=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){X(e)}},G=e=>e.classList.add(("hydrated","hydrated")),V=(e,t,l)=>{var o;const r=e.prototype;if(t.M){const s=Object.entries(t.M);if(s.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>I(this).P.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=I(e);if(!r)throw Error(`Couldn't find host element for "${o.p}" 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 s=r.P.get(t),i=r.u,c=r.S;l=(e=>(null==e||n(e),e))(l),8&i&&void 0!==s||l===s||Number.isNaN(s)&&Number.isNaN(l)||(r.P.set(t,l),c&&2==(18&i)&&T(r,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const n=new Map;r.attributeChangedCallback=function(e,l,o){le.jmp((()=>{var s;const i=n.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(r.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=I(this),r=null==n?void 0:n.u;if(r&&!(8&r)&&128&r&&o!==l){const r=n.S,i=null==(s=t.L)?void 0:s[e];null==i||i.forEach((t=>{null!=r[t]&&r[t].call(r,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.L)?o:{}),...s.filter((([e,t])=>15&t[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))]))}}return e},_=(e,t={})=>{var n;const o=[],r=t.exclude||[],s=te.customElements,i=ne.head,c=i.querySelector("meta[charset]"),u=ne.createElement("style"),a=[];let h,m=!0;Object.assign(le,t),le.R=new URL(t.resourcesUrl||"./",ne.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((t=>{const n={u:t[0],p:t[1],M:t[2],T:t[3]};4&n.u&&(p=!0),n.M=t[2];const l=n.p,i=class extends HTMLElement{constructor(e){super(e),K(e=this,n),1&n.u&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),m?a.push(this):le.jmp((()=>(e=>{if(!(1&le.u)){const t=I(e),n=t.j,l=()=>{};if(1&t.u)(null==t?void 0:t.S)||(null==t?void 0:t.A)&&t.A.then((()=>{}));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){R(t,t.v=n);break}}n.M&&Object.entries(n.M).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.u)){if(t.u|=32,n.N){const e=Z(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.p}#${t.W}" was not found`);l.isProxied||(V(l,n,2),l.isProxied=!0);const o=()=>{};t.u|=8;try{new l(t)}catch(e){X(e)}t.u&=-9,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.u|=128));if(l&&l.style){let e=l.style;const t=w(n);if(!ee.has(t)){const l=()=>{};((e,t,n)=>{let l=ee.get(e);re&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ee.set(e,l)})(t,e,!!(1&n.u)),l()}}}const o=t.v,r=()=>T(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(e,t,n)}l()}})(this)))}disconnectedCallback(){le.jmp((()=>(async()=>{if(!(1&le.u)){const e=I(this);(null==e?void 0:e.S)||(null==e?void 0:e.A)&&e.A.then((()=>{}))}})()))}componentOnReady(){return I(this).A}};n.N=e[0],r.includes(l)||s.get(l)||(o.push(l),s.define(l,V(i,n,1)))}))})),o.length>0&&(p&&(u.textContent+=f),u.textContent+=o+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!=(n=le.O)?n:l(ne);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,c?c.nextSibling:i.firstChild)}m=!1,a.length?a.map((e=>e.connectedCallback())):le.jmp((()=>h=setTimeout(U,30)))},z=e=>le.O=e,B=new WeakMap,I=e=>B.get(e),J=(e,t)=>B.set(t.S=e,t),K=(e,t)=>{const n={u:0,$hostElement$:e,j:t,P:new Map};return n.A=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],B.set(e,n)},Q=(e,t)=>t in e,X=(e,t)=>(0,console.error)(e,t),Y=new Map,Z=e=>{const t=e.p.replace(/-/g,"_"),n=e.N;if(!n)return;const l=Y.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Y.set(n,e),e[t])),X)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ee=new Map,te="undefined"!=typeof window?window:{},ne=te.document||{head:{}},le={u:0,R:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},oe=e=>Promise.resolve(e),re=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),se=!1,ie=[],ce=[],ue=(e,t)=>n=>{e.push(n),se||(se=!0,t&&4&le.u?he(fe):le.raf(fe))},ae=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){X(e)}e.length=0},fe=()=>{ae(ie),ae(ce),(se=ie.length>0)&&le.raf(fe)},he=e=>oe().then(e),me=ue(ce,!0);export{_ as b,h,oe as p,J as r,z as s}
@@ -1 +1 @@
1
- import{p as a,b as e}from"./p-78a5b75e.js";export{s as setNonce}from"./p-78a5b75e.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await t(),e([["p-fc8d7c37",[[1,"demo-table"],[0,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],a))));
1
+ import{p as e,b as t}from"./p-f41159b4.js";export{s as setNonce}from"./p-f41159b4.js";import{g as a}from"./p-e1255160.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),e(t)})().then((async e=>(await a(),t([["p-2e795ec6",[[1,"demo-table"],[0,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],e))));
@@ -795,7 +795,6 @@ export declare namespace JSXBase {
795
795
  cite?: string;
796
796
  }
797
797
  interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
798
- autoFocus?: boolean;
799
798
  disabled?: boolean;
800
799
  form?: string;
801
800
  formAction?: string;
@@ -922,8 +921,6 @@ export declare namespace JSXBase {
922
921
  autocapitalize?: string;
923
922
  autoComplete?: string;
924
923
  autocomplete?: string;
925
- autoFocus?: boolean;
926
- autofocus?: boolean | string;
927
924
  capture?: string;
928
925
  checked?: boolean;
929
926
  crossOrigin?: string;
@@ -980,8 +977,6 @@ export declare namespace JSXBase {
980
977
  popoverTarget?: string;
981
978
  }
982
979
  interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
983
- autoFocus?: boolean;
984
- autofocus?: boolean | string;
985
980
  challenge?: string;
986
981
  disabled?: boolean;
987
982
  form?: string;
@@ -1130,7 +1125,6 @@ export declare namespace JSXBase {
1130
1125
  type?: string;
1131
1126
  }
1132
1127
  interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
1133
- autoFocus?: boolean;
1134
1128
  disabled?: boolean;
1135
1129
  form?: string;
1136
1130
  multiple?: boolean;
@@ -1165,8 +1159,6 @@ export declare namespace JSXBase {
1165
1159
  interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
1166
1160
  autoComplete?: string;
1167
1161
  autocomplete?: string;
1168
- autoFocus?: boolean;
1169
- autofocus?: boolean | string;
1170
1162
  cols?: number;
1171
1163
  disabled?: boolean;
1172
1164
  form?: string;
@@ -1219,6 +1211,8 @@ export declare namespace JSXBase {
1219
1211
  interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
1220
1212
  innerHTML?: string;
1221
1213
  accessKey?: string;
1214
+ autoFocus?: boolean;
1215
+ autofocus?: boolean | string;
1222
1216
  class?: string | {
1223
1217
  [className: string]: boolean;
1224
1218
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-table-wc",
3
- "version": "0.0.511",
3
+ "version": "0.0.513",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -25,11 +25,11 @@
25
25
  "format": "prettier --write src"
26
26
  },
27
27
  "dependencies": {
28
- "@stencil/core": "4.18.1"
28
+ "@stencil/core": "4.18.3"
29
29
  },
30
30
  "devDependencies": {
31
- "cspell": "8.8.1",
32
- "eslint": "9.2.0",
31
+ "cspell": "8.8.3",
32
+ "eslint": "9.3.0",
33
33
  "prettier": "3.2.5",
34
34
  "typescript": "5.4.5"
35
35
  },
@@ -1,2 +0,0 @@
1
- var e=Object.defineProperty,t={},n=e=>"object"==(e=typeof e)||"function"===e;function l(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>s,map:()=>r,ok:()=>o,unwrap:()=>u,unwrapErr:()=>a});var o=e=>({isOk:!0,isErr:!1,value:e}),s=e=>({isOk:!1,isErr:!0,value:e});function r(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 s(e.value);throw"should never get here"}var i,c,u=e=>{if(e.isOk)return e.value;throw e.value},a=e=>{if(e.isErr)return e.value;throw e.value},f="slot-fb{display:contents}slot-fb[hidden]{display:none}",h=(e,t,...l)=>{let o=null,s=null,r=!1,i=!1;const c=[],u=t=>{for(let l=0;l<t.length;l++)o=t[l],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof e&&!n(o))&&(o+=""),r&&i?c[c.length-1].t+=o:c.push(r?p(null,o):o),i=r)};if(u(l),t){t.key&&(s=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=p(e,null);return a.l=t,c.length>0&&(a.o=c),a.i=s,a},p=(e,t)=>({u:0,h:e,t,p:null,o:null,l:null,i:null}),d={},m=new WeakMap,y=e=>"sc-"+e.m,w=(e,t,l,o,s,r)=>{if(l!==o){let i=Q(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,n=$(l),s=$(o);t.remove(...n.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!n.includes(e))))}else if("key"===t);else if("ref"===t)o&&o(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=n(o);if((i||c&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const n=null==o?"":o;"list"===t?i=!1:null!=l&&e[t]==n||(e[t]=n)}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!c&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):Q(te,c)?c.slice(2):c[2]+t.slice(3),l||o){const n=t.endsWith(b);t=t.replace(g,""),l&&le.rel(e,t,l,n),o&&le.ael(e,t,o,n)}}},v=/\s/,$=e=>e?e.split(v):[],b="Capture",g=RegExp(b+"$"),S=(e,n,l)=>{const o=11===n.p.nodeType&&n.p.host?n.p.host:n.p,s=e&&e.l||t,r=n.l||t;for(const e of j(Object.keys(s)))e in r||w(o,e,s[e],void 0,l,n.u);for(const e of j(Object.keys(r)))w(o,e,s[e],r[e],l,n.u)};function j(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var O=!1,k=(e,t,n)=>{const l=t.o[n];let o,s,r=0;if(null!==l.t)o=l.p=ne.createTextNode(l.t);else{if(O||(O="svg"===l.h),o=l.p=ne.createElementNS(O?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.h),O&&"foreignObject"===l.h&&(O=!1),S(null,l,O),null!=i&&o["s-si"]!==i&&o.classList.add(o["s-si"]=i),l.o)for(r=0;r<l.o.length;++r)s=k(e,l,r),s&&o.appendChild(s);"svg"===l.h?O=!1:"foreignObject"===o.tagName&&(O=!0)}return o["s-hn"]=c,o},E=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===c&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=k(null,n,o),r&&(l[o].p=r,L(i,r,t)))},C=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.p;x(t),e&&e.remove()}}},M=(e,t,n=!1)=>e.h===t.h&&(!!n||e.i===t.i),P=(e,t,n=!1)=>{const l=t.p=e.p,o=e.o,s=t.o,r=t.h,i=t.t;null===i?(S(e,t,O="svg"===r||"foreignObject"!==r&&O),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],d=l.length-1,m=l[0],y=l[d];for(;i<=f&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--d];else if(M(h,m,o))P(h,m,o),h=t[++i],m=l[++c];else if(M(p,y,o))P(p,y,o),p=t[--f],y=l[--d];else if(M(h,y,o))P(h,y,o),L(e,h.p,p.p.nextSibling),h=t[++i],y=l[--d];else if(M(p,m,o))P(p,m,o),L(e,p.p,h.p),p=t[--f],m=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].i&&t[a].i===m.i){u=a;break}u>=0?(r=t[u],r.h!==m.h?s=k(t&&t[c],n,u):(P(r,m,o),t[u]=void 0,s=r.p),m=l[++c]):(s=k(t&&t[c],n,c),m=l[++c]),s&&L(h.p.parentNode,s,h.p)}i>f?E(e,null==l[d+1]?null:l[d+1].p,n,l,c,d):c>d&&C(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.t&&(l.textContent=""),E(l,null,t,s,0,s.length-1)):null!==o&&C(o,0,o.length-1),O&&"svg"===r&&(O=!1)):e.t!==i&&(l.data=i)},x=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(x)},L=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),T=(e,t)=>{t&&!e.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.v=t)))},A=(e,t)=>{if(e.u|=16,!(4&e.u))return T(e,e.$),pe((()=>N(e,t)));e.u|=512},N=(e,t)=>{const n=e.S;let l;return t&&(l=F(n,"componentWillLoad")),R(l,(()=>D(e,n,t)))},R=(e,t)=>W(e)?e.then(t):t(),W=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,D=async(e,t,n)=>{var o;const s=e.$hostElement$,r=s["s-rc"];n&&(e=>{const t=e.j,n=e.$hostElement$,o=t.u,s=((e,t)=>{var n;const o=y(t),s=ee.get(o);if(e=11===e.nodeType?e:ne,s)if("string"==typeof s){let r,i=m.get(e=e.head||e);if(i||m.set(e,i=new Set),!i.has(o)){{r=ne.createElement("style"),r.innerHTML=s;const t=null!=(n=le.O)?n:l(ne);null!=t&&r.setAttribute("nonce",t),e.insertBefore(r,e.querySelector("link"))}4&t.u&&(r.innerHTML+=f),i&&i.add(o)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);H(e,t,s,n),r&&(r.map((e=>e())),s["s-rc"]=void 0);{const t=null!=(o=s["s-p"])?o:[],n=()=>U(e);0===t.length?n():(Promise.all(t).then(n),e.u|=4,t.length=0)}},H=(e,t,n,l)=>{try{t=t.render(),e.u&=-17,e.u|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k||p(null,null),s=(e=>e&&e.h===d)(t)?t:h(null,null,t);if(c=l.tagName,n&&s.l)for(const e of Object.keys(s.l))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.l[e]=l[e]);s.h=null,s.u|=4,e.k=s,s.p=o.p=l.shadowRoot||l,i=l["s-sc"],P(o,s,n)})(e,t,l)}catch(t){X(t,e.$hostElement$)}return null},U=e=>{const t=e.$hostElement$,n=e.S,l=e.$;64&e.u||(e.u|=64,G(t),F(n,"componentDidLoad"),e.C(t),l||q()),e.v&&(e.v(),e.v=void 0),512&e.u&&he((()=>A(e,!1))),e.u&=-517},q=()=>{G(ne.documentElement),he((()=>(e=>{const t=le.ce("appload",{detail:{namespace:"proto-table-wc"}});return e.dispatchEvent(t),t})(te)))},F=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){X(e)}},G=e=>e.classList.add("hydrated"),V=(e,t,l)=>{var o;const s=e.prototype;if(t.M){const r=Object.entries(t.M);if(r.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(s,e,{get(){return((e,t)=>I(this).P.get(t))(0,e)},set(l){((e,t,l,o)=>{const s=I(e);if(!s)throw Error(`Couldn't find host element for "${o.m}" 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 r=s.P.get(t),i=s.u,c=s.S;l=(e=>(null==e||n(e),e))(l),8&i&&void 0!==r||l===r||Number.isNaN(r)&&Number.isNaN(l)||(s.P.set(t,l),c&&2==(18&i)&&A(s,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const n=new Map;s.attributeChangedCallback=function(e,l,o){le.jmp((()=>{var r;const i=n.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=I(this),s=null==n?void 0:n.u;if(s&&!(8&s)&&128&s&&o!==l){const s=n.S,i=null==(r=t.L)?void 0:r[e];null==i||i.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=t.L)?o:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{const l=t[1]||e;return n.set(l,e),l}))]))}}return e},_=(e,t={})=>{var n;const o=[],s=t.exclude||[],r=te.customElements,i=ne.head,c=i.querySelector("meta[charset]"),u=ne.createElement("style"),a=[];let h,p=!0;Object.assign(le,t),le.T=new URL(t.resourcesUrl||"./",ne.baseURI).href;let d=!1;if(e.map((e=>{e[1].map((t=>{const n={u:t[0],m:t[1],M:t[2],A:t[3]};4&n.u&&(d=!0),n.M=t[2];const l=n.m,i=class extends HTMLElement{constructor(e){super(e),K(e=this,n),1&n.u&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),p?a.push(this):le.jmp((()=>(e=>{if(!(1&le.u)){const t=I(e),n=t.j,l=()=>{};if(1&t.u)(null==t?void 0:t.S)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.u|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){T(t,t.$=n);break}}n.M&&Object.entries(n.M).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.u)){if(t.u|=32,n.R){if(l=Z(n),l.then){const e=()=>{};l=await l,e()}l.isProxied||(V(l,n,2),l.isProxied=!0);const e=()=>{};t.u|=8;try{new l(t)}catch(e){X(e)}t.u&=-9,e()}else l=e.constructor,customElements.whenDefined(n.m).then((()=>t.u|=128));if(l.style){let e=l.style;const t=y(n);if(!ee.has(t)){const l=()=>{};((e,t,n)=>{let l=ee.get(e);se&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ee.set(e,l)})(t,e,!!(1&n.u)),l()}}}const o=t.$,s=()=>A(t,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(e,t,n)}l()}})(this)))}disconnectedCallback(){le.jmp((()=>(async()=>{if(!(1&le.u)){const e=I(this);(null==e?void 0:e.S)||(null==e?void 0:e.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return I(this).N}};n.R=e[0],s.includes(l)||r.get(l)||(o.push(l),r.define(l,V(i,n,1)))}))})),o.length>0&&(d&&(u.textContent+=f),u.textContent+=o+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const e=null!=(n=le.O)?n:l(ne);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,c?c.nextSibling:i.firstChild)}p=!1,a.length?a.map((e=>e.connectedCallback())):le.jmp((()=>h=setTimeout(q,30)))},z=e=>le.O=e,B=new WeakMap,I=e=>B.get(e),J=(e,t)=>B.set(t.S=e,t),K=(e,t)=>{const n={u:0,$hostElement$:e,j:t,P:new Map};return n.N=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],B.set(e,n)},Q=(e,t)=>t in e,X=(e,t)=>(0,console.error)(e,t),Y=new Map,Z=e=>{const t=e.m.replace(/-/g,"_"),n=e.R,l=Y.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Y.set(n,e),e[t])),X)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ee=new Map,te="undefined"!=typeof window?window:{},ne=te.document||{head:{}},le={u:0,T:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},oe=e=>Promise.resolve(e),se=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),re=!1,ie=[],ce=[],ue=(e,t)=>n=>{e.push(n),re||(re=!0,t&&4&le.u?he(fe):le.raf(fe))},ae=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){X(e)}e.length=0},fe=()=>{ae(ie),ae(ce),(re=ie.length>0)&&le.raf(fe)},he=e=>oe().then(e),pe=ue(ce,!0);export{_ as b,h,oe as p,J as r,z as s}