@ptcwebops/ptcw-design 0.4.9 → 0.5.1

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

@@ -1,201 +1,201 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcDate {
-  constructor() {
-    /**
-     * Year
-     */
-    this.year = 1900;
-    /**
-     * Month
-     * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
-     */
-    this.month = 0;
-    /**
-     * Day
-     * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
-     */
-    this.day = 1;
-    /**
-     * Country
-     * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
-     */
-    this.country = 'en-US';
-    /**
-     * Date Font Size
-     */
-    this.dataSize = 'small';
-  }
-  render() {
-    // const newDate = new Date(this.year, this.month, this.day);
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap },
-      this.dateStyles && h("style", null, this.dateStyles),
-      h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
-  }
-  getCssClassMap() {
-    return {
-      [this.dateColor]: !!this.dateColor ? true : false,
-      [this.dataSize]: !!this.dataSize ? true : false,
-    };
-  }
-  getDate() {
-    if (this.dateString) {
-      let newDate = new Date(this.dateString.replace(/-/g, '/'));
-      return newDate;
-    }
-    else {
-      return new Date(this.year, this.month - 1, this.day);
-    }
-  }
-  static get is() { return "ptc-date"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-date.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-date.css"]
-  }; }
-  static get properties() { return {
-    "year": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Year"
-      },
-      "attribute": "year",
-      "reflect": false,
-      "defaultValue": "1900"
-    },
-    "month": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Month\r\nAn integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0."
-      },
-      "attribute": "month",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "day": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Day\r\nAn integer between 1 and 31 representing the day of the month. If omitted, defaults to 1."
-      },
-      "attribute": "day",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "country": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Country\r\nexamples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES"
-      },
-      "attribute": "country",
-      "reflect": false,
-      "defaultValue": "'en-US'"
-    },
-    "dateString": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Date\r\nexamples: 2000-1-1 or 2000/01/01"
-      },
-      "attribute": "date-string",
-      "reflect": false
-    },
-    "dateColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'white' | 'primary-grey'",
-        "resolved": "\"primary-grey\" | \"white\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Date Color"
-      },
-      "attribute": "date-color",
-      "reflect": false
-    },
-    "dateStyles": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Injected styles"
-      },
-      "attribute": "date-styles",
-      "reflect": false
-    },
-    "dataSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'medium' | 'small'",
-        "resolved": "\"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Date Font Size"
-      },
-      "attribute": "data-size",
-      "reflect": false,
-      "defaultValue": "'small'"
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcDate {
+  constructor() {
+    /**
+     * Year
+     */
+    this.year = 1900;
+    /**
+     * Month
+     * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
+     */
+    this.month = 0;
+    /**
+     * Day
+     * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
+     */
+    this.day = 1;
+    /**
+     * Country
+     * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
+     */
+    this.country = 'en-US';
+    /**
+     * Date Font Size
+     */
+    this.dataSize = 'small';
+  }
+  render() {
+    // const newDate = new Date(this.year, this.month, this.day);
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap },
+      this.dateStyles && h("style", null, this.dateStyles),
+      h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
+  }
+  getCssClassMap() {
+    return {
+      [this.dateColor]: !!this.dateColor ? true : false,
+      [this.dataSize]: !!this.dataSize ? true : false,
+    };
+  }
+  getDate() {
+    if (this.dateString) {
+      let newDate = new Date(this.dateString.replace(/-/g, '/'));
+      return newDate;
+    }
+    else {
+      return new Date(this.year, this.month - 1, this.day);
+    }
+  }
+  static get is() { return "ptc-date"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-date.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-date.css"]
+  }; }
+  static get properties() { return {
+    "year": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Year"
+      },
+      "attribute": "year",
+      "reflect": false,
+      "defaultValue": "1900"
+    },
+    "month": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Month\nAn integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0."
+      },
+      "attribute": "month",
+      "reflect": false,
+      "defaultValue": "0"
+    },
+    "day": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Day\nAn integer between 1 and 31 representing the day of the month. If omitted, defaults to 1."
+      },
+      "attribute": "day",
+      "reflect": false,
+      "defaultValue": "1"
+    },
+    "country": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | undefined",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Country\nexamples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES"
+      },
+      "attribute": "country",
+      "reflect": false,
+      "defaultValue": "'en-US'"
+    },
+    "dateString": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Date\nexamples: 2000-1-1 or 2000/01/01"
+      },
+      "attribute": "date-string",
+      "reflect": false
+    },
+    "dateColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'white' | 'primary-grey'",
+        "resolved": "\"primary-grey\" | \"white\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Date Color"
+      },
+      "attribute": "date-color",
+      "reflect": false
+    },
+    "dateStyles": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Injected styles"
+      },
+      "attribute": "date-styles",
+      "reflect": false
+    },
+    "dataSize": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'medium' | 'small'",
+        "resolved": "\"medium\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Date Font Size"
+      },
+      "attribute": "data-size",
+      "reflect": false,
+      "defaultValue": "'small'"
+    }
+  }; }
+}

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

@@ -1,25 +1,25 @@
-import { Component, Host, h } from '@stencil/core';
-export class PtcFooter {
-  render() {
-    return (h(Host, null,
-      h("footer", { class: "footer-style" },
-        h("div", { class: "footer-image" },
-          h("slot", { name: "footer-image" })),
-        h("div", { class: "footer-link-left" },
-          h("slot", { name: "footer-link-left" })),
-        h("div", { class: "footer-link-right" },
-          h("slot", { name: "footer-link-right" })),
-        h("div", { class: "footer-share" },
-          h("slot", { name: "footer-share" })),
-        h("div", { class: "footer-copyright" },
-          h("slot", { name: "footer-copyright" })))));
-  }
-  static get is() { return "ptc-footer"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-footer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-footer.css"]
-  }; }
-}
+import { Component, Host, h } from '@stencil/core';
+export class PtcFooter {
+  render() {
+    return (h(Host, null,
+      h("footer", { class: "footer-style" },
+        h("div", { class: "footer-image" },
+          h("slot", { name: "footer-image" })),
+        h("div", { class: "footer-link-left" },
+          h("slot", { name: "footer-link-left" })),
+        h("div", { class: "footer-link-right" },
+          h("slot", { name: "footer-link-right" })),
+        h("div", { class: "footer-share" },
+          h("slot", { name: "footer-share" })),
+        h("div", { class: "footer-copyright" },
+          h("slot", { name: "footer-copyright" })))));
+  }
+  static get is() { return "ptc-footer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-footer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-footer.css"]
+  }; }
+}