@ptcwebops/ptcw-design 0.6.1 → 0.6.3

package/dist/esm/ptc-collapse-list.entry.js

@@ -0,0 +1,198 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f64012bd.js';
+import { M as MapDOM, g as generateUUID } from './utils-4b79ffaf.js';
+
+const ptcCollapseListCss = ":host{display:block}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}.level-1>ul,.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-1{position:relative;padding:17px 20px 17px 0;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a{font-size:18px;letter-spacing:0.45px;font-weight:800;color:#40434a;text-decoration:none}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>icon-asset{transition:transform ease-out 250ms;position:absolute;right:32px}.level-1>ul{padding-top:0}.level-1.expanded>icon-asset{transform:rotate(-180deg)}.level-1.expanded>ul{padding-top:14px}.level-1:after{content:\"\";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:#74c34d}.level-2{margin:8px 0}.level-2>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:#3b4550;text-decoration:none}.level-2>a:hover,.level-2>a:active,.level-2>a:focus{font-weight:800;color:#74c34d;text-decoration:none}input[type=text]{padding:9px 45px 9px 18px;font-size:15px;font-weight:500;color:var(--color-gray-07);box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.16);border:solid 1px var(--color-gray-07);background-color:#ffffff}input[type=text]::-ms-clear{display:none}input[type=text]:focus{outline:none}input[type=text]::-webkit-input-placeholder{color:var(--color-gray-02)}input[type=text]:-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]::-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]:-ms-input-placeholder{color:var(--color-gray-02)}input[type=text]::-ms-input-placeholder{color:var(--color-gray-02)}input[type=text] *::placeholder{color:var(--color-gray-02)}";
+
+class CollapseListItem {
+}
+let PtcCollapseList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.itemSelected = createEvent(this, "itemSelected", 7);
+    this.itemExpanded = createEvent(this, "itemExpanded", 7);
+    this.ready = createEvent(this, "ready", 7);
+    this.updated = createEvent(this, "updated", 7);
+  }
+  componentWillLoad() {
+    this.loadListItems();
+  }
+  componentDidLoad() {
+    this.ready.emit({
+      sender: this.el,
+      tree: this.data
+    });
+  }
+  componentDidUpdate() {
+    this.updated.emit({
+      sender: this.el,
+      tree: this.data
+    });
+  }
+  onItemSelectedHandler(event) {
+    this.itemSelected.emit({
+      event: event,
+      sender: event ? event.target : this.el,
+      selectedItems: this.selectedItems,
+      tree: this.data
+    });
+  }
+  onItemExpandeddHandler(event) {
+    this.itemExpanded.emit({
+      event: event,
+      sender: event ? event.target : this.el,
+      selectedItems: this.selectedItems,
+      tree: this.data
+    });
+  }
+  loadListItems() {
+    this.hashMap = {};
+    if (!this.data) {
+      let dom = MapDOM(this.el);
+      if (dom.collapseListItem) {
+        this.data = new Array();
+        let buildChildren = (arr, outArr) => {
+          arr.map((z) => {
+            var newItem = new CollapseListItem();
+            newItem.isExternalLink = z.linkHref ? true : false;
+            if (z.linkHref) {
+              newItem.href = z.linkHref;
+              newItem.target = z.linkTarget;
+              newItem.title = z.linkTitle;
+            }
+            else {
+              newItem.id = generateUUID();
+              newItem.text = z.facetDisplay;
+              newItem.name = z.facetName;
+              newItem.value = z.facetValue;
+              newItem.category = z.category;
+              newItem.allowMultiSelect = z.allowMultiSelect != 'false';
+              this.setUpCategory(newItem.category, newItem.allowMultiSelect);
+            }
+            if (z.collapseListItem) {
+              newItem.children = new Array();
+              buildChildren(z.collapseListItem, newItem.children);
+            }
+            this.hashMap[newItem.id] = newItem;
+            outArr.push(newItem);
+          });
+        };
+        this.setUpCategory('default', true);
+        buildChildren(dom.collapseListItem, this.data);
+      }
+    }
+  }
+  setUpCategory(name, allowMultiSelect) {
+    if (!this.selectedItems) {
+      this.selectedItems = {};
+    }
+    if (name && !this.selectedItems[name]) {
+      this.selectedItems[name] = {
+        name: name,
+        items: new Array(),
+        allowMultiSelect: allowMultiSelect
+      };
+    }
+  }
+  collapseAllFirstLevelItems(exclude) {
+    let items = this.el.shadowRoot.querySelectorAll('.level-1');
+    items.forEach((z) => {
+      if (z.classList.contains('expanded') && z != exclude) {
+        z.classList.remove('expanded');
+      }
+    });
+  }
+  updateExpandedItems() {
+    let items = this.el.shadowRoot.querySelectorAll('li');
+    items.forEach((z) => {
+      let ul = z.querySelector(':scope > ul');
+      if (ul) {
+        if (!z.classList.contains('expanded')) {
+          ul.style.removeProperty('max-height');
+        }
+        else {
+          ul.style.maxHeight = ul.scrollHeight + "px";
+        }
+      }
+    });
+  }
+  updateSelectedItemStatus(uuid) {
+    var _a;
+    let selectedItem = this.hashMap[uuid];
+    if (selectedItem && selectedItem.value) {
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
+      if (!this.selectedItems[categoryName]) {
+        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
+      }
+      let items = this.selectedItems[categoryName].items;
+      if (items.indexOf(selectedItem.value) < 0) {
+        if (this.selectedItems[categoryName].allowMultiSelect) {
+          items.push(selectedItem.value);
+        }
+        else {
+          items = [selectedItem.value];
+        }
+      }
+      else {
+        items = items.filter((z) => { return z != selectedItem.value; });
+      }
+      this.selectedItems[categoryName].items = items;
+    }
+  }
+  onItemLinkClick(event, uuid) {
+    if (event) {
+      event.preventDefault();
+    }
+    this.updateSelectedItemStatus(uuid);
+    this.onItemSelectedHandler(event);
+  }
+  onExpandClick(event, collapseParents) {
+    if (event) {
+      event.preventDefault();
+      let sender = event.target;
+      if (collapseParents) {
+        this.collapseAllFirstLevelItems(sender.parentNode);
+      }
+      if (sender && sender.parentNode) {
+        let parent = sender.parentNode;
+        parent.classList.toggle("expanded");
+      }
+      this.updateExpandedItems();
+    }
+    this.onItemExpandeddHandler(event);
+  }
+  render() {
+    let renderLevel = (arr, index) => {
+      let levelClass = `level-${index}`;
+      return (h("ul", null, arr.map((z) => {
+        let expandable = false;
+        let icon = '';
+        if (index == 1 && z.children) {
+          expandable = true;
+          icon = (h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
+        }
+        return (h("li", { class: levelClass }, icon, getLink(z, expandable), z.children ? renderLevel(z.children, index + 1) : ''));
+      })));
+    };
+    let getLink = (item, expandable) => {
+      let clickEvent = (e) => {
+        if (expandable) {
+          this.onExpandClick(e, true);
+        }
+        else {
+          this.onItemLinkClick(e, item.id);
+        }
+      };
+      if (item.isExternalLink) {
+        return (h("a", { href: item.href, target: item.target, title: item.title }, item.text));
+      }
+      else {
+        return (h("a", { href: "#", title: item.text, onClick: clickEvent }, item.text));
+      }
+    };
+    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: 'h4', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, "Filter Results :"), h("input", { type: "text", placeholder: 'Search' }), renderLevel(this.data, 1))));
+  }
+  get el() { return getElement(this); }
+};
+PtcCollapseList.style = ptcCollapseListCss;
+
+export { PtcCollapseList as ptc_collapse_list };

package/dist/esm/ptc-list.entry.js

@@ -1,7 +1,9 @@
-import { r as registerInstance, h, H as Host } from './index-f64012bd.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f64012bd.js';
 
 const ptcListCss = ":host{display:block}:host(.list-primary) li{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}:host(.list-primary) li:not(:last-child){margin-bottom:0.625rem}:host(.list-primary) li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.list-primary) li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-07)}";
 
+class ListItem {
+}
 let PtcList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -10,20 +12,45 @@ let PtcList = class {
   }
   render() {
     const classMap = this.getCssClassMap();
-    const listItems = this.listItems;
-    //console.log(this.listItems.length);
+    const listItems = this.getListItems();
     if (!listItems || listItems.length === 0) {
       return null;
     }
     return (h(Host, { class: classMap }, h("ul", null, listItems.map(listItem => {
-      h("li", null, listItem);
+      return (h("list-item", { "link-type": listItem.type, "link-href": listItem.href, "link-target": listItem.target, "flush-before": listItem.flushBefore }, listItem.value));
     }))));
   }
+  getListItems() {
+    let result = new Array();
+    if (this.listItems && this.listItems.length > 0) {
+      this.listItems.map(listItem => {
+        let i = new ListItem();
+        i.value = listItem;
+        result.push(i);
+      });
+    }
+    else {
+      let items = Array.from(this.el.querySelectorAll('list-item'));
+      items.map(el => {
+        let i = new ListItem();
+        let item = el;
+        i.value = item.innerText;
+        i.href = item.getAttribute('link-href');
+        i.target = item.getAttribute('link-target');
+        i.flushBefore = item.getAttribute('flush-before') == 'true';
+        i.type = item.getAttribute('link-type');
+        result.push(i);
+      });
+      console.log();
+    }
+    return result;
+  }
   getCssClassMap() {
     return {
       [this.listType]: this.listItems ? true : false,
     };
   }
+  get el() { return getElement(this); }
 };
 PtcList.style = ptcListCss;
 

package/dist/esm/ptc-overlay.entry.js

@@ -0,0 +1,27 @@
+import { r as registerInstance, h, H as Host } from './index-f64012bd.js';
+
+const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
+
+let PtcOverlay = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Overlay z-index
+     */
+    this.overlayZIndex = 'z-index-auto';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return h(Host, { class: classMap });
+  }
+  getCssClassMap() {
+    return {
+      [this.filterColor]: !!this.filterColor ? true : false,
+      [this.borderRadius]: !!this.borderRadius ? true : false,
+      [this.overlayZIndex]: true
+    };
+  }
+};
+PtcOverlay.style = ptcOverlayCss;
+
+export { PtcOverlay as ptc_overlay };

package/dist/esm/ptc-picture.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-f64012bd.js';
-import { R as ResponsivePictureVariables } from './interfaces-7c0243be.js';
+import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
 
-const ptcPictureCss = ":host{display:block;overflow:hidden}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
+const ptcPictureCss = ":host{display:block;overflow:hidden}:host img{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
 
 let PtcPicture = class {
   constructor(hostRef) {

package/dist/esm/ptc-title.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-f64012bd.js';
 
-const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}";
+const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}";
 
 let PtcTitle = class {
   constructor(hostRef) {

package/dist/esm/ptcw-design.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["ptc-tab-list",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-card",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}]]],["ptc-checkbox",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["ptc-dropdown",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]}]]],["ptc-icon-minimize",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["ptc-link",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["ptc-filter-tag",[[1,"ptc-filter-tag",{"theme":[1]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-para",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}]]],["ptc-picture",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-pricing-block",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-button",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["ptc-date",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}]]],["ptc-img_2",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
+  return bootstrapLazy([["ptc-tab-list",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-checkbox",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["ptc-dropdown",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]}]]],["ptc-icon-minimize",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["ptc-link",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["ptc-filter-tag",[[1,"ptc-filter-tag",{"theme":[1]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-picture",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-pricing-block",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-button",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["ptc-overlay",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["ptc-title",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1]}]]],["ptc-card_6",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}],[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
 });

package/dist/esm/utils-4b79ffaf.js

@@ -0,0 +1,67 @@
+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();
+}
+
+export { MapDOM as M, format as f, generateUUID as g };

package/dist/ptcw-design/media/designer.svg

@@ -334,23 +334,33 @@
     </g>
   </symbol>
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 16" id="options">
-    <path d="M18.3902 7.51956H6.17969C6.24888 7.83487 6.24888 8.16168 6.17969 8.47699H18.3902C18.4529 8.47769 18.515 8.46582 18.5731 8.44208C18.6312 8.41833 18.684 8.38318 18.7286 8.33866C18.7731 8.29414 18.8085 8.24113 18.8326 8.1827C18.8568 8.12427 18.8692 8.06159 18.8692 7.99827C18.8692 7.93496 18.8568 7.87228 18.8326 7.81385C18.8085 7.75542 18.7731 7.70241 18.7286 7.65789C18.684 7.61337 18.6312 7.57822 18.5731 7.55447C18.515 7.53073 18.4529 7.51886 18.3902 7.51956Z" fill="#323B42"/>
-    <path d="M1.88029 7.51956H0.478934C0.41629 7.51886 0.354131 7.53073 0.296055 7.55447C0.237979 7.57822 0.185141 7.61337 0.140598 7.65789C0.096056 7.70241 0.0606943 7.75542 0.0365604 7.81385C0.0124266 7.87228 0 7.93496 0 7.99827C0 8.06159 0.0124266 8.12427 0.0365604 8.1827C0.0606943 8.24113 0.096056 8.29414 0.140598 8.33866C0.185141 8.38318 0.237979 8.41833 0.296055 8.44208C0.354131 8.46582 0.41629 8.47769 0.478934 8.47699H1.88029C1.81109 8.16168 1.81109 7.83487 1.88029 7.51956Z" fill="#323B42"/>
-    <path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612Z" fill="#323B42"/>
-    <path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612Z" fill="#323B42"/>
-    <path d="M18.3905 13.2969H13.2305C13.2997 13.6122 13.2997 13.939 13.2305 14.2543H18.3905C18.4532 14.255 18.5153 14.2432 18.5734 14.2194C18.6315 14.1957 18.6843 14.1605 18.7289 14.116C18.7734 14.0715 18.8088 14.0185 18.8329 13.96C18.857 13.9016 18.8695 13.8389 18.8695 13.7756C18.8695 13.7123 18.857 13.6496 18.8329 13.5912C18.8088 13.5328 18.7734 13.4798 18.7289 13.4352C18.6843 13.3907 18.6315 13.3556 18.5734 13.3318C18.5153 13.3081 18.4532 13.2962 18.3905 13.2969Z" fill="#323B42"/>
-    <path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960563 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960563 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969Z" fill="#323B42"/>
-    <path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" fill="#323B42"/>
-    <path d="M6.17784 7.52278C5.96049 6.52575 5.0798 5.77734 4.02893 5.77734C2.97806 5.77734 2.09737 6.52575 1.88002 7.52278C1.81083 7.83809 1.81083 8.1649 1.88002 8.48021C2.09737 9.47723 2.97801 10.2256 4.02893 10.2256C5.07986 10.2256 5.96049 9.47723 6.17784 8.48021C6.24704 8.1649 6.24704 7.83809 6.17784 7.52278ZM4.02893 9.26821C3.33781 9.26821 2.77549 8.69999 2.77549 8.00146C2.77549 7.30294 3.33781 6.73477 4.02893 6.73477C4.72006 6.73477 5.28237 7.30306 5.28237 8.00146C5.28237 8.69987 4.72006 9.26821 4.02893 9.26821Z" fill="#323B42"/>
-    <path d="M13.2286 13.2963C13.0113 12.2993 12.1306 11.5508 11.0797 11.5508C10.0287 11.5508 9.1481 12.2993 8.9308 13.2963C8.86161 13.6116 8.86161 13.9384 8.9308 14.2537C9.1481 15.2508 10.0288 15.9992 11.0797 15.9992C12.1305 15.9992 13.0113 15.2508 13.2286 14.2537C13.2978 13.9384 13.2978 13.6116 13.2286 13.2963ZM11.0797 15.0417C10.3885 15.0417 9.82628 14.4735 9.82628 13.775C9.82628 13.0765 10.3885 12.5082 11.0797 12.5082C11.7708 12.5082 12.3333 13.0765 12.3333 13.775C12.3333 14.4735 11.7708 15.0417 11.0797 15.0417Z" fill="#323B42"/>
-  </symbol>
-  <symbol viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" id="ellipsis">
-    <circle cx="1.25" cy="5" r="1.25" fill="#6E717C"/>
-    <circle cx="5" cy="5" r="1.25" fill="#6E717C"/>
-    <circle cx="8.75" cy="5" r="1.25" fill="#6E717C"/>
-  </symbol>
-  <svg viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" id="check-mark">
+    <path d="M18.3902 7.51956H6.17969C6.24888 7.83487 6.24888 8.16168 6.17969 8.47699H18.3902C18.4529 8.47769 18.515 8.46582 18.5731 8.44208C18.6312 8.41833 18.684 8.38318 18.7286 8.33866C18.7731 8.29414 18.8085 8.24113 18.8326 8.1827C18.8568 8.12427 18.8692 8.06159 18.8692 7.99827C18.8692 7.93496 18.8568 7.87228 18.8326 7.81385C18.8085 7.75542 18.7731 7.70241 18.7286 7.65789C18.684 7.61337 18.6312 7.57822 18.5731 7.55447C18.515 7.53073 18.4529 7.51886 18.3902 7.51956Z"/>
+    <path d="M1.88029 7.51956H0.478934C0.41629 7.51886 0.354131 7.53073 0.296055 7.55447C0.237979 7.57822 0.185141 7.61337 0.140598 7.65789C0.096056 7.70241 0.0606943 7.75542 0.0365604 7.81385C0.0124266 7.87228 0 7.93496 0 7.99827C0 8.06159 0.0124266 8.12427 0.0365604 8.1827C0.0606943 8.24113 0.096056 8.29414 0.140598 8.33866C0.185141 8.38318 0.237979 8.41833 0.296055 8.44208C0.354131 8.46582 0.41629 8.47769 0.478934 8.47699H1.88029C1.81109 8.16168 1.81109 7.83487 1.88029 7.51956Z" />
+    <path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612Z" />
+    <path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612Z" />
+    <path d="M18.3905 13.2969H13.2305C13.2997 13.6122 13.2997 13.939 13.2305 14.2543H18.3905C18.4532 14.255 18.5153 14.2432 18.5734 14.2194C18.6315 14.1957 18.6843 14.1605 18.7289 14.116C18.7734 14.0715 18.8088 14.0185 18.8329 13.96C18.857 13.9016 18.8695 13.8389 18.8695 13.7756C18.8695 13.7123 18.857 13.6496 18.8329 13.5912C18.8088 13.5328 18.7734 13.4798 18.7289 13.4352C18.6843 13.3907 18.6315 13.3556 18.5734 13.3318C18.5153 13.3081 18.4532 13.2962 18.3905 13.2969Z" />
+    <path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960563 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960563 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969Z" />
+    <path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" />
+    <path d="M6.17784 7.52278C5.96049 6.52575 5.0798 5.77734 4.02893 5.77734C2.97806 5.77734 2.09737 6.52575 1.88002 7.52278C1.81083 7.83809 1.81083 8.1649 1.88002 8.48021C2.09737 9.47723 2.97801 10.2256 4.02893 10.2256C5.07986 10.2256 5.96049 9.47723 6.17784 8.48021C6.24704 8.1649 6.24704 7.83809 6.17784 7.52278ZM4.02893 9.26821C3.33781 9.26821 2.77549 8.69999 2.77549 8.00146C2.77549 7.30294 3.33781 6.73477 4.02893 6.73477C4.72006 6.73477 5.28237 7.30306 5.28237 8.00146C5.28237 8.69987 4.72006 9.26821 4.02893 9.26821Z" />
+    <path d="M13.2286 13.2963C13.0113 12.2993 12.1306 11.5508 11.0797 11.5508C10.0287 11.5508 9.1481 12.2993 8.9308 13.2963C8.86161 13.6116 8.86161 13.9384 8.9308 14.2537C9.1481 15.2508 10.0288 15.9992 11.0797 15.9992C12.1305 15.9992 13.0113 15.2508 13.2286 14.2537C13.2978 13.9384 13.2978 13.6116 13.2286 13.2963ZM11.0797 15.0417C10.3885 15.0417 9.82628 14.4735 9.82628 13.775C9.82628 13.0765 10.3885 12.5082 11.0797 12.5082C11.7708 12.5082 12.3333 13.0765 12.3333 13.775C12.3333 14.4735 11.7708 15.0417 11.0797 15.0417Z" />
+  </symbol>
+  <symbol viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" id="ellipsis">
+    <circle cx="1.25" cy="5" r="1.25" />
+    <circle cx="5" cy="5" r="1.25"/>
+    <circle cx="8.75" cy="5" r="1.25"/>
+  </symbol>
+  <symbol viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" id="checkmark">
     <path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/>
-  </svg>
-
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" id="plus">
+    <g id="Group_477" data-name="Group 477">
+        <path id="Line_484" d="M0 0v10" stroke="black" width="2px" data-name="Line 484" transform="translate(5)"/>
+        <path id="Line_485" d="M0 0h10" stroke="black" width="2px" data-name="Line 485" transform="translate(0 5)"/>
+    </g>
+  </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 2" id="minus">
+      <g id="Group_476" data-name="Group 476" transform="translate(0 -4)">
+          <path id="Line_485" d="M0 0h10" stroke="black" width="2px" data-name="Line 485" transform="translate(0 5)"/>
+      </g>
+  </symbol>
 </svg>

package/dist/ptcw-design/{p-009537ea.entry.js → p-02894b57.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,g as e}from"./p-e8a60227.js";import{R as h}from"./p-ee1183b2.js";let o=class{constructor(i){t(this,i),this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imagePosition="static",this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.imageAlignment="left"}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),console.log("loaded"),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var h=0,o=s.length;h<o;h++){if(t=s[h],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),e=this.getCssClassMapHost();return i(s,{class:e},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=h.envs.length-1;e>=0;e--)if(t=h.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),console.log("remove test node"),t;return i.body.removeChild(s),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return e(this)}};o.style=":host{display:block;overflow:hidden}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{o as ptc_picture}
+import{r as t,h as i,H as s,g as e}from"./p-e8a60227.js";import{a as h}from"./p-711bcdad.js";let o=class{constructor(i){t(this,i),this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imagePosition="static",this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.imageAlignment="left"}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),console.log("loaded"),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var h=0,o=s.length;h<o;h++){if(t=s[h],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),e=this.getCssClassMapHost();return i(s,{class:e},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=h.envs.length-1;e>=0;e--)if(t=h.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),console.log("remove test node"),t;return i.body.removeChild(s),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return e(this)}};o.style=":host{display:block;overflow:hidden}:host img{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{o as ptc_picture}

package/dist/ptcw-design/p-07c07cf9.entry.js

@@ -0,0 +1 @@
+import{r,h as a,H as e}from"./p-e8a60227.js";let o=class{constructor(a){r(this,a),this.overlayZIndex="z-index-auto"}render(){const r=this.getCssClassMap();return a(e,{class:r})}getCssClassMap(){return{[this.filterColor]:!!this.filterColor,[this.borderRadius]:!!this.borderRadius,[this.overlayZIndex]:!0}}};o.style=":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";export{o as ptc_overlay}