@ptcwebops/ptcw-design 1.0.2 → 1.0.4

package/dist/cjs/ptc-icon-list.cjs.entry.js

@@ -6,27 +6,27 @@ const index = require('./index-c27e52b2.js');
 
 const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-secondary-latin)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple ::slotted(a){text-decoration:none;transition:color 0.3s ease;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-font-size-x-large);border-bottom:0.094rem solid var(--color-green-06);color:var(--color-gray-10)}:host .ptc-icon-list .ptc-content-simple ::slotted(a:hover){color:var(--color-green-06)}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}";
 
-const PtcIconList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.listType = 'simple-icon-list';
-    this.valueWithUnit = '';
-    this.valueText = '';
-    this.listContent = '';
-    this.isLastItem = false;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.listType == "stat-icon-list" ? (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("div", { class: "ptc-numbered-values" }, index.h("span", { class: "value-text" }, this.valueText, "\u00A0"), index.h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), index.h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("p", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
-      index.h("slot", null))))));
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: this.listType ? true : false,
-      ['last-item']: this.isLastItem ? true : false
-    };
-  }
-};
+const PtcIconList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.listType = 'simple-icon-list';
+    this.valueWithUnit = '';
+    this.valueText = '';
+    this.listContent = '';
+    this.isLastItem = false;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, this.listType == "stat-icon-list" ? (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("div", { class: "ptc-numbered-values" }, index.h("span", { class: "value-text" }, this.valueText, "\u00A0"), index.h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), index.h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("p", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
+      index.h("slot", null))))));
+  }
+  getCssClassMap() {
+    return {
+      [this.listType]: this.listType ? true : false,
+      ['last-item']: this.isLastItem ? true : false
+    };
+  }
+};
 PtcIconList.style = ptcIconListCss;
 
 exports.ptc_icon_list = PtcIconList;

package/dist/cjs/ptc-icon-minimize.cjs.entry.js

@@ -6,42 +6,42 @@ const index = require('./index-c27e52b2.js');
 
 const ptcIconMinimizeCss = ".content{transition:max-height ease-out 250ms;overflow:hidden;max-height:0}.ptc-icon-minimize .header{display:flex;justify-content:space-between;align-items:center;align-content:center}.ptc-icon-minimize .header .title{color:var(--color-gray-10);font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal)}@media (min-width: 992px){.ptc-icon-minimize .header .title{font-size:var(--ptc-font-size-x-small)}}.ptc-icon-minimize .header .icon{cursor:pointer;border:1px solid var(--color-gray-10);border-radius:2px;transition:background-color ease-out 250ms;background-color:transparent;height:1.25rem;width:1.25rem;text-align:center;display:flex;align-items:center;justify-content:center}.ptc-icon-minimize .header .icon:hover{background-color:var(--color-gray-02)}.ptc-icon-minimize .header .icon icon-asset{position:relative;width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small);display:flex}";
 
-const PtcIconMinimize = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.opened = true;
-  }
-  componentDidLoad() {
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && !content.style.maxHeight) {
-      content.style.maxHeight = content.scrollHeight + "px";
-    }
-  }
-  dropdownToggle() {
-    this.opened = !this.opened;
-  }
-  getScrollHeight() {
-    let result = undefined;
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && content) {
-      result = { 'max-height': content.scrollHeight + "px" };
-    }
-    else if (this.opened) {
-      result = { 'max-height': 350 + "px" };
-    }
-    else if (content && content.style.maxHeight) {
-      content.style.removeProperty('max-height');
-    }
-    return result;
-  }
-  render() {
-    let scrollHeight = this.getScrollHeight();
-    let icon = this.opened ? 'minus' : 'plus';
-    return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
-  }
-  get host() { return index.getElement(this); }
-};
+const PtcIconMinimize = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.heading = undefined;
+    this.opened = true;
+  }
+  componentDidLoad() {
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && !content.style.maxHeight) {
+      content.style.maxHeight = content.scrollHeight + "px";
+    }
+  }
+  dropdownToggle() {
+    this.opened = !this.opened;
+  }
+  getScrollHeight() {
+    let result = undefined;
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && content) {
+      result = { 'max-height': content.scrollHeight + "px" };
+    }
+    else if (this.opened) {
+      result = { 'max-height': 350 + "px" };
+    }
+    else if (content && content.style.maxHeight) {
+      content.style.removeProperty('max-height');
+    }
+    return result;
+  }
+  render() {
+    let scrollHeight = this.getScrollHeight();
+    let icon = this.opened ? 'minus' : 'plus';
+    return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
+  }
+  get host() { return index.getElement(this); }
+};
 PtcIconMinimize.style = ptcIconMinimizeCss;
 
 exports.ptc_icon_minimize = PtcIconMinimize;

package/dist/cjs/ptc-link.cjs.entry.js

@@ -6,36 +6,36 @@ const index = require('./index-c27e52b2.js');
 
 const ptcLinkCss = ":host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.product-link{font-weight:var(--ptc-font-weight-extrabold)}.product-link::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:1;color:var(--color-green-07)}.product-link:hover.product-link{color:var(--color-green-07)}.product-link:hover.product-link::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.underline{border-bottom:2px solid var(--color-green-07)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 3%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:hover{color:var(--color-green-06)}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:\"\";position:absolute;width:100%;height:100%;inset:0;z-index:2}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}";
 
-const PtcLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-    this.external = false;
-    this.href = undefined;
-    this.target = '_self';
-    this.linkTitle = undefined;
-    this.theme = 'simple';
-    this.uppercase = false;
-    this.fontSize = 'medium';
-    this.fontWeight = undefined;
-    this.linkArea = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, this.theme == 'arrow' ? index.h("icon-asset", { type: "solid", size: "x-small", name: "arrow-right" }) : '', this.theme == 'arrow-plm' ? index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "button-arrow-right" }) : '', index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-link']: true,
-      [this.theme]: true,
-      ['uppercase']: this.uppercase,
-      ['disabled']: this.disabled,
-      [this.fontSize]: true,
-      [this.linkArea]: this.linkArea ? true : false,
-      [this.fontWeight]: true,
-    };
-  }
-};
+const PtcLink = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.disabled = false;
+    this.external = false;
+    this.href = undefined;
+    this.target = '_self';
+    this.linkTitle = undefined;
+    this.theme = 'simple';
+    this.uppercase = false;
+    this.fontSize = 'medium';
+    this.fontWeight = undefined;
+    this.linkArea = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, null, index.h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, this.theme == 'arrow' ? index.h("icon-asset", { type: "solid", size: "x-small", name: "arrow-right" }) : '', this.theme == 'arrow-plm' ? index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "button-arrow-right" }) : '', index.h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-link']: true,
+      [this.theme]: true,
+      ['uppercase']: this.uppercase,
+      ['disabled']: this.disabled,
+      [this.fontSize]: true,
+      [this.linkArea]: this.linkArea ? true : false,
+      [this.fontWeight]: true,
+    };
+  }
+};
 PtcLink.style = ptcLinkCss;
 
 exports.ptc_link = PtcLink;

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

@@ -6,55 +6,55 @@ const index = require('./index-c27e52b2.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 {
-}
-const PtcList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.listType = 'list-primary';
-    this.listItems = [];
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const listItems = this.getListItems();
-    if (!listItems || listItems.length === 0) {
-      return null;
-    }
-    return (index.h(index.Host, { class: classMap }, index.h("ul", null, listItems.map(listItem => {
-      return (index.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);
-      });
-    }
-    return result;
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: this.listItems ? true : false,
-    };
-  }
-  get el() { return index.getElement(this); }
-};
+class ListItem {
+}
+const PtcList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.listType = 'list-primary';
+    this.listItems = [];
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const listItems = this.getListItems();
+    if (!listItems || listItems.length === 0) {
+      return null;
+    }
+    return (index.h(index.Host, { class: classMap }, index.h("ul", null, listItems.map(listItem => {
+      return (index.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);
+      });
+    }
+    return result;
+  }
+  getCssClassMap() {
+    return {
+      [this.listType]: this.listItems ? true : false,
+    };
+  }
+  get el() { return index.getElement(this); }
+};
 PtcList.style = ptcListCss;
 
 exports.ptc_list = PtcList;

package/dist/cjs/ptc-lottie.cjs.entry.js

@@ -6,16 +6,16 @@ const index = require('./index-c27e52b2.js');
 
 const ptcLottieCss = ":host{display:block;width:100%;height:auto}";
 
-const PtcLottie = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.jsonSrc = undefined;
-    this.speed = 1;
-  }
-  render() {
-    return (index.h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
-  }
-};
+const PtcLottie = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.jsonSrc = undefined;
+    this.speed = 1;
+  }
+  render() {
+    return (index.h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
+  }
+};
 PtcLottie.style = ptcLottieCss;
 
 exports.ptc_lottie = PtcLottie;

package/dist/cjs/ptc-media-card.cjs.entry.js

@@ -3,33 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c27e52b2.js');
-const utils = require('./utils-416c94fe.js');
+const utils = require('./utils-9eb22041.js');
 
 const ptcMediaCardCss = ":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host .card-wrap .car-content{padding:20px 30px 30px 30px}:host .card-wrap .car-content h4,:host .card-wrap .car-content h3{color:#fff}:host .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}";
 
-const PtcMediaCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cardType = 'media-card';
-    this.cardHref = undefined;
-    this.target = '_self';
-    this.rel = undefined;
-    this.activeBackgroundImage = undefined;
-    this.hoverBackgroundImage = undefined;
-    this.heading = undefined;
-    this.headingTransform = 'none';
-    this.category = undefined;
-    this.isHovered = false;
-  }
-  render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    const isVideoUrl = utils.getFileExtension(this.hoverBackgroundImage);
-    return (index.h(index.Host, { onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.isHovered
-        ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
-        : { backgroundImage: `url(${this.activeBackgroundImage})` } }, index.h(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel }, isVideoUrl == ".mp4" &&
-      index.h("video", { muted: true, autoPlay: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, style: this.isHovered ? { display: 'block' } : { display: 'none' } }, index.h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag.")), index.h("ptc-overlay", { "filter-color": "black-2" }), index.h("div", { class: "card-wrap" }, index.h("div", { class: "car-content" }, index.h("h4", null, this.category, " "), index.h("h3", null, this.heading))))));
-  }
-};
+const PtcMediaCard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cardType = 'media-card';
+    this.cardHref = undefined;
+    this.target = '_self';
+    this.rel = undefined;
+    this.activeBackgroundImage = undefined;
+    this.hoverBackgroundImage = undefined;
+    this.heading = undefined;
+    this.headingTransform = 'none';
+    this.category = undefined;
+    this.isHovered = false;
+  }
+  render() {
+    const Tag = !!this.cardHref ? 'a' : 'div';
+    const isVideoUrl = utils.getFileExtension(this.hoverBackgroundImage);
+    return (index.h(index.Host, { onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.isHovered
+        ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
+        : { backgroundImage: `url(${this.activeBackgroundImage})` } }, index.h(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel }, isVideoUrl == ".mp4" &&
+      index.h("video", { muted: true, autoPlay: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, style: this.isHovered ? { display: 'block' } : { display: 'none' } }, index.h("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag.")), index.h("ptc-overlay", { "filter-color": "black-2" }), index.h("div", { class: "card-wrap" }, index.h("div", { class: "car-content" }, index.h("h4", null, this.category, " "), index.h("h3", null, this.heading))))));
+  }
+};
 PtcMediaCard.style = ptcMediaCardCss;
 
 exports.ptc_media_card = PtcMediaCard;

package/dist/cjs/ptc-minimized-footer.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-c27e52b2.js');
 
 const ptcMinimizedFooterCss = ":host{box-shadow:var(--ptc-shadow-medium);color:var(--color-white);position:relative;overflow:hidden;position:relative;z-index:1000;padding:0;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-gray-10)}.min-footer-nav-list{margin:0;padding:0;list-style:none}.min-footer-copyright-wrapper{text-align:center;position:relative;z-index:20}.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0;display:flex;flex-direction:row}@media screen-sm{.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0}}";
 
-const PtcMinimizedFooter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: "ptc-min-footer mini-footer" }, index.h("div", { class: "min-footer-copyright-wrapper" }, index.h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, index.h("slot", null)))));
-  }
-};
+const PtcMinimizedFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { class: "ptc-min-footer mini-footer" }, index.h("div", { class: "min-footer-copyright-wrapper" }, index.h("ul", { class: "min-footer-nav-list min-footer-copyright-list" }, index.h("slot", null)))));
+  }
+};
 PtcMinimizedFooter.style = ptcMinimizedFooterCss;
 
 exports.ptc_minimized_footer = PtcMinimizedFooter;

package/dist/cjs/ptc-minimized-header.cjs.entry.js

@@ -6,17 +6,17 @@ const index = require('./index-c27e52b2.js');
 
 const ptcMinimizedHeaderCss = ":host{display:block}.minimized-header .header{overflow:hidden;height:48px;background-color:var(--color-gray-10);display:flex;align-items:center;justify-content:center}.minimized-header .header a{float:left;color:var(--color-black);text-align:center;padding:0px 0;text-decoration:none;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);border-radius:var(--ptc-border-radius-standard)}.minimized-header .header a.mini-navbar-logo{font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold)}.minimized-header .header a.mini-navbar-logo img{width:65px;vertical-align:middle;border:0;height:auto}.mini-navbar-logo{outline:3px solid transparent}.mini-navbar-logo:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}@media only screen and (min-width: 768px){.temp-container{width:750px}}@media only screen and (min-width: 992px){.temp-container{width:970px}}@media only screen and (min-width: 1200px){.temp-container{width:1170px}}@media only screen and (min-width: 1440px){.temp-container{width:1400px}}@media only screen and (min-width: 1600px){.temp-container{width:1560px}}@media screen-xs{.minimized-header .header a{float:none;display:block;text-align:left}}";
 
-const PtcMinimizedHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.linkUrl = '#';
-    this.imgSrc = '';
-    this.imgAlt = 'PTC';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "minimized-header" }, index.h("div", { class: "header" }, index.h("div", { class: "temp-container" }, index.h("a", { class: "mini-navbar-logo", href: this.linkUrl }, index.h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
-  }
-};
+const PtcMinimizedHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.linkUrl = '#';
+    this.imgSrc = '';
+    this.imgAlt = 'PTC';
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "minimized-header" }, index.h("div", { class: "header" }, index.h("div", { class: "temp-container" }, index.h("a", { class: "mini-navbar-logo", href: this.linkUrl }, index.h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
+  }
+};
 PtcMinimizedHeader.style = ptcMinimizedHeaderCss;
 
 exports.ptc_minimized_header = PtcMinimizedHeader;

package/dist/cjs/ptc-mobile-select.cjs.entry.js

@@ -426,59 +426,59 @@ h(y, "defaultConfig", {
 
 const ptcMobileSelectCss = ".ms-mobile-select{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}";
 
-const PtcMobileSelect = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.triggerName = undefined;
-    this.selectedText = undefined;
-    this.wheelData = undefined;
-    this.selectedId = '';
-    this.ensureBtnText = 'Confirm';
-    this.cancelBtnText = 'Cancel';
-    this.listTitle = undefined;
-  }
-  render() {
-    return (index.h("div", { class: "mobile-select-wrapper" }, index.h("div", { id: this.triggerName }, this.selectedText, index.h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
-  }
-  componentDidRender() {
-    let currentId = this.selectedId; //input current lang
-    let storeIndex = 0;
-    new y({
-      trigger: `#${this.triggerName}`,
-      title: `${this.listTitle ? this.listTitle : ''}`,
-      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
-      position: [0],
-      ensureBtnText: this.ensureBtnText,
-      cancelBtnText: this.cancelBtnText,
-      ensureBtnColor: 'var(--color-gray-12)',
-      cancelBtnColor: 'var(--color-gray-12)',
-      titleColor: 'var(--color-gray-12)',
-      onShow: function (e) {
-        if (currentId) {
-          let liEle = document.querySelectorAll('.selectContainer li');
-          liEle.forEach((currentValue, currentIndex) => {
-            if (currentValue.getAttribute('data-id') == currentId) {
-              storeIndex = currentIndex;
-              return;
-            }
-          });
-          e.locatePosition(0, storeIndex);
-        }
-        else {
-          return;
-        }
-      },
-      callback: function (indexArr, data) {
-        if (data[0].id) {
-          window.location.href = data[0].id;
-        }
-        else {
-          console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
-        }
-      }.bind(this),
-    });
-  }
-};
+const PtcMobileSelect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.triggerName = undefined;
+    this.selectedText = undefined;
+    this.wheelData = undefined;
+    this.selectedId = '';
+    this.ensureBtnText = 'Confirm';
+    this.cancelBtnText = 'Cancel';
+    this.listTitle = undefined;
+  }
+  render() {
+    return (index.h("div", { class: "mobile-select-wrapper" }, index.h("div", { id: this.triggerName }, this.selectedText, index.h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
+  }
+  componentDidRender() {
+    let currentId = this.selectedId; //input current lang
+    let storeIndex = 0;
+    new y({
+      trigger: `#${this.triggerName}`,
+      title: `${this.listTitle ? this.listTitle : ''}`,
+      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ['test1', 'test2'] }],
+      position: [0],
+      ensureBtnText: this.ensureBtnText,
+      cancelBtnText: this.cancelBtnText,
+      ensureBtnColor: 'var(--color-gray-12)',
+      cancelBtnColor: 'var(--color-gray-12)',
+      titleColor: 'var(--color-gray-12)',
+      onShow: function (e) {
+        if (currentId) {
+          let liEle = document.querySelectorAll('.selectContainer li');
+          liEle.forEach((currentValue, currentIndex) => {
+            if (currentValue.getAttribute('data-id') == currentId) {
+              storeIndex = currentIndex;
+              return;
+            }
+          });
+          e.locatePosition(0, storeIndex);
+        }
+        else {
+          return;
+        }
+      },
+      callback: function (indexArr, data) {
+        if (data[0].id) {
+          window.location.href = data[0].id;
+        }
+        else {
+          console.log('href: ' + data[0].id + '; indexArr: ' + indexArr);
+        }
+      }.bind(this),
+    });
+  }
+};
 PtcMobileSelect.style = ptcMobileSelectCss;
 
 exports.ptc_mobile_select = PtcMobileSelect;