proto-table-wc 0.1.65 → 0.1.67

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.
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CeWt5YXo.js');
3
+ var index = require('./index-3LG_PL97.js');
4
4
 
5
- const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
5
+ const demoTableCss = () => `.detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}`;
6
6
 
7
7
  const DemoTable = class {
8
8
  constructor(hostRef) {
@@ -75,7 +75,7 @@ const DemoTable = class {
75
75
  return index.h("proto-table", { key: 'aa5f26287b85073afb5bbd3c133f9ad388fc8138', ref: el => (this.table = el) });
76
76
  }
77
77
  };
78
- DemoTable.style = demoTableCss;
78
+ DemoTable.style = demoTableCss();
79
79
 
80
80
  const iconPaths = {
81
81
  'down': 'M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z',
@@ -87,7 +87,7 @@ const iconPaths = {
87
87
  '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',
88
88
  };
89
89
 
90
- const protoTableCss = ".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)}";
90
+ const protoTableCss = () => `.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)}`;
91
91
 
92
92
  const iconAliases = {
93
93
  'right': 'show',
@@ -161,7 +161,7 @@ const ProtoTable = class {
161
161
  return (index.h("div", { key: 'c30742fde0de976c553234528a7bfb6ce10d3ef5', class: "table" }, this.header(), items.map((item, index) => this.row(item, index))));
162
162
  }
163
163
  };
164
- ProtoTable.style = protoTableCss;
164
+ ProtoTable.style = protoTableCss();
165
165
 
166
166
  exports.demo_table = DemoTable;
167
167
  exports.proto_table = ProtoTable;
@@ -4,7 +4,7 @@ const NAMESPACE = 'proto-table-wc';
4
4
  const BUILD = /* proto-table-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, state: true, updatable: true};
5
5
 
6
6
  /*
7
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
8
8
  */
9
9
  var __defProp = Object.defineProperty;
10
10
  var __export = (target, all) => {
@@ -380,6 +380,9 @@ var attachStyles = (hostRef) => {
380
380
  };
381
381
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
382
382
  var h = (nodeName, vnodeData, ...children) => {
383
+ if (typeof nodeName === "string") {
384
+ nodeName = transformTag(nodeName);
385
+ }
383
386
  let child = null;
384
387
  let key = null;
385
388
  let simple = false;
@@ -1318,7 +1321,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1318
1321
  {
1319
1322
  cmpMeta.$members$ = compactMeta[2];
1320
1323
  }
1321
- const tagName = cmpMeta.$tagName$;
1324
+ const tagName = transformTag(cmpMeta.$tagName$);
1322
1325
  const HostElement = class extends HTMLElement {
1323
1326
  // StencilLazyHost
1324
1327
  constructor(self) {
@@ -1419,6 +1422,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1419
1422
 
1420
1423
  // src/runtime/nonce.ts
1421
1424
  var setNonce = (nonce) => plt.$nonce$ = nonce;
1425
+ function transformTag(tag) {
1426
+ return tag;
1427
+ }
1422
1428
 
1423
1429
  exports.bootstrapLazy = bootstrapLazy;
1424
1430
  exports.h = h;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CeWt5YXo.js');
3
+ var index = require('./index-3LG_PL97.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  const defineCustomElements = async (win, options) => {
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-CeWt5YXo.js');
3
+ var index = require('./index-3LG_PL97.js');
4
4
  var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
5
 
6
6
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
7
  /*
8
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
 
11
11
  var patchBrowser = () => {
@@ -5,8 +5,8 @@
5
5
  ],
6
6
  "compiler": {
7
7
  "name": "@stencil/core",
8
- "version": "4.38.3",
9
- "typescriptVersion": "5.9.3"
8
+ "version": "4.39.0",
9
+ "typescriptVersion": "5.8.3"
10
10
  },
11
11
  "collections": [],
12
12
  "bundles": []
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h } from './index-BoDwIQny.js';
1
+ import { r as registerInstance, h } from './index-BTkpVm2t.js';
2
2
 
3
- const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
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
 
5
5
  const DemoTable = class {
6
6
  constructor(hostRef) {
@@ -73,7 +73,7 @@ const DemoTable = class {
73
73
  return h("proto-table", { key: 'aa5f26287b85073afb5bbd3c133f9ad388fc8138', ref: el => (this.table = el) });
74
74
  }
75
75
  };
76
- DemoTable.style = demoTableCss;
76
+ DemoTable.style = demoTableCss();
77
77
 
78
78
  const iconPaths = {
79
79
  'down': 'M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z',
@@ -85,7 +85,7 @@ const iconPaths = {
85
85
  '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',
86
86
  };
87
87
 
88
- const protoTableCss = ".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)}";
88
+ const protoTableCss = () => `.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)}`;
89
89
 
90
90
  const iconAliases = {
91
91
  'right': 'show',
@@ -159,6 +159,6 @@ const ProtoTable = class {
159
159
  return (h("div", { key: 'c30742fde0de976c553234528a7bfb6ce10d3ef5', class: "table" }, this.header(), items.map((item, index) => this.row(item, index))));
160
160
  }
161
161
  };
162
- ProtoTable.style = protoTableCss;
162
+ ProtoTable.style = protoTableCss();
163
163
 
164
164
  export { DemoTable as demo_table, ProtoTable as proto_table };
@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-table-wc';
2
2
  const BUILD = /* proto-table-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, state: true, updatable: true};
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -378,6 +378,9 @@ var attachStyles = (hostRef) => {
378
378
  };
379
379
  var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
380
380
  var h = (nodeName, vnodeData, ...children) => {
381
+ if (typeof nodeName === "string") {
382
+ nodeName = transformTag(nodeName);
383
+ }
381
384
  let child = null;
382
385
  let key = null;
383
386
  let simple = false;
@@ -1316,7 +1319,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1316
1319
  {
1317
1320
  cmpMeta.$members$ = compactMeta[2];
1318
1321
  }
1319
- const tagName = cmpMeta.$tagName$;
1322
+ const tagName = transformTag(cmpMeta.$tagName$);
1320
1323
  const HostElement = class extends HTMLElement {
1321
1324
  // StencilLazyHost
1322
1325
  constructor(self) {
@@ -1417,5 +1420,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1417
1420
 
1418
1421
  // src/runtime/nonce.ts
1419
1422
  var setNonce = (nonce) => plt.$nonce$ = nonce;
1423
+ function transformTag(tag) {
1424
+ return tag;
1425
+ }
1420
1426
 
1421
1427
  export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-BoDwIQny.js';
2
- export { s as setNonce } from './index-BoDwIQny.js';
1
+ import { b as bootstrapLazy } from './index-BTkpVm2t.js';
2
+ export { s as setNonce } from './index-BTkpVm2t.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-BoDwIQny.js';
2
- export { s as setNonce } from './index-BoDwIQny.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-BTkpVm2t.js';
2
+ export { s as setNonce } from './index-BTkpVm2t.js';
3
3
  import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
 
9
9
  var patchBrowser = () => {
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-BoDwIQny.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-BTkpVm2t.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 +1 @@
1
- import{p as o,b as t}from"./p-BoDwIQny.js";export{s as setNonce}from"./p-BoDwIQny.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),o(t)})().then((async o=>(await a(),t([["p-c321d722",[[257,"demo-table"],[256,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],o))));
1
+ import{p as t,b as a}from"./p-BTkpVm2t.js";export{s as setNonce}from"./p-BTkpVm2t.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),t(s)})().then((async t=>(await e(),a([["p-3d631f6a",[[257,"demo-table"],[256,"proto-table",{data:[16],details:[8],fields:[16],expanded:[32],sort:[32],clicks:[32]}]]]],t))));
@@ -125,6 +125,9 @@ export interface AttachInternalsDecorator {
125
125
  export interface ListenDecorator {
126
126
  (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
127
127
  }
128
+ export interface ResolveVarFunction {
129
+ <T>(variable: T): string;
130
+ }
128
131
  export interface ListenOptions {
129
132
  /**
130
133
  * Handlers can also be registered for an event other than the host itself.
@@ -208,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
208
211
  * https://stenciljs.com/docs/events#listen-decorator
209
212
  */
210
213
  export declare const Listen: ListenDecorator;
214
+ /**
215
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
216
+ * and object properties to their string literal values. This allows variables to be
217
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
218
+ *
219
+ * @example
220
+ * ```ts
221
+ * const MY_EVENT = 'myEvent';
222
+ * @Listen(resolveVar(MY_EVENT))
223
+ * ```
224
+ *
225
+ * @example
226
+ * ```ts
227
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
228
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
229
+ * ```
230
+ */
231
+ export declare const resolveVar: ResolveVarFunction;
211
232
  /**
212
233
  * The `@Method()` decorator is used to expose methods on the public API.
213
234
  * Class methods decorated with the @Method() decorator can be called directly
@@ -365,6 +386,27 @@ export declare function readTask(task: RafCallback): void;
365
386
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
366
387
  */
367
388
  export declare const setErrorHandler: (handler: ErrorHandler) => void;
389
+ export type TagTransformer = (tag: string) => string;
390
+ /**
391
+ * Sets a tag transformer to be used when rendering your custom elements.
392
+ * ```ts
393
+ * setTagTransformer((tag) => {
394
+ * if (tag.startsWith('my-')) return `new-${tag}`
395
+ * return tag;
396
+ * });
397
+ * ```
398
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
399
+ *
400
+ * @param transformer the transformer function to use which must return a string.
401
+ */
402
+ export declare function setTagTransformer(transformer: TagTransformer): void;
403
+ /**
404
+ * Transforms a tag name using a transformer set via `setTagTransformer`
405
+ *
406
+ * @param tag - the tag to transform e.g. `my-tag`
407
+ * @returns the transformed tag e.g. `new-my-tag`
408
+ */
409
+ export declare function transformTag(tag: string): string;
368
410
  /**
369
411
  * @deprecated - Use `MixedInCtor` instead:
370
412
  * ```ts
@@ -1747,6 +1789,7 @@ export interface CustomElementsDefineOptions {
1747
1789
  exclude?: string[];
1748
1790
  resourcesUrl?: string;
1749
1791
  syncQueue?: boolean;
1792
+ /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
1750
1793
  transformTagName?: (tagName: string) => string;
1751
1794
  jmp?: (c: Function) => any;
1752
1795
  raf?: (c: FrameRequestCallback) => number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-table-wc",
3
- "version": "0.1.65",
3
+ "version": "0.1.67",
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.38.3"
28
+ "@stencil/core": "4.39.0"
29
29
  },
30
30
  "devDependencies": {
31
31
  "cspell": "9.4.0",
32
- "eslint": "9.39.1",
32
+ "eslint": "9.39.2",
33
33
  "prettier": "3.7.4",
34
34
  "typescript": "5.9.3"
35
35
  },