@ptcwebops/ptcw-design 0.4.6 → 0.4.7

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

@@ -1,133 +1,133 @@
-import { Component, h, Prop, Event, State } from '@stencil/core';
-export class PtcInput {
-  constructor() {
-    this.focused = false;
-    this.onBlur = () => {
-      this.blurEvent.emit();
-      this.focused = false;
-    };
-    this.onFocus = () => {
-      this.focusEvent.emit();
-      this.focused = true;
-    };
-  }
-  render() {
-    const focusState = this.focused ? ' focused' : '';
-    return (h("div", { class: "form-group" },
-      h("input", { type: this.type, id: this.inputId, class: `ptc-input form-control${focusState}`, "data-eloqua-name": this.dataEloquaName, name: this.inputName, onBlur: this.onBlur, onFocus: this.onFocus }),
-      h("label", { htmlFor: this.inputId, class: "floating-label" },
-        h("slot", null))));
-  }
-  static get is() { return "ptc-input"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-input.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-input.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false
-    },
-    "dataEloquaName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-eloqua-name",
-      "reflect": false
-    },
-    "inputId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "input-id",
-      "reflect": false
-    },
-    "inputName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "input-name",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "focused": {}
-  }; }
-  static get events() { return [{
-      "method": "blurEvent",
-      "name": "blurEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the input loses focus."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "focusEvent",
-      "name": "focusEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the input has focus."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-}
+import { Component, h, Prop, Event, State } from '@stencil/core';
+export class PtcInput {
+  constructor() {
+    this.focused = false;
+    this.onBlur = () => {
+      this.blurEvent.emit();
+      this.focused = false;
+    };
+    this.onFocus = () => {
+      this.focusEvent.emit();
+      this.focused = true;
+    };
+  }
+  render() {
+    const focusState = this.focused ? ' focused' : '';
+    return (h("div", { class: "form-group" },
+      h("input", { type: this.type, id: this.inputId, class: `ptc-input form-control${focusState}`, "data-eloqua-name": this.dataEloquaName, name: this.inputName, onBlur: this.onBlur, onFocus: this.onFocus }),
+      h("label", { htmlFor: this.inputId, class: "floating-label" },
+        h("slot", null))));
+  }
+  static get is() { return "ptc-input"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-input.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-input.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false
+    },
+    "dataEloquaName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "data-eloqua-name",
+      "reflect": false
+    },
+    "inputId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "input-id",
+      "reflect": false
+    },
+    "inputName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "input-name",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "focused": {}
+  }; }
+  static get events() { return [{
+      "method": "blurEvent",
+      "name": "blurEvent",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the input loses focus."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }, {
+      "method": "focusEvent",
+      "name": "focusEvent",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the input has focus."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }]; }
+}

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

@@ -1,198 +1,198 @@
-import { Component, h, Prop, Host } from '@stencil/core';
-export class PtcLink {
-  constructor() {
-    /**
-     * Disabled link
-     */
-    this.disabled = false;
-    /**
-     * Rxternal link
-     * */
-    this.external = false;
-    /**
-     * Target
-     */
-    this.target = '_self';
-    /**
-     * Theme
-     */
-    this.theme = 'simple';
-    /**
-     * Uppercase
-     */
-    this.uppercase = false;
-    /**
-     * Font Size
-     */
-    this.fontSize = 'medium';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, null,
-      h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle },
-        this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "small", name: "arrow-right" }) : '',
-        this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "x-small", name: "button-arrow-right" }) : '',
-        h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-link']: true,
-      [this.theme]: true,
-      ['uppercase']: this.uppercase,
-      ['disabled']: this.disabled,
-      [this.fontSize]: true,
-    };
-  }
-  static get is() { return "ptc-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-link.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disabled link"
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "external": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Rxternal link"
-      },
-      "attribute": "external",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "href"
-      },
-      "attribute": "href",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Target"
-      },
-      "attribute": "target",
-      "reflect": false,
-      "defaultValue": "'_self'"
-    },
-    "linkTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title"
-      },
-      "attribute": "link-title",
-      "reflect": false
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm'",
-        "resolved": "\"arrow\" | \"arrow-plm\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"secondary-nav-link\" | \"simple\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme"
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "'simple'"
-    },
-    "uppercase": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Uppercase"
-      },
-      "attribute": "uppercase",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fontSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium' | 'large'",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Font Size"
-      },
-      "attribute": "font-size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    }
-  }; }
-}
+import { Component, h, Prop, Host } from '@stencil/core';
+export class PtcLink {
+  constructor() {
+    /**
+     * Disabled link
+     */
+    this.disabled = false;
+    /**
+     * Rxternal link
+     * */
+    this.external = false;
+    /**
+     * Target
+     */
+    this.target = '_self';
+    /**
+     * Theme
+     */
+    this.theme = 'simple';
+    /**
+     * Uppercase
+     */
+    this.uppercase = false;
+    /**
+     * Font Size
+     */
+    this.fontSize = 'medium';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, null,
+      h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle },
+        this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "small", name: "arrow-right" }) : '',
+        this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "x-small", name: "button-arrow-right" }) : '',
+        h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-link']: true,
+      [this.theme]: true,
+      ['uppercase']: this.uppercase,
+      ['disabled']: this.disabled,
+      [this.fontSize]: true,
+    };
+  }
+  static get is() { return "ptc-link"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-link.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-link.css"]
+  }; }
+  static get properties() { return {
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Disabled link"
+      },
+      "attribute": "disabled",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "external": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Rxternal link"
+      },
+      "attribute": "external",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "href": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | undefined",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "href"
+      },
+      "attribute": "href",
+      "reflect": false
+    },
+    "target": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | undefined",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Target"
+      },
+      "attribute": "target",
+      "reflect": false,
+      "defaultValue": "'_self'"
+    },
+    "linkTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string | undefined",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Title"
+      },
+      "attribute": "link-title",
+      "reflect": false
+    },
+    "theme": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm'",
+        "resolved": "\"arrow\" | \"arrow-plm\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"secondary-nav-link\" | \"simple\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Theme"
+      },
+      "attribute": "theme",
+      "reflect": false,
+      "defaultValue": "'simple'"
+    },
+    "uppercase": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Uppercase"
+      },
+      "attribute": "uppercase",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "fontSize": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'small' | 'medium' | 'large'",
+        "resolved": "\"large\" | \"medium\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Font Size"
+      },
+      "attribute": "font-size",
+      "reflect": false,
+      "defaultValue": "'medium'"
+    }
+  }; }
+}