@ptcwebops/ptcw-design 2.6.0 → 2.6.2

package/dist/cjs/tab-header.cjs.entry.js

@@ -6,71 +6,71 @@ const index = require('./index-1662de74.js');
 
 const tabHeaderCss = ".tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:\"Raleway\";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;padding-bottom:16px;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:\"\";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}";
 
-const TabHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tabClicked = index.createEvent(this, "tabClicked", 7);
-    this.id = this.generateId();
-    this.name = undefined;
-    this.tooltip = undefined;
-    this.isSelected = false;
-    this.maxLength = 32;
-    this.tabHeaderText = undefined;
-  }
-  handleWindowResize() {
-    this.updateMaxLength(window.innerWidth);
-  }
-  updateMaxLength(windowWidth) {
-    if (windowWidth < 400) {
-      this.maxLength = 18;
-    }
-    else if (windowWidth < 480) {
-      this.maxLength = 24;
-    }
-    else {
-      this.maxLength = 32;
-    }
-  }
-  async getChild() {
-    let self = this;
-    let myPromise = new Promise(function (resolve) {
-      let data = {
-        select: self.select.bind(self),
-        unselect: self.unselect.bind(self),
-        name: self.name,
-        text: self.tabHeaderText,
-        id: self.id
-      };
-      resolve(data);
-    });
-    let result = await myPromise;
-    return result;
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  select() {
-    this.isSelected = true;
-  }
-  onClick() {
-    this.tabClicked.emit(this.getChild());
-  }
-  generateId() {
-    return Math.random().toString(36).substring(2, 10);
-  }
-  componentDidLoad() {
-    this.updateMaxLength(window.innerWidth);
-  }
-  render() {
-    const classes = {
-      'tab-header': true,
-      'tab-header-selected': this.isSelected
-    };
-    return [
-      index.h("h2", { class: classes, onClick: this.onClick.bind(this) }, index.h("span", { class: "header-content" }, index.h("span", { class: "text-cont", style: { display: "none" } }, this.tabHeaderText), index.h("ptc-tooltip", { mode: "text-only", "text-display": "inline", "max-length": this.maxLength, "z-index": "z-2", description: this.tabHeaderText, position: "bottom" }))),
-    ];
-  }
-};
+const TabHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tabClicked = index.createEvent(this, "tabClicked", 7);
+    this.id = this.generateId();
+    this.name = undefined;
+    this.tooltip = undefined;
+    this.isSelected = false;
+    this.maxLength = 32;
+    this.tabHeaderText = undefined;
+  }
+  handleWindowResize() {
+    this.updateMaxLength(window.innerWidth);
+  }
+  updateMaxLength(windowWidth) {
+    if (windowWidth < 400) {
+      this.maxLength = 18;
+    }
+    else if (windowWidth < 480) {
+      this.maxLength = 24;
+    }
+    else {
+      this.maxLength = 32;
+    }
+  }
+  async getChild() {
+    let self = this;
+    let myPromise = new Promise(function (resolve) {
+      let data = {
+        select: self.select.bind(self),
+        unselect: self.unselect.bind(self),
+        name: self.name,
+        text: self.tabHeaderText,
+        id: self.id
+      };
+      resolve(data);
+    });
+    let result = await myPromise;
+    return result;
+  }
+  unselect() {
+    this.isSelected = false;
+  }
+  select() {
+    this.isSelected = true;
+  }
+  onClick() {
+    this.tabClicked.emit(this.getChild());
+  }
+  generateId() {
+    return Math.random().toString(36).substring(2, 10);
+  }
+  componentDidLoad() {
+    this.updateMaxLength(window.innerWidth);
+  }
+  render() {
+    const classes = {
+      'tab-header': true,
+      'tab-header-selected': this.isSelected
+    };
+    return [
+      index.h("h2", { class: classes, onClick: this.onClick.bind(this) }, index.h("span", { class: "header-content" }, index.h("span", { class: "text-cont", style: { display: "none" } }, this.tabHeaderText), index.h("ptc-tooltip", { mode: "text-only", "text-display": "inline", "max-length": this.maxLength, "z-index": "z-2", description: this.tabHeaderText, position: "bottom" }))),
+    ];
+  }
+};
 TabHeader.style = tabHeaderCss;
 
 exports.tab_header = TabHeader;

package/dist/cjs/{utils-416c94fe.js → utils-9eb22041.js}

@@ -1,95 +1,95 @@
 'use strict';
 
-function format(first, middle, last) {
-  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}
-function MapDOM(domElement, selector, toString) {
-  let element = selector ? domElement.querySelector(selector) : domElement;
-  let treeObject = {};
-  let translate = (name) => {
-    return name.toLowerCase().replace(/(-\w)/g, (text) => {
-      return text.replace(/-/, "").toUpperCase();
-    });
-  };
-  let hasContent = (element) => {
-    let result = true;
-    if (/^\s*$/.test(element.textContent)) {
-      result = false;
-    }
-    return result;
-  };
-  let treeHTML = (element, object) => {
-    //let nodeName = translate(element.nodeName);
-    let nodeList = element.childNodes;
-    if (nodeList && nodeList.length > 0) {
-      for (let i = 0; i < nodeList.length; i++) {
-        let elm = nodeList[i];
-        if (elm.nodeType == 1) {
-          let letChildNodeName = translate(elm.nodeName);
-          if (!object[letChildNodeName]) {
-            object[letChildNodeName] = [];
-          }
-          object[letChildNodeName].push({});
-          treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);
-        }
-        else if (elm.nodeType == 3 && hasContent(elm)) {
-          object['text'] = (object['text'] || '') + elm.textContent;
-        }
-      }
-      for (const property in object) {
-        if (Array.isArray(object[property]) &&
-          object[property].length == 1) {
-          object[property] = object[property][0];
-        }
-      }
-    }
-    if (element.attributes && element.attributes.length > 0) {
-      for (let i = 0; i < element.attributes.length; i++) {
-        let name = translate(element.attributes[i].nodeName);
-        object[name] = element.attributes[i].nodeValue;
-      }
-    }
-    if (element.getAttribute("html") == "true") {
-      object["html"] = element.innerHTML;
-    }
-  };
-  treeHTML(element, treeObject);
-  return (toString) ? JSON.stringify(treeObject) : treeObject;
-}
-function generateUUID() {
-  let s4 = () => {
-    return Math.floor((1 + Math.random()) * 0x10000)
-      .toString(16)
-      .substring(1);
-  };
-  return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
-    s4() + '-' + s4() + s4() + s4();
-}
-function debounce(func, wait, referer) {
-  let key = generateUUID();
-  if (!globalThis.debounceTimeouts) {
-    globalThis.debounceTimeouts = {};
-  }
-  return function executedFunction(e) {
-    var context = referer || this;
-    var args = e;
-    var callback = function () {
-      func(context, args);
-    };
-    clearTimeout(globalThis.debounceTimeouts[key]);
-    globalThis.debounceTimeouts[key] = setTimeout(callback, wait);
-  };
-}
-function getFileExtension(filePath) {
-  if (filePath === undefined) {
-    throw new Error('filePath is not defined');
-  }
-  const lastDotIndex = filePath.lastIndexOf('.');
-  if (lastDotIndex === -1) {
-    // no extension found
-    return '';
-  }
-  return filePath.substring(lastDotIndex);
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function MapDOM(domElement, selector, toString) {
+  let element = selector ? domElement.querySelector(selector) : domElement;
+  let treeObject = {};
+  let translate = (name) => {
+    return name.toLowerCase().replace(/(-\w)/g, (text) => {
+      return text.replace(/-/, "").toUpperCase();
+    });
+  };
+  let hasContent = (element) => {
+    let result = true;
+    if (/^\s*$/.test(element.textContent)) {
+      result = false;
+    }
+    return result;
+  };
+  let treeHTML = (element, object) => {
+    //let nodeName = translate(element.nodeName);
+    let nodeList = element.childNodes;
+    if (nodeList && nodeList.length > 0) {
+      for (let i = 0; i < nodeList.length; i++) {
+        let elm = nodeList[i];
+        if (elm.nodeType == 1) {
+          let letChildNodeName = translate(elm.nodeName);
+          if (!object[letChildNodeName]) {
+            object[letChildNodeName] = [];
+          }
+          object[letChildNodeName].push({});
+          treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);
+        }
+        else if (elm.nodeType == 3 && hasContent(elm)) {
+          object['text'] = (object['text'] || '') + elm.textContent;
+        }
+      }
+      for (const property in object) {
+        if (Array.isArray(object[property]) &&
+          object[property].length == 1) {
+          object[property] = object[property][0];
+        }
+      }
+    }
+    if (element.attributes && element.attributes.length > 0) {
+      for (let i = 0; i < element.attributes.length; i++) {
+        let name = translate(element.attributes[i].nodeName);
+        object[name] = element.attributes[i].nodeValue;
+      }
+    }
+    if (element.getAttribute("html") == "true") {
+      object["html"] = element.innerHTML;
+    }
+  };
+  treeHTML(element, treeObject);
+  return (toString) ? JSON.stringify(treeObject) : treeObject;
+}
+function generateUUID() {
+  let s4 = () => {
+    return Math.floor((1 + Math.random()) * 0x10000)
+      .toString(16)
+      .substring(1);
+  };
+  return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+    s4() + '-' + s4() + s4() + s4();
+}
+function debounce(func, wait, referer) {
+  let key = generateUUID();
+  if (!globalThis.debounceTimeouts) {
+    globalThis.debounceTimeouts = {};
+  }
+  return function executedFunction(e) {
+    var context = referer || this;
+    var args = e;
+    var callback = function () {
+      func(context, args);
+    };
+    clearTimeout(globalThis.debounceTimeouts[key]);
+    globalThis.debounceTimeouts[key] = setTimeout(callback, wait);
+  };
+}
+function getFileExtension(filePath) {
+  if (filePath === undefined) {
+    throw new Error('filePath is not defined');
+  }
+  const lastDotIndex = filePath.lastIndexOf('.');
+  if (lastDotIndex === -1) {
+    // no extension found
+    return '';
+  }
+  return filePath.substring(lastDotIndex);
 }
 
 exports.MapDOM = MapDOM;

package/dist/collection/collection-manifest.json

@@ -33,6 +33,7 @@
     "./components/ptc-dropdown/ptc-dropdown.js",
     "./components/ptc-dynamic-card/ptc-dynamic-card.js",
     "./components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js",
+    "./components/ptc-embedded-quiz/ptc-embedded-quiz.js",
     "./components/ptc-featured-list/ptc-featured-list.js",
     "./components/ptc-featured-list/fl-tab-content/fl-tab-content.js",
     "./components/ptc-featured-list/fl-tab-header/fl-tab-header.js",
@@ -73,7 +74,6 @@
     "./components/ptc-product-list/ptc-product-list.js",
     "./components/ptc-product-sidebar/ptc-product-sidebar.js",
     "./components/ptc-progress-bar/ptc-progress-bar.js",
-    "./components/ptc-quiz/ptc-quiz.js",
     "./components/ptc-quote/ptc-quote.js",
     "./components/ptc-readmore/ptc-readmore.js",
     "./components/ptc-readmore-char/ptc-readmore-char.js",

package/dist/collection/components/dropdown-item/dropdown-item.js

@@ -1,61 +1,61 @@
-import { h } from '@stencil/core';
-export class DropdownItem {
-  constructor() {
-    this.linkHref = undefined;
-    this.linkTarget = '_self';
-  }
-  render() {
-    return (h("div", { class: "dropdown-item" }, h("slot", null)));
-  }
-  static get is() { return "dropdown-item"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["dropdown-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["dropdown-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "linkHref": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link-href",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "linkTarget": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link-target",
-        "reflect": false,
-        "defaultValue": "'_self'"
-      }
-    };
-  }
-}
+import { h } from '@stencil/core';
+export class DropdownItem {
+  constructor() {
+    this.linkHref = undefined;
+    this.linkTarget = '_self';
+  }
+  render() {
+    return (h("div", { class: "dropdown-item" }, h("slot", null)));
+  }
+  static get is() { return "dropdown-item"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["dropdown-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dropdown-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "linkHref": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-href",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "linkTarget": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-target",
+        "reflect": false,
+        "defaultValue": "'_self'"
+      }
+    };
+  }
+}