@ptcwebops/ptcw-design 1.2.9 → 1.3.1

package/dist/collection/components/ptc-container/ptc-container.js

@@ -1,138 +1,138 @@
-import { h, Host } from '@stencil/core';
-export class PtcContainer {
-  constructor() {
-    this.backgroundColor = 'white';
-    this.elevation = 'small';
-    this.containerType = '';
-    this.spacing = 'xxx-large';
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: this.getContainerClass() }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h("slot", null))));
-  }
-  getContainerClass() {
-    switch (this.containerType) {
-      case 'large':
-        return 'ptc-container-lg';
-      case 'none':
-        return undefined;
-      default:
-        return 'ptc-container';
-    }
-  }
-  getCssClassMap() {
-    const spacing = `spacing-${this.spacing}`;
-    return {
-      ['content-wrapper']: true,
-      [this.backgroundColor]: true,
-      [this.elevation]: true,
-      [spacing]: true
-    };
-  }
-  static get is() { return "ptc-container"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-container.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-container.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "backgroundColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'white' | 'gray'",
-          "resolved": "\"gray\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme"
-        },
-        "attribute": "background-color",
-        "reflect": false,
-        "defaultValue": "'white'"
-      },
-      "elevation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'x-small' | 'small' | 'medium' | 'large' | 'x-large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "elevation",
-        "reflect": false,
-        "defaultValue": "'small'"
-      },
-      "containerType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'large' | 'none' | ''",
-          "resolved": "\"\" | \"large\" | \"none\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "container-type",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "spacing": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "spacing",
-        "reflect": false,
-        "defaultValue": "'xxx-large'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-}
+import { h, Host } from '@stencil/core';
+export class PtcContainer {
+  constructor() {
+    this.backgroundColor = 'white';
+    this.elevation = 'small';
+    this.containerType = '';
+    this.spacing = 'xxx-large';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: this.getContainerClass() }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h("slot", null))));
+  }
+  getContainerClass() {
+    switch (this.containerType) {
+      case 'large':
+        return 'ptc-container-lg';
+      case 'none':
+        return undefined;
+      default:
+        return 'ptc-container';
+    }
+  }
+  getCssClassMap() {
+    const spacing = `spacing-${this.spacing}`;
+    return {
+      ['content-wrapper']: true,
+      [this.backgroundColor]: true,
+      [this.elevation]: true,
+      [spacing]: true
+    };
+  }
+  static get is() { return "ptc-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-container.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "backgroundColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'white' | 'gray'",
+          "resolved": "\"gray\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme"
+        },
+        "attribute": "background-color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "elevation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'x-small' | 'small' | 'medium' | 'large' | 'x-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "elevation",
+        "reflect": false,
+        "defaultValue": "'small'"
+      },
+      "containerType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'large' | 'none' | ''",
+          "resolved": "\"\" | \"large\" | \"none\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "container-type",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "spacing": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "spacing",
+        "reflect": false,
+        "defaultValue": "'xxx-large'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+}