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

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

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

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

@@ -1,6 +1,10 @@
-import { Host, h } from '@stencil/core';
+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() {
@@ -11,30 +15,27 @@ 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": [{
-              "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"
-      }
-    };
-  }
+  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"
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-backdrop.js.map

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

@@ -1,55 +1,50 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop } 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
+  static get properties() { return {
+    "dot": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "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
-      }
-    };
-  }
+      "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
+    }
+  }; }
 }
-//# sourceMappingURL=xpl-badge.js.map

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

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h } from '@stencil/core';
 /**
  * @slot unnamed - content rendered inside <li>, should be link or button (styled as link)
  */
@@ -11,8 +11,10 @@ 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"; }
 }
-//# sourceMappingURL=xpl-breadcrumb-item.js.map

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

@@ -1,11 +1,13 @@
-import { Host, h } from '@stencil/core';
+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)))));
+    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"; }
 }
-//# sourceMappingURL=xpl-breadcrumbs.js.map