@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

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

@@ -1,14 +1,6 @@
-import { Host, h } from '@stencil/core';
+/// <reference path="./choice.d.ts"></reference>
+import { Component, Host, h, Prop, State } 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 &&
@@ -21,138 +13,138 @@ 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": "global"
           }
-        },
-        "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
+      "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 precheck 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": {}
       },
-      "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
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Descriptive text to be displayed above the choicelist."
       },
-      "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
+      "attribute": "description",
+      "reflect": false
+    },
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "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
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The title text to be displayed above the choicelist."
       },
-      "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": {}
-    };
-  }
+      "attribute": "heading",
+      "reflect": false
+    },
+    "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
+    },
+    "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
+    },
+    "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": {}
+  }; }
 }
-//# sourceMappingURL=xpl-choicelist.js.map

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

@@ -1,36 +1,39 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } 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": [{
-              "name": "property",
-              "text": "{string}  size  - The content-area size."
-            }],
-          "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": [{
+            "text": "{string}  size  - The content-area size.",
+            "name": "property"
+          }],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'wide'"
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-content-area.js.map

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

@@ -1,34 +1,30 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } 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
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-divider.js.map

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

@@ -1,8 +1,7 @@
 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]))
@@ -10,12 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } from '@stencil/core';
 export class XplDropdownGroup {
-  constructor() {
-    this.groupName = undefined;
-    this.options = undefined;
-  }
   render() {
     const { groupName, options } = this;
     const hasOptions = options && options.length;
@@ -24,49 +19,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"
-        },
-        "attribute": "label",
-        "reflect": false
+  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"
       },
-      "options": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "DropdownOptionGroup['options']",
-          "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
-          "references": {
-            "DropdownOptionGroup": {
-              "location": "import",
-              "path": "../dropdownoption"
-            }
+      "attribute": "label",
+      "reflect": false
+    },
+    "options": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DropdownOptionGroup['options']",
+        "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
+        "references": {
+          "DropdownOptionGroup": {
+            "location": "global"
           }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "options that are listed"
         }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "options that are listed"
       }
-    };
-  }
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-dropdown-group.js.map

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

@@ -1,32 +1,27 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } 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
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-dropdown-heading.js.map