@ptcwebops/ptcw-design 2.1.2 → 2.1.4

package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js

@@ -1,100 +1,100 @@
-import { Host, h } from '@stencil/core';
-export class PtcMinimizedNav {
-  constructor() {
-    this.linkUrl = '#';
-    this.imgSrc = '';
-    this.imgAlt = 'PTC';
-    this.navType = 'minimized-header';
-  }
-  render() {
-    return (h(Host, null, this.navType == 'minimized-header' ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == 'minimized-footer' ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
-  }
-  static get is() { return "ptc-minimized-nav"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-minimized-nav.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-minimized-nav.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "linkUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link-url",
-        "reflect": true,
-        "defaultValue": "'#'"
-      },
-      "imgSrc": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "img-src",
-        "reflect": true,
-        "defaultValue": "''"
-      },
-      "imgAlt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "img-alt",
-        "reflect": true,
-        "defaultValue": "'PTC'"
-      },
-      "navType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "nav-type",
-        "reflect": false,
-        "defaultValue": "'minimized-header'"
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcMinimizedNav {
+  constructor() {
+    this.linkUrl = '#';
+    this.imgSrc = '';
+    this.imgAlt = 'PTC';
+    this.navType = 'minimized-header';
+  }
+  render() {
+    return (h(Host, null, this.navType == 'minimized-header' ? (h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))) : null, this.navType == 'minimized-footer' ? (h("div", { class: "ptc-min-footer mini-footer" }, h("div", { class: "min-footer-copyright-wrapper" }, h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, h("slot", null))))) : null));
+  }
+  static get is() { return "ptc-minimized-nav"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-minimized-nav.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-minimized-nav.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "linkUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-url",
+        "reflect": true,
+        "defaultValue": "'#'"
+      },
+      "imgSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "img-src",
+        "reflect": true,
+        "defaultValue": "''"
+      },
+      "imgAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "img-alt",
+        "reflect": true,
+        "defaultValue": "'PTC'"
+      },
+      "navType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "nav-type",
+        "reflect": false,
+        "defaultValue": "'minimized-header'"
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.css

@@ -1,16 +1,21 @@
 /*
-* mobile-select v1.3.2
+* mobile-select v1.4.0
 * Homepage: https://github.com/onlyhom/mobile-select
 * Released under the MIT License.
 * (c) 2017-present
 */
 .ms-mobile-select {
-  position: relative;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.4s, z-index 0.4s;
   transition: opacity 0.4s, z-index 0.4s;
+  transform: translate(0, 0);
 }
 .ms-mobile-select * {
   margin: 0;

package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js

@@ -1,190 +1,190 @@
-import { h } from '@stencil/core';
-import MobileSelect from 'mobile-select';
-export class PtcMobileSelect {
-  constructor() {
-    this.triggerName = undefined;
-    this.selectedText = undefined;
-    this.wheelData = undefined;
-    this.selectedId = '';
-    this.ensureBtnText = 'Confirm';
-    this.cancelBtnText = 'Cancel';
-    this.listTitle = undefined;
-  }
-  render() {
-    return (h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.selectedText, h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
-  }
-  componentDidRender() {
-    let currentId = this.selectedId; //input current lang
-    let storeIndex = 0;
-    new MobileSelect({
-      trigger: `#${this.triggerName}`,
-      title: `${this.listTitle ? this.listTitle : ''}`,
-      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
-      position: [0],
-      ensureBtnText: this.ensureBtnText,
-      cancelBtnText: this.cancelBtnText,
-      ensureBtnColor: 'var(--color-gray-12)',
-      cancelBtnColor: 'var(--color-gray-12)',
-      titleColor: 'var(--color-gray-12)',
-      onShow: function (e) {
-        if (currentId) {
-          let liEle = document.querySelectorAll('.selectContainer li');
-          liEle.forEach((currentValue, currentIndex) => {
-            if (currentValue.getAttribute('data-id') == currentId) {
-              storeIndex = currentIndex;
-              return;
-            }
-          });
-          e.locatePosition(0, storeIndex);
-        }
-        else {
-          return;
-        }
-      },
-      callback: function (indexArr, data) {
-        if (data[0].id) {
-          window.location.href = data[0].id;
-        }
-        else {
-          console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
-        }
-      }.bind(this),
-    });
-  }
-  static get is() { return "ptc-mobile-select"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-mobile-select.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-mobile-select.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "triggerName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Trigger Name (Mandatory)"
-        },
-        "attribute": "trigger-name",
-        "reflect": false
-      },
-      "selectedText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Selected Text (Mandatory)"
-        },
-        "attribute": "selected-text",
-        "reflect": false
-      },
-      "wheelData": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wheel Data (Mandatory)\r\neg: data: [{ id: \"1\", value: \"\u9644\u8FD1\" }],"
-        }
-      },
-      "selectedId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Selected Id\r\n- initialize the id(string) of default wheel"
-        },
-        "attribute": "selected-id",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "ensureBtnText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Confirm Text\r\n- translation goes here"
-        },
-        "attribute": "ensure-btn-text",
-        "reflect": false,
-        "defaultValue": "'Confirm'"
-      },
-      "cancelBtnText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Cancel Text\r\n- translation goes here"
-        },
-        "attribute": "cancel-btn-text",
-        "reflect": false,
-        "defaultValue": "'Cancel'"
-      },
-      "listTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Mobile select list title (Optional)"
-        },
-        "attribute": "list-title",
-        "reflect": false,
-        "defaultValue": "undefined"
-      }
-    };
-  }
-}
+import { h } from '@stencil/core';
+import MobileSelect from 'mobile-select';
+export class PtcMobileSelect {
+  constructor() {
+    this.triggerName = undefined;
+    this.selectedText = undefined;
+    this.wheelData = undefined;
+    this.selectedId = '';
+    this.ensureBtnText = 'Confirm';
+    this.cancelBtnText = 'Cancel';
+    this.listTitle = undefined;
+  }
+  render() {
+    return (h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.selectedText, h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
+  }
+  componentDidRender() {
+    let currentId = this.selectedId; //input current lang
+    let storeIndex = 0;
+    new MobileSelect({
+      trigger: `#${this.triggerName}`,
+      title: `${this.listTitle ? this.listTitle : ''}`,
+      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
+      position: [0],
+      ensureBtnText: this.ensureBtnText,
+      cancelBtnText: this.cancelBtnText,
+      ensureBtnColor: 'var(--color-gray-12)',
+      cancelBtnColor: 'var(--color-gray-12)',
+      titleColor: 'var(--color-gray-12)',
+      onShow: function (e) {
+        if (currentId) {
+          let liEle = document.querySelectorAll('.selectContainer li');
+          liEle.forEach((currentValue, currentIndex) => {
+            if (currentValue.getAttribute('data-id') == currentId) {
+              storeIndex = currentIndex;
+              return;
+            }
+          });
+          e.locatePosition(0, storeIndex);
+        }
+        else {
+          return;
+        }
+      },
+      callback: function (indexArr, data) {
+        if (data[0].id) {
+          window.location.href = data[0].id;
+        }
+        else {
+          console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
+        }
+      }.bind(this),
+    });
+  }
+  static get is() { return "ptc-mobile-select"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-mobile-select.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-mobile-select.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "triggerName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Trigger Name (Mandatory)"
+        },
+        "attribute": "trigger-name",
+        "reflect": false
+      },
+      "selectedText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Selected Text (Mandatory)"
+        },
+        "attribute": "selected-text",
+        "reflect": false
+      },
+      "wheelData": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wheel Data (Mandatory)\neg: data: [{ id: \"1\", value: \"\u9644\u8FD1\" }],"
+        }
+      },
+      "selectedId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Selected Id\n- initialize the id(string) of default wheel"
+        },
+        "attribute": "selected-id",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "ensureBtnText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Confirm Text\n- translation goes here"
+        },
+        "attribute": "ensure-btn-text",
+        "reflect": false,
+        "defaultValue": "'Confirm'"
+      },
+      "cancelBtnText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Cancel Text\n- translation goes here"
+        },
+        "attribute": "cancel-btn-text",
+        "reflect": false,
+        "defaultValue": "'Cancel'"
+      },
+      "listTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mobile select list title (Optional)"
+        },
+        "attribute": "list-title",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
+}