@ptcwebops/ptcw-design 1.3.0 → 1.3.2

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

@@ -1,199 +1,199 @@
-import { getAssetPath, h, Host } from '@stencil/core';
-export class IconAsset {
-  constructor() {
-    this.regularSprite = getAssetPath('./media/regular.svg');
-    this.solidSprite = getAssetPath('./media/solid.svg');
-    this.brandSprite = getAssetPath('./media/brands.svg');
-    this.ptcSprite = getAssetPath('./media/designer.svg');
-    this.name = undefined;
-    this.size = 'xx-small';
-    this.type = 'regular';
-    this.spin = '';
-    this.pulse = '';
-    this.color = 'default';
-    this.isMobileSelect = undefined;
-    this.injectedStyle = undefined;
-  }
-  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' | 'primary-gray' | 'default' | 'inherit'",
-          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-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
-      }
-    };
-  }
-}
+import { getAssetPath, h, Host } from '@stencil/core';
+export class IconAsset {
+  constructor() {
+    this.regularSprite = getAssetPath('./media/regular.svg');
+    this.solidSprite = getAssetPath('./media/solid.svg');
+    this.brandSprite = getAssetPath('./media/brands.svg');
+    this.ptcSprite = getAssetPath('./media/designer.svg');
+    this.name = undefined;
+    this.size = 'xx-small';
+    this.type = 'regular';
+    this.spin = '';
+    this.pulse = '';
+    this.color = 'default';
+    this.isMobileSelect = undefined;
+    this.injectedStyle = undefined;
+  }
+  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' | 'primary-gray' | 'default' | 'inherit'",
+          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-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
+      }
+    };
+  }
+}