@ptcwebops/ptcw-design 7.0.9-upgrade → 7.0.11-upgrade

package/dist/components/{p-BG9NFXDY.js → p-D48KXt4a.js}

@@ -1,4 +1,4 @@
-import { h } from './p-BvGlmU4v.js';
+import { h } from './p-C2SefPLt.js';
 
 /**
  * Normalize SVG content that may be inline markup, a base64 data URI, or a URL.
@@ -49,6 +49,6 @@ function decodeBase64(input) {
 }
 
 export { renderSvg as r };
-//# sourceMappingURL=p-BG9NFXDY.js.map
+//# sourceMappingURL=p-D48KXt4a.js.map
 
-//# sourceMappingURL=p-BG9NFXDY.js.map
+//# sourceMappingURL=p-D48KXt4a.js.map

package/dist/components/{p-BG9NFXDY.js.map → p-D48KXt4a.js.map}

@@ -1 +1 @@
-{"file":"p-BG9NFXDY.js","mappings":";;AAIA;;AAEG;AACG,SAAU,iBAAiB,CAAC,GAAW,EAAA;AAC3C,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;AAEhD,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE;IAC1B,MAAM,YAAY,GAAG,4BAA4B;AAEjD,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC3B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;;AAG5C,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;AACpC,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAChE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAClC,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;;;QAEnD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,2CAA2C,EAAE,KAAK,CAAC;YAChE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;;;IAI/C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC7C;AAEA;;AAEG;AACG,SAAU,SAAS,CACvB,GAAW,EACX,SAAiB,EACjB,MAAc,EAAE,EAAA;AAEhB,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;IAErB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC;IAEnD,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAS,CAAC;;AAGlE,IAAA,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAS,CAAC;AAChE;AAEA,SAAS,YAAY,CAAC,KAAa,EAAA;AACjC,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC;;;AAIpB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;;AAGvD,IAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;AAC1E;;;;","names":[],"sources":["src/utils/svg.ts"],"sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nexport type ResolvedSvg = { markup: string; isMarkup: boolean };\r\n\r\n/**\r\n * Normalize SVG content that may be inline markup, a base64 data URI, or a URL.\r\n */\r\nexport function resolveSvgContent(svg: string): ResolvedSvg {\r\n  if (!svg) return { markup: \"\", isMarkup: false };\r\n\r\n  const trimmed = svg.trim();\r\n  const base64Prefix = \"data:image/svg+xml;base64,\";\r\n\r\n  if (trimmed.startsWith(\"<\")) {\r\n    return { markup: trimmed, isMarkup: true };\r\n  }\r\n\r\n  if (trimmed.startsWith(base64Prefix)) {\r\n    try {\r\n      const decoded = decodeBase64(trimmed.slice(base64Prefix.length));\r\n      if (decoded.trim().startsWith(\"<\")) {\r\n        return { markup: decoded.trim(), isMarkup: true };\r\n      }\r\n    } catch (error) {\r\n      console.warn(\"[svg-utils] Failed to decode SVG content.\", error);\r\n      return { markup: trimmed, isMarkup: false };\r\n    }\r\n  }\r\n\r\n  return { markup: trimmed, isMarkup: false };\r\n}\r\n\r\n/**\r\n * Render SVG safely as inline markup when possible, otherwise fall back to an <img>.\r\n */\r\nexport function renderSvg(\r\n  svg: string,\r\n  className: string,\r\n  alt: string = \"\",\r\n): ReturnType<typeof h> | null {\r\n  if (!svg) return null;\r\n\r\n  const { markup, isMarkup } = resolveSvgContent(svg);\r\n\r\n  if (isMarkup) {\r\n    return h(\"span\", { class: className, innerHTML: markup } as any);\r\n  }\r\n\r\n  return h(\"img\", { class: className, src: markup, alt } as any);\r\n}\r\n\r\nfunction decodeBase64(input: string): string {\r\n  if (typeof atob === \"function\") {\r\n    return atob(input);\r\n  }\r\n\r\n  // Fallback for environments without atob (e.g., SSR/unit tests)\r\n  if (typeof Buffer !== \"undefined\") {\r\n    return Buffer.from(input, \"base64\").toString(\"utf-8\");\r\n  }\r\n\r\n  throw new Error(\"Base64 decoding is not supported in this environment.\");\r\n}\r\n\r\n"],"version":3}
+{"file":"p-D48KXt4a.js","mappings":";;AAIA;;AAEG;AACG,SAAU,iBAAiB,CAAC,GAAW,EAAA;AAC3C,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;AAEhD,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE;IAC1B,MAAM,YAAY,GAAG,4BAA4B;AAEjD,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC3B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;;AAG5C,IAAA,IAAI,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;AACpC,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAChE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAClC,gBAAA,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;;;QAEnD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,2CAA2C,EAAE,KAAK,CAAC;YAChE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;;;IAI/C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC7C;AAEA;;AAEG;AACG,SAAU,SAAS,CACvB,GAAW,EACX,SAAiB,EACjB,MAAc,EAAE,EAAA;AAEhB,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,IAAI;IAErB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC;IAEnD,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAS,CAAC;;AAGlE,IAAA,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAS,CAAC;AAChE;AAEA,SAAS,YAAY,CAAC,KAAa,EAAA;AACjC,IAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC;;;AAIpB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;;AAGvD,IAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;AAC1E;;;;","names":[],"sources":["src/utils/svg.ts"],"sourcesContent":["import { h } from \"@stencil/core\";\r\n\r\nexport type ResolvedSvg = { markup: string; isMarkup: boolean };\r\n\r\n/**\r\n * Normalize SVG content that may be inline markup, a base64 data URI, or a URL.\r\n */\r\nexport function resolveSvgContent(svg: string): ResolvedSvg {\r\n  if (!svg) return { markup: \"\", isMarkup: false };\r\n\r\n  const trimmed = svg.trim();\r\n  const base64Prefix = \"data:image/svg+xml;base64,\";\r\n\r\n  if (trimmed.startsWith(\"<\")) {\r\n    return { markup: trimmed, isMarkup: true };\r\n  }\r\n\r\n  if (trimmed.startsWith(base64Prefix)) {\r\n    try {\r\n      const decoded = decodeBase64(trimmed.slice(base64Prefix.length));\r\n      if (decoded.trim().startsWith(\"<\")) {\r\n        return { markup: decoded.trim(), isMarkup: true };\r\n      }\r\n    } catch (error) {\r\n      console.warn(\"[svg-utils] Failed to decode SVG content.\", error);\r\n      return { markup: trimmed, isMarkup: false };\r\n    }\r\n  }\r\n\r\n  return { markup: trimmed, isMarkup: false };\r\n}\r\n\r\n/**\r\n * Render SVG safely as inline markup when possible, otherwise fall back to an <img>.\r\n */\r\nexport function renderSvg(\r\n  svg: string,\r\n  className: string,\r\n  alt: string = \"\",\r\n): ReturnType<typeof h> | null {\r\n  if (!svg) return null;\r\n\r\n  const { markup, isMarkup } = resolveSvgContent(svg);\r\n\r\n  if (isMarkup) {\r\n    return h(\"span\", { class: className, innerHTML: markup } as any);\r\n  }\r\n\r\n  return h(\"img\", { class: className, src: markup, alt } as any);\r\n}\r\n\r\nfunction decodeBase64(input: string): string {\r\n  if (typeof atob === \"function\") {\r\n    return atob(input);\r\n  }\r\n\r\n  // Fallback for environments without atob (e.g., SSR/unit tests)\r\n  if (typeof Buffer !== \"undefined\") {\r\n    return Buffer.from(input, \"base64\").toString(\"utf-8\");\r\n  }\r\n\r\n  throw new Error(\"Base64 decoding is not supported in this environment.\");\r\n}\r\n\r\n"],"version":3}

package/dist/components/{p-BDjxg1sG.js → p-DIwC3n-l.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 
 const homepageClickableTabCss = ":host{display:block;position:relative}.tab-id-wrapper{width:100%;height:100%;display:flex}a{text-decoration:none !important}.tab-item{cursor:pointer;color:var(--color-white);border-radius:var(--ptc-border-radius-standard);display:flex;width:-webkit-fill-available;height:-webkit-fill-available;min-height:72px;padding:var(--ptc-element-spacing-06);justify-content:center;align-items:center;gap:10px;align-self:stretch;text-align:center;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold)}@-moz-document url-prefix(){.tab-item{width:100%}}@media screen and (min-width: 1200px){.tab-item{font-size:var(--ptc-font-size-medium)}}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.tab-item{height:auto}}.tab-item span{z-index:2}.tab-item:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.tab-item{background:var(--color-gray-11);position:relative}.tab-item::before{content:\"\";position:absolute;width:100%;height:100%;opacity:0;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout);border-radius:var(--ptc-border-radius-standard)}.tab-item:hover{color:var(--color-white)}.tab-item:hover::before{opacity:1}.tab-item.active{color:var(--color-white)}.tab-item.active::after{content:\"\";position:absolute;bottom:-18.5px;left:50%;transform:translateX(-50%);width:28px;height:19px;background-repeat:no-repeat}@-moz-document url-prefix(){.tab-item.active::after{bottom:-18px}}.tab-item.hp-blue::before{background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}.tab-item.hp-blue.active{background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}.tab-item.hp-blue.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E\")}.tab-item.hp-green::before{background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}.tab-item.hp-green.active{background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}.tab-item.hp-green.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E\")}.tab-item.hp-red::before{background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}.tab-item.hp-red.active{background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}.tab-item.hp-red.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A\")}.tab-item.hp-gray::before{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-gray.active{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.tab-item.hp-gray.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E\")}.tab-item.hp-orange::before{background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}.tab-item.hp-orange.active{background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}.tab-item.hp-orange.active::after{background-image:url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E\")}.tab-item span{overflow-wrap:break-word}";
 
@@ -83,6 +83,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HomepageClickableTab as H, defineCustomElement as d };
-//# sourceMappingURL=p-BDjxg1sG.js.map
+//# sourceMappingURL=p-DIwC3n-l.js.map
 
-//# sourceMappingURL=p-BDjxg1sG.js.map
+//# sourceMappingURL=p-DIwC3n-l.js.map

package/dist/components/{p-BDjxg1sG.js.map → p-DIwC3n-l.js.map}

@@ -1 +1 @@
-{"file":"p-BDjxg1sG.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,4pIAA4pI;;MCgB/qI,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACxB,IAAA,MAAM;AACN,IAAA,KAAK;IACL,WAAW,GAAW,SAAS;AAC9B,IAAA,WAAW;IACX,SAAS,GAAY,KAAK;AACnC;;AAEG;AACK,IAAA,MAAM;AACN,IAAA,SAAS;;IAGjB,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;IAGxB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;IAEtB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;IAEvB,kBAAkB,GAAA;QACjB,IAAI,IAAI,GAAG,IAAI;QACf,IAAI,CAAC,EAAE,CAAC;aACN,gBAAgB,CAAC,GAAG;AACpB,aAAA,OAAO,CAAC,CAAC,CAAoB,KAAI;YACjC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,KAAI;gBACjC,CAAC,CAAC,cAAc,EAAE;gBAClB,IAAI,CAAC,WAAW,EAAE;AACnB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAK;gBACnC,IAAI,CAAC,WAAW,EAAE;AACnB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;gBACrC,IAAI,CAAC,gBAAgB,EAAE;AACxB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;gBACrC,IAAI,CAAC,gBAAgB,EAAE;AACxB,aAAC,CAAC;AACH,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,gBAAgB,EAAA,EAC9C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,GAAG,EACR,KAAK,EAAE;AACN,gBAAA,UAAU,EAAE,IAAI;gBAChB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI;aACxB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC7C,CACC,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/homepage-clickable-tab/homepage-clickable-tab.scss?tag=homepage-clickable-tab&encapsulation=shadow","src/components/molecules/homepage-clickable-tab/homepage-clickable-tab.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n}\r\n\r\n.tab-id-wrapper {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n}\r\n\r\na {\r\n\ttext-decoration: none !important;\r\n}\r\n\r\n.tab-item {\r\n\tcursor: pointer;\r\n\tcolor: var(--color-white);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: flex;\r\n\twidth: -webkit-fill-available;\r\n\theight: -webkit-fill-available;\r\n\tmin-height: 72px;\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 10px;\r\n\talign-self: stretch;\r\n\ttext-align: center;\r\n\tfont-family: var(--ptc-font-latin);\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\r\n\t@-moz-document url-prefix() {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t@media screen and (min-width: 1200px) {\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\t//width: 172px;\r\n\t\t//width: calc(100% - 48px);\r\n\t}\r\n\r\n\t// Safari only hack\r\n\t@supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n\t\t(-webkit-appearance: none) {\r\n\t\theight: auto;\r\n\t}\r\n\r\n\tspan {\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n}\r\n\r\n.tab-item {\r\n\tbackground: var(--color-gray-11);\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\r\n\t\t&::before {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor: var(--color-white);\r\n\t\t//position: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -18.5px;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 19px;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\r\n\t\t\t@-moz-document url-prefix() {\r\n\t\t\t\tbottom: -18px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-blue {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-green {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #00890b 0%, #33a13c 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #00890b 0%, #33a13c 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-red {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-gray {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-orange {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\toverflow-wrap: break-word;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tState,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"homepage-clickable-tab\",\r\n\tstyleUrl: \"homepage-clickable-tab.scss\",\r\n\tshadow: true,\r\n})\r\nexport class HomepageClickableTab {\r\n\t@Prop() active: boolean;\r\n\t@Prop() label: string;\r\n\t@Prop() activeColor: string = \"hp-blue\";\r\n\t@Event() tabSelected: EventEmitter<void>;\r\n\t@State() isHovered: boolean = false;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerId?: string;\r\n\t@Element() el: HTMLElement;\r\n\r\n\thandleClick() {\r\n\t\tthis.tabSelected.emit();\r\n\t}\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.isHovered = true;\r\n\t}\r\n\thandleMouseLeave() {\r\n\t\tthis.isHovered = false;\r\n\t}\r\n\tcomponentDidRender() {\r\n\t\tlet that = this;\r\n\t\tthis.el.shadowRoot\r\n\t\t\t.querySelectorAll(\"a\")\r\n\t\t\t.forEach((a: HTMLAnchorElement) => {\r\n\t\t\t\ta.addEventListener(\"click\", (e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthat.handleClick();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"keypress\", () => {\r\n\t\t\t\t\tthat.handleClick();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"mouseenter\", () => {\r\n\t\t\t\t\tthat.handleMouseEnter();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"mouseleave\", () => {\r\n\t\t\t\t\tthat.handleMouseLeave();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tab-id-wrapper\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\"tab-item\": true,\r\n\t\t\t\t\t\t\tactive: this.active,\r\n\t\t\t\t\t\t\t[this.activeColor]: true,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"hyphenate-text\">{this.label}</span>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-DIwC3n-l.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,4pIAA4pI;;MCgB/qI,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACxB,IAAA,MAAM;AACN,IAAA,KAAK;IACL,WAAW,GAAW,SAAS;AAC9B,IAAA,WAAW;IACX,SAAS,GAAY,KAAK;AACnC;;AAEG;AACK,IAAA,MAAM;AACN,IAAA,SAAS;;IAGjB,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;IAGxB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;IAEtB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;IAEvB,kBAAkB,GAAA;QACjB,IAAI,IAAI,GAAG,IAAI;QACf,IAAI,CAAC,EAAE,CAAC;aACN,gBAAgB,CAAC,GAAG;AACpB,aAAA,OAAO,CAAC,CAAC,CAAoB,KAAI;YACjC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,KAAI;gBACjC,CAAC,CAAC,cAAc,EAAE;gBAClB,IAAI,CAAC,WAAW,EAAE;AACnB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAK;gBACnC,IAAI,CAAC,WAAW,EAAE;AACnB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;gBACrC,IAAI,CAAC,gBAAgB,EAAE;AACxB,aAAC,CAAC;AACF,YAAA,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;gBACrC,IAAI,CAAC,gBAAgB,EAAE;AACxB,aAAC,CAAC;AACH,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,gBAAgB,EAAA,EAC9C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,GAAG,EACR,KAAK,EAAE;AACN,gBAAA,UAAU,EAAE,IAAI;gBAChB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI;aACxB,EACD,QAAQ,EAAC,GAAG,EAAA,EAEZ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gBAAgB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC7C,CACC,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/homepage-clickable-tab/homepage-clickable-tab.scss?tag=homepage-clickable-tab&encapsulation=shadow","src/components/molecules/homepage-clickable-tab/homepage-clickable-tab.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n}\r\n\r\n.tab-id-wrapper {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n}\r\n\r\na {\r\n\ttext-decoration: none !important;\r\n}\r\n\r\n.tab-item {\r\n\tcursor: pointer;\r\n\tcolor: var(--color-white);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: flex;\r\n\twidth: -webkit-fill-available;\r\n\theight: -webkit-fill-available;\r\n\tmin-height: 72px;\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 10px;\r\n\talign-self: stretch;\r\n\ttext-align: center;\r\n\tfont-family: var(--ptc-font-latin);\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\r\n\t@-moz-document url-prefix() {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t@media screen and (min-width: 1200px) {\r\n\t\tfont-size: var(--ptc-font-size-medium);\r\n\t}\r\n\r\n\t@include screen-xl {\r\n\t\t//width: 172px;\r\n\t\t//width: calc(100% - 48px);\r\n\t}\r\n\r\n\t// Safari only hack\r\n\t@supports (hanging-punctuation: first) and (font: -apple-system-body) and\r\n\t\t(-webkit-appearance: none) {\r\n\t\theight: auto;\r\n\t}\r\n\r\n\tspan {\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n}\r\n\r\n.tab-item {\r\n\tbackground: var(--color-gray-11);\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--color-white);\r\n\r\n\t\t&::before {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor: var(--color-white);\r\n\t\t//position: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: -18.5px;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 19px;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\r\n\t\t\t@-moz-document url-prefix() {\r\n\t\t\t\tbottom: -18px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-blue {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-green {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #00890b 0%, #33a13c 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #00890b 0%, #33a13c 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-red {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-gray {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.hp-orange {\r\n\t\t&::before {\r\n\t\t\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\toverflow-wrap: break-word;\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\th,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tState,\r\n\tElement,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"homepage-clickable-tab\",\r\n\tstyleUrl: \"homepage-clickable-tab.scss\",\r\n\tshadow: true,\r\n})\r\nexport class HomepageClickableTab {\r\n\t@Prop() active: boolean;\r\n\t@Prop() label: string;\r\n\t@Prop() activeColor: string = \"hp-blue\";\r\n\t@Event() tabSelected: EventEmitter<void>;\r\n\t@State() isHovered: boolean = false;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\t@Prop() trackerId?: string;\r\n\t@Element() el: HTMLElement;\r\n\r\n\thandleClick() {\r\n\t\tthis.tabSelected.emit();\r\n\t}\r\n\r\n\thandleMouseEnter() {\r\n\t\tthis.isHovered = true;\r\n\t}\r\n\thandleMouseLeave() {\r\n\t\tthis.isHovered = false;\r\n\t}\r\n\tcomponentDidRender() {\r\n\t\tlet that = this;\r\n\t\tthis.el.shadowRoot\r\n\t\t\t.querySelectorAll(\"a\")\r\n\t\t\t.forEach((a: HTMLAnchorElement) => {\r\n\t\t\t\ta.addEventListener(\"click\", (e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthat.handleClick();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"keypress\", () => {\r\n\t\t\t\t\tthat.handleClick();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"mouseenter\", () => {\r\n\t\t\t\t\tthat.handleMouseEnter();\r\n\t\t\t\t});\r\n\t\t\t\ta.addEventListener(\"mouseleave\", () => {\r\n\t\t\t\t\tthat.handleMouseLeave();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tab-id-wrapper\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\"tab-item\": true,\r\n\t\t\t\t\t\t\tactive: this.active,\r\n\t\t\t\t\t\t\t[this.activeColor]: true,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"hyphenate-text\">{this.label}</span>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-DyAVOdhn.js → p-DNUrNMft.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 import { R as ResponsiveBgVariables } from './p-La9TS7bL.js';
 
 const ptcImgCss = ".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}.z-index-auto{z-index:auto}.z-index-n-1{z-index:-1}.z-index-n-2{z-index:-2}.z-index-p-1{z-index:1}.z-index-p-2{z-index:2}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";
@@ -188,6 +188,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcImg as P, defineCustomElement as d };
-//# sourceMappingURL=p-DyAVOdhn.js.map
+//# sourceMappingURL=p-DNUrNMft.js.map
 
-//# sourceMappingURL=p-DyAVOdhn.js.map
+//# sourceMappingURL=p-DNUrNMft.js.map

package/dist/components/{p-DyAVOdhn.js.map → p-DNUrNMft.js.map}

@@ -1 +1 @@
-{"file":"p-DyAVOdhn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-img/ptc-img.scss?tag=ptc-img","src/components/atoms/ptc-img/ptc-img.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n@use 'breakpoints' as *;\r\n.smart-bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50% 50%;\r\n}\r\n\r\n.smart-img {\r\n  position: absolute;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50% 50%;\r\n}\r\n\r\n.radius-standard {\r\n  border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-standard-top {\r\n  border-top-left-radius: var(--ptc-border-radius-standard);\r\n  border-top-right-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-large {\r\n  border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.radius-large-top {\r\n  border-top-left-radius: var(--ptc-border-radius-large);\r\n  border-top-right-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.lazy-bg {\r\n  background-image: none !important;\r\n  background-color: var(--color-gray-03);\r\n}\r\n\r\n.z-index-auto {\r\n  z-index: auto;\r\n}\r\n.z-index-n-1 {\r\n  z-index: -1;\r\n}\r\n.z-index-n-2 {\r\n  z-index: -2;\r\n}\r\n.z-index-p-1 {\r\n  z-index: 1;\r\n}\r\n.z-index-p-2 {\r\n  z-index: 2;\r\n}\r\n\r\n/* XS */\r\n/* max-width: $screen-xs-max */\r\n@include screen-sm {\r\n  .hidden-xs {\r\n    display: none !important;\r\n  }\r\n}\r\n/* SM  $breakpoint-md-max */\r\n/* min-width: $screen-sm-min) and (max-width: $screen-sm-max */\r\n\r\n@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md-max) {\r\n  .hidden-sm {\r\n    display: none !important;\r\n  }\r\n}\r\n/* MD */\r\n/* min-width: $screen-md-min) and (max-width: $screen-md-max */\r\n\r\n@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg-max) {\r\n  .hidden-md {\r\n    display: none !important;\r\n  }\r\n}\r\n/* LG */\r\n/* min-width: $screen-lg-min */\r\n\r\n@include screen-sm {\r\n  .hidden-lg {\r\n    display: none !important;\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, Listen, Element } from \"@stencil/core\";\r\nimport { CssClassMap, ResponsiveBgVariables } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-img\",\r\n\tstyleUrl: \"ptc-img.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcImg {\r\n\t@Element() el: HTMLElement;\r\n\t/**\r\n\t * Image size for smallest screen\r\n\t * <=767px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/**\r\n\t * Image size for small screen\r\n\t * >=768px and <=991px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/**\r\n\t * Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/**\r\n\t * Image solution for large screen\r\n\t * >=1200px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/**\r\n\t * Image Src\r\n\t */\r\n\t@Prop() imgUrl: string;\r\n\t/**\r\n\t * Image type\r\n\t */\r\n\t@Prop() imageType: \"smart-bg\" | \"smart-img\" = \"smart-bg\";\r\n\t/**\r\n\t * Image border shape\r\n\t */\r\n\t@Prop() borderRadius:\r\n\t\t| \"radius-standard\"\r\n\t\t| \"radius-large\"\r\n\t\t| \"radius-large-top\"\r\n\t\t| \"radius-standard-top\"\r\n\t\t| \"\" = \"\";\r\n\t/**\r\n\t * Lazy loading option\r\n\t */\r\n\t@Prop() loadMode: \"lazy-bg\" | \"eager-bg\" = \"lazy-bg\";\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * Image Z Index\r\n\t */\r\n\t// @Prop() imageZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2' = 'z-index-auto';\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-sm={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-md={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-lg={`${this.imgUrl}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.imageType == \"smart-bg\" ? <slot /> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (this.el || document).querySelectorAll<HTMLElement>(\r\n\t\t\t\tResponsiveBgVariables.selector,\r\n\t\t\t),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\t// Loop through all target elements\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\r\n\t\t\t// If the data attribute exists, set the background\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\tel.style.backgroundImage = \"url('\" + elData + \"')\";\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//lazy loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.imgUrl) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadBgs = (this.el || document).querySelectorAll(\r\n\t\t\t\t\".lazy-bg\",\r\n\t\t\t);\r\n\t\t\tlet bgObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image = entry.target;\r\n\t\t\t\t\t\timage.classList.remove(\"lazy-bg\");\r\n\t\t\t\t\t\tbgObserver.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tlazyLoadBgs.forEach((image) => {\r\n\t\t\t\tbgObserver.observe(image);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\t// setTimeout(() => {};\r\n\t\t\t// }, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imageType]: true,\r\n\t\t\t\"ptc-img\": true,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.loadMode]: true,\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsiveBgVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-DNUrNMft.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-img/ptc-img.scss?tag=ptc-img","src/components/atoms/ptc-img/ptc-img.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n@use 'breakpoints' as *;\r\n.smart-bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50% 50%;\r\n}\r\n\r\n.smart-img {\r\n  position: absolute;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50% 50%;\r\n}\r\n\r\n.radius-standard {\r\n  border-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-standard-top {\r\n  border-top-left-radius: var(--ptc-border-radius-standard);\r\n  border-top-right-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n.radius-large {\r\n  border-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.radius-large-top {\r\n  border-top-left-radius: var(--ptc-border-radius-large);\r\n  border-top-right-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n.lazy-bg {\r\n  background-image: none !important;\r\n  background-color: var(--color-gray-03);\r\n}\r\n\r\n.z-index-auto {\r\n  z-index: auto;\r\n}\r\n.z-index-n-1 {\r\n  z-index: -1;\r\n}\r\n.z-index-n-2 {\r\n  z-index: -2;\r\n}\r\n.z-index-p-1 {\r\n  z-index: 1;\r\n}\r\n.z-index-p-2 {\r\n  z-index: 2;\r\n}\r\n\r\n/* XS */\r\n/* max-width: $screen-xs-max */\r\n@include screen-sm {\r\n  .hidden-xs {\r\n    display: none !important;\r\n  }\r\n}\r\n/* SM  $breakpoint-md-max */\r\n/* min-width: $screen-sm-min) and (max-width: $screen-sm-max */\r\n\r\n@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md-max) {\r\n  .hidden-sm {\r\n    display: none !important;\r\n  }\r\n}\r\n/* MD */\r\n/* min-width: $screen-md-min) and (max-width: $screen-md-max */\r\n\r\n@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg-max) {\r\n  .hidden-md {\r\n    display: none !important;\r\n  }\r\n}\r\n/* LG */\r\n/* min-width: $screen-lg-min */\r\n\r\n@include screen-sm {\r\n  .hidden-lg {\r\n    display: none !important;\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, Listen, Element } from \"@stencil/core\";\r\nimport { CssClassMap, ResponsiveBgVariables } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-img\",\r\n\tstyleUrl: \"ptc-img.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcImg {\r\n\t@Element() el: HTMLElement;\r\n\t/**\r\n\t * Image size for smallest screen\r\n\t * <=767px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeXs: string = \"510x340\";\r\n\t/**\r\n\t * Image size for small screen\r\n\t * >=768px and <=991px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeSm: string = \"1240x496\";\r\n\t/**\r\n\t * Image size for medium screen\r\n\t * >=992px and <=1199px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeMd: string = \"1366x500\";\r\n\t/**\r\n\t * Image solution for large screen\r\n\t * >=1200px\r\n\t */\r\n\t@Prop({ mutable: true }) sizeLg: string = \"1920x1080\";\r\n\t/**\r\n\t * Image Src\r\n\t */\r\n\t@Prop() imgUrl: string;\r\n\t/**\r\n\t * Image type\r\n\t */\r\n\t@Prop() imageType: \"smart-bg\" | \"smart-img\" = \"smart-bg\";\r\n\t/**\r\n\t * Image border shape\r\n\t */\r\n\t@Prop() borderRadius:\r\n\t\t| \"radius-standard\"\r\n\t\t| \"radius-large\"\r\n\t\t| \"radius-large-top\"\r\n\t\t| \"radius-standard-top\"\r\n\t\t| \"\" = \"\";\r\n\t/**\r\n\t * Lazy loading option\r\n\t */\r\n\t@Prop() loadMode: \"lazy-bg\" | \"eager-bg\" = \"lazy-bg\";\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * Image Z Index\r\n\t */\r\n\t// @Prop() imageZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2' = 'z-index-auto';\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\tWindowResize() {\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\tdata-xs={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-sm={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-md={`${this.imgUrl}`}\r\n\t\t\t\t\tdata-lg={`${this.imgUrl}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.imageType == \"smart-bg\" ? <slot /> : null}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.addIntersectionObserver();\r\n\t\tthis.setResponsiveBg();\r\n\t}\r\n\r\n\t//responsive image\r\n\tsetResponsiveBg() {\r\n\t\t// Define local variables\r\n\t\tlet backgrounds = (this.el || document).querySelectorAll<HTMLElement>(\r\n\t\t\t\tResponsiveBgVariables.selector,\r\n\t\t\t),\r\n\t\t\tel: HTMLElement,\r\n\t\t\telData: string,\r\n\t\t\tcurrentBreakpoint = this.getCurrentBreakPoints();\r\n\r\n\t\t// Loop through all target elements\r\n\t\tfor (var i = 0, len = backgrounds.length; i < len; i++) {\r\n\t\t\t// Set current variables\r\n\t\t\tel = backgrounds[i];\r\n\t\t\telData = el.getAttribute(\"data-\" + currentBreakpoint);\r\n\r\n\t\t\t// If the data attribute exists, set the background\r\n\t\t\tif (elData !== null) {\r\n\t\t\t\tel.style.backgroundImage = \"url('\" + elData + \"')\";\r\n\t\t\t} else {\r\n\t\t\t\tif (typeof console == \"object\") {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t\"Data attribute: data-\" +\r\n\t\t\t\t\t\t\tcurrentBreakpoint +\r\n\t\t\t\t\t\t\t\" not found on element:\\n\\n\" +\r\n\t\t\t\t\t\t\tel.outerHTML +\r\n\t\t\t\t\t\t\t\"\\n\\n\\n\",\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//lazy loading\r\n\taddIntersectionObserver() {\r\n\t\tif (!this.imgUrl) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (\"IntersectionObserver\" in window) {\r\n\t\t\tlet lazyLoadBgs = (this.el || document).querySelectorAll(\r\n\t\t\t\t\".lazy-bg\",\r\n\t\t\t);\r\n\t\t\tlet bgObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tconst image = entry.target;\r\n\t\t\t\t\t\timage.classList.remove(\"lazy-bg\");\r\n\t\t\t\t\t\tbgObserver.unobserve(image);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tlazyLoadBgs.forEach((image) => {\r\n\t\t\t\tbgObserver.observe(image);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\t// fall back to setTimeout for Safari and IE\r\n\t\t\t// setTimeout(() => {};\r\n\t\t\t// }, 5000);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.imageType]: true,\r\n\t\t\t\"ptc-img\": true,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.loadMode]: true,\r\n\t\t\t// [this.imageZIndex] : true\r\n\t\t};\r\n\t}\r\n\r\n\tprivate getCurrentBreakPoints(): string {\r\n\t\t// Define local variables\r\n\t\tlet doc = window.document,\r\n\t\t\ttemp = doc.createElement(\"div\"),\r\n\t\t\tenv: any;\r\n\r\n\t\t// Append test node\r\n\t\tdoc.body.appendChild(temp);\r\n\r\n\t\t// Loop through breakpoints\r\n\t\tfor (let i = ResponsiveBgVariables.envs.length - 1; i >= 0; i--) {\r\n\t\t\tenv = ResponsiveBgVariables.envs[i];\r\n\r\n\t\t\t// Add classes\r\n\t\t\ttemp.className = \"hidden-\" + env;\r\n\r\n\t\t\t// Found breakpoint\r\n\t\t\tif (temp.offsetParent === null) {\r\n\t\t\t\t// Remove our test node\r\n\t\t\t\tdoc.body.removeChild(temp);\r\n\r\n\t\t\t\t// Return current breakpoint\r\n\t\t\t\treturn env;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Breakpoint not found, try fallback\r\n\t\tdoc.body.removeChild(temp);\r\n\t\treturn this.getFallbackBreakpoint();\r\n\t}\r\n\r\n\tprivate getFallbackBreakpoint(): string {\r\n\t\tif (window.matchMedia(\"(min-width: 992px)\").matches) {\r\n\t\t\treturn \"lg\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 768px)\").matches) {\r\n\t\t\treturn \"md\";\r\n\t\t} else if (window.matchMedia(\"(min-width: 576px)\").matches) {\r\n\t\t\treturn \"sm\";\r\n\t\t} else {\r\n\t\t\treturn \"xs\";\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-E216LnY2.js → p-DQ-3sB4N.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 import { f as facebookSvg, l as linkedinSvg, x as xSvg } from './p-Cy7-E173.js';
-import { r as renderSvg } from './p-BG9NFXDY.js';
+import { r as renderSvg } from './p-D48KXt4a.js';
 
 const emailSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIiBmaWxsPSJub25lIj4NCiAgICA8cGF0aCBkPSJNMC4yOTk4NjYgMEw5LjA3MDAxIDYuNzQ2NzlMMTcuNDkyMSAwSDAuMjk5ODY2WiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNLTAuMDA0ODIxNzggMS40MjY1VjEyTDE3Ljk2NyAxMS44NjY3VjEuMjUzMTdMOS4wNTc2NiA4LjM0NjYzTC0wLjAwNDgyMTc4IDEuNDI2NVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=';
 
@@ -50,6 +50,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcSocialIcons as P, defineCustomElement as d };
-//# sourceMappingURL=p-E216LnY2.js.map
+//# sourceMappingURL=p-DQ-3sB4N.js.map
 
-//# sourceMappingURL=p-E216LnY2.js.map
+//# sourceMappingURL=p-DQ-3sB4N.js.map

package/dist/components/{p-E216LnY2.js.map → p-DQ-3sB4N.js.map}

@@ -1 +1 @@
-{"file":"p-E216LnY2.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,oaAAoa;;ACArb,MAAM,iBAAiB,GAAG,2WAA2W;;MCYxX,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,OAAO;IACP,SAAS,GAAW,SAAS;IAE7B,MAAM,GAAW,QAAQ;AAEjC,IAAA,iBAAiB,GAAG,MAAK,GAAI;IAE7B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACrB,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAW,SAAA,CAAA,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,WAAW,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,IAAI,KACT,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,EAAA,CAAI,EACzB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,GAAG,EACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,kBAAkB,IAE5B,SAAS,CAACC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CACtB,CACJ,EACA,IAAI,CAAC,OAAO,KACZ,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAQ,MAAA,CAAA,EAC7B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,CAAE,EAC9B,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,sBAAsB,EAEhC,EAAA,SAAS,CAACC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CAC9B,CACJ,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","facebookSVG","linkedinSVG","xSVG","emailSVG"],"sources":["src/media/svg-imgs/email.svg","src/components/molecules/ptc-social-icons/ptc-social-icons.scss?tag=ptc-social-icons&encapsulation=shadow","src/components/molecules/ptc-social-icons/ptc-social-icons.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\">\r\n    <path d=\"M0.299866 0L9.07001 6.74679L17.4921 0H0.299866Z\" fill=\"white\"/>\r\n    <path d=\"M-0.00482178 1.4265V12L17.967 11.8667V1.25317L9.05766 8.34663L-0.00482178 1.4265Z\" fill=\"white\"/>\r\n</svg>","@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\theight: max-content;\r\n\r\n\tdiv {\r\n\t\tdisplay: flex;\r\n\t\tgap: 16px;\r\n\r\n\t\ta {\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport facebookSVG from \"../../../media/svg-imgs/facebook.svg\";\r\nimport linkedinSVG from \"../../../media/svg-imgs/linkedin.svg\";\r\nimport xSVG from \"../../../media/svg-imgs/x.svg\";\r\nimport emailSVG from \"../../../media/svg-imgs/email.svg\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-icons\",\r\n\tstyleUrl: \"ptc-social-icons.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialIcons {\r\n\t@Element() hostEle: HTMLElement;\r\n\t@Prop() facebookUrl: string;\r\n\t@Prop() linkedinUrl: string;\r\n\t@Prop() xUrl: string;\r\n\t@Prop() emailTo: string;\r\n\t@Prop() trackerId: string = \"tracker\";\r\n\r\n\t@Prop() target: string = \"_blank\";\r\n\r\n\tcomponentWillLoad = () => { };\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div id={this.trackerId}>\r\n\t\t\t\t\t{this.facebookUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-facebook`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.facebookUrl}\r\n\t\t\t\t\t\t\ttitle=\"Facebook\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Facebook\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(facebookSVG, \"\", \"Facebook\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.linkedinUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-linkedin`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.linkedinUrl}\r\n\t\t\t\t\t\t\ttitle=\"LinkedIn\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - LinkedIn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(linkedinSVG, \"\", \"LinkedIn\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.xUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-x`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.xUrl}\r\n\t\t\t\t\t\t\ttitle=\"X\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - X\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(xSVG, \"\", \"X\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.emailTo && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-email`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={`mailto:${this.emailTo}`}\r\n\t\t\t\t\t\t\ttitle=\"Email\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Email\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(emailSVG, \"\", \"Email\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-DQ-3sB4N.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,oaAAoa;;ACArb,MAAM,iBAAiB,GAAG,2WAA2W;;MCYxX,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,IAAI;AACJ,IAAA,OAAO;IACP,SAAS,GAAW,SAAS;IAE7B,MAAM,GAAW,QAAQ;AAEjC,IAAA,iBAAiB,GAAG,MAAK,GAAI;IAE7B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EACrB,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAW,SAAA,CAAA,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,WAAW,KAChB,0DACC,EAAE,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,WAAW,EAChC,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,yBAAyB,IAEnC,SAAS,CAACC,WAAW,EAAE,EAAE,EAAE,UAAU,CAAC,CACpC,CACJ,EACA,IAAI,CAAC,IAAI,KACT,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,EAAA,CAAI,EACzB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,GAAG,EACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,kBAAkB,IAE5B,SAAS,CAACC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CACtB,CACJ,EACA,IAAI,CAAC,OAAO,KACZ,0DACC,EAAE,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAQ,MAAA,CAAA,EAC7B,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,CAAE,EAC9B,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACR,YAAA,EAAA,sBAAsB,EAEhC,EAAA,SAAS,CAACC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CAC9B,CACJ,CACI,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","facebookSVG","linkedinSVG","xSVG","emailSVG"],"sources":["src/media/svg-imgs/email.svg","src/components/molecules/ptc-social-icons/ptc-social-icons.scss?tag=ptc-social-icons&encapsulation=shadow","src/components/molecules/ptc-social-icons/ptc-social-icons.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\">\r\n    <path d=\"M0.299866 0L9.07001 6.74679L17.4921 0H0.299866Z\" fill=\"white\"/>\r\n    <path d=\"M-0.00482178 1.4265V12L17.967 11.8667V1.25317L9.05766 8.34663L-0.00482178 1.4265Z\" fill=\"white\"/>\r\n</svg>","@use \"mixins\" as *;\r\n:host {\r\n\tdisplay: block;\r\n\theight: max-content;\r\n\r\n\tdiv {\r\n\t\tdisplay: flex;\r\n\t\tgap: 16px;\r\n\r\n\t\ta {\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground-color: var(--color-gray-10);\r\n\r\n\t\t\t&:focus-visible {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport facebookSVG from \"../../../media/svg-imgs/facebook.svg\";\r\nimport linkedinSVG from \"../../../media/svg-imgs/linkedin.svg\";\r\nimport xSVG from \"../../../media/svg-imgs/x.svg\";\r\nimport emailSVG from \"../../../media/svg-imgs/email.svg\";\r\nimport { renderSvg } from \"../../../utils/svg\";\r\n\r\n@Component({\r\n\ttag: \"ptc-social-icons\",\r\n\tstyleUrl: \"ptc-social-icons.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcSocialIcons {\r\n\t@Element() hostEle: HTMLElement;\r\n\t@Prop() facebookUrl: string;\r\n\t@Prop() linkedinUrl: string;\r\n\t@Prop() xUrl: string;\r\n\t@Prop() emailTo: string;\r\n\t@Prop() trackerId: string = \"tracker\";\r\n\r\n\t@Prop() target: string = \"_blank\";\r\n\r\n\tcomponentWillLoad = () => { };\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div id={this.trackerId}>\r\n\t\t\t\t\t{this.facebookUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-facebook`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.facebookUrl}\r\n\t\t\t\t\t\t\ttitle=\"Facebook\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Facebook\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(facebookSVG, \"\", \"Facebook\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.linkedinUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-linkedin`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.linkedinUrl}\r\n\t\t\t\t\t\t\ttitle=\"LinkedIn\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - LinkedIn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(linkedinSVG, \"\", \"LinkedIn\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.xUrl && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-x`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={this.xUrl}\r\n\t\t\t\t\t\t\ttitle=\"X\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - X\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(xSVG, \"\", \"X\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.emailTo && (\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\tid={`${this.trackerId}-email`}\r\n\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\thref={`mailto:${this.emailTo}`}\r\n\t\t\t\t\t\t\ttitle=\"Email\"\r\n\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\taria-label=\"Social share - Email\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderSvg(emailSVG, \"\", \"Email\")}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-d5cGYr7v.js → p-DRrJr5SF.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-C2SefPLt.js';
 
 const ptcReadmoreV2Css = ":host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:var(--ptc-element-spacing-02)}";
 
@@ -91,6 +91,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcReadmoreV2 as P, defineCustomElement as d };
-//# sourceMappingURL=p-d5cGYr7v.js.map
+//# sourceMappingURL=p-DRrJr5SF.js.map
 
-//# sourceMappingURL=p-d5cGYr7v.js.map
+//# sourceMappingURL=p-DRrJr5SF.js.map

package/dist/components/{p-d5cGYr7v.js.map → p-DRrJr5SF.js.map}

@@ -1 +1 @@
-{"file":"p-d5cGYr7v.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,yWAAyW;;MCiBrX,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;;IAKjB,aAAa,GAAW,GAAG;;IAE3B,YAAY,GAAW,WAAW;;IAElC,YAAY,GAAW,WAAW;;IAGjC,SAAS,GAAY,KAAK;;IAE1B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAW,EAAE;IAErB,WAAW,GAAW,EAAE;AAExB,IAAA,eAAe;AACf,IAAA,gBAAgB;AAGzB,IAAA,iBAAiB,CAAC,KAAY,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;IAGvB,iBAAiB,GAAA;QAChB,qBAAqB,CAAC,MAAK;AAC1B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AACnD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvB,SAAC,CAAC;;AAGH,IAAA,WAAW,CAAC,IAAqB,EAAA;QAChC,IAAI,IAAI,EAAE;AACT,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACnD,IAAI,CAAC,QAAQ,GAAG;iBACd,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;iBAC9B,IAAI,CAAC,EAAE;AACP,iBAAA,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9C,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;;;IAKxB,UAAU,GAAG,MAAK;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;AAClC,cAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;AACnD,cAAE,IAAI,CAAC,QAAQ;AACjB,KAAC;IAED,QAAQ,GAAG,MAAK;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;AAC7D,KAAC;IAED,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,SAAS,IACd,IAAI,CAAC,QAAQ,IACZ,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,IAAI,CAAC,UAAU,EAAE,CACjB,KAED,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACE,EACH,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,OAAA,EAAA,EACC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAEjC,EAAA,IAAI,CAAC,QAAQ,EAAE,CACT,IACL,IAAI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.scss?tag=ptc-readmore-v2&encapsulation=shadow","src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n\r\n  .description {\r\n    display: inline;\r\n  }\r\n\r\n  .truncated-label {\r\n    cursor: pointer;\r\n    color: var(--color-hyperlink);\r\n    font-size: var(--ptc-font-size-small);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    text-decoration-line: underline;\r\n    line-height: var(--ptc-line-height-densest);\r\n\r\n    &::before {\r\n      content: '';\r\n      padding-left: var(--ptc-element-spacing-02);\r\n    }\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tState,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-v2\",\r\n\tstyleUrl: \"ptc-readmore-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreV2 {\r\n\t/** This component */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/** Character limit */\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/** Read More Text */\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/** Read Less Text */\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t/** If limit applies and text is truncated */\r\n\t@State() truncated: boolean = false;\r\n\t/** If component is in expanded state or not */\r\n\t@State() expanded: boolean = false;\r\n\t/** Provided text that isn't truncated */\r\n\t@State() fullText: string = \"\";\r\n\r\n\t@State() displayText: string = \"\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tthis.processText(slot);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tlet slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tthis.processText(slot);\r\n\t\t});\r\n\t}\r\n\r\n\tprocessText(slot: HTMLSlotElement) {\r\n\t\tif (slot) {\r\n\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\tthis.fullText = nodes\r\n\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t.join(\"\")\r\n\t\t\t\t.trim();\r\n\t\t\tif (this.fullText.length > this.maxCharacters) {\r\n\t\t\t\tthis.truncated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetContent = () => {\r\n\t\treturn this.fullText.length > this.maxCharacters\r\n\t\t\t? this.fullText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t: this.fullText;\r\n\t};\r\n\r\n\tgetLabel = () => {\r\n\t\treturn this.expanded ? this.readLessText : this.readMoreText;\r\n\t};\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t\tthis.expanded ? (\r\n\t\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\tthis.getContent()\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</p>\r\n\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tclass=\"truncated-label\"\r\n\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.getLabel()}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"p-DRrJr5SF.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,yWAAyW;;MCiBrX,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;;IAKjB,aAAa,GAAW,GAAG;;IAE3B,YAAY,GAAW,WAAW;;IAElC,YAAY,GAAW,WAAW;;IAGjC,SAAS,GAAY,KAAK;;IAE1B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAW,EAAE;IAErB,WAAW,GAAW,EAAE;AAExB,IAAA,eAAe;AACf,IAAA,gBAAgB;AAGzB,IAAA,iBAAiB,CAAC,KAAY,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;IAGvB,iBAAiB,GAAA;QAChB,qBAAqB,CAAC,MAAK;AAC1B,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AACnD,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACvB,SAAC,CAAC;;AAGH,IAAA,WAAW,CAAC,IAAqB,EAAA;QAChC,IAAI,IAAI,EAAE;AACT,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACnD,IAAI,CAAC,QAAQ,GAAG;iBACd,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW;iBAC9B,IAAI,CAAC,EAAE;AACP,iBAAA,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;AAC9C,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;;;IAKxB,UAAU,GAAG,MAAK;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;AAClC,cAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG;AACnD,cAAE,IAAI,CAAC,QAAQ;AACjB,KAAC;IAED,QAAQ,GAAG,MAAK;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;AAC7D,KAAC;IAED,YAAY,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;QAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGzC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EACpB,EAAA,IAAI,CAAC,SAAS,IACd,IAAI,CAAC,QAAQ,IACZ,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,IAAI,CAAC,UAAU,EAAE,CACjB,KAED,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACR,CACE,EACH,IAAI,CAAC,SAAS,IACd,CAAA,CAAA,OAAA,EAAA,EACC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAEjC,EAAA,IAAI,CAAC,QAAQ,EAAE,CACT,IACL,IAAI,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.scss?tag=ptc-readmore-v2&encapsulation=shadow","src/components/utilities/ptc-readmore-v2/ptc-readmore-v2.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n\r\n  .description {\r\n    display: inline;\r\n  }\r\n\r\n  .truncated-label {\r\n    cursor: pointer;\r\n    color: var(--color-hyperlink);\r\n    font-size: var(--ptc-font-size-small);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    text-decoration-line: underline;\r\n    line-height: var(--ptc-line-height-densest);\r\n\r\n    &::before {\r\n      content: '';\r\n      padding-left: var(--ptc-element-spacing-02);\r\n    }\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tState,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tListen,\r\n} from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-readmore-v2\",\r\n\tstyleUrl: \"ptc-readmore-v2.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmoreV2 {\r\n\t/** This component */\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/** Character limit */\r\n\t@Prop() maxCharacters: number = 100;\r\n\t/** Read More Text */\r\n\t@Prop() readMoreText: string = \"Read More\";\r\n\t/** Read Less Text */\r\n\t@Prop() readLessText: string = \"Read Less\";\r\n\r\n\t/** If limit applies and text is truncated */\r\n\t@State() truncated: boolean = false;\r\n\t/** If component is in expanded state or not */\r\n\t@State() expanded: boolean = false;\r\n\t/** Provided text that isn't truncated */\r\n\t@State() fullText: string = \"\";\r\n\r\n\t@State() displayText: string = \"\";\r\n\r\n\t@Event() readMoreClicked: EventEmitter<boolean>;\r\n\t@Event() readMoreRendered: EventEmitter<boolean>;\r\n\r\n\t@Listen(\"slotchange\")\r\n\tslotChangeHandler(event: Event) {\r\n\t\tconst slot = event.target as HTMLSlotElement;\r\n\t\tthis.processText(slot);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tlet slot = this.el.shadowRoot.querySelector(\"slot\");\r\n\t\t\tthis.processText(slot);\r\n\t\t});\r\n\t}\r\n\r\n\tprocessText(slot: HTMLSlotElement) {\r\n\t\tif (slot) {\r\n\t\t\tconst nodes = slot.assignedNodes({ flatten: true });\r\n\t\t\tthis.fullText = nodes\r\n\t\t\t\t.map((node) => node.textContent)\r\n\t\t\t\t.join(\"\")\r\n\t\t\t\t.trim();\r\n\t\t\tif (this.fullText.length > this.maxCharacters) {\r\n\t\t\t\tthis.truncated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetContent = () => {\r\n\t\treturn this.fullText.length > this.maxCharacters\r\n\t\t\t? this.fullText.substring(0, this.maxCharacters) + \"...\"\r\n\t\t\t: this.fullText;\r\n\t};\r\n\r\n\tgetLabel = () => {\r\n\t\treturn this.expanded ? this.readLessText : this.readMoreText;\r\n\t};\r\n\r\n\ttoggleExpand() {\r\n\t\tthis.expanded = !this.expanded;\r\n\t\tthis.readMoreClicked.emit(this.expanded);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<p class=\"description\">\r\n\t\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t\tthis.expanded ? (\r\n\t\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\tthis.getContent()\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</p>\r\n\t\t\t\t{this.truncated ? (\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tclass=\"truncated-label\"\r\n\t\t\t\t\t\tonClick={() => this.toggleExpand()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.getLabel()}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CKp1G5v7.js → p-Dar8ay5I.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h, d as Host } from './p-C2SefPLt.js';
 import { g as getSeoTagType } from './p-DpFzAwLW.js';
 
 const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
@@ -248,6 +248,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcTitle as P, defineCustomElement as d };
-//# sourceMappingURL=p-CKp1G5v7.js.map
+//# sourceMappingURL=p-Dar8ay5I.js.map
 
-//# sourceMappingURL=p-CKp1G5v7.js.map
+//# sourceMappingURL=p-Dar8ay5I.js.map

package/dist/components/{p-CKp1G5v7.js.map → p-Dar8ay5I.js.map}

@@ -1 +1 @@
-{"file":"p-CKp1G5v7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-title/ptc-title.scss?tag=ptc-title&encapsulation=scoped","src/components/atoms/ptc-title/ptc-title.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\ndiv {\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t\twidth: 100%;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tright: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.inherit {\r\n\t\ttext-align: inherit;\r\n\t}\r\n\t&.dotted {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\t//left: 0;\r\n\t\t\t\ttop: -6px;\r\n\t\t\t\twidth: 30%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tborder-top: 3px dashed var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.solid {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tpadding-top: 12px;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0.7px;\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\topacity: 0.9;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 56px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//Standard theme\r\n\t&.is-standard {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\th1 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//PLM hub theme\r\n\t&.is-plm-hub {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-block-start: 0em;\r\n\t\t\tmargin-block-end: 0em;\r\n\t\t\tmargin-inline-start: 0px;\r\n\t\t\tmargin-inline-end: 0px;\r\n\t\t\tcolor: var(--color-white) !important;\r\n\t\t}\r\n\t}\r\n\t//margin\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\th4 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\t&.margin-9 {\r\n\t\tmargin-top: var(--ptc-element-spacing-09);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-09);\r\n\t}\r\n\t//Text shadow color\r\n\t&.green {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.blue {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-blue-07);\r\n\t\t}\r\n\t}\r\n\t&.red {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-red-07);\r\n\t\t}\r\n\t}\r\n\t&.orange {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-orange-07);\r\n\t\t}\r\n\t}\r\n\t&.slate-grey {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-gray-07);\r\n\t\t}\r\n\t}\r\n\t//Title weight\r\n\t&.w-3 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t\t}\r\n\t}\r\n\t&.w-4 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t}\r\n\t}\r\n\t&.w-5 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t}\r\n\t}\r\n\t&.w-6 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\t&.w-7 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t&.w-8 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\t&.w-9 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t}\r\n\t}\r\n\t//Title Size\r\n\t&.xx-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.x-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\t}\r\n\t&.small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.x-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-desktop {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-store {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.densest {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n\t&.denser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-denser);\r\n\t\t}\r\n\t}\r\n\t&.dense {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t}\r\n\t}\r\n\t&.normal {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-normal);\r\n\t\t}\r\n\t}\r\n\t&.loose {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-loose);\r\n\t\t}\r\n\t}\r\n\t&.looser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-looser);\r\n\t\t}\r\n\t}\r\n\t&.paragraph {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-paragraph);\r\n\t\t}\r\n\t}\r\n\r\n\t// Title colors\r\n\t&.black {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t}\r\n\t}\r\n\t&.white {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\t&.gray-1 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-01);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&.gray-darker {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t}\r\n\t}\r\n\t&.ellipsis-boxing {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.block {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.line-clamp-title {\r\n\tdisplay: -webkit-box !important;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tdiv {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n  tag: \"ptc-title\",\r\n  styleUrl: \"ptc-title.scss\",\r\n  scoped: true,\r\n})\r\nexport class PtcTitle {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Is this title using on the PLM Hub page\r\n   */\r\n  @Prop() isPlmHub: boolean = false;\r\n  /**\r\n   * Title Tag Type\r\n   */\r\n  @Prop() type: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n  /**\r\n   * Text Align\r\n   */\r\n  @Prop() textAlign: \"left\" | \"center\" | \"right\" | \"inherit\";\r\n  /**\r\n   * Upperline Style\r\n   */\r\n  @Prop() upperline: \"dotted\" | \"solid\" | \"no-upperline\" = \"dotted\";\r\n  /**\r\n   * Title Shadow\r\n   */\r\n  @Prop() titleShadow: \"blue\" | \"red\" | \"green\" | \"orange\" | \"slate-grey\";\r\n  /**\r\n   * Title color\r\n   */\r\n  @Prop() titleColor: \"black\" | \"white\" | \"gray\" | \"gray-darker\" | \"gray-1\" =\r\n    \"gray\";\r\n  /**\r\n   * Title Margin\r\n   */\r\n  @Prop() titleMargin?:\r\n    | \"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\";\r\n\r\n  /**\r\n   * Title weight\r\n   */\r\n  @Prop() titleWeight: \"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\";\r\n  /**\r\n   * Title size\r\n   */\r\n  @Prop() titleSize:\r\n    | \"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\";\r\n  /**\r\n   * Title line height\r\n   */\r\n  @Prop() titleHeight:\r\n    | \"densest\"\r\n    | \"denser\"\r\n    | \"dense\"\r\n    | \"normal\"\r\n    | \"loose\"\r\n    | \"looser\"\r\n    | \"paragraph\" = \"densest\";\r\n\r\n  @Prop() styles?: string;\r\n  /**\r\n   * Line number to cut text off at and add ellipsis\r\n   */\r\n  @Prop() ellipsisLineCutoff?: number;\r\n\r\n  /**\r\n   * Title heading display : To show line above heading full width or title width\r\n   */\r\n  @Prop() titleDisplay: \"block\" | \"inline-block\";\r\n\r\n  /**\r\n   * (optional) enable support for seo tools that can only view source\r\n   */\r\n  @Prop() seoCompatibilityMode: boolean = false;\r\n\r\n  // Tooltip Properties started\r\n  /**\r\n   * index of hover tooltip element\r\n   */\r\n  @Prop() tooltipZIndex: string = \"auto\";\r\n  /**\r\n   * Tooltip position\r\n   */\r\n  @Prop() tooltipPosition:\r\n    | \"left\"\r\n    | \"right\"\r\n    | \"bottom\"\r\n    | \"bottom-right\"\r\n    | \"top\" = \"bottom\";\r\n  /**\r\n   *  (optional) Injected CSS Styles\r\n   */\r\n  @Prop() tooltipTheme: \"standard\" | \"danger\" = \"standard\";\r\n  @Prop() enableTooltip: boolean = false;\r\n  @Prop() maxChars: number;\r\n  @Prop() maxLines: number;\r\n  tooltipText: string;\r\n  @Prop() hideTooltipOnMobile: boolean = false;\r\n  @State() ismob: boolean;\r\n\r\n  /**\r\n   * This will make the width 100% respective to its parent\r\n   */\r\n  @Prop() tooltipWidth?: \"full-width\" | \"default\" = \"default\";\r\n  // Tooltip Properties ends\r\n\r\n  componentDidLoad() {\r\n    if (this.hideTooltipOnMobile) {\r\n      this.el.classList.add(\"hide-tooltip-on-mobile\");\r\n    }\r\n    this.el.addEventListener(\"mouseenter\", () =>\r\n      this.toggleTitleTooltip(true)\r\n    );\r\n    this.el.addEventListener(\"mouseleave\", () =>\r\n      this.toggleTitleTooltip(false)\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (this.seoCompatibilityMode) {\r\n      return this.seoCompRender();\r\n    } else {\r\n      return this.standardRender();\r\n    }\r\n  }\r\n\r\n  getSortedText(content: string): string | undefined {\r\n    if (!this.enableTooltip) return;\r\n    const trimmedContent = content.trim();\r\n    const shouldTruncate =\r\n      trimmedContent.length > this.maxChars && !this.maxLines;\r\n    return shouldTruncate\r\n      ? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n      : trimmedContent;\r\n  }\r\n\r\n  toggleTitleTooltip(show: boolean) {\r\n    const tooltipClass = \"tooltip-box\";\r\n    const existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n    const text = this.el.querySelectorAll(\".line-clamp-title\");\r\n    let maxLinesShowCheck: boolean = false;\r\n    if (text) {\r\n      text.forEach((t) => {\r\n        maxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n      });\r\n    }\r\n    const ifCharExceeds =\r\n      this.tooltipText &&\r\n      this.tooltipText.length > this.maxChars &&\r\n      !this.maxLines;\r\n    const ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n    if (show && this.enableTooltip) {\r\n      if (\r\n        (!existingTooltip && ifCharExceeds) ||\r\n        (!existingTooltip && ifLinesExceeds)\r\n      ) {\r\n        const tooltipMarkup = document.createElement(\"div\");\r\n        tooltipMarkup.className = tooltipClass;\r\n        tooltipMarkup.innerText = this.tooltipText;\r\n        tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n        tooltipMarkup.classList.add(\r\n          this.tooltipPosition,\r\n          this.tooltipTheme,\r\n          this.tooltipWidth\r\n        );\r\n        if (this.hideTooltipOnMobile) {\r\n          tooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n        }\r\n        this.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n      }\r\n    } else {\r\n      existingTooltip?.remove();\r\n    }\r\n  }\r\n\r\n  seoCompRender() {\r\n    const classMap = this.getCssClassMap();\r\n    const cutOff = this.getLineCuttoff();\r\n\r\n    const [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n    let html = firstChild && firstChild.innerHTML;\r\n\r\n    // added for tooltip\r\n    this.tooltipText = html.trim();\r\n    let eleText = firstChild && firstChild.innerText;\r\n    html = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n    if (this.el == firstChild) {\r\n      this.el.innerHTML = \"\";\r\n    }\r\n    return (\r\n      <Host style={{ textAlign: this.textAlign == 'center' ? 'center' : '' }}>\r\n        {this.styles && <style>{this.styles}</style>}\r\n        <div class={classMap}>\r\n          <TagType\r\n            innerHTML={html}\r\n            style={cutOff}\r\n            class={\r\n              this.maxLines && this.maxLines > 0\r\n                ? \"line-clamp-title\"\r\n                : \"\"\r\n            }\r\n          ></TagType>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  standardRender() {\r\n    const classMap = this.getCssClassMap();\r\n    const cutOff = this.getLineCuttoff();\r\n\r\n    let TagType: string;\r\n    switch (this.type) {\r\n      case \"h1\":\r\n        TagType = \"h1\";\r\n        break;\r\n      case \"h3\":\r\n        TagType = \"h3\";\r\n        break;\r\n      case \"h4\":\r\n        TagType = \"h4\";\r\n        break;\r\n      case \"h5\":\r\n        TagType = \"h5\";\r\n        break;\r\n      case \"h6\":\r\n        TagType = \"h6\";\r\n        break;\r\n      default:\r\n        TagType = \"h2\";\r\n    }\r\n    return (\r\n      <Host>\r\n        {this.styles && <style>{this.styles}</style>}\r\n        <div class={classMap}>\r\n          <TagType style={cutOff}>\r\n            <slot></slot>\r\n          </TagType>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n    return {\r\n      [this.textAlign]: !!this.textAlign ? true : false,\r\n      [this.upperline]: true,\r\n      [this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n      [this.titleMargin]: !!this.titleMargin ? true : false,\r\n      [this.titleShadow]: !!this.titleShadow ? true : false,\r\n      [this.titleWeight]: !!this.titleWeight ? true : false,\r\n      [this.titleSize]: !!this.titleSize ? true : false,\r\n      [this.titleHeight]: !!this.titleHeight ? true : false,\r\n      [this.titleColor]: !!this.titleColor ? true : false,\r\n      [\"ellipsis-boxing\"]:\r\n        this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n      [this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n    };\r\n  }\r\n\r\n  private getLineCuttoff(): StylesMap {\r\n    const lineClamp =\r\n      this.ellipsisLineCutoff > 0\r\n        ? this.ellipsisLineCutoff\r\n        : this.maxLines;\r\n    return lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n  }\r\n}\r\n"],"version":3}
+{"file":"p-Dar8ay5I.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-title/ptc-title.scss?tag=ptc-title&encapsulation=scoped","src/components/atoms/ptc-title/ptc-title.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\ndiv {\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t\twidth: 100%;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tright: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.inherit {\r\n\t\ttext-align: inherit;\r\n\t}\r\n\t&.dotted {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\t//left: 0;\r\n\t\t\t\ttop: -6px;\r\n\t\t\t\twidth: 30%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tborder-top: 3px dashed var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.solid {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tpadding-top: 12px;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0.7px;\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\topacity: 0.9;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 56px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//Standard theme\r\n\t&.is-standard {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\th1 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//PLM hub theme\r\n\t&.is-plm-hub {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-block-start: 0em;\r\n\t\t\tmargin-block-end: 0em;\r\n\t\t\tmargin-inline-start: 0px;\r\n\t\t\tmargin-inline-end: 0px;\r\n\t\t\tcolor: var(--color-white) !important;\r\n\t\t}\r\n\t}\r\n\t//margin\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\th4 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\t&.margin-9 {\r\n\t\tmargin-top: var(--ptc-element-spacing-09);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-09);\r\n\t}\r\n\t//Text shadow color\r\n\t&.green {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.blue {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-blue-07);\r\n\t\t}\r\n\t}\r\n\t&.red {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-red-07);\r\n\t\t}\r\n\t}\r\n\t&.orange {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-orange-07);\r\n\t\t}\r\n\t}\r\n\t&.slate-grey {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-gray-07);\r\n\t\t}\r\n\t}\r\n\t//Title weight\r\n\t&.w-3 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t\t}\r\n\t}\r\n\t&.w-4 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t}\r\n\t}\r\n\t&.w-5 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t}\r\n\t}\r\n\t&.w-6 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\t&.w-7 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t&.w-8 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\t&.w-9 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t}\r\n\t}\r\n\t//Title Size\r\n\t&.xx-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.x-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\t}\r\n\t&.small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.x-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-desktop {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-store {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.densest {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n\t&.denser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-denser);\r\n\t\t}\r\n\t}\r\n\t&.dense {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t}\r\n\t}\r\n\t&.normal {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-normal);\r\n\t\t}\r\n\t}\r\n\t&.loose {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-loose);\r\n\t\t}\r\n\t}\r\n\t&.looser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-looser);\r\n\t\t}\r\n\t}\r\n\t&.paragraph {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-paragraph);\r\n\t\t}\r\n\t}\r\n\r\n\t// Title colors\r\n\t&.black {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t}\r\n\t}\r\n\t&.white {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\t&.gray-1 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-01);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&.gray-darker {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t}\r\n\t}\r\n\t&.ellipsis-boxing {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.block {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.line-clamp-title {\r\n\tdisplay: -webkit-box !important;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tdiv {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n  tag: \"ptc-title\",\r\n  styleUrl: \"ptc-title.scss\",\r\n  scoped: true,\r\n})\r\nexport class PtcTitle {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Is this title using on the PLM Hub page\r\n   */\r\n  @Prop() isPlmHub: boolean = false;\r\n  /**\r\n   * Title Tag Type\r\n   */\r\n  @Prop() type: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h2\";\r\n  /**\r\n   * Text Align\r\n   */\r\n  @Prop() textAlign: \"left\" | \"center\" | \"right\" | \"inherit\";\r\n  /**\r\n   * Upperline Style\r\n   */\r\n  @Prop() upperline: \"dotted\" | \"solid\" | \"no-upperline\" = \"dotted\";\r\n  /**\r\n   * Title Shadow\r\n   */\r\n  @Prop() titleShadow: \"blue\" | \"red\" | \"green\" | \"orange\" | \"slate-grey\";\r\n  /**\r\n   * Title color\r\n   */\r\n  @Prop() titleColor: \"black\" | \"white\" | \"gray\" | \"gray-darker\" | \"gray-1\" =\r\n    \"gray\";\r\n  /**\r\n   * Title Margin\r\n   */\r\n  @Prop() titleMargin?:\r\n    | \"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\";\r\n\r\n  /**\r\n   * Title weight\r\n   */\r\n  @Prop() titleWeight: \"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\";\r\n  /**\r\n   * Title size\r\n   */\r\n  @Prop() titleSize:\r\n    | \"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\";\r\n  /**\r\n   * Title line height\r\n   */\r\n  @Prop() titleHeight:\r\n    | \"densest\"\r\n    | \"denser\"\r\n    | \"dense\"\r\n    | \"normal\"\r\n    | \"loose\"\r\n    | \"looser\"\r\n    | \"paragraph\" = \"densest\";\r\n\r\n  @Prop() styles?: string;\r\n  /**\r\n   * Line number to cut text off at and add ellipsis\r\n   */\r\n  @Prop() ellipsisLineCutoff?: number;\r\n\r\n  /**\r\n   * Title heading display : To show line above heading full width or title width\r\n   */\r\n  @Prop() titleDisplay: \"block\" | \"inline-block\";\r\n\r\n  /**\r\n   * (optional) enable support for seo tools that can only view source\r\n   */\r\n  @Prop() seoCompatibilityMode: boolean = false;\r\n\r\n  // Tooltip Properties started\r\n  /**\r\n   * index of hover tooltip element\r\n   */\r\n  @Prop() tooltipZIndex: string = \"auto\";\r\n  /**\r\n   * Tooltip position\r\n   */\r\n  @Prop() tooltipPosition:\r\n    | \"left\"\r\n    | \"right\"\r\n    | \"bottom\"\r\n    | \"bottom-right\"\r\n    | \"top\" = \"bottom\";\r\n  /**\r\n   *  (optional) Injected CSS Styles\r\n   */\r\n  @Prop() tooltipTheme: \"standard\" | \"danger\" = \"standard\";\r\n  @Prop() enableTooltip: boolean = false;\r\n  @Prop() maxChars: number;\r\n  @Prop() maxLines: number;\r\n  tooltipText: string;\r\n  @Prop() hideTooltipOnMobile: boolean = false;\r\n  @State() ismob: boolean;\r\n\r\n  /**\r\n   * This will make the width 100% respective to its parent\r\n   */\r\n  @Prop() tooltipWidth?: \"full-width\" | \"default\" = \"default\";\r\n  // Tooltip Properties ends\r\n\r\n  componentDidLoad() {\r\n    if (this.hideTooltipOnMobile) {\r\n      this.el.classList.add(\"hide-tooltip-on-mobile\");\r\n    }\r\n    this.el.addEventListener(\"mouseenter\", () =>\r\n      this.toggleTitleTooltip(true)\r\n    );\r\n    this.el.addEventListener(\"mouseleave\", () =>\r\n      this.toggleTitleTooltip(false)\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (this.seoCompatibilityMode) {\r\n      return this.seoCompRender();\r\n    } else {\r\n      return this.standardRender();\r\n    }\r\n  }\r\n\r\n  getSortedText(content: string): string | undefined {\r\n    if (!this.enableTooltip) return;\r\n    const trimmedContent = content.trim();\r\n    const shouldTruncate =\r\n      trimmedContent.length > this.maxChars && !this.maxLines;\r\n    return shouldTruncate\r\n      ? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n      : trimmedContent;\r\n  }\r\n\r\n  toggleTitleTooltip(show: boolean) {\r\n    const tooltipClass = \"tooltip-box\";\r\n    const existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n    const text = this.el.querySelectorAll(\".line-clamp-title\");\r\n    let maxLinesShowCheck: boolean = false;\r\n    if (text) {\r\n      text.forEach((t) => {\r\n        maxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n      });\r\n    }\r\n    const ifCharExceeds =\r\n      this.tooltipText &&\r\n      this.tooltipText.length > this.maxChars &&\r\n      !this.maxLines;\r\n    const ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n    if (show && this.enableTooltip) {\r\n      if (\r\n        (!existingTooltip && ifCharExceeds) ||\r\n        (!existingTooltip && ifLinesExceeds)\r\n      ) {\r\n        const tooltipMarkup = document.createElement(\"div\");\r\n        tooltipMarkup.className = tooltipClass;\r\n        tooltipMarkup.innerText = this.tooltipText;\r\n        tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n        tooltipMarkup.classList.add(\r\n          this.tooltipPosition,\r\n          this.tooltipTheme,\r\n          this.tooltipWidth\r\n        );\r\n        if (this.hideTooltipOnMobile) {\r\n          tooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n        }\r\n        this.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n      }\r\n    } else {\r\n      existingTooltip?.remove();\r\n    }\r\n  }\r\n\r\n  seoCompRender() {\r\n    const classMap = this.getCssClassMap();\r\n    const cutOff = this.getLineCuttoff();\r\n\r\n    const [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n    let html = firstChild && firstChild.innerHTML;\r\n\r\n    // added for tooltip\r\n    this.tooltipText = html.trim();\r\n    let eleText = firstChild && firstChild.innerText;\r\n    html = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n    if (this.el == firstChild) {\r\n      this.el.innerHTML = \"\";\r\n    }\r\n    return (\r\n      <Host style={{ textAlign: this.textAlign == 'center' ? 'center' : '' }}>\r\n        {this.styles && <style>{this.styles}</style>}\r\n        <div class={classMap}>\r\n          <TagType\r\n            innerHTML={html}\r\n            style={cutOff}\r\n            class={\r\n              this.maxLines && this.maxLines > 0\r\n                ? \"line-clamp-title\"\r\n                : \"\"\r\n            }\r\n          ></TagType>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  standardRender() {\r\n    const classMap = this.getCssClassMap();\r\n    const cutOff = this.getLineCuttoff();\r\n\r\n    let TagType: string;\r\n    switch (this.type) {\r\n      case \"h1\":\r\n        TagType = \"h1\";\r\n        break;\r\n      case \"h3\":\r\n        TagType = \"h3\";\r\n        break;\r\n      case \"h4\":\r\n        TagType = \"h4\";\r\n        break;\r\n      case \"h5\":\r\n        TagType = \"h5\";\r\n        break;\r\n      case \"h6\":\r\n        TagType = \"h6\";\r\n        break;\r\n      default:\r\n        TagType = \"h2\";\r\n    }\r\n    return (\r\n      <Host>\r\n        {this.styles && <style>{this.styles}</style>}\r\n        <div class={classMap}>\r\n          <TagType style={cutOff}>\r\n            <slot></slot>\r\n          </TagType>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private getCssClassMap(): CssClassMap {\r\n    return {\r\n      [this.textAlign]: !!this.textAlign ? true : false,\r\n      [this.upperline]: true,\r\n      [this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n      [this.titleMargin]: !!this.titleMargin ? true : false,\r\n      [this.titleShadow]: !!this.titleShadow ? true : false,\r\n      [this.titleWeight]: !!this.titleWeight ? true : false,\r\n      [this.titleSize]: !!this.titleSize ? true : false,\r\n      [this.titleHeight]: !!this.titleHeight ? true : false,\r\n      [this.titleColor]: !!this.titleColor ? true : false,\r\n      [\"ellipsis-boxing\"]:\r\n        this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n      [this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n    };\r\n  }\r\n\r\n  private getLineCuttoff(): StylesMap {\r\n    const lineClamp =\r\n      this.ellipsisLineCutoff > 0\r\n        ? this.ellipsisLineCutoff\r\n        : this.maxLines;\r\n    return lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/{p-CL4G31qv.js → p-Dd730ed6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host, a as getAssetPath } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, e as createEvent, h, d as Host, g as getAssetPath } from './p-C2SefPLt.js';
 
 const iconAssetCss = "icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.disabled.sc-icon-asset{fill:var(--color-gray-03)}svg.disabled.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.disabled.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-03)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex=\"0\"].sc-icon-asset:focus{outline:none !important}";
 
@@ -112,6 +112,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { IconAsset as I, defineCustomElement as d };
-//# sourceMappingURL=p-CL4G31qv.js.map
+//# sourceMappingURL=p-Dd730ed6.js.map
 
-//# sourceMappingURL=p-CL4G31qv.js.map
+//# sourceMappingURL=p-Dd730ed6.js.map

package/dist/components/{p-CL4G31qv.js.map → p-Dd730ed6.js.map}

@@ -1 +1 @@
-{"file":"p-CL4G31qv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as *;\r\n\r\nicon-asset {\r\n  vertical-align: middle;\r\n}\r\nsvg {\r\n  transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n  &.micro {\r\n    width: calc(var(--ptc-font-size-x-small) / 2);\r\n    height: calc(var(--ptc-font-size-x-small) / 2);\r\n  }\r\n  &.xxx-small {\r\n    width: var(--ptc-font-size-xxx-small);\r\n    height: var(--ptc-font-size-xxx-small);\r\n  }\r\n  &.xx-small {\r\n    width: var(--ptc-font-size-xx-small);\r\n    height: var(--ptc-font-size-xx-small);\r\n  }\r\n  &.x-small {\r\n    width: var(--ptc-font-size-x-small);\r\n    height: var(--ptc-font-size-x-small);\r\n  }\r\n\r\n  &.small {\r\n    width: var(--ptc-font-size-small);\r\n    height: var(--ptc-font-size-small);\r\n  }\r\n  &.medium {\r\n    width: var(--ptc-font-size-medium);\r\n    height: var(--ptc-font-size-medium);\r\n  }\r\n  &.large {\r\n    width: var(--ptc-font-size-large);\r\n    height: var(--ptc-font-size-large);\r\n  }\r\n\r\n  &.x-large {\r\n    width: var(--ptc-font-size-x-large);\r\n    height: var(--ptc-font-size-x-large);\r\n  }\r\n\r\n  &.xx-large {\r\n    width: var(--ptc-font-size-xx-large);\r\n    height: var(--ptc-font-size-xx-large);\r\n  }\r\n\r\n  &.xxx-large {\r\n    width: var(--ptc-font-size-xxx-large);\r\n    height: var(--ptc-font-size-xxx-large);\r\n  }\r\n  &.xxxx-large {\r\n    width: var(--ptc-font-size-xxxx-large);\r\n    height: var(--ptc-font-size-xxxx-large);\r\n  }\r\n\r\n  &.white {\r\n    fill: var(--color-white);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-white);\r\n    }\r\n  }\r\n\r\n  &.black {\r\n    fill: var(--color-black);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-black);\r\n    }\r\n  }\r\n\r\n  &.ptc-green {\r\n    fill: var(--color-green-07);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-green-07);\r\n    }\r\n  }\r\n  &.gray {\r\n    fill: var(--color-gray-06);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-06);\r\n    }\r\n  }\r\n  &.light-gray {\r\n    fill: var(--color-gray-05);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-05);\r\n    }\r\n  }\r\n  &.disabled {\r\n    fill: var(--color-gray-03);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-03);\r\n    }\r\n  }\r\n  &.primary-gray {\r\n    fill: var(--color-gray-10);\r\n  }\r\n  &.inherit {\r\n    fill: inherit;\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: inherit;\r\n    }\r\n  }\r\n  &:focus {\r\n    outline: none !important;\r\n  }\r\n}\r\n\r\nsvg[tabIndex='0'] {\r\n  &:focus-visible {\r\n    @include base-focus-state;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none !important;\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/**\r\n\t * Icon ID name\r\n\t */\r\n\t@Prop() name: string;\r\n\t/**\r\n\t * Icon Size\r\n\t */\r\n\t@Prop() size:\r\n\t\t| \"micro\"\r\n\t\t| \"xxx-small\"\r\n\t\t| \"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\" = \"xx-small\";\r\n\t/**\r\n\t * Icon Type\r\n\t */\r\n\t@Prop() type: \"solid\" | \"brands\" | \"ptc\" | \"regular\" = \"regular\";\r\n\t/**\r\n\t * Icon Spin Animation (not valid for ptc type)\r\n\t */\r\n\t@Prop() spin: \"fa-spin\" | \"\" = \"\";\r\n\t/**\r\n\t * Icon Pulse Animation (not valid for ptc type)\r\n\t */\r\n\t@Prop() pulse: \"fa-pulse\" | \"\" = \"\";\r\n\t/**\r\n\t * Icon Color\r\n\t */\r\n\t@Prop() color:\r\n\t\t| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"disabled\"\r\n\t\t| \"inherit\" = \"default\";\r\n\t/**\r\n\t * (optional) is it for the ptc mobile select\r\n\t */\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}
+{"file":"p-Dd730ed6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/icon-asset/icon-asset.scss?tag=icon-asset&encapsulation=scoped","src/components/atoms/icon-asset/icon-asset.tsx"],"sourcesContent":["//@import \"./media/svg-with-js.min.css\";\r\n@use 'mixins' as *;\r\n\r\nicon-asset {\r\n  vertical-align: middle;\r\n}\r\nsvg {\r\n  transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n  &.micro {\r\n    width: calc(var(--ptc-font-size-x-small) / 2);\r\n    height: calc(var(--ptc-font-size-x-small) / 2);\r\n  }\r\n  &.xxx-small {\r\n    width: var(--ptc-font-size-xxx-small);\r\n    height: var(--ptc-font-size-xxx-small);\r\n  }\r\n  &.xx-small {\r\n    width: var(--ptc-font-size-xx-small);\r\n    height: var(--ptc-font-size-xx-small);\r\n  }\r\n  &.x-small {\r\n    width: var(--ptc-font-size-x-small);\r\n    height: var(--ptc-font-size-x-small);\r\n  }\r\n\r\n  &.small {\r\n    width: var(--ptc-font-size-small);\r\n    height: var(--ptc-font-size-small);\r\n  }\r\n  &.medium {\r\n    width: var(--ptc-font-size-medium);\r\n    height: var(--ptc-font-size-medium);\r\n  }\r\n  &.large {\r\n    width: var(--ptc-font-size-large);\r\n    height: var(--ptc-font-size-large);\r\n  }\r\n\r\n  &.x-large {\r\n    width: var(--ptc-font-size-x-large);\r\n    height: var(--ptc-font-size-x-large);\r\n  }\r\n\r\n  &.xx-large {\r\n    width: var(--ptc-font-size-xx-large);\r\n    height: var(--ptc-font-size-xx-large);\r\n  }\r\n\r\n  &.xxx-large {\r\n    width: var(--ptc-font-size-xxx-large);\r\n    height: var(--ptc-font-size-xxx-large);\r\n  }\r\n  &.xxxx-large {\r\n    width: var(--ptc-font-size-xxxx-large);\r\n    height: var(--ptc-font-size-xxxx-large);\r\n  }\r\n\r\n  &.white {\r\n    fill: var(--color-white);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-white);\r\n    }\r\n  }\r\n\r\n  &.black {\r\n    fill: var(--color-black);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-black);\r\n    }\r\n  }\r\n\r\n  &.ptc-green {\r\n    fill: var(--color-green-07);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-green-07);\r\n    }\r\n  }\r\n  &.gray {\r\n    fill: var(--color-gray-06);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-06);\r\n    }\r\n  }\r\n  &.light-gray {\r\n    fill: var(--color-gray-05);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-05);\r\n    }\r\n  }\r\n  &.disabled {\r\n    fill: var(--color-gray-03);\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: var(--color-gray-03);\r\n    }\r\n  }\r\n  &.primary-gray {\r\n    fill: var(--color-gray-10);\r\n  }\r\n  &.inherit {\r\n    fill: inherit;\r\n\r\n    use[href$='#minus'],\r\n    use[href$='#plus'],\r\n    use[href$='#checkmark'] {\r\n      //work around for stroke line only based icons\r\n      stroke: inherit;\r\n    }\r\n  }\r\n  &:focus {\r\n    outline: none !important;\r\n  }\r\n}\r\n\r\nsvg[tabIndex='0'] {\r\n  &:focus-visible {\r\n    @include base-focus-state;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none !important;\r\n  }\r\n}\r\n","import {\r\n\tComponent,\r\n\tgetAssetPath,\r\n\th,\r\n\tProp,\r\n\tHost,\r\n\tEvent,\r\n\tEventEmitter,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"icon-asset\",\r\n\tstyleUrl: \"icon-asset.scss\",\r\n\tassetsDirs: [\"media\"],\r\n\tscoped: true,\r\n})\r\nexport class IconAsset {\r\n\t/**\r\n\t * Icon ID name\r\n\t */\r\n\t@Prop() name: string;\r\n\t/**\r\n\t * Icon Size\r\n\t */\r\n\t@Prop() size:\r\n\t\t| \"micro\"\r\n\t\t| \"xxx-small\"\r\n\t\t| \"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\" = \"xx-small\";\r\n\t/**\r\n\t * Icon Type\r\n\t */\r\n\t@Prop() type: \"solid\" | \"brands\" | \"ptc\" | \"regular\" = \"regular\";\r\n\t/**\r\n\t * Icon Spin Animation (not valid for ptc type)\r\n\t */\r\n\t@Prop() spin: \"fa-spin\" | \"\" = \"\";\r\n\t/**\r\n\t * Icon Pulse Animation (not valid for ptc type)\r\n\t */\r\n\t@Prop() pulse: \"fa-pulse\" | \"\" = \"\";\r\n\t/**\r\n\t * Icon Color\r\n\t */\r\n\t@Prop() color:\r\n\t\t| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"disabled\"\r\n\t\t| \"inherit\" = \"default\";\r\n\t/**\r\n\t * (optional) is it for the ptc mobile select\r\n\t */\r\n\t@Prop() isMobileSelect?: boolean;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() injectedStyle?: string;\r\n\r\n\t@Prop() focusOn?: boolean = false;\r\n\t@Prop() trackerId?: string = \"\";\r\n\r\n\t@Event() ready: EventEmitter<any>;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.ready.emit({\r\n\t\t\t\"regular-icons\": this.regularSprite,\r\n\t\t\t\"sold-icons\": this.solidSprite,\r\n\t\t\t\"brand-icons\": this.brandSprite,\r\n\t\t\t\"ptc-icons\": this.ptcSprite,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tif (this.type == \"brands\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.brandSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"solid\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.solidSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else if (this.type == \"ptc\") {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\taria-hidden={this.isMobileSelect && \"true\"}\r\n\t\t\t\t\t\ttabindex={this.focusOn ? 0 : -1}\r\n\t\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<use href={`${this.ptcSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<Host>\r\n\t\t\t\t\t{this.injectedStyle && <style>{this.injectedStyle}</style>}\r\n\t\t\t\t\t<svg class={classMap}>\r\n\t\t\t\t\t\t<use href={`${this.regularSprite}#${this.name}`}></use>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</Host>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.size]: true,\r\n\t\t\t[this.spin]: true,\r\n\t\t\t[this.pulse]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[\"ismobileselect\"]: this.isMobileSelect ? true : false,\r\n\t\t\t[\"mf-listen\"]: this.trackerId !== \"\" ? true : false,\r\n\t\t};\r\n\t}\r\n\r\n\tprivate regularSprite: string = getAssetPath(\"./media/regular.svg\");\r\n\tprivate solidSprite: string = getAssetPath(\"./media/solid.svg\");\r\n\tprivate brandSprite: string = getAssetPath(\"./media/brands.svg\");\r\n\tprivate ptcSprite: string = getAssetPath(\"./media/designer-v6.0.7.svg\");\r\n}\r\n"],"version":3}

package/dist/components/{p-BFdn6ZoH.js → p-DjfrVOwW.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-BvGlmU4v.js';
+import { c as proxyCustomElement, H, h } from './p-C2SefPLt.js';
 
 const ptcTheaterVideoPlaylistCss = ":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";
 
@@ -143,6 +143,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PtcTheaterVideoPlaylist as P, defineCustomElement as d };
-//# sourceMappingURL=p-BFdn6ZoH.js.map
+//# sourceMappingURL=p-DjfrVOwW.js.map
 
-//# sourceMappingURL=p-BFdn6ZoH.js.map
+//# sourceMappingURL=p-DjfrVOwW.js.map