@ptcwebops/ptcw-design 1.0.5 → 1.0.6

package/dist/custom-elements/index.js

@@ -17346,7 +17346,7 @@ const PtcCard$1 = class extends HTMLElement$1 {
         h$1("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading),
         h$1("slot", { name: "slot-after-heading" }),
       ]
-      : null, h$1("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h$1("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null)))));
+      : null, h$1("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h$1("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (h$1("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}" })) : null)))));
   }
   getCssClassMap() {
     return {
@@ -18021,11 +18021,12 @@ const PtcDate$1 = class extends HTMLElement$1 {
     this.dateColor = undefined;
     this.dateStyles = undefined;
     this.dataSize = 'small';
+    this.formatOptions = undefined;
   }
   render() {
     // const newDate = new Date(this.year, this.month, this.day);
     const classMap = this.getCssClassMap();
-    return (h$1(Host, { class: classMap }, this.dateStyles && h$1("style", null, this.dateStyles), h$1("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
+    return (h$1(Host, { class: classMap }, this.dateStyles && h$1("style", null, this.dateStyles), h$1("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
   }
   getCssClassMap() {
     return {
@@ -18033,6 +18034,22 @@ const PtcDate$1 = class extends HTMLElement$1 {
       [this.dataSize]: !!this.dataSize ? true : false,
     };
   }
+  getOptions() {
+    let result = { year: 'numeric', month: 'short', day: 'numeric' };
+    if (this.formatOptions) {
+      try {
+        var json = JSON.parse(this.formatOptions);
+        if (json) {
+          result = json;
+        }
+      }
+      catch (e) {
+        debugger;
+        console.log(e);
+      }
+    }
+    return result;
+  }
   getDate() {
     if (this.dateString) {
       let newDate = new Date(this.dateString.replace(/-/g, '/'));
@@ -18167,7 +18184,7 @@ const PtcDynamicCard$1 = class extends HTMLElement$1 {
   static get style() { return ptcDynamicCardCss; }
 };
 
-const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-ellipsis-dropdown{position:relative;display:inline-block;padding:7px;cursor:pointer}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:0;left:auto;min-width:max-content;width:100%}.show .dropdown-container{display:inline-block}";
+const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-ellipsis-dropdown{position:relative;display:inline-block;padding:7px;cursor:pointer}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:0;left:auto;min-width:280px;width:100%}@media only screen and (min-width: 768px){.dropdown-container{min-width:max-content}}.show .dropdown-container{display:inline-block}";
 
 const PtcEllipsisDropdown$1 = class extends HTMLElement$1 {
   constructor() {
@@ -20144,10 +20161,12 @@ const PtcSearchField$1 = class extends HTMLElement$1 {
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.clicked = createEvent(this, "clicked", 7);
     this.textValue = undefined;
+    this.value = undefined;
     this.placeholderLabel = undefined;
     this.darkTheme = undefined;
   }
   textChangedHandler(event) {
+    this.updateTextValue();
     this.valueChanged.emit({
       'sender': this,
       'event': event,
@@ -20162,6 +20181,7 @@ const PtcSearchField$1 = class extends HTMLElement$1 {
     });
   }
   keyDownHandler(event) {
+    this.updateTextValue();
     if (event.key == 'Enter') {
       this.clicked.emit({
         'sender': this,
@@ -20178,6 +20198,19 @@ const PtcSearchField$1 = class extends HTMLElement$1 {
     }
     return result;
   }
+  updateTextValue() {
+    let input = this.el.shadowRoot.querySelector('input');
+    if (input) {
+      this.textValue = input.value;
+    }
+  }
+  async clearSearchValue() {
+    this.textValue = "";
+    let input = this.el.shadowRoot.querySelector('input');
+    if (input) {
+      input.value = "";
+    }
+  }
   render() {
     const classMap = this.getCssClassMap();
     return (h$1(Host, { class: classMap }, h$1("div", { class: "search-div" }, h$1("input", { type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => { this.keyDownHandler(e); }, onChange: (e) => { this.textChangedHandler(e); } }), h$1("button", { type: "button", color: "blackgrey", class: "search-btn", onClick: (e) => { this.buttonClickHandler(e); } }, h$1("icon-asset", { type: "ptc", size: "medium", name: "new-search", color: "white" })))));
@@ -20834,7 +20867,7 @@ const PtcTitle$1 = class extends HTMLElement$1 {
   static get style() { return ptcTitleCss; }
 };
 
-const ptcTooltipCss = ":host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
+const ptcTooltipCss = ":host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
 
 const PtcTooltip$1 = class extends HTMLElement$1 {
   constructor() {
@@ -20983,6 +21016,7 @@ const TabHeader$1 = class extends HTMLElement$1 {
     this.name = undefined;
     this.tooltip = undefined;
     this.isSelected = false;
+    this.tabHeaderText = undefined;
   }
   async getChild() {
     let self = this;
@@ -21016,7 +21050,7 @@ const TabHeader$1 = class extends HTMLElement$1 {
       'tab-header-selected': this.isSelected
     };
     return [
-      h$1("h2", { class: classes, onClick: this.onClick.bind(this) }, h$1("span", { class: "header-content" }, h$1("slot", null)), this.tooltip && h$1("div", { class: "tooltip" }, this.tooltip)),
+      h$1("h2", { class: classes, onClick: this.onClick.bind(this) }, h$1("span", { class: "header-content" }, h$1("span", { class: "textCont", style: { display: "none" } }, this.tabHeaderText), h$1("ptc-tooltip", { "text-display": "inline", "max-length": "32", "z-index": "z-2", description: this.tabHeaderText, position: "bottom" })), this.tooltip && h$1("div", { class: "tooltip" }, this.tooltip)),
     ];
   }
   static get style() { return tabHeaderCss; }
@@ -21042,7 +21076,7 @@ const PtcCardWrapper = /*@__PURE__*/proxyCustomElement(PtcCardPlm, [1,"ptc-card-
 const PtcCheckbox = /*@__PURE__*/proxyCustomElement(PtcCheckbox$1, [1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]);
 const PtcCollapseList = /*@__PURE__*/proxyCustomElement(PtcCollapseList$1, [1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32]}]);
 const PtcContainer = /*@__PURE__*/proxyCustomElement(PtcContainer$1, [1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]);
-const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$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"]}]);
+const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$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"],"formatOptions":[1,"format-options"]}]);
 const PtcDropdown = /*@__PURE__*/proxyCustomElement(PtcDropdown$1, [1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]);
 const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"outCardState":[1025,"out-card-state"],"cardStatus":[32],"overlayExists":[32]}]);
 const PtcEllipsisDropdown = /*@__PURE__*/proxyCustomElement(PtcEllipsisDropdown$1, [1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]);
@@ -21071,7 +21105,7 @@ const PtcPricingTabs = /*@__PURE__*/proxyCustomElement(PtcPricingTabs$1, [1,"ptc
 const PtcQuote = /*@__PURE__*/proxyCustomElement(PtcQuote$1, [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"]}]);
 const PtcReadmore = /*@__PURE__*/proxyCustomElement(PtcReadmore$1, [1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1]},[[9,"resize","addBtnTruncated"]]]);
 const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
-const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"]}]);
+const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"value":[32]}]);
 const PtcShoppingCart = /*@__PURE__*/proxyCustomElement(PtcShoppingCart$1, [1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]);
 const PtcSkeleton = /*@__PURE__*/proxyCustomElement(PtcSkeleton$1, [1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]);
 const PtcSocialShare = /*@__PURE__*/proxyCustomElement(PtcSocialShare$1, [1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"isHover":[32]}]);
@@ -21087,7 +21121,7 @@ const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"is
 const PtcTooltip = /*@__PURE__*/proxyCustomElement(PtcTooltip$1, [1,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1]},[[9,"resize","addTruncatedClass"]]]);
 const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
 const TabContent = /*@__PURE__*/proxyCustomElement(TabContent$1, [4,"tab-content",{"name":[1],"isSelected":[32]}]);
-const TabHeader = /*@__PURE__*/proxyCustomElement(TabHeader$1, [4,"tab-header",{"name":[1],"tooltip":[1],"isSelected":[32]}]);
+const TabHeader = /*@__PURE__*/proxyCustomElement(TabHeader$1, [0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"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\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[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\"]]],[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\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[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\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[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\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"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\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[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\"],\"theme\":[1],\"pageNumbers\":[32]}]]],[\"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-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"]}]]],[\"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],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"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-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[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],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"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-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"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\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"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],\"active\":[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-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ptc-card_7\",[[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\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[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\"],\"formatOptions\":[1,\"format-options\"]}],[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-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\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[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\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[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\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"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\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[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\"],\"theme\":[1],\"pageNumbers\":[32]}]]],[\"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-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"value\":[32],\"clearSearchValue\":[64]}]]],[\"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],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"getChild\":[64]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"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-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[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],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"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],\"active\":[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-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"ptc-tooltip\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
   });
 };
 

package/dist/esm/{ptc-card_6.entry.js → ptc-card_7.entry.js}

@@ -35,7 +35,7 @@ const PtcCard = class {
         h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading),
         h("slot", { name: "slot-after-heading" }),
       ]
-      : null, h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null)))));
+      : null, h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (h("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}" })) : null)))));
   }
   getCssClassMap() {
     return {
@@ -82,11 +82,12 @@ const PtcDate = class {
     this.dateColor = undefined;
     this.dateStyles = undefined;
     this.dataSize = 'small';
+    this.formatOptions = undefined;
   }
   render() {
     // const newDate = new Date(this.year, this.month, this.day);
     const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.dateStyles && h("style", null, this.dateStyles), h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
+    return (h(Host, { class: classMap }, this.dateStyles && h("style", null, this.dateStyles), h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
   }
   getCssClassMap() {
     return {
@@ -94,6 +95,22 @@ const PtcDate = class {
       [this.dataSize]: !!this.dataSize ? true : false,
     };
   }
+  getOptions() {
+    let result = { year: 'numeric', month: 'short', day: 'numeric' };
+    if (this.formatOptions) {
+      try {
+        var json = JSON.parse(this.formatOptions);
+        if (json) {
+          result = json;
+        }
+      }
+      catch (e) {
+        debugger;
+        console.log(e);
+      }
+    }
+    return result;
+  }
   getDate() {
     if (this.dateString) {
       let newDate = new Date(this.dateString.replace(/-/g, '/'));
@@ -468,4 +485,26 @@ const PtcSpacer = class {
 };
 PtcSpacer.style = ptcSpacerCss;
 
-export { PtcCard as ptc_card, PtcDate as ptc_date, PtcImg as ptc_img, PtcPara as ptc_para, PtcPicture as ptc_picture, PtcSpacer as ptc_spacer };
+const ptcSpanCss = ":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}";
+
+const PtcSpan = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.spanStyle = 'tag-style';
+    this.display = 'inline';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("span", { part: "part-ptc-span" }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.spanStyle]: true,
+      [this.display]: true,
+    };
+  }
+};
+PtcSpan.style = ptcSpanCss;
+
+export { PtcCard as ptc_card, PtcDate as ptc_date, PtcImg as ptc_img, PtcPara as ptc_para, PtcPicture as ptc_picture, PtcSpacer as ptc_spacer, PtcSpan as ptc_span };

package/dist/esm/ptc-ellipsis-dropdown.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-40bc29fc.js';
 
-const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-ellipsis-dropdown{position:relative;display:inline-block;padding:7px;cursor:pointer}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:0;left:auto;min-width:max-content;width:100%}.show .dropdown-container{display:inline-block}";
+const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-ellipsis-dropdown{position:relative;display:inline-block;padding:7px;cursor:pointer}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:0;left:auto;min-width:280px;width:100%}@media only screen and (min-width: 768px){.dropdown-container{min-width:max-content}}.show .dropdown-container{display:inline-block}";
 
 const PtcEllipsisDropdown = class {
   constructor(hostRef) {

package/dist/esm/ptc-search-field.entry.js

@@ -8,10 +8,12 @@ const PtcSearchField = class {
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.clicked = createEvent(this, "clicked", 7);
     this.textValue = undefined;
+    this.value = undefined;
     this.placeholderLabel = undefined;
     this.darkTheme = undefined;
   }
   textChangedHandler(event) {
+    this.updateTextValue();
     this.valueChanged.emit({
       'sender': this,
       'event': event,
@@ -26,6 +28,7 @@ const PtcSearchField = class {
     });
   }
   keyDownHandler(event) {
+    this.updateTextValue();
     if (event.key == 'Enter') {
       this.clicked.emit({
         'sender': this,
@@ -42,6 +45,19 @@ const PtcSearchField = class {
     }
     return result;
   }
+  updateTextValue() {
+    let input = this.el.shadowRoot.querySelector('input');
+    if (input) {
+      this.textValue = input.value;
+    }
+  }
+  async clearSearchValue() {
+    this.textValue = "";
+    let input = this.el.shadowRoot.querySelector('input');
+    if (input) {
+      input.value = "";
+    }
+  }
   render() {
     const classMap = this.getCssClassMap();
     return (h(Host, { class: classMap }, h("div", { class: "search-div" }, h("input", { type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => { this.keyDownHandler(e); }, onChange: (e) => { this.textChangedHandler(e); } }), h("button", { type: "button", color: "blackgrey", class: "search-btn", onClick: (e) => { this.buttonClickHandler(e); } }, h("icon-asset", { type: "ptc", size: "medium", name: "new-search", color: "white" })))));

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-40bc29fc.js';
 
-const ptcTooltipCss = ":host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
+const ptcTooltipCss = ":host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
 
 const PtcTooltip = class {
   constructor(hostRef) {

package/dist/esm/ptcw-design.js

@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"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\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[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\"]]],[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\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[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\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[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\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"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\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[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\"],\"theme\":[1],\"pageNumbers\":[32]}]]],[\"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-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"]}]]],[\"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],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"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-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[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],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"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-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"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\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"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],\"active\":[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-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ptc-card_7\",[[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\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[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\"],\"formatOptions\":[1,\"format-options\"]}],[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-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\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"],\"styles\":[1]}],[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\"]]]]],[\"bundle-example\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[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\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"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\"]}]]],[\"ptc-nav-card\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[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\"],\"theme\":[1],\"pageNumbers\":[32]}]]],[\"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-search-field\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"],\"value\":[32],\"clearSearchValue\":[64]}]]],[\"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],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"tab-header\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"getChild\":[64]}]]],[\"max-width-container\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"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-background-video\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[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],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-responsive-wrapper\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"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],\"active\":[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-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-card-bottom_3\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"ptc-tooltip\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"icon-asset\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
 });

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

@@ -10,6 +10,7 @@ const TabHeader = class {
     this.name = undefined;
     this.tooltip = undefined;
     this.isSelected = false;
+    this.tabHeaderText = undefined;
   }
   async getChild() {
     let self = this;
@@ -43,7 +44,7 @@ const TabHeader = class {
       'tab-header-selected': this.isSelected
     };
     return [
-      h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("span", { class: "header-content" }, h("slot", null)), this.tooltip && h("div", { class: "tooltip" }, this.tooltip)),
+      h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("span", { class: "header-content" }, h("span", { class: "textCont", style: { display: "none" } }, this.tabHeaderText), h("ptc-tooltip", { "text-display": "inline", "max-length": "32", "z-index": "z-2", description: this.tabHeaderText, position: "bottom" })), this.tooltip && h("div", { class: "tooltip" }, this.tooltip)),
     ];
   }
 };

package/dist/ptcw-design/{p-c1b0de20.entry.js → p-238b74c1.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as i,g as r}from"./p-9fb2ab8c.js";const e=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.textLines=void 0,this.description="This is a tooltip text placeholder",this.zIndex="z-auto",this.position="bottom",this.styles=void 0,this.mode="text-only",this.theme="standard"}addTruncatedClass(){this.el.shadowRoot.querySelectorAll(".ellipsis-by-line-boxing").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const o=document.querySelectorAll(t);for(const t of Array.from(o))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addTruncatedClass()}),100)}))}componentDidLoad(){this.addTruncatedClass(),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown"),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addTruncatedClass()}))}render(){if("wrapper"==this.mode)return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:"wrapper-content"},o("slot",null),o("div",{class:`tooltip ${this.position} ${this.theme}`},o("slot",{name:"description"}),this.description)));{const t=this.getCssClassMap(),r=this.getLineCuttoff();let e=this.description.substring(0,this.maxLength);if(this.description.length>this.maxLength){const t=e.lastIndexOf(" ");e=e.substring(0,t),e+="... "}return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),this.textLines>0&&this.textLines?o("div",{class:"ellipsis-by-line-boxing",style:r},this.description):o("div",{class:t},e),o("div",{class:`tooltip ${this.position} ${this.theme}`},this.description))}}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:this.description.length>this.maxLength,truncated:this.description.length>this.maxLength&&!this.textLines}}getLineCuttoff(){let t;return this.textLines&&this.textLines>0&&(t={"-webkit-line-clamp":`${this.textLines}`}),t}get el(){return r(this)}};e.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}';export{e as ptc_tooltip}
+import{r as t,h as o,H as i,g as r}from"./p-9fb2ab8c.js";const e=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.textLines=void 0,this.description="This is a tooltip text placeholder",this.zIndex="z-auto",this.position="bottom",this.styles=void 0,this.mode="text-only",this.theme="standard"}addTruncatedClass(){this.el.shadowRoot.querySelectorAll(".ellipsis-by-line-boxing").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const o=document.querySelectorAll(t);for(const t of Array.from(o))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addTruncatedClass()}),100)}))}componentDidLoad(){this.addTruncatedClass(),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown"),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addTruncatedClass()}))}render(){if("wrapper"==this.mode)return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:"wrapper-content"},o("slot",null),o("div",{class:`tooltip ${this.position} ${this.theme}`},o("slot",{name:"description"}),this.description)));{const t=this.getCssClassMap(),r=this.getLineCuttoff();let e=this.description.substring(0,this.maxLength);if(this.description.length>this.maxLength){const t=e.lastIndexOf(" ");e=e.substring(0,t),e+="... "}return o(i,{class:this.textDisplay},this.styles&&o("style",null,this.styles),this.textLines>0&&this.textLines?o("div",{class:"ellipsis-by-line-boxing",style:r},this.description):o("div",{class:t},e),o("div",{class:`tooltip ${this.position} ${this.theme}`},this.description))}}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:this.description.length>this.maxLength,truncated:this.description.length>this.maxLength&&!this.textLines}}getLineCuttoff(){let t;return this.textLines&&this.textLines>0&&(t={"-webkit-line-clamp":`${this.textLines}`}),t}get el(){return r(this)}};e.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}';export{e as ptc_tooltip}

package/dist/ptcw-design/p-498a9551.entry.js

@@ -0,0 +1 @@
+import{r,c as t,h as e,H as a,g as o}from"./p-9fb2ab8c.js";const s=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.clicked=t(this,"clicked",7),this.textValue=void 0,this.value=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0}textChangedHandler(r){this.updateTextValue(),this.valueChanged.emit({sender:this,event:r,searchTerm:this.getSearchValue()})}buttonClickHandler(r){this.clicked.emit({sender:this,event:r,searchTerm:this.getSearchValue()})}keyDownHandler(r){this.updateTextValue(),"Enter"==r.key&&this.clicked.emit({sender:this,event:r,searchTerm:this.getSearchValue()})}getSearchValue(){let r="",t=this.el.shadowRoot.querySelector("input");return t&&(r=t.value),r}updateTextValue(){let r=this.el.shadowRoot.querySelector("input");r&&(this.textValue=r.value)}async clearSearchValue(){this.textValue="";let r=this.el.shadowRoot.querySelector("input");r&&(r.value="")}render(){const r=this.getCssClassMap();return e(a,{class:r},e("div",{class:"search-div"},e("input",{type:"text",value:this.textValue,placeholder:this.placeholderLabel,onKeyDown:r=>{this.keyDownHandler(r)},onChange:r=>{this.textChangedHandler(r)}}),e("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:r=>{this.buttonClickHandler(r)}},e("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"}))))}getCssClassMap(){return{dark:!!this.darkTheme}}get el(){return o(this)}};s.style=":host .search-div{display:flex;align-items:center;justify-content:space-between;height:51px;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard)}:host .search-div input{height:-webkit-fill-available;border:0px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose)}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;width:51px;border-radius:0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px;background-color:var(--color-gray-12);border:0px solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04)}:host(.dark) .search-div input::placeholder{color:var(--color-white)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0px}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}";export{s as ptc_search_field}