@ptcwebops/ptcw-design 0.6.1 → 0.6.3

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { Component, h, Host, Prop } from '@stencil/core';
 export class PtcPara {
   constructor() {
     /**
@@ -24,8 +24,10 @@ export class PtcPara {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h("p", { class: classMap, part: "part-para" },
-      h("slot", null)));
+    const colorClass = this.addWhiteClass();
+    return (h(Host, { class: colorClass },
+      h("p", { class: classMap, part: "part-para" },
+        h("slot", null))));
   }
   getCssClassMap() {
     return {
@@ -37,6 +39,14 @@ export class PtcPara {
       [this.paraLineH]: true
     };
   }
+  //WEB-2392
+  addWhiteClass() {
+    if (this.paraColor == "white") {
+      return {
+        [this.paraColor]: true,
+      };
+    }
+  }
   static get is() { return "ptc-para"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/ptc-picture/ptc-picture.css

@@ -2,6 +2,9 @@
   display: block;
   overflow: hidden;
 }
+:host img {
+  display: block;
+}
 
 :host(.relative) {
   position: relative;

package/dist/collection/components/ptc-title/ptc-title.css

@@ -238,7 +238,7 @@ div.large h1, div.large h2, div.large h3, div.large h4, div.large h5, div.large
 div.x-large h1, div.x-large h2, div.x-large h3, div.x-large h4, div.x-large h5, div.x-large h6 {
   font-size: var(--ptc-font-size-x-large);
 }
-div.xx-large h1, div.xx-large h2, div.xx-large h3 {
+div.xx-large h1, div.xx-large h2, div.xx-large h3, div.xx-large h4 {
   font-size: var(--ptc-font-size-xx-large);
 }
 div.xxx-large h1, div.xxx-large h2, div.xxx-large h3, div.xxx-large h4, div.xxx-large h5, div.xxx-large h6 {

package/dist/collection/utils/utils.js

@@ -1,3 +1,65 @@
 export function format(first, middle, last) {
   return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
+export 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;
+}
+export function generateUUID() {
+  let s4 = () => {
+    return Math.floor((1 + Math.random()) * 0x10000)
+      .toString(16)
+      .substring(1);
+  };
+  return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+    s4() + '-' + s4() + s4() + s4();
+}

package/dist/custom-elements/index.d.ts

@@ -86,6 +86,12 @@ export const PtcCheckbox: {
   new (): PtcCheckbox;
 };
 
+interface PtcCollapseList extends Components.PtcCollapseList, HTMLElement {}
+export const PtcCollapseList: {
+  prototype: PtcCollapseList;
+  new (): PtcCollapseList;
+};
+
 interface PtcContainer extends Components.PtcContainer, HTMLElement {}
 export const PtcContainer: {
   prototype: PtcContainer;