@xplortech/apollo-core 0.0.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3ceb30c2.js');
+
+/*
+ Stencil Client Patch Esm v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["xpl-pagination.cjs",[[1,"xpl-pagination"]]],["xpl-table.cjs",[[0,"xpl-table",{"columns":[16],"data":[16],"fixed":[4],"multiselect":[4],"striped":[4],"areAllSelected":[32],"selected":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/xpl-pagination.cjs.entry.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3ceb30c2.js');
+
+const XplPagination = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+};
+
+exports.xpl_pagination = XplPagination;

package/dist/cjs/xpl-table.cjs.entry.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3ceb30c2.js');
+
+const XplTable = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tableSelect = index.createEvent(this, "tableSelect", 7);
+    this.areAllSelected = false;
+    this.selectAll = (e) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = checked;
+      this.selected = this.selected.map(() => checked);
+      this.onChange();
+    };
+    this.selectOne = (e, i) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = false;
+      this.selected[i] = checked;
+      this.onChange();
+    };
+    this.onChange = () => {
+      this.tableSelect.emit({
+        selected: this.selected,
+        areAllSelected: this.areAllSelected,
+      });
+    };
+  }
+  componentWillLoad() {
+    this.areAllSelected = false;
+    this.selected = new Array(this.data.length).fill(false);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "xpl-table-container" }, index.h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""} xpl-table--sticky` }, this.columns && (index.h("thead", null, this.columns.map((column, i) => {
+      return (index.h("th", null, this.multiselect && i === 0 ? (index.h("input", { type: "checkbox", onChange: (e) => {
+          this.selectAll(e);
+        }, checked: this.areAllSelected })) : null, column));
+    }))), this.data && (index.h("tbody", null, this.data.map((row) => {
+      return (index.h("tr", null, row.map((cell, i) => {
+        return (index.h("td", null, this.multiselect && i === 0 ? (index.h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null, cell));
+      })));
+    })))))));
+  }
+};
+
+exports.xpl_table = XplTable;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,13 @@
+{
+  "entries": [
+    "./components/xpl-pagination/xpl-pagination.js",
+    "./components/xpl-table/xpl-table.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.6.0",
+    "typescriptVersion": "4.2.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/xpl-pagination/xpl-pagination.js

@@ -0,0 +1,9 @@
+import { Component, Host, h } from "@stencil/core";
+export class XplPagination {
+  render() {
+    return (h(Host, null,
+      h("slot", null)));
+  }
+  static get is() { return "xpl-pagination"; }
+  static get encapsulation() { return "shadow"; }
+}

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

@@ -0,0 +1,157 @@
+import { Component, Host, Prop, State, Event, h, } from "@stencil/core";
+export class XplTable {
+  constructor() {
+    this.areAllSelected = false;
+    this.selectAll = (e) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = checked;
+      this.selected = this.selected.map(() => checked);
+      this.onChange();
+    };
+    this.selectOne = (e, i) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = false;
+      this.selected[i] = checked;
+      this.onChange();
+    };
+    this.onChange = () => {
+      this.tableSelect.emit({
+        selected: this.selected,
+        areAllSelected: this.areAllSelected,
+      });
+    };
+  }
+  componentWillLoad() {
+    this.areAllSelected = false;
+    this.selected = new Array(this.data.length).fill(false);
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "xpl-table-container" },
+        h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""} xpl-table--sticky` },
+          this.columns && (h("thead", null, this.columns.map((column, i) => {
+            return (h("th", null,
+              this.multiselect && i === 0 ? (h("input", { type: "checkbox", onChange: (e) => {
+                  this.selectAll(e);
+                }, checked: this.areAllSelected })) : null,
+              column));
+          }))),
+          this.data && (h("tbody", null, this.data.map((row) => {
+            return (h("tr", null, row.map((cell, i) => {
+              return (h("td", null,
+                this.multiselect && i === 0 ? (h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null,
+                cell));
+            })));
+          })))))));
+  }
+  static get is() { return "xpl-table"; }
+  static get properties() { return {
+    "columns": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "data": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "(string | number)[][]",
+        "resolved": "(string | number)[][]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "fixed": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "fixed",
+      "reflect": false
+    },
+    "multiselect": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "multiselect",
+      "reflect": false
+    },
+    "striped": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "striped",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "areAllSelected": {},
+    "selected": {}
+  }; }
+  static get events() { return [{
+      "method": "tableSelect",
+      "name": "tableSelect",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/custom-elements/index.d.ts

@@ -0,0 +1,51 @@
+/* ApolloCore custom elements bundle */
+
+import type { Components, JSX } from "../types/components";
+
+interface XplPagination extends Components.XplPagination, HTMLElement {}
+export const XplPagination: {
+  prototype: XplPagination;
+  new (): XplPagination;
+};
+
+interface XplTable extends Components.XplTable, HTMLElement {}
+export const XplTable: {
+  prototype: XplTable;
+  new (): XplTable;
+};
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source. 
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. The component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  ce?: (eventName: string, opts?: any) => CustomEvent;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types/components';

package/dist/custom-elements/index.js

@@ -0,0 +1,78 @@
+import { attachShadow, h, Host, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+
+const XplPagination$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    attachShadow(this);
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+};
+
+const XplTable$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.tableSelect = createEvent(this, "tableSelect", 7);
+    this.areAllSelected = false;
+    this.selectAll = (e) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = checked;
+      this.selected = this.selected.map(() => checked);
+      this.onChange();
+    };
+    this.selectOne = (e, i) => {
+      const { target } = e;
+      if (!(target instanceof HTMLInputElement))
+        return;
+      const { checked } = target;
+      this.areAllSelected = false;
+      this.selected[i] = checked;
+      this.onChange();
+    };
+    this.onChange = () => {
+      this.tableSelect.emit({
+        selected: this.selected,
+        areAllSelected: this.areAllSelected,
+      });
+    };
+  }
+  componentWillLoad() {
+    this.areAllSelected = false;
+    this.selected = new Array(this.data.length).fill(false);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "xpl-table-container" }, h("table", { class: `xpl-table${this.striped ? " xpl-table--striped" : ""} xpl-table--sticky` }, this.columns && (h("thead", null, this.columns.map((column, i) => {
+      return (h("th", null, this.multiselect && i === 0 ? (h("input", { type: "checkbox", onChange: (e) => {
+          this.selectAll(e);
+        }, checked: this.areAllSelected })) : null, column));
+    }))), this.data && (h("tbody", null, this.data.map((row) => {
+      return (h("tr", null, row.map((cell, i) => {
+        return (h("td", null, this.multiselect && i === 0 ? (h("input", { checked: this.selected[i], type: "checkbox", onChange: (e) => this.selectOne(e, i) })) : null, cell));
+      })));
+    })))))));
+  }
+};
+
+const XplPagination = /*@__PURE__*/proxyCustomElement(XplPagination$1, [1,"xpl-pagination"]);
+const XplTable = /*@__PURE__*/proxyCustomElement(XplTable$1, [0,"xpl-table",{"columns":[16],"data":[16],"fixed":[4],"multiselect":[4],"striped":[4],"areAllSelected":[32],"selected":[32]}]);
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      XplPagination,
+  XplTable
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { XplPagination, XplTable, defineCustomElements };

package/dist/esm/apollo-core.js

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-52844266.js';
+
+/*
+ Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["xpl-pagination",[[1,"xpl-pagination"]]],["xpl-table",[[0,"xpl-table",{"columns":[16],"data":[16],"fixed":[4],"multiselect":[4],"striped":[4],"areAllSelected":[32],"selected":[32]}]]]], options);
+});