@ptcwebops/ptcw-design 0.6.5 → 0.6.7

package/dist/collection/components/icon-asset/icon-asset.js

@@ -1,217 +1,217 @@
-import { Component, getAssetPath, h, Prop, Host } from '@stencil/core';
-export class IconAsset {
-  constructor() {
-    /**
-     * Icon Size
-     */
-    this.size = 'xx-small';
-    /**
-     * Icon Type
-     */
-    this.type = 'regular';
-    /**
-     * Icon Spin Animation (not valid for ptc type)
-     */
-    this.spin = '';
-    /**
-     * Icon Pulse Animation (not valid for ptc type)
-     */
-    this.pulse = '';
-    /**
-     * Icon Color
-     */
-    this.color = 'default';
-    this.regularSprite = getAssetPath('./media/regular.svg');
-    this.solidSprite = getAssetPath('./media/solid.svg');
-    this.brandSprite = getAssetPath('./media/brands.svg');
-    this.ptcSprite = getAssetPath('./media/designer.svg');
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    if (this.type == 'brands') {
-      return (h(Host, null,
-        this.injectedStyle && h("style", null, this.injectedStyle),
-        h("svg", { class: classMap },
-          h("use", { href: `${this.brandSprite}#${this.name}` }))));
-    }
-    else if (this.type == 'solid') {
-      return (h(Host, null,
-        this.injectedStyle && h("style", null, this.injectedStyle),
-        h("svg", { class: classMap },
-          h("use", { href: `${this.solidSprite}#${this.name}` }))));
-    }
-    else if (this.type == 'ptc') {
-      return (h(Host, null,
-        this.injectedStyle && h("style", null, this.injectedStyle),
-        h("svg", { class: classMap },
-          h("use", { href: `${this.ptcSprite}#${this.name}` }))));
-    }
-    else {
-      return (h(Host, null,
-        this.injectedStyle && h("style", null, this.injectedStyle),
-        h("svg", { class: classMap },
-          h("use", { href: `${this.regularSprite}#${this.name}` }))));
-    }
-  }
-  getCssClassMap() {
-    return {
-      [this.size]: true,
-      [this.spin]: true,
-      [this.pulse]: true,
-      [this.color]: true,
-      ['ismobileselect']: this.isMobileSelect ? true : false
-    };
-  }
-  static get is() { return "icon-asset"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["icon-asset.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["icon-asset.css"]
-  }; }
-  static get assetsDirs() { return ["media"]; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon ID name"
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\" | \"xxxx-large\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon Size"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'xx-small'"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'solid' | 'brands' | 'ptc' | 'regular'",
-        "resolved": "\"brands\" | \"ptc\" | \"regular\" | \"solid\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon Type"
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'regular'"
-    },
-    "spin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'fa-spin' | ''",
-        "resolved": "\"\" | \"fa-spin\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon Spin Animation (not valid for ptc type)"
-      },
-      "attribute": "spin",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "pulse": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'fa-pulse' | ''",
-        "resolved": "\"\" | \"fa-pulse\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon Pulse Animation (not valid for ptc type)"
-      },
-      "attribute": "pulse",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'default' | 'inherit'",
-        "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"ptc-green\" | \"white\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon Color"
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "isMobileSelect": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "(optional) is it for the ptc mobile select"
-      },
-      "attribute": "is-mobile-select",
-      "reflect": false
-    },
-    "injectedStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "(optional) Injected CSS Styles"
-      },
-      "attribute": "injected-style",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, getAssetPath, h, Prop, Host } from '@stencil/core';
+export class IconAsset {
+  constructor() {
+    /**
+     * Icon Size
+     */
+    this.size = 'xx-small';
+    /**
+     * Icon Type
+     */
+    this.type = 'regular';
+    /**
+     * Icon Spin Animation (not valid for ptc type)
+     */
+    this.spin = '';
+    /**
+     * Icon Pulse Animation (not valid for ptc type)
+     */
+    this.pulse = '';
+    /**
+     * Icon Color
+     */
+    this.color = 'default';
+    this.regularSprite = getAssetPath('./media/regular.svg');
+    this.solidSprite = getAssetPath('./media/solid.svg');
+    this.brandSprite = getAssetPath('./media/brands.svg');
+    this.ptcSprite = getAssetPath('./media/designer.svg');
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    if (this.type == 'brands') {
+      return (h(Host, null,
+        this.injectedStyle && h("style", null, this.injectedStyle),
+        h("svg", { class: classMap },
+          h("use", { href: `${this.brandSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'solid') {
+      return (h(Host, null,
+        this.injectedStyle && h("style", null, this.injectedStyle),
+        h("svg", { class: classMap },
+          h("use", { href: `${this.solidSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'ptc') {
+      return (h(Host, null,
+        this.injectedStyle && h("style", null, this.injectedStyle),
+        h("svg", { class: classMap },
+          h("use", { href: `${this.ptcSprite}#${this.name}` }))));
+    }
+    else {
+      return (h(Host, null,
+        this.injectedStyle && h("style", null, this.injectedStyle),
+        h("svg", { class: classMap },
+          h("use", { href: `${this.regularSprite}#${this.name}` }))));
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      [this.spin]: true,
+      [this.pulse]: true,
+      [this.color]: true,
+      ['ismobileselect']: this.isMobileSelect ? true : false
+    };
+  }
+  static get is() { return "icon-asset"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["icon-asset.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["icon-asset.css"]
+  }; }
+  static get assetsDirs() { return ["media"]; }
+  static get properties() { return {
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon ID name"
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'micro' | 'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
+        "resolved": "\"large\" | \"medium\" | \"micro\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\" | \"xxxx-large\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon Size"
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'xx-small'"
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'solid' | 'brands' | 'ptc' | 'regular'",
+        "resolved": "\"brands\" | \"ptc\" | \"regular\" | \"solid\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon Type"
+      },
+      "attribute": "type",
+      "reflect": false,
+      "defaultValue": "'regular'"
+    },
+    "spin": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'fa-spin' | ''",
+        "resolved": "\"\" | \"fa-spin\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon Spin Animation (not valid for ptc type)"
+      },
+      "attribute": "spin",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "pulse": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'fa-pulse' | ''",
+        "resolved": "\"\" | \"fa-pulse\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon Pulse Animation (not valid for ptc type)"
+      },
+      "attribute": "pulse",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "color": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'default' | 'inherit'",
+        "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"ptc-green\" | \"white\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Icon Color"
+      },
+      "attribute": "color",
+      "reflect": false,
+      "defaultValue": "'default'"
+    },
+    "isMobileSelect": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "(optional) is it for the ptc mobile select"
+      },
+      "attribute": "is-mobile-select",
+      "reflect": false
+    },
+    "injectedStyle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "(optional) Injected CSS Styles"
+      },
+      "attribute": "injected-style",
+      "reflect": false
+    }
+  }; }
+}