proto-table-wc 0.0.390 → 0.0.391

package/dist/cjs/proto-table-wc.cjs.js

@@ -2,16 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5835d72c.js');
+const index = require('./index-52ab0f4a.js');
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     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));
     const opts = {};
+    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
+        // TODO(STENCIL-661): Remove code related to the dynamic import shim
+        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return index.promiseResolve(opts);
 };
@@ -21,3 +24,5 @@ patchBrowser().then(options => {
 });
 
 exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=proto-table-wc.cjs.js.map

package/dist/cjs/proto-table-wc.cjs.js.map

@@ -0,0 +1 @@
+{"file":"proto-table-wc.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,gNAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAyD,EAAE,CAAC;AAgB1E;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.2",
+    "version": "3.0.0",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

package/dist/collection/components/demo-table/demo-table.js

@@ -81,3 +81,4 @@ export class DemoTable {
     };
   }
 }
+//# sourceMappingURL=demo-table.js.map

package/dist/collection/components/demo-table/demo-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-table.js","sourceRoot":"","sources":["../../../src/components/demo-table/demo-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,SAAS;EALtB;IA4DE,WAAM,GAAG;MACP,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;MAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;MACtC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;MACxC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE;KAC7C,CAAC;IAEF,UAAK,GAAG,EAAE,CAAC;IACX,UAAK,GAAG,SAAS,CAAC;IAElB,kBAAa,GAAG,IAAI,CAAC,EAAE;MACrB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;MAE3B,OAAO,CACL,WAAK,KAAK,EAAC,eAAe;QACxB;UAAO,IAAI,CAAC,MAAM;wBAAmB;QACrC,cACG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,cAAK,GAAG,CAAM,CACf,CAAC,CACC,CACD,CACP,CAAC;IACJ,CAAC,CAAC;GAKH;EAlFC,iBAAiB;IACf,IAAI,CAAC,KAAK,GAAG;MACX;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;OAC9B;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;OACrB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;OAClB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;OACxC;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;OACxB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;OAC5B;KACF,CAAC;EACJ,CAAC;EAED,gBAAgB;IACd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAEtC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;EACrC,CAAC;EA2BD,MAAM;IACJ,OAAO,mBAAa,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,GAAI,CAAC;EACvD,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'demo-table',\n  styleUrl: 'demo-table.css',\n  shadow: true,\n})\nexport class DemoTable {\n  componentWillLoad() {\n    this.items = [\n      {\n        date: '08/30/2020',\n        price: '$24,000',\n        market: '98%',\n        score: 'No Score',\n        tags: ['one', 'two', 'three'],\n      },\n      {\n        date: '08/31/2020',\n        price: '$24,000',\n        market: '99%',\n        score: 'No Score',\n        tags: ['uno', 'duo'],\n      },\n      {\n        date: '09/01/2020',\n        price: '$27,000',\n        market: '102%',\n        score: 'Platinum',\n      },\n      {\n        date: '09/02/2020',\n        price: '$27,423',\n        market: '104%',\n        score: 'Platinum',\n        tags: ['dog', 'cat', 'fish', 'hamster'],\n      },\n      {\n        date: '09/03/2020',\n        price: '$27,521',\n        market: '106%',\n        score: 'Platinum',\n        tags: ['4wd', 'sports'],\n      },\n      {\n        date: '09/04/2020',\n        price: '$27,687',\n        market: '107%',\n        score: 'Platinum',\n        tags: ['leather', 'chrome'],\n      },\n    ];\n  }\n\n  componentDidLoad() {\n    const { table, items, fields } = this;\n\n    table.data = items;\n    table.fields = fields;\n    table.details = this.renderDetails;\n  }\n\n  fields = [\n    { label: 'Date', prop: 'date' },\n    { label: 'List Price', prop: 'price' },\n    { label: '% of Market', prop: 'market' },\n    { label: 'ProfitTime Score', prop: 'score' },\n  ];\n\n  items = [];\n  table = undefined;\n\n  renderDetails = item => {\n    const { tags = [] } = item;\n\n    return (\n      <div class=\"detailWrapper\">\n        <span>{tags.length} details...</span>\n        <ul>\n          {tags.map(tag => (\n            <li>{tag}</li>\n          ))}\n        </ul>\n      </div>\n    );\n  };\n\n  render() {\n    return <proto-table ref={el => (this.table = el)} />;\n  }\n}\n"]}

package/dist/collection/components/proto-table/iconPaths.js

@@ -9,3 +9,4 @@ const iconPaths = {
 };
 export { iconPaths };
 export default iconPaths;
+//# sourceMappingURL=iconPaths.js.map

package/dist/collection/components/proto-table/iconPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPaths.js","sourceRoot":"","sources":["../../../src/components/proto-table/iconPaths.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;EAChB,MAAM,EAAE,wCAAwC;EAChD,IAAI,EAAE,0CAA0C;EAChD,MAAM,EAAE,yCAAyC;EACjD,OAAO,EAAE,yCAAyC;EAClD,MAAM,EAAE,6FAA6F;EACrG,UAAU,EAAE,yDAAyD;EACrE,YAAY,EAAE,+DAA+D;CAC9E,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC","sourcesContent":["const iconPaths = {\n  'down': 'M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z',\n  'up': 'M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z',\n  'left': 'M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z',\n  'right': 'M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z',\n  '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',\n  'arrow-up': 'M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z',\n  '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',\n};\n\nexport { iconPaths };\nexport default iconPaths;\n"]}

package/dist/collection/components/proto-table/proto-table.js

@@ -143,3 +143,4 @@ export class ProtoTable {
     };
   }
 }
+//# sourceMappingURL=proto-table.js.map

package/dist/collection/components/proto-table/proto-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proto-table.js","sourceRoot":"","sources":["../../../src/components/proto-table/proto-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { iconPaths } from './iconPaths';\n\nconst iconAliases = {\n  'right': 'show',\n  'down': 'hide',\n  'arrow-up': 'sort',\n  'arrow-down': 'sort',\n};\n\nconst aliasFor = name => {\n  return iconAliases[name];\n};\n\n@Component({\n  tag: 'proto-table',\n  styleUrl: 'proto-table.css',\n})\nexport class ProtoTable {\n  @Prop() data = [];\n  @Prop() details = undefined;\n  @Prop() fields = [];\n  @State() expanded = undefined;\n  @State() sort = undefined;\n  @State() clicks = 0;\n\n  protoIcon = (name, hex = undefined, size = 24) => {\n    const path = iconPaths[name];\n    return (\n      <svg width={size} height={size} viewBox=\"0 0 24 24\" role=\"img\" aria-labelledby=\"title\">\n        <title>{aliasFor(name)}</title>\n        <g fill={hex}>\n          <path d={path} />\n        </g>\n        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n      </svg>\n    );\n  };\n\n  handleCellClick = (index, row) => {\n    return () => {\n      if (index === 0) {\n        this.expanded = this.expanded === row ? undefined : row;\n      }\n    };\n  };\n\n  handleSortClick = index => {\n    // NOTE:  small state machine for dealing with sorting...\n    return () => {\n      if (this.sort === index) {\n        if (this.clicks === 2) {\n          this.clicks = 0;\n          this.sort = undefined;\n        } else {\n          this.clicks = this.clicks + 1;\n        }\n      } else {\n        this.sort = index;\n        this.clicks = 1;\n      }\n    };\n  };\n\n  iconFor = column => {\n    return this.sort === column && this.clicks === 2 ? 'arrow-up' : 'arrow-down';\n  };\n\n  header = () => {\n    const { fields, iconFor, protoIcon } = this;\n    return (\n      <div class=\"header\">\n        {fields.map(({ label }, index) => {\n          const cellClass = index === this.sort ? 'headerCell sort' : 'headerCell';\n          const ikon = iconFor(index);\n          return (\n            <div class={cellClass} onClick={this.handleSortClick(index)}>\n              {protoIcon(ikon)}\n              <span>{label}</span>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  row = (data, row) => {\n    const { fields, protoIcon } = this;\n    const rowClass = this.expanded === row ? 'row expanded' : 'row';\n    return (\n      <div class=\"rowContainer\">\n        <div class={rowClass}>\n          {fields.map(({ prop }, index) => {\n            const cellClass = index === this.sort ? 'cell sort' : 'cell';\n            return (\n              <div class={cellClass} onClick={this.handleCellClick(index, row)}>\n                {index === 0 && this.details ? protoIcon(this.expanded === row ? 'down' : 'right') : protoIcon('pad')}\n                {data[prop]}\n              </div>\n            );\n          })}\n        </div>\n\n        {this.details && this.expanded === row && this.details(data)}\n      </div>\n    );\n  };\n\n  render() {\n    const items = this.data || [];\n    return (\n      <div class=\"table\">\n        {this.header()}\n        {items.map((item, index) => this.row(item, index))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from './components';\n"]}

package/dist/esm/demo-table_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-d9d0bd91.js';
+import { r as registerInstance, h } from './index-f60c9fab.js';
 
 const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
 
@@ -162,3 +162,5 @@ const ProtoTable = class {
 ProtoTable.style = protoTableCss;
 
 export { DemoTable as demo_table, ProtoTable as proto_table };
+
+//# sourceMappingURL=demo-table_2.entry.js.map

package/dist/esm/demo-table_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"demo-table.proto-table.entry.js","mappings":"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","names":[],"sources":["./src/components/demo-table/demo-table.css?tag=demo-table&encapsulation=shadow","./src/components/demo-table/demo-table.tsx","./src/components/proto-table/iconPaths.ts","./src/components/proto-table/proto-table.css?tag=proto-table","./src/components/proto-table/proto-table.tsx"],"sourcesContent":[".detailWrapper {\n  font-weight: 100;\n  font-size: 13px;\n  display: flex;\n  flex-direction: column;\n  justify-items: start;\n  padding: 5px;\n  padding-left: 30px;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'demo-table',\n  styleUrl: 'demo-table.css',\n  shadow: true,\n})\nexport class DemoTable {\n  componentWillLoad() {\n    this.items = [\n      {\n        date: '08/30/2020',\n        price: '$24,000',\n        market: '98%',\n        score: 'No Score',\n        tags: ['one', 'two', 'three'],\n      },\n      {\n        date: '08/31/2020',\n        price: '$24,000',\n        market: '99%',\n        score: 'No Score',\n        tags: ['uno', 'duo'],\n      },\n      {\n        date: '09/01/2020',\n        price: '$27,000',\n        market: '102%',\n        score: 'Platinum',\n      },\n      {\n        date: '09/02/2020',\n        price: '$27,423',\n        market: '104%',\n        score: 'Platinum',\n        tags: ['dog', 'cat', 'fish', 'hamster'],\n      },\n      {\n        date: '09/03/2020',\n        price: '$27,521',\n        market: '106%',\n        score: 'Platinum',\n        tags: ['4wd', 'sports'],\n      },\n      {\n        date: '09/04/2020',\n        price: '$27,687',\n        market: '107%',\n        score: 'Platinum',\n        tags: ['leather', 'chrome'],\n      },\n    ];\n  }\n\n  componentDidLoad() {\n    const { table, items, fields } = this;\n\n    table.data = items;\n    table.fields = fields;\n    table.details = this.renderDetails;\n  }\n\n  fields = [\n    { label: 'Date', prop: 'date' },\n    { label: 'List Price', prop: 'price' },\n    { label: '% of Market', prop: 'market' },\n    { label: 'ProfitTime Score', prop: 'score' },\n  ];\n\n  items = [];\n  table = undefined;\n\n  renderDetails = item => {\n    const { tags = [] } = item;\n\n    return (\n      <div class=\"detailWrapper\">\n        <span>{tags.length} details...</span>\n        <ul>\n          {tags.map(tag => (\n            <li>{tag}</li>\n          ))}\n        </ul>\n      </div>\n    );\n  };\n\n  render() {\n    return <proto-table ref={el => (this.table = el)} />;\n  }\n}\n","const iconPaths = {\n  'down': 'M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z',\n  'up': 'M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z',\n  'left': 'M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z',\n  'right': 'M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z',\n  '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',\n  'arrow-up': 'M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z',\n  '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',\n};\n\nexport { iconPaths };\nexport default iconPaths;\n",".table {\n  font-weight: 400;\n  font-size: 13px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  border: 1px solid var(--clrs-navy);\n  border-radius: 2px;\n}\n\n.table svg {\n  fill: var(--clrs-navy);\n}\n\n.header {\n  display: flex;\n}\n\n.headerCell {\n  flex-basis: 100%;\n  display: flex;\n  align-items: center;\n  justify-items: start;\n  border-right: 1px solid var(--clrs-navy);\n  border-bottom: 1px solid var(--clrs-navy);\n  padding: 5px;\n  cursor: pointer;\n}\n\n.headerCell svg g {\n  display: none;\n}\n\n.headerCell.sort svg g {\n  display: inline;\n}\n\n.headerCell:hover svg g {\n  display: inline;\n}\n\n.headerCell:hover {\n  background-color: var(--clrs-silver);\n}\n\n.headerCell:last-child {\n  border-right: none;\n}\n\n.cell {\n  flex-basis: 100%;\n  display: flex;\n  align-items: center;\n  justify-items: start;\n  padding: 5px;\n}\n\n.cell:first-child svg {\n  cursor: pointer;\n}\n\n.sort {\n  background-color: var(--cx-column-sort);\n}\n\n.row {\n  display: flex;\n  justify-items: stretch;\n  width: 100%;\n}\n\n.row.expanded {\n  background-color: var(--cx-row-expanded);\n}\n\n.row.expanded svg {\n  fill: var(--clrs-red);\n}\n\n.row:hover {\n  background-color: var(--cx-row-hover);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { iconPaths } from './iconPaths';\n\nconst iconAliases = {\n  'right': 'show',\n  'down': 'hide',\n  'arrow-up': 'sort',\n  'arrow-down': 'sort',\n};\n\nconst aliasFor = name => {\n  return iconAliases[name];\n};\n\n@Component({\n  tag: 'proto-table',\n  styleUrl: 'proto-table.css',\n})\nexport class ProtoTable {\n  @Prop() data = [];\n  @Prop() details = undefined;\n  @Prop() fields = [];\n  @State() expanded = undefined;\n  @State() sort = undefined;\n  @State() clicks = 0;\n\n  protoIcon = (name, hex = undefined, size = 24) => {\n    const path = iconPaths[name];\n    return (\n      <svg width={size} height={size} viewBox=\"0 0 24 24\" role=\"img\" aria-labelledby=\"title\">\n        <title>{aliasFor(name)}</title>\n        <g fill={hex}>\n          <path d={path} />\n        </g>\n        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n      </svg>\n    );\n  };\n\n  handleCellClick = (index, row) => {\n    return () => {\n      if (index === 0) {\n        this.expanded = this.expanded === row ? undefined : row;\n      }\n    };\n  };\n\n  handleSortClick = index => {\n    // NOTE:  small state machine for dealing with sorting...\n    return () => {\n      if (this.sort === index) {\n        if (this.clicks === 2) {\n          this.clicks = 0;\n          this.sort = undefined;\n        } else {\n          this.clicks = this.clicks + 1;\n        }\n      } else {\n        this.sort = index;\n        this.clicks = 1;\n      }\n    };\n  };\n\n  iconFor = column => {\n    return this.sort === column && this.clicks === 2 ? 'arrow-up' : 'arrow-down';\n  };\n\n  header = () => {\n    const { fields, iconFor, protoIcon } = this;\n    return (\n      <div class=\"header\">\n        {fields.map(({ label }, index) => {\n          const cellClass = index === this.sort ? 'headerCell sort' : 'headerCell';\n          const ikon = iconFor(index);\n          return (\n            <div class={cellClass} onClick={this.handleSortClick(index)}>\n              {protoIcon(ikon)}\n              <span>{label}</span>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  row = (data, row) => {\n    const { fields, protoIcon } = this;\n    const rowClass = this.expanded === row ? 'row expanded' : 'row';\n    return (\n      <div class=\"rowContainer\">\n        <div class={rowClass}>\n          {fields.map(({ prop }, index) => {\n            const cellClass = index === this.sort ? 'cell sort' : 'cell';\n            return (\n              <div class={cellClass} onClick={this.handleCellClick(index, row)}>\n                {index === 0 && this.details ? protoIcon(this.expanded === row ? 'down' : 'right') : protoIcon('pad')}\n                {data[prop]}\n              </div>\n            );\n          })}\n        </div>\n\n        {this.details && this.expanded === row && this.details(data)}\n      </div>\n    );\n  };\n\n  render() {\n    const items = this.data || [];\n    return (\n      <div class=\"table\">\n        {this.header()}\n        {items.map((item, index) => this.row(item, index))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/{index-d9d0bd91.js → index-f60c9fab.js}

@@ -224,6 +224,7 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
             }
             if (!appliedStyles.has(scopeId)) {
                 {
+                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
                     {
                         styleElm = doc.createElement('style');
                         styleElm.innerHTML = style;
@@ -252,6 +253,7 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
+    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -1401,3 +1403,5 @@ const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
+
+//# sourceMappingURL=index-f60c9fab.js.map