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

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

@@ -1,7 +1,14 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplAvatar {
   constructor() {
+    this.color = undefined;
     this.disabled = false;
+    this.href = undefined;
+    this.name = undefined;
+    this.size = undefined;
+    this.src = undefined;
+    this.status = undefined;
+    this.target = undefined;
   }
   render() {
     let className = 'xpl-avatar';
@@ -9,150 +16,149 @@ export class XplAvatar {
       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}` }))));
+    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
-    }
-  }; }
+  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,10 +1,6 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } 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() {
@@ -15,27 +11,29 @@ export class XplBackdrop {
       }, "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"
-    }
-  }; }
+  static get properties() {
+    return {
+      "relative": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "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."
+            }],
+          "text": ""
+        },
+        "attribute": "relative",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

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

@@ -1,50 +1,54 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplBadge {
+  constructor() {
+    this.dot = undefined;
+    this.variant = undefined;
+  }
   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))));
+    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": {}
+  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
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "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-breadcrumb-item/xpl-breadcrumb-item.js

@@ -1,4 +1,4 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 /**
  * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)
  */
@@ -11,10 +11,7 @@ export class XplBreadcrumbItem {
     `;
   }
   render() {
-    return (h(Host, { class: "xpl-breadcrumb-item", role: "listitem" },
-      h("li", { role: "none" },
-        h("slot", null)),
-      h("span", { innerHTML: `${this.chevron}` })));
+    return (h(Host, { class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { role: "none" }, h("slot", null)), h("span", { innerHTML: `${this.chevron}` })));
   }
   static get is() { return "xpl-breadcrumb-item"; }
 }

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

@@ -1,13 +1,10 @@
-import { Component, Host, h } from '@stencil/core';
+import { 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)))));
+    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"; }
 }