@xplortech/apollo-core 0.5.2 → 0.5.3

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

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-944adb2e.js');
-
-const XplTable = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tableSelect = index.createEvent(this, "tableSelect", 7);
-    this.areAllSelected = false;
-    this.hasScrolled = 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 = this.selected.map((v, _i) => (_i === i ? checked : v));
-      this.onChange();
-    };
-    this.onChange = () => {
-      this.tableSelect.emit({
-        selected: this.selected,
-        areAllSelected: this.areAllSelected,
-      });
-    };
-    this.onScroll = () => {
-      this.hasScrolled = this.container.scrollLeft > 0;
-    };
-    /**
-     * TODO: Need to figure out how this interplays with data
-     * received from an API/server
-     */
-    this.sortBy = (col, ascending = true) => {
-      this.rowData.sort((a, b) => {
-        const A = a[col];
-        const B = b[col];
-        if (typeof A === "number" && typeof B === "number") {
-          const f = ascending ? 1 : -1;
-          return A > B ? f : -f;
-        }
-        return -1;
-      });
-      this.rowData = Array.from(this.rowData);
-      this.render();
-    };
-  }
-  componentWillLoad() {
-    this.areAllSelected = false;
-    this.rowData = this.data !== undefined ? Array.from(this.data) : [];
-    this.selected = new Array(this.rowData.length).fill(false);
-  }
-  render() {
-    let className = "xpl-table";
-    if (this.striped)
-      className += " xpl-table--striped";
-    if (this.freeze)
-      className += " xpl-table--freeze";
-    if (this.hasScrolled)
-      className += " xpl-table--has-scrolled";
-    return (index.h(index.Host, null, index.h("div", { class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("table", { class: className }, this.columns && (index.h("thead", null, this.columns.map((column, i) => {
-      return (index.h("th", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: "__xpl-table-th" }, index.h("input", { checked: this.areAllSelected, id: "__xpl-table-th",
-        // appear indeterminate when at least one but not all
-        // are selected
-        indeterminate: !this.areAllSelected &&
-          this.selected.some((a) => a), onChange: (e) => {
-          this.selectAll(e);
-        }, type: "checkbox" }), column)) : (column)));
-    }))), index.h("tbody", null, this.rowData.map((row, rowNum) => {
-      return (index.h("tr", { class: this.selected && this.selected[rowNum]
-          ? "xpl-table-row-selected"
-          : "" }, row.map((cell, i) => {
-        return (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: "__xpl-table-row-" + rowNum }, index.h("input", { id: "__xpl-table-row-" + rowNum, checked: this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum) }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))));
-      })));
-    }))))));
-  }
-};
-
-exports.xpl_table = XplTable;

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

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-944adb2e.js');
-
-const XplTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-  }
-  render() {
-    return (index.h(index.Host, { class: "xpl-tag-container" }, index.h("button", { class: "xpl-tag", onClick: () => {
-        this.close.emit();
-      } }, index.h("slot", null)), index.h("button", { class: "xpl-tag__close", onClick: () => {
-        this.close.emit();
-      } }, "\u00D7")));
-  }
-};
-
-exports.xpl_tag = XplTag;

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

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-944adb2e.js');
-const v4 = require('./v4-14140ff3.js');
-
-const XplToggle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The size of the toggle -- `default` or `small`
-     */
-    this.variant = "default";
-    this.id = v4.v4();
-  }
-  render() {
-    let containerClassName = "xpl-toggle-container";
-    if (this.disabled)
-      containerClassName += " xpl-toggle-container--disabled";
-    let className = "xpl-toggle";
-    if (this.variant === "small")
-      className += " xpl-toggle--small";
-    return (index.h(index.Host, { class: containerClassName }, (this.heading || this.description) && (index.h("label", { class: {
-        "xpl-label": true,
-        "xpl-label--disabled": this.disabled
-      }, htmlFor: this.id }, this.heading, this.description && index.h("small", { class: {
-        "xpl-description": true,
-        "xpl-description--disabled": this.disabled
-      } }, this.description))), index.h("input", { class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && index.h("label", { htmlFor: this.id }, this.label)));
-  }
-};
-
-exports.xpl_toggle = XplToggle;

package/dist/collection/collection-manifest.json

@@ -1,37 +0,0 @@
-{
-  "entries": [
-    "./components/xpl-application-shell/xpl-application-shell.js",
-    "./components/xpl-avatar/xpl-avatar.js",
-    "./components/xpl-backdrop/xpl-backdrop.js",
-    "./components/xpl-badge/xpl-badge.js",
-    "./components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js",
-    "./components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js",
-    "./components/xpl-button/xpl-button.js",
-    "./components/xpl-button-row/xpl-button-row.js",
-    "./components/xpl-checkbox/xpl-checkbox.js",
-    "./components/xpl-choicelist/xpl-choicelist.js",
-    "./components/xpl-content-area/xpl-content-area.js",
-    "./components/xpl-divider/xpl-divider.js",
-    "./components/xpl-grid/xpl-grid.js",
-    "./components/xpl-grid-item/xpl-grid-item.js",
-    "./components/xpl-input/xpl-input.js",
-    "./components/xpl-list/xpl-list.js",
-    "./components/xpl-main-nav/xpl-main-nav.js",
-    "./components/xpl-nav-item/xpl-nav-item.js",
-    "./components/xpl-pagination/xpl-pagination.js",
-    "./components/xpl-radio/xpl-radio.js",
-    "./components/xpl-secondary-nav/xpl-secondary-nav.js",
-    "./components/xpl-select/xpl-select.js",
-    "./components/xpl-table/xpl-table.js",
-    "./components/xpl-tag/xpl-tag.js",
-    "./components/xpl-toggle/xpl-toggle.js",
-    "./components/xpl-utility-bar/xpl-utility-bar.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.8.0",
-    "typescriptVersion": "4.2.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -1,143 +0,0 @@
-import { Component, Host, h, Listen, State, Prop } from '@stencil/core';
-export class XplApplicationShell {
-  constructor() {
-    /**
-     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar
-     */
-    this.withSubnav = false;
-    /**
-   * @property {boolean} - Whether or not the Grid should have space for a utility bar
-   */
-    this.withUtility = true;
-    /**
-     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.
-     */
-    this.navWidth = 'default';
-    /**
-     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open envent is emitted.
-     */
-    this.navOpen = true;
-  }
-  closeNavOnMobile() {
-    if (window.innerWidth <= 640) {
-      this.navOpen = false;
-    }
-  }
-  navToggleHandler() {
-    this.navOpen = !this.navOpen;
-  }
-  navWithHandler(event) {
-    this.navWidth = event.detail;
-  }
-  onWindowResize() {
-    this.closeNavOnMobile();
-  }
-  connectedCallback() {
-    this.closeNavOnMobile();
-  }
-  render() {
-    let applicationShellClasses = "xpl-application-shell";
-    if (this.withUtility)
-      applicationShellClasses += " xpl-application-shell--with_utility";
-    let navClasses = "xpl-application-shell__nav";
-    navClasses += (this.navOpen) ? ` xpl-application-shell__nav--${this.navWidth}--open` : ` xpl-application-shell__nav--${this.navWidth}`;
-    return (h(Host, { class: applicationShellClasses },
-      h("div", { class: navClasses },
-        h("slot", { name: "nav" })),
-      h("div", { class: "xpl-application-shell__subnav" },
-        h("slot", { name: "subnav" })),
-      h("div", { class: "xpl-application-shell__utility" },
-        h("slot", { name: "utility" })),
-      h("div", { class: "xpl-application-shell__content" },
-        h("slot", { name: "content" })),
-      h("xpl-backdrop", { onClick: () => this.navToggleHandler(), class: { "xpl-application-shell__backdrop--open": this.navOpen }, relative: true })));
-  }
-  static get is() { return "xpl-application-shell"; }
-  static get properties() { return {
-    "withSubnav": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "with-subnav",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "withUtility": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - Whether or not the Grid should have space for a utility bar",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "with-utility",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "navWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "nav-width",
-      "reflect": false,
-      "defaultValue": "'default'"
-    }
-  }; }
-  static get states() { return {
-    "navOpen": {}
-  }; }
-  static get listeners() { return [{
-      "name": "navOpen",
-      "method": "navToggleHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "navWidth",
-      "method": "navWithHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "resize",
-      "method": "onWindowResize",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
-}

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

@@ -1,158 +0,0 @@
-import { Component, Host, h, Prop } from "@stencil/core";
-export class XplAvatar {
-  constructor() {
-    this.disabled = false;
-  }
-  render() {
-    let className = "xpl-avatar";
-    if (this.size)
-      className += ` xpl-avatar--${this.size}`;
-    if (this.color)
-      className += ` xpl-avatar--${this.color}`;
-    const inner = (h("div", null,
-      this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" },
-        h("slot", null))),
-      this.status && h("div", { class: `xpl-avatar__dot--${this.status}` })));
-    return (h(Host, null, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + " xpl-avatar--disabled" }, inner)) : (h("div", { class: className }, inner))));
-  }
-  static get is() { return "xpl-avatar"; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"green\" | \"yellow\" | \"pink\" | \"primary\" | \"secondary\"",
-        "resolved": "\"green\" | \"pink\" | \"primary\" | \"secondary\" | \"yellow\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "href",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"md\" | \"sm\"",
-        "resolved": "\"md\" | \"sm\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false
-    },
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "src",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"active\" | \"warning\" | \"inactive\"",
-        "resolved": "\"active\" | \"inactive\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "target",
-      "reflect": false
-    }
-  }; }
-}

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

@@ -1,41 +0,0 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class XplBackdrop {
-  constructor() {
-    /**
-     * @property {boolean} - When true, backdrop will have relative position. This is useful when the backdrop doesn't cover the whole view area.
-     * If false, the position will be fixed and cover the whole view area.
-     */
-    this.relative = false;
-  }
-  render() {
-    return (h(Host, { class: {
-        'xpl-backdrop': true,
-        'xpl-backdrop--fixed': !this.relative,
-        'xpl-backdrop--relative': this.relative
-      }, "aria-hidden": "true" }));
-  }
-  static get is() { return "xpl-backdrop"; }
-  static get properties() { return {
-    "relative": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{boolean} - When true, backdrop will have relative position. This is useful when the backdrop doesn't cover the whole view area.\nIf false, the position will be fixed and cover the whole view area.",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "relative",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}

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

@@ -1,50 +0,0 @@
-import { Component, Host, h, Prop } from "@stencil/core";
-export class XplBadge {
-  render() {
-    let className = "xpl-badge";
-    if (this.dot)
-      className += " xpl-badge--dot";
-    if (this.variant)
-      className += " xpl-badge--" + this.variant;
-    return (h(Host, null,
-      h("div", { class: className },
-        h("slot", null))));
-  }
-  static get is() { return "xpl-badge"; }
-  static get properties() { return {
-    "dot": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dot",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"success\" | \"warning\" | \"inactive\" | \"error\"",
-        "resolved": "\"error\" | \"inactive\" | \"success\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false
-    }
-  }; }
-}

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

@@ -1,15 +0,0 @@
-import { Component, Host, h } from '@stencil/core';
-/**
- * @slot unnamed - content rendered <ol>, should be a group of <li> or <xpl-breadcrumb-item>
- */
-export class XplBreadcrumbs {
-  render() {
-    return (h(Host, null,
-      h("nav", { class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" },
-        h("ol", { role: "list" },
-          h("slot", null)))));
-  }
-  ;
-  static get is() { return "xpl-breadcrumbs"; }
-}
-;