npm - @xplortech/apollo-core - Versions diffs - 1.0.0-beta.18 → 1.0.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (459) hide show

package/dist/collection/components/xpl-button-row/xpl-button-row.js CHANGED Viewed

@@ -1,119 +1,117 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Prop, Event } from '@stencil/core';
 export class XplButtonRow {
   constructor() {
     this.onPrimary = () => this.clickPrimary.emit();
     this.onSecondary = () => this.clickSecondary.emit();
     this.onTertiary = () => this.clickTertiary.emit();
-    this.primary = undefined;
-    this.secondary = undefined;
-    this.tertiary = undefined;
   }
   render() {
-    return (h(Host, { class: "xpl-button-row" }, h("div", { class: "xpl-button-row-inner" }, h("div", { class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+    return (h(Host, { class: "xpl-button-row" },
+      h("div", { class: "xpl-button-row-inner" },
+        h("div", { class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))),
+        h("div", { class: "xpl-button-row__right" },
+          this.tertiary && (h("xpl-button", { variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)),
+          this.secondary && (h("xpl-button", { variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)),
+          this.primary && (h("xpl-button", { class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
   }
   static get is() { return "xpl-button-row"; }
-  static get properties() {
-    return {
-      "primary": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'string'",
-          "resolved": "\"string\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The text for the primary button."
-        },
-        "attribute": "primary",
-        "reflect": false
+  static get properties() { return {
+    "primary": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'string'",
+        "resolved": "\"string\"",
+        "references": {}
       },
-      "secondary": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'string'",
-          "resolved": "\"string\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The text for the secondary button. If left\nempty, will not render a secondary button."
-        },
-        "attribute": "secondary",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The text for the primary button."
       },
-      "tertiary": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'string'",
-          "resolved": "\"string\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The text for the tertiary button. If left\nempty, will not render a secondary button."
-        },
-        "attribute": "tertiary",
-        "reflect": false
+      "attribute": "primary",
+      "reflect": false
+    },
+    "secondary": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'string'",
+        "resolved": "\"string\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The text for the secondary button. If left\nempty, will not render a secondary button."
+      },
+      "attribute": "secondary",
+      "reflect": false
+    },
+    "tertiary": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'string'",
+        "resolved": "\"string\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The text for the tertiary button. If left\nempty, will not render a secondary button."
+      },
+      "attribute": "tertiary",
+      "reflect": false
+    }
+  }; }
+  static get events() { return [{
+      "method": "clickPrimary",
+      "name": "clickPrimary",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Fires on the primary button.\nIf not set, the button can act as a standard\nsubmit button for a form."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "clickPrimary",
-        "name": "clickPrimary",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fires on the primary button.\nIf not set, the button can act as a standard\nsubmit button for a form."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "clickSecondary",
-        "name": "clickSecondary",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Adds an event listener to the secondary button."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "clickTertiary",
-        "name": "clickTertiary",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Adds an event listener to the tertiary button."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
+    }, {
+      "method": "clickSecondary",
+      "name": "clickSecondary",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Adds an event listener to the secondary button."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "clickTertiary",
+      "name": "clickTertiary",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Adds an event listener to the tertiary button."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
 }
-//# sourceMappingURL=xpl-button-row.js.map

package/dist/collection/components/xpl-checkbox/xpl-checkbox.js CHANGED Viewed

@@ -1,15 +1,7 @@
-import { Host, h, } from '@stencil/core';
+import { Component, Host, h, Prop, State, Event, } from '@stencil/core';
 import { v4 as uuid } from 'uuid';
 export class XplCheckbox {
   constructor() {
-    this.checked = undefined;
-    this.description = undefined;
-    this.disabled = undefined;
-    this.indeterminate = undefined;
-    this.name = undefined;
-    this.required = undefined;
-    this.styled = undefined;
-    this.value = undefined;
     this.id = uuid();
   }
   render() {
@@ -17,180 +9,177 @@ export class XplCheckbox {
         'xpl-checkbox-radio-container': true,
         styled: this.styled,
         disabled: this.disabled,
-      } }, h("input", { class: "xpl-checkbox", type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: () => this.checkboxChange.emit(this.input.checked), name: this.name, ref: (el) => (this.input = el), required: this.required, value: this.value }), h("label", { class: {
-        'xpl-label': true,
-        'xpl-label--disabled': this.disabled,
-      }, htmlFor: this.id }, h("slot", null), this.description && (h("small", { class: {
-        'xpl-description': true,
-        'xpl-description--disabled': this.disabled,
-      } }, this.description)))));
+      } },
+      h("input", { class: "xpl-checkbox", type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: () => this.checkboxChange.emit(this.input.checked), name: this.name, ref: (el) => (this.input = el), required: this.required, value: this.value }),
+      h("label", { class: {
+          'xpl-label': true,
+          'xpl-label--disabled': this.disabled,
+        }, htmlFor: this.id },
+        h("slot", null),
+        this.description && (h("small", { class: {
+            'xpl-description': true,
+            'xpl-description--disabled': this.disabled,
+          } }, this.description)))));
   }
   static get is() { return "xpl-checkbox"; }
-  static get properties() {
-    return {
-      "checked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "checked",
-        "reflect": false
-      },
-      "description": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "description",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false
-      },
-      "indeterminate": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "indeterminate",
-        "reflect": false
-      },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false
-      },
-      "styled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "styled",
-        "reflect": false
-      },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
+  static get properties() { return {
+    "checked": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "checked",
+      "reflect": false
+    },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "description",
+      "reflect": false
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "disabled",
+      "reflect": false
+    },
+    "indeterminate": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "indeterminate",
+      "reflect": false
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "required": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "required",
+      "reflect": false
+    },
+    "styled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "styled",
+      "reflect": false
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "id": {}
+  }; }
+  static get events() { return [{
+      "method": "checkboxChange",
+      "name": "checkboxChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "private"
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get states() {
-    return {
-      "id": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "checkboxChange",
-        "name": "checkboxChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "private",
-              "text": undefined
-            }],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
+    }]; }
 }
-//# sourceMappingURL=xpl-checkbox.js.map