@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

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

@@ -1,38 +1,38 @@
-import { Host, h } from '@stencil/core';
-import { getSeoTagType } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { getSeoTagType } from "../../utils/utils";
 export class PtcTitle {
   constructor() {
     this.isPlmHub = false;
-    this.type = 'h2';
+    this.type = "h2";
     this.textAlign = undefined;
-    this.upperline = 'dotted';
+    this.upperline = "dotted";
     this.titleShadow = undefined;
-    this.titleColor = 'gray';
+    this.titleColor = "gray";
     this.titleMargin = undefined;
     this.titleWeight = undefined;
     this.titleSize = undefined;
-    this.titleHeight = 'densest';
+    this.titleHeight = "densest";
     this.styles = undefined;
     this.ellipsisLineCutoff = undefined;
-    this.titleDisplay = 'inline-block';
+    this.titleDisplay = "inline-block";
     this.seoCompatibilityMode = false;
-    this.tooltipZIndex = 'auto';
-    this.tooltipPosition = 'bottom';
-    this.tooltipTheme = 'standard';
+    this.tooltipZIndex = "auto";
+    this.tooltipPosition = "bottom";
+    this.tooltipTheme = "standard";
     this.enableTooltip = false;
     this.maxChars = undefined;
     this.maxLines = undefined;
     this.hideTooltipOnMobile = false;
     this.ismob = undefined;
-    this.tooltipWidth = 'default';
+    this.tooltipWidth = "default";
   }
   // Tooltip Properties ends
   componentDidLoad() {
     if (this.hideTooltipOnMobile) {
-      this.el.classList.add('hide-tooltip-on-mobile');
+      this.el.classList.add("hide-tooltip-on-mobile");
     }
-    this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
-    this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
+    this.el.addEventListener("mouseenter", () => this.toggleTitleTooltip(true));
+    this.el.addEventListener("mouseleave", () => this.toggleTitleTooltip(false));
   }
   render() {
     if (this.seoCompatibilityMode) {
@@ -46,33 +46,38 @@ export class PtcTitle {
     if (!this.enableTooltip)
       return;
     const trimmedContent = content.trim();
-    const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
-    return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
+    const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
+    return shouldTruncate
+      ? trimmedContent.slice(0, this.maxChars) + "..."
+      : trimmedContent;
   }
   toggleTitleTooltip(show) {
     var _a;
-    const tooltipClass = 'tooltip-box';
+    const tooltipClass = "tooltip-box";
     const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
-    const text = this.el.querySelectorAll('.line-clamp-title');
+    const text = this.el.querySelectorAll(".line-clamp-title");
     let maxLinesShowCheck = false;
     if (text) {
-      text.forEach(t => {
+      text.forEach((t) => {
         maxLinesShowCheck = t.scrollHeight > t.clientHeight;
       });
     }
-    const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
+    const ifCharExceeds = this.tooltipText &&
+      this.tooltipText.length > this.maxChars &&
+      !this.maxLines;
     const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
     if (show && this.enableTooltip) {
-      if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
-        const tooltipMarkup = document.createElement('div');
+      if ((!existingTooltip && ifCharExceeds) ||
+        (!existingTooltip && ifLinesExceeds)) {
+        const tooltipMarkup = document.createElement("div");
         tooltipMarkup.className = tooltipClass;
         tooltipMarkup.innerText = this.tooltipText;
         tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
         tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
         if (this.hideTooltipOnMobile) {
-          tooltipMarkup.classList.add('hide-tooltip-mobile');
+          tooltipMarkup.classList.add("hide-tooltip-mobile");
         }
-        (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
+        (_a = this.el.querySelector("div")) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
       }
     }
     else {
@@ -87,34 +92,36 @@ export class PtcTitle {
     // added for tooltip
     this.tooltipText = html.trim();
     let eleText = firstChild && firstChild.innerText;
-    html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
+    html = this.enableTooltip ? this.getSortedText(eleText) : html;
     if (this.el == firstChild) {
-      this.el.innerHTML = '';
+      this.el.innerHTML = "";
     }
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
+        ? "line-clamp-title"
+        : "" }))));
   }
   standardRender() {
     const classMap = this.getCssClassMap();
     const cutOff = this.getLineCuttoff();
     let TagType;
     switch (this.type) {
-      case 'h1':
-        TagType = 'h1';
+      case "h1":
+        TagType = "h1";
         break;
-      case 'h3':
-        TagType = 'h3';
+      case "h3":
+        TagType = "h3";
         break;
-      case 'h4':
-        TagType = 'h4';
+      case "h4":
+        TagType = "h4";
         break;
-      case 'h5':
-        TagType = 'h5';
+      case "h5":
+        TagType = "h5";
         break;
-      case 'h6':
-        TagType = 'h6';
+      case "h6":
+        TagType = "h6";
         break;
       default:
-        TagType = 'h2';
+        TagType = "h2";
     }
     return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
   }
@@ -122,20 +129,22 @@ export class PtcTitle {
     return {
       [this.textAlign]: !!this.textAlign ? true : false,
       [this.upperline]: true,
-      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
+      [this.isPlmHub ? "is-plm-hub" : "is-standard"]: true,
       [this.titleMargin]: !!this.titleMargin ? true : false,
       [this.titleShadow]: !!this.titleShadow ? true : false,
       [this.titleWeight]: !!this.titleWeight ? true : false,
       [this.titleSize]: !!this.titleSize ? true : false,
       [this.titleHeight]: !!this.titleHeight ? true : false,
       [this.titleColor]: !!this.titleColor ? true : false,
-      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
       [this.titleDisplay]: !!this.titleDisplay ? true : false,
     };
   }
   getLineCuttoff() {
-    const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
-    return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
+    const lineClamp = this.ellipsisLineCutoff > 0
+      ? this.ellipsisLineCutoff
+      : this.maxLines;
+    return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
   }
   static get is() { return "ptc-title"; }
   static get encapsulation() { return "scoped"; }
@@ -173,7 +182,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
+          "original": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
           "references": {}
         },
@@ -185,13 +194,13 @@ export class PtcTitle {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "'h2'"
+        "defaultValue": "\"h2\""
       },
       "textAlign": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'center' | 'right' | 'inherit'",
+          "original": "\"left\" | \"center\" | \"right\" | \"inherit\"",
           "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
           "references": {}
         },
@@ -208,7 +217,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'dotted' | 'solid' | 'no-upperline'",
+          "original": "\"dotted\" | \"solid\" | \"no-upperline\"",
           "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
           "references": {}
         },
@@ -220,13 +229,13 @@ export class PtcTitle {
         },
         "attribute": "upperline",
         "reflect": false,
-        "defaultValue": "'dotted'"
+        "defaultValue": "\"dotted\""
       },
       "titleShadow": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
+          "original": "\"blue\" | \"red\" | \"green\" | \"orange\" | \"slate-grey\"",
           "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
           "references": {}
         },
@@ -243,7 +252,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1'",
+          "original": "\"black\" | \"white\" | \"gray\" | \"gray-darker\" | \"gray-1\"",
           "resolved": "\"black\" | \"gray\" | \"gray-1\" | \"gray-darker\" | \"white\"",
           "references": {}
         },
@@ -255,13 +264,13 @@ export class PtcTitle {
         },
         "attribute": "title-color",
         "reflect": false,
-        "defaultValue": "'gray'"
+        "defaultValue": "\"gray\""
       },
       "titleMargin": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'margin-flush'\r\n    | 'margin-top-3'\r\n    | 'margin-top-4'\r\n    | 'margin-top-5'\r\n    | 'margin-top-6'\r\n    | 'margin-bottom-3'\r\n    | 'margin-bottom-4'\r\n    | 'margin-bottom-5'\r\n    | 'margin-bottom-6'\r\n    | 'margin-3'\r\n    | 'margin-4'\r\n    | 'margin-5'\r\n    | 'margin-6'\r\n    | 'margin-9'",
+          "original": "| \"margin-flush\"\r\n\t\t| \"margin-top-3\"\r\n\t\t| \"margin-top-4\"\r\n\t\t| \"margin-top-5\"\r\n\t\t| \"margin-top-6\"\r\n\t\t| \"margin-bottom-3\"\r\n\t\t| \"margin-bottom-4\"\r\n\t\t| \"margin-bottom-5\"\r\n\t\t| \"margin-bottom-6\"\r\n\t\t| \"margin-3\"\r\n\t\t| \"margin-4\"\r\n\t\t| \"margin-5\"\r\n\t\t| \"margin-6\"\r\n\t\t| \"margin-9\"",
           "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
           "references": {}
         },
@@ -278,7 +287,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
+          "original": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
           "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
           "references": {}
         },
@@ -295,7 +304,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'xx-small'\r\n    | 'x-small'\r\n    | 'small'\r\n    | 'medium'\r\n    | 'large'\r\n    | 'x-large'\r\n    | 'xx-large'\r\n    | 'xxx-large'\r\n    | 'xxxx-large'\r\n    | 'xxxx-large-allbp'\r\n    | 'xx-large-allbp'\r\n    | 'xxxx-large-desktop'\r\n    | 'xxxx-large-store'",
+          "original": "| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"xxxx-large-allbp\"\r\n\t\t| \"xx-large-allbp\"\r\n\t\t| \"xxxx-large-desktop\"\r\n\t\t| \"xxxx-large-store\"",
           "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
           "references": {}
         },
@@ -312,7 +321,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
+          "original": "| \"densest\"\r\n\t\t| \"denser\"\r\n\t\t| \"dense\"\r\n\t\t| \"normal\"\r\n\t\t| \"loose\"\r\n\t\t| \"looser\"\r\n\t\t| \"paragraph\"",
           "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
           "references": {}
         },
@@ -324,7 +333,7 @@ export class PtcTitle {
         },
         "attribute": "title-height",
         "reflect": false,
-        "defaultValue": "'densest'"
+        "defaultValue": "\"densest\""
       },
       "styles": {
         "type": "string",
@@ -364,7 +373,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'block' | 'inline-block'",
+          "original": "\"block\" | \"inline-block\"",
           "resolved": "\"block\" | \"inline-block\"",
           "references": {}
         },
@@ -376,7 +385,7 @@ export class PtcTitle {
         },
         "attribute": "title-display",
         "reflect": false,
-        "defaultValue": "'inline-block'"
+        "defaultValue": "\"inline-block\""
       },
       "seoCompatibilityMode": {
         "type": "boolean",
@@ -412,13 +421,13 @@ export class PtcTitle {
         },
         "attribute": "tooltip-z-index",
         "reflect": false,
-        "defaultValue": "'auto'"
+        "defaultValue": "\"auto\""
       },
       "tooltipPosition": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'right' | 'bottom' | 'bottom-right' | 'top'",
+          "original": "| \"left\"\r\n\t\t| \"right\"\r\n\t\t| \"bottom\"\r\n\t\t| \"bottom-right\"\r\n\t\t| \"top\"",
           "resolved": "\"bottom\" | \"bottom-right\" | \"left\" | \"right\" | \"top\"",
           "references": {}
         },
@@ -430,13 +439,13 @@ export class PtcTitle {
         },
         "attribute": "tooltip-position",
         "reflect": false,
-        "defaultValue": "'bottom'"
+        "defaultValue": "\"bottom\""
       },
       "tooltipTheme": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'standard' | 'danger'",
+          "original": "\"standard\" | \"danger\"",
           "resolved": "\"danger\" | \"standard\"",
           "references": {}
         },
@@ -448,7 +457,7 @@ export class PtcTitle {
         },
         "attribute": "tooltip-theme",
         "reflect": false,
-        "defaultValue": "'standard'"
+        "defaultValue": "\"standard\""
       },
       "enableTooltip": {
         "type": "boolean",
@@ -524,7 +533,7 @@ export class PtcTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'full-width' | 'default'",
+          "original": "\"full-width\" | \"default\"",
           "resolved": "\"default\" | \"full-width\"",
           "references": {}
         },
@@ -536,7 +545,7 @@ export class PtcTitle {
         },
         "attribute": "tooltip-width",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       }
     };
   }

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

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,25 +1,25 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class PtcTooltip {
   constructor() {
-    this.textDisplay = 'inline';
+    this.textDisplay = "inline";
     this.maxLength = 45;
     this.textLines = undefined;
-    this.description = 'This is a tooltip text placeholder';
-    this.zIndex = 'z-auto';
-    this.position = 'bottom';
+    this.description = "This is a tooltip text placeholder";
+    this.zIndex = "z-auto";
+    this.position = "bottom";
     this.styles = undefined;
-    this.mode = 'text-only';
-    this.theme = 'standard';
-    this.width = 'default';
+    this.mode = "text-only";
+    this.theme = "standard";
+    this.width = "default";
     this.hideOnMobile = false;
     this.isSmallScreen = undefined;
     this.noOverflow = false;
   }
   addTruncatedClass() {
     const appRoot = this.el;
-    const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
-    text.forEach(t => {
-      t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
+    const text = appRoot.querySelectorAll(".ellipsis-by-line-boxing");
+    text.forEach((t) => {
+      t.classList[t.scrollHeight > t.clientHeight ? "add" : "remove"]("truncated");
     });
   }
   windowResize() {
@@ -34,7 +34,7 @@ export class PtcTooltip {
     for (const element of Array.from(allTabHeaders)) {
       let tabHeader = element;
       if (tabHeader) {
-        tabHeader.addEventListener('click', () => {
+        tabHeader.addEventListener("click", () => {
           setTimeout(() => {
             this.addTruncatedClass();
           }, 100);
@@ -50,18 +50,18 @@ export class PtcTooltip {
     setTimeout(() => {
       this.addTruncatedClass();
     }, 1000);
-    this.enableAddTruncatedClass('tab-header');
-    this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
-    this.enableAddTruncatedClass('ptc-product-card');
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+    this.enableAddTruncatedClass("tab-header");
+    this.enableAddTruncatedClass("ptc-ellipsis-dropdown");
+    this.enableAddTruncatedClass("ptc-product-card");
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         this.addTruncatedClass();
       }
     });
   }
   render() {
-    if (this.mode == 'wrapper') {
-      return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && h("span", { innerHTML: this.description })))));
+    if (this.mode == "wrapper") {
+      return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && (h("span", { innerHTML: this.description }))))));
     }
     else {
       const classMap = this.getCssClassMap();
@@ -70,24 +70,30 @@ export class PtcTooltip {
       if (this.description.length > this.maxLength) {
         //const lastSpace = truncatedText.lastIndexOf(' ');
         //truncatedText = truncatedText.substring(0, lastSpace);
-        truncatedText += '... ';
+        truncatedText += "... ";
       }
-      return (h(Host, { class: { [this.textDisplay]: true, [this.width]: true, 'no-overflow': this.noOverflow } }, this.styles && h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
+      return (h(Host, { class: {
+          [this.textDisplay]: true,
+          [this.width]: true,
+          "no-overflow": this.noOverflow,
+        } }, this.styles && h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
     }
   }
   getCssClassMap() {
     return {
       // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
-      ['text-ellipsis']: true,
+      ["text-ellipsis"]: true,
       [this.zIndex]: this.description.length > this.maxLength ? true : false,
-      ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
+      ["truncated"]: this.description.length > this.maxLength && !this.textLines
+        ? true
+        : false,
     };
   }
   getLineCuttoff() {
     let result;
     if (this.textLines && this.textLines > 0) {
       result = {
-        ['-webkit-line-clamp']: `${this.textLines}`,
+        ["-webkit-line-clamp"]: `${this.textLines}`,
       };
     }
     return result;
@@ -110,7 +116,7 @@ export class PtcTooltip {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'inline' | 'block'",
+          "original": "\"inline\" | \"block\"",
           "resolved": "\"block\" | \"inline\"",
           "references": {}
         },
@@ -122,7 +128,7 @@ export class PtcTooltip {
         },
         "attribute": "text-display",
         "reflect": false,
-        "defaultValue": "'inline'"
+        "defaultValue": "\"inline\""
       },
       "maxLength": {
         "type": "number",
@@ -178,13 +184,13 @@ export class PtcTooltip {
         },
         "attribute": "description",
         "reflect": false,
-        "defaultValue": "'This is a tooltip text placeholder'"
+        "defaultValue": "\"This is a tooltip text placeholder\""
       },
       "zIndex": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999'",
+          "original": "\"z-auto\" | \"z-1\" | \"z-2\" | \"z-3\" | \"z-999\"",
           "resolved": "\"z-1\" | \"z-2\" | \"z-3\" | \"z-999\" | \"z-auto\"",
           "references": {}
         },
@@ -196,13 +202,13 @@ export class PtcTooltip {
         },
         "attribute": "z-index",
         "reflect": false,
-        "defaultValue": "'z-auto'"
+        "defaultValue": "\"z-auto\""
       },
       "position": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'right' | 'bottom' | 'bottom-right' | 'top' | 'side-left'",
+          "original": "| \"left\"\r\n\t\t| \"right\"\r\n\t\t| \"bottom\"\r\n\t\t| \"bottom-right\"\r\n\t\t| \"top\"\r\n\t\t| \"side-left\"",
           "resolved": "\"bottom\" | \"bottom-right\" | \"left\" | \"right\" | \"side-left\" | \"top\"",
           "references": {}
         },
@@ -214,7 +220,7 @@ export class PtcTooltip {
         },
         "attribute": "position",
         "reflect": false,
-        "defaultValue": "'bottom'"
+        "defaultValue": "\"bottom\""
       },
       "styles": {
         "type": "string",
@@ -237,7 +243,7 @@ export class PtcTooltip {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'wrapper' | 'text-only'",
+          "original": "\"wrapper\" | \"text-only\"",
           "resolved": "\"text-only\" | \"wrapper\"",
           "references": {}
         },
@@ -249,13 +255,13 @@ export class PtcTooltip {
         },
         "attribute": "mode",
         "reflect": false,
-        "defaultValue": "'text-only'"
+        "defaultValue": "\"text-only\""
       },
       "theme": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'standard' | 'danger'",
+          "original": "\"standard\" | \"danger\"",
           "resolved": "\"danger\" | \"standard\"",
           "references": {}
         },
@@ -267,13 +273,13 @@ export class PtcTooltip {
         },
         "attribute": "theme",
         "reflect": false,
-        "defaultValue": "'standard'"
+        "defaultValue": "\"standard\""
       },
       "width": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'full-width' | 'default'",
+          "original": "\"full-width\" | \"default\"",
           "resolved": "\"default\" | \"full-width\"",
           "references": {}
         },
@@ -285,7 +291,7 @@ export class PtcTooltip {
         },
         "attribute": "width",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "hideOnMobile": {
         "type": "boolean",