@xplortech/apollo-core 1.0.0-beta.7 → 1.0.0-beta.8

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

@@ -1,5 +1,14 @@
-import { Component, Host, h, Prop, State } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplChoicelist {
+  constructor() {
+    this.choices = undefined;
+    this.description = undefined;
+    this.heading = undefined;
+    this.multi = undefined;
+    this.name = undefined;
+    this.styled = undefined;
+    this.selected = undefined;
+  }
   componentWillLoad() {
     this.selected =
       this.choices !== undefined &&
@@ -12,139 +21,137 @@ export class XplChoicelist {
     let className = 'xpl-choicelist';
     if (this.styled)
       className += ' xpl-choicelist--styled';
-    return (h(Host, { class: "xpl-choicelist-container" },
-      this.heading !== undefined ||
-        this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" },
-        this.heading && h("h3", null, this.heading),
-        this.description && h("p", null, this.description))) : null,
-      this.choices && (h("ul", { class: className }, this.choices.map(({ children, description, label }, i) => {
-        const inner = this.multi ? (h("xpl-checkbox", { description: description, name: this.name, onCheckboxChange: (e) => {
-            const { detail } = e;
-            this.selected = this.selected.map((v, j) => (i === j ? detail : v));
-          } }, label)) : (h("xpl-radio", { description: description, name: this.name, onRadioChange: () => {
-            this.selected = this.selected.map((_, j) => i === j);
-          } }, label));
-        let className = this.styled && this.selected[i]
-          ? 'selected'
-          : '';
-        return (h("li", { class: className },
-          inner,
-          children && (h("ul", null, children.map((child) => {
-            const childInner = this
-              .multi ? (h("xpl-checkbox", { description: child.description }, child.label)) : (h("xpl-radio", { description: child.description }, child.label));
-            return (h("li", null, childInner));
-          })))));
+    return (h(Host, { class: "xpl-choicelist-container" }, this.heading !== undefined ||
+      this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { class: className }, this.choices.map(({ children, description, label }, i) => {
+      const inner = this.multi ? (h("xpl-checkbox", { description: description, name: this.name, onCheckboxChange: (e) => {
+          const { detail } = e;
+          this.selected = this.selected.map((v, j) => (i === j ? detail : v));
+        } }, label)) : (h("xpl-radio", { description: description, name: this.name, onRadioChange: () => {
+          this.selected = this.selected.map((_, j) => i === j);
+        } }, label));
+      let className = this.styled && this.selected[i]
+        ? 'selected'
+        : '';
+      return (h("li", { class: className }, inner, children && (h("ul", null, children.map((child) => {
+        const childInner = this
+          .multi ? (h("xpl-checkbox", { description: child.description }, child.label)) : (h("xpl-radio", { description: child.description }, child.label));
+        return (h("li", null, childInner));
       })))));
+    })))));
   }
   static get is() { return "xpl-choicelist"; }
-  static get properties() { return {
-    "choices": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Choice[]",
-        "resolved": "Choice[]",
-        "references": {
-          "Choice": {
-            "location": "import",
-            "path": "./choice"
+  static get properties() {
+    return {
+      "choices": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Choice[]",
+          "resolved": "Choice[]",
+          "references": {
+            "Choice": {
+              "location": "import",
+              "path": "./choice"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to pre-check or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to pre-check or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
-      }
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Descriptive text to be displayed above the choicelist."
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The title text to be displayed above the choicelist."
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "multi": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Descriptive text to be displayed above the choicelist."
+        },
+        "attribute": "description",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons."
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The title text to be displayed above the choicelist."
+        },
+        "attribute": "heading",
+        "reflect": false
       },
-      "attribute": "multi",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "multi": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons."
+        },
+        "attribute": "multi",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The `name` to be associated with form data."
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The `name` to be associated with form data."
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "attribute": "name",
-      "reflect": false
-    },
-    "styled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If `true`, will include borders around the list and between individual choices."
-      },
-      "attribute": "styled",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "selected": {}
-  }; }
+      "styled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If `true`, will include borders around the list and between individual choices."
+        },
+        "attribute": "styled",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "selected": {}
+    };
+  }
 }

package/dist/collection/components/xpl-content-area/xpl-content-area.js

@@ -1,39 +1,35 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplContentArea {
   constructor() {
-    /**
-     * @property {string}  size  - The content-area size.
-     */
     this.size = 'wide';
   }
   render() {
-    return (h(Host, null,
-      h("main", { class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` },
-        h("div", { class: "xpl-content-area" },
-          h("slot", null)))));
+    return (h(Host, null, h("main", { class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { class: "xpl-content-area" }, h("slot", null)))));
   }
   static get is() { return "xpl-content-area"; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'wide' | 'narrow' | 'full'",
-        "resolved": "\"full\" | \"narrow\" | \"wide\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{string}  size  - The content-area size.",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'wide'"
-    }
-  }; }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'wide' | 'narrow' | 'full'",
+          "resolved": "\"full\" | \"narrow\" | \"wide\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{string}  size  - The content-area size."
+            }],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'wide'"
+      }
+    };
+  }
 }

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

@@ -1,30 +1,33 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDivider {
+  constructor() {
+    this.tier = undefined;
+  }
   render() {
     let className = 'xpl-divider';
     className += ` xpl-divider--${this.tier}`;
-    return (h(Host, { class: className },
-      h("span", null,
-        h("slot", null))));
+    return (h(Host, { class: className }, h("span", null, h("slot", null))));
   }
   static get is() { return "xpl-divider"; }
-  static get properties() { return {
-    "tier": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The tier should be an integer between 0 and 3.\nTier 0 dividers do not display text, and 1-3 increase\nin size with each increasing tier."
-      },
-      "attribute": "tier",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "tier": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The tier should be an integer between 0 and 3.\nTier 0 dividers do not display text, and 1-3 increase\nin size with each increasing tier."
+        },
+        "attribute": "tier",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js

@@ -1,7 +1,8 @@
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function")
     for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
       if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -9,8 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdownGroup {
+  constructor() {
+    this.groupName = undefined;
+    this.options = undefined;
+  }
   render() {
     const { groupName, options } = this;
     const hasOptions = options && options.length;
@@ -19,49 +24,48 @@ export class XplDropdownGroup {
         var { groupName } = _a, properties = __rest(_a, ["groupName"]);
         return groupName ? (h("xpl-dropdown-group", Object.assign({ label: groupName }, properties))) : (h("xpl-dropdown-option", Object.assign({}, properties)));
       });
-    return (h(Host, { role: "group", "aria-label": groupName },
-      h("li", { class: "xpl-dropdown-list-item" },
-        h("xpl-dropdown-heading", { label: groupName }),
-        h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" })))));
+    return (h(Host, { role: "group", "aria-label": groupName }, h("li", { class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { label: groupName }), h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" })))));
   }
   static get is() { return "xpl-dropdown-group"; }
-  static get properties() { return {
-    "groupName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display as heading"
+  static get properties() {
+    return {
+      "groupName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display as heading"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DropdownOptionGroup['options']",
-        "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
-        "references": {
-          "DropdownOptionGroup": {
-            "location": "import",
-            "path": "../dropdownoption"
+      "options": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DropdownOptionGroup['options']",
+          "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
+          "references": {
+            "DropdownOptionGroup": {
+              "location": "import",
+              "path": "../dropdownoption"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "options that are listed"
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "options that are listed"
       }
-    }
-  }; }
+    };
+  }
 }

package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js

@@ -1,27 +1,31 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdownHeading {
+  constructor() {
+    this.label = undefined;
+  }
   render() {
-    return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" },
-      h("span", null, this.label || h("slot", { name: "heading" }))));
+    return (h(Host, { class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", null, this.label || h("slot", { name: "heading" }))));
   }
   static get is() { return "xpl-dropdown-heading"; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display as heading"
-      },
-      "attribute": "label",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display as heading"
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
 }