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

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

@@ -1,5 +1,10 @@
-import { Component, Element, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdownOption {
+  constructor() {
+    this.isDisabled = undefined;
+    this.label = undefined;
+    this.isSelected = undefined;
+  }
   componentWillLoad() {
     this.dropdown = this.hostElement.closest('xpl-dropdown');
   }
@@ -52,62 +57,63 @@ export class XplDropdownOption {
         'xpl-dropdown-option': true,
         'xpl-dropdown-option--disabled': isDisabled,
         'xpl-dropdown-option--selected': isSelected,
-      }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected },
-      h("li", { class: "xpl-dropdown-list-item" }, label || h("slot", { name: "option" }))));
+      }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected }, h("li", { class: "xpl-dropdown-list-item" }, label || h("slot", { name: "option" }))));
   }
   static get is() { return "xpl-dropdown-option"; }
-  static get properties() { return {
-    "isDisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether option is disabled"
-      },
-      "attribute": "disabled",
-      "reflect": true
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display for option"
+  static get properties() {
+    return {
+      "isDisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether option is disabled"
+        },
+        "attribute": "disabled",
+        "reflect": true
       },
-      "attribute": "label",
-      "reflect": false
-    },
-    "isSelected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display for option"
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether option is selected"
-      },
-      "attribute": "selected",
-      "reflect": true
-    }
-  }; }
+      "isSelected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether option is selected"
+        },
+        "attribute": "selected",
+        "reflect": true
+      }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

package/dist/collection/components/xpl-dropdown/xpl-dropdown.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,17 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Component, Element, Host, h, Method, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplDropdown {
   constructor() {
-    /** text to display as heading */
-    this.isOpen = false;
-    /** options that are listed */
-    this.closeOnSelect = true;
-    /** constant representing number of options that can be selected */
-    this.mode = 'single';
-    /** whether selection should be made when focusing on interactable element */
-    this.selectOnFocus = false;
     this.handleClickOutside = ({ target }) => {
       const { triggerId } = this;
       const isTrigger = triggerId && target.id === triggerId;
@@ -27,6 +20,13 @@ export class XplDropdown {
       if (!isInside && !isTrigger)
         this.isOpen = false;
     };
+    this.isOpen = false;
+    this.closeOnSelect = true;
+    this.mode = 'single';
+    this.options = undefined;
+    this.selectOnFocus = false;
+    this.triggerId = undefined;
+    this.update = undefined;
   }
   /**
    * called on dropdown option click and keydown events to update isSelected states
@@ -92,177 +92,180 @@ export class XplDropdown {
         'xpl-dropdown': true,
         'xpl-dropdown--multi': mode === 'multi',
         'xpl-dropdown--open': isOpen,
-      }, role: "listbox" },
-      h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" }))));
+      }, role: "listbox" }, h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" }))));
   }
   static get is() { return "xpl-dropdown"; }
-  static get properties() { return {
-    "isOpen": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "text to display as heading"
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "closeOnSelect": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "options that are listed"
+  static get properties() {
+    return {
+      "isOpen": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "text to display as heading"
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "close-on-select",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'single' | 'multi'",
-        "resolved": "\"multi\" | \"single\"",
-        "references": {}
+      "closeOnSelect": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "options that are listed"
+        },
+        "attribute": "close-on-select",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "constant representing number of options that can be selected"
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'single' | 'multi'",
+          "resolved": "\"multi\" | \"single\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "constant representing number of options that can be selected"
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "'single'"
       },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "'single'"
-    },
-    "options": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DropdownItem[]",
-        "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
-        "references": {
-          "DropdownItem": {
-            "location": "import",
-            "path": "./dropdownoption"
+      "options": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DropdownItem[]",
+          "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
+          "references": {
+            "DropdownItem": {
+              "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"
-      }
-    },
-    "selectOnFocus": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "whether selection should be made when focusing on interactable element"
-      },
-      "attribute": "select-on-focus",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "triggerId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "selectOnFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "whether selection should be made when focusing on interactable element"
+        },
+        "attribute": "select-on-focus",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "the id for the element that triggers the open state"
+      "triggerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "the id for the element that triggers the open state"
+        },
+        "attribute": "trigger-id",
+        "reflect": false
       },
-      "attribute": "trigger-id",
-      "reflect": false
-    },
-    "update": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(\n        e: Event,\n        { component }: { component: XplDropdown }\n    ) => void",
-        "resolved": "(e: Event, { component }: { component: XplDropdown; }) => void",
-        "references": {
-          "Event": {
-            "location": "global"
-          },
-          "XplDropdown": {
-            "location": "global"
+      "update": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n        e: Event,\n        { component }: { component: XplDropdown }\n    ) => void",
+          "resolved": "(e: Event, { component }: { component: XplDropdown; }) => void",
+          "references": {
+            "Event": {
+              "location": "global"
+            },
+            "XplDropdown": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "call back function invoked when a selection is made"
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "call back function invoked when a selection is made"
       }
-    }
-  }; }
-  static get methods() { return {
-    "handleSelect": {
-      "complexType": {
-        "signature": "(e: Event, { component }: { component: XplDropdownOption; }) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Event": {
-            "location": "global"
-          },
-          "XplDropdownOption": {
-            "location": "import",
-            "path": "./xpl-dropdown-option/xpl-dropdown-option"
+    };
+  }
+  static get methods() {
+    return {
+      "handleSelect": {
+        "complexType": {
+          "signature": "(e: Event, { component }: { component: XplDropdownOption; }) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Event": {
+              "location": "global"
+            },
+            "XplDropdownOption": {
+              "location": "import",
+              "path": "./xpl-dropdown-option/xpl-dropdown-option"
+            },
+            "DropdownItem": {
+              "location": "import",
+              "path": "./dropdownoption"
+            }
           },
-          "DropdownItem": {
-            "location": "import",
-            "path": "./dropdownoption"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "called on dropdown option click and keydown events to update isSelected states",
-        "tags": []
+        "docs": {
+          "text": "called on dropdown option click and keydown events to update isSelected states",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Element } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplGrid {
   componentDidLoad() {
     const items = Array.from(this.container.querySelectorAll('.xpl-grid-item'));