@ptcwebops/ptcw-design 1.2.9 → 1.3.1

package/dist/cjs/sequential-bundle.cjs.entry.js

@@ -7,94 +7,94 @@ const core = require('./core-fd18b67a.js');
 
 const sequentialBundleCss = ":host{display:block}.accordion{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.swiper-container{width:100%;height:100%}@media only screen and (min-width: 1440px){.accordion-container{min-height:500px}}";
 
-const SequentialBundle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isMobile = undefined;
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth < 1200;
-  }
-  componentWillLoad() {
-    this.isMobile = window.innerWidth < 1200;
-  }
-  componentDidLoad() {
-    this.initSlider();
-  }
-  render() {
-    return (index.h(index.Host, null, this.isMobile ? (index.h("div", { class: "swiper-container", ref: el => this.swiperContainerRef = el }, index.h("div", { class: "swiper-wrapper" }, index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More")))), index.h("div", { class: "swiper-pagination" }))) : (index.h("div", null, "test")
-    // <div class="accordion-container desktop-container">
-    //   <div class="accordion">
-    //     <div class="accordion-item">
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="true"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="false"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //       <ptc-dynamic-card
-    //         card-type="sequential"
-    //         card-screen="desktop"
-    //         is-expanded="false"
-    //         card-title="iWarranty Business Update Webinar"
-    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
-    //         card-img-alt="image-test"
-    //       >
-    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
-    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
-    //         </ptc-para>
-    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
-    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
-    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
-    //           Learn More
-    //         </ptc-button>
-    //       </ptc-dynamic-card>
-    //     </div>
-    //   </div>
-    // </div>
-    )));
-  }
-  initSlider() {
-    if (this.isMobile) {
-      if (this.swiperContainerRef) {
-        this.mySwiper = new core.Swiper(this.swiperContainerRef, {
-          // Customize options here
-          loop: true,
-          slidesPerView: 1,
-        });
-        console.log("running swiper");
-      }
-    }
-  }
-};
+const SequentialBundle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isMobile = undefined;
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth < 1200;
+  }
+  componentWillLoad() {
+    this.isMobile = window.innerWidth < 1200;
+  }
+  componentDidLoad() {
+    this.initSlider();
+  }
+  render() {
+    return (index.h(index.Host, null, this.isMobile ? (index.h("div", { class: "swiper-container", ref: el => this.swiperContainerRef = el }, index.h("div", { class: "swiper-wrapper" }, index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More"))), index.h("div", { class: "swiper-slide" }, index.h("ptc-dynamic-card", { "card-type": "sequential", "card-screen": "mobile", "card-title": "iWarranty Business Update Webinar", "card-img-src": "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data", "card-img-alt": "image-test" }, index.h("ptc-para", { "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-color": "white", "para-line-h": "line-height-p" }, "The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!"), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-button", { type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Learn More")))), index.h("div", { class: "swiper-pagination" }))) : (index.h("div", null, "test")
+    // <div class="accordion-container desktop-container">
+    //   <div class="accordion">
+    //     <div class="accordion-item">
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="true"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="false"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //       <ptc-dynamic-card
+    //         card-type="sequential"
+    //         card-screen="desktop"
+    //         is-expanded="false"
+    //         card-title="iWarranty Business Update Webinar"
+    //         card-img-src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"
+    //         card-img-alt="image-test"
+    //       >
+    //         <ptc-para font-size="x-small" font-weight="w-4" para-margin="margin-flush" para-color="white" para-line-h="line-height-p">
+    //           The Leading Warranty & Contract Management System just got even better... iWarranty v5.3 now available!
+    //         </ptc-para>
+    //         <ptc-spacer breakpoint="x-small" size="xx-large"></ptc-spacer>
+    //         <ptc-spacer breakpoint="small" size="x-large"></ptc-spacer>
+    //         <ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com" target="_blank">
+    //           Learn More
+    //         </ptc-button>
+    //       </ptc-dynamic-card>
+    //     </div>
+    //   </div>
+    // </div>
+    )));
+  }
+  initSlider() {
+    if (this.isMobile) {
+      if (this.swiperContainerRef) {
+        this.mySwiper = new core.Swiper(this.swiperContainerRef, {
+          // Customize options here
+          loop: true,
+          slidesPerView: 1,
+        });
+        console.log("running swiper");
+      }
+    }
+  }
+};
 SequentialBundle.style = sequentialBundleCss;
 
 exports.sequential_bundle = SequentialBundle;

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

@@ -6,33 +6,33 @@ const index = require('./index-88135a6b.js');
 
 const tabContentCss = ".tab-content{display:none}.tab-content p,.tab-content ul,.tab-content ol,.tab-content span,.tab-content h1,.tab-content h2,.tab-content h3,.tab-content h4,.tab-content h5,.tab-content h6{max-width:720px;font-weight:var(--ptc-font-weight-normal)}.tab-content-selected{display:block}.tab-content h3{font-size:24px;font-weight:700}.tab-content :first-child{margin-top:0px}.tab-content :last-child{margin-bottom:0px}";
 
-const TabContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.name = undefined;
-    this.isSelected = false;
-  }
-  async getChild() {
-    return {
-      select: this.select.bind(this),
-      unselect: this.unselect.bind(this),
-      name: this.name
-    };
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  select() {
-    this.isSelected = true;
-  }
-  render() {
-    const classes = {
-      'tab-content': true,
-      'tab-content-selected': this.isSelected
-    };
-    return (index.h("div", { class: classes }, index.h("slot", null)));
-  }
-};
+const TabContent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.name = undefined;
+    this.isSelected = false;
+  }
+  async getChild() {
+    return {
+      select: this.select.bind(this),
+      unselect: this.unselect.bind(this),
+      name: this.name
+    };
+  }
+  unselect() {
+    this.isSelected = false;
+  }
+  select() {
+    this.isSelected = true;
+  }
+  render() {
+    const classes = {
+      'tab-content': true,
+      'tab-content-selected': this.isSelected
+    };
+    return (index.h("div", { class: classes }, index.h("slot", null)));
+  }
+};
 TabContent.style = tabContentCss;
 
 exports.tab_content = TabContent;

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

@@ -6,70 +6,70 @@ const index = require('./index-88135a6b.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;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-12);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,
-        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: "textCont", 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,
+        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-9eb22041.js → utils-416c94fe.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

@@ -1,6 +1,7 @@
 {
   "entries": [
     "./components/dropdown-item/dropdown-item.js",
+    "./components/dynamic-box-bundle/dynamic-box-bundle.js",
     "./components/icon-asset/icon-asset.js",
     "./components/list-item/list-item.js",
     "./components/max-width-container/max-width-container.js",