npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.2-upgrade → 6.5.3-upgrade - Mend

@ptcwebops/ptcw-design 6.5.2-upgrade → 6.5.3-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1017) hide show

package/dist/components/fl-tab-header.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FlTabHeader$1, d as defineCustomElement$1 } from './p-Dsin3633.js';
+import { F as FlTabHeader$1, d as defineCustomElement$1 } from './p-xlb918Bh.js';
 const FlTabHeader = FlTabHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/fl-tab-image.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { F as FlTabImage$1, d as defineCustomElement$1 } from './p-QjJ7IpBW.js';
+import { F as FlTabImage$1, d as defineCustomElement$1 } from './p-Dq3iHqc7.js';
 const FlTabImage = FlTabImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/homepage-clickable-tab.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.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)}}@media only screen and (min-width: 1440px){.tab-item{width:calc(100% - 48px)}}@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}";

package/dist/components/icon-asset.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { I as IconAsset$1, d as defineCustomElement$1 } from './p-CXvPZ1oI.js';
+import { I as IconAsset$1, d as defineCustomElement$1 } from './p-DBiVDa7C.js';
 const IconAsset = IconAsset$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { g as globalScripts } from './p-Xva4X2q7.js';
-export { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-Xva4X2q7.js';
-export { f as format } from './p-D8mHT2Sh.js';
+import { g as globalScripts } from './p-pbQYKnK9.js';
+export { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-pbQYKnK9.js';
+export { f as format } from './p-DgwzgPHL.js';
 globalScripts();
 //# sourceMappingURL=index.js.map

package/dist/components/innovator-toggle-container.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
-import { i as isReducedMotion, o as onReducedMotionChange } from './p-D8mHT2Sh.js';
-import { d as defineCustomElement$4 } from './p-Bs970RWJ.js';
-import { d as defineCustomElement$3 } from './p-BtcjaYJo.js';
-import { d as defineCustomElement$2 } from './p-DFvvSoPo.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
+import { i as isReducedMotion, o as onReducedMotionChange } from './p-DgwzgPHL.js';
+import { d as defineCustomElement$4 } from './p-C0gVGnW4.js';
+import { d as defineCustomElement$3 } from './p-D2Uh7ppB.js';
+import { d as defineCustomElement$2 } from './p-DRaurB1z.js';
-const innovatorToggleContainerCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box{backdrop-filter:blur(13.7px);border:1px solid hsla(0, 0%, 100%, 0.54);border-radius:10px;position:relative}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:\"\";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
+const innovatorToggleContainerCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-06);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box{backdrop-filter:blur(13.7px);border:1px solid hsla(0, 0%, 100%, 0.54);border-radius:10px;position:relative}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:\"\";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
 const InnovatorToggleContainer$1 = /*@__PURE__*/ proxyCustomElement(class InnovatorToggleContainer extends H {
     constructor(registerHost) {

package/dist/components/innovator-toggle-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"innovator-toggle-container.js","mappings":"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","names":["InnovatorToggleContainer","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/innovator-toggle-container/innovator-toggle-container.scss?tag=innovator-toggle-container&encapsulation=shadow","src/components/molecules/innovator-toggle-container/innovator-toggle-container.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n@use \"../../global/style/links.scss\" as ;\r\n:host {\r\n\tdisplay: block;\r\n\tbackground: linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));\r\n\tbackground-position: 50%;\r\n\tbackground-size: cover;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\t.bgImage {\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\ttransform: scale(1.1);\r\n\t\twidth: 100%;\r\n\t\tz-index: -2;\r\n\t}\r\n\tsvg.cut {\r\n\t\tleft: 0;\r\n\t\tposition: absolute;\r\n\t\tz-index: 99;\r\n\t}\r\n\tsvg.cut-top {\r\n\t\ttop: 0;\r\n\t\ttransform: rotate(180deg) translateY(5px);\r\n\t}\r\n\t.cut-bottom {\r\n\t\tbottom: 0;\r\n\t\ttransform: scaleX(-1) translateY(5px);\r\n\t}\r\n\t.backdrop-blur {\r\n\t\tbackdrop-filter: blur(7px);\r\n\t\tpadding: var(--ptc-layout-spacing-05) 0;\r\n\t}\r\n\t.content-box {\r\n\t\tpadding: var(--ptc-element-spacing-05);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-08);\r\n\t\t}\r\n\t\tbackdrop-filter: blur(13.7px);\r\n\t\tborder: 1px solid hsla(0, 0%, 100%, 0.54);\r\n\t\tborder-radius: 10px;\r\n\t\tposition: relative;\r\n\t\t.backdrop {\r\n\t\t\tbackground-position: 50%;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.35);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: #2a2729;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 100%;\r\n\t\t\t\topacity: 0.7;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//ptc container\r\n\t.ptc-container {\r\n\t\tpadding-right: 24px;\r\n\t\tpadding-left: 24px;\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t}\r\n\r\n\t@include screen-lg {\r\n\t\t.ptc-container {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tmax-width: 1136px;\r\n\t\t}\r\n\t}\r\n\t@include screen-xl {\r\n\t\t.ptc-container {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tmax-width: 1200px;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { isReducedMotion, onReducedMotionChange } from '../../../utils/utils';\r\n\r\n@Component({\r\n\ttag: \"innovator-toggle-container\",\r\n\tstyleUrl: \"innovator-toggle-container.scss\",\r\n\tshadow: true,\r\n})\r\nexport class InnovatorToggleContainer {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Section Title\r\n\t /\r\n\t@Prop() sectionTitle?: string;\r\n\r\n\t/\r\n\t Section Description\r\n\t /\r\n\t@Prop() description?: string;\r\n\r\n\t/\r\n\t Section background image\r\n\t */\r\n\t@Prop() backgroundImage?: string;\r\n\r\n\tprivate _onMove?: (event: MouseEvent) => void;\r\n\tprivate _offPRM?: () => void;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.el.addEventListener(\"mousemove\", () => {});\r\n\t\tlet imgElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".bgImage\"\r\n\t\t) as HTMLElement;\r\n\r\n\t\tconst enable = () => {\r\n\t\t\tif (this._onMove) return; // already enabled\r\n\t\t\tthis._onMove = (event: MouseEvent) => {\r\n\t\t\t\tif (event.target === this.el) {\r\n\t\t\t\t\timgElement.style.setProperty(\r\n\t\t\t\t\t\t\"transform\",\r\n\t\t\t\t\t\t`translate(-${event.clientX / 100}px, -${\r\n\t\t\t\t\t\t\tevent.clientY / 100\r\n\t\t\t\t\t\t}px) scale(1.1, 1.1)`\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\twindow.addEventListener(\"mousemove\", this._onMove, {\r\n\t\t\t\tpassive: true,\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tconst disable = () => {\r\n\t\t\tif (this._onMove) {\r\n\t\t\t\twindow.removeEventListener(\"mousemove\", this._onMove);\r\n\t\t\t\tthis._onMove = undefined;\r\n\t\t\t}\r\n\t\t\t// reset to a stable state when motion is off\r\n\t\t\timgElement.style.transform = 'none';\r\n\t\t};\r\n\r\n\t\tif (isReducedMotion()) disable();\r\n\t\telse enable();\r\n\r\n\t\t// live changes to the OS setting\r\n\t\tthis._offPRM = onReducedMotionChange((reduced) => {\r\n\t\t\tif (reduced) disable();\r\n\t\t\telse enable();\r\n\t\t});\r\n\t}\r\n\r\n\t//PRM = prefer-reduced-motion\r\n\tdisconnectedCallback() {\r\n\t\tif (this._onMove) {\r\n\t\t\twindow.removeEventListener(\"mousemove\", this._onMove);\r\n\t\t\tthis._onMove = undefined;\r\n\t\t}\r\n\t\tthis._offPRM?.();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<img src={this.backgroundImage} alt=\"\" class={\"bgImage\"} />\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"cut cut-top\"\r\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\twidth=\"320.963\"\r\n\t\t\t\t\theight=\"28.179\"\r\n\t\t\t\t\tviewBox=\"0 0 320.963 28.179\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\tfill=\"#F3F3F3\"\r\n\t\t\t\t\t\td=\"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z\"\r\n\t\t\t\t\t\tclass=\"path-1\"\r\n\t\t\t\t\t\tdata-name=\"Path 8770\"\r\n\t\t\t\t\t\ttransform=\"translate(-416.057 -463.856)\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t</svg>\r\n\t\t\t\t<div class={\"backdrop-blur light-links\"}>\r\n\t\t\t\t\t<div class=\"ptc-container\">\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-color=\"white\"\r\n\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.sectionTitle}\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\tpara-align=\"center\"\r\n\t\t\t\t\t\t\tfont-weight=\"w-5\"\r\n\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\tpara-margin=\"margin-5\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.description}\r\n\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t<ptc-spacer></ptc-spacer>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"ptc-container\">\r\n\t\t\t\t\t\t<div class=\"content-box\">\r\n\t\t\t\t\t\t\t<div class=\"backdrop\"></div>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"cut cut-bottom\"\r\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\twidth=\"320.963\"\r\n\t\t\t\t\theight=\"28.179\"\r\n\t\t\t\t\tviewBox=\"0 0 320.963 28.179\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\tfill=\"#F3F3F3\"\r\n\t\t\t\t\t\td=\"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z\"\r\n\t\t\t\t\t\tclass=\"path-1\"\r\n\t\t\t\t\t\tdata-name=\"Path 8770\"\r\n\t\t\t\t\t\ttransform=\"translate(-416.057 -463.856)\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t</svg>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"innovator-toggle-container.js","mappings":"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","names":["InnovatorToggleContainer","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/innovator-toggle-container/innovator-toggle-container.scss?tag=innovator-toggle-container&encapsulation=shadow","src/components/molecules/innovator-toggle-container/innovator-toggle-container.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n@use \"../../global/style/links.scss\" as ;\r\n:host {\r\n\tdisplay: block;\r\n\tbackground: linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));\r\n\tbackground-position: 50%;\r\n\tbackground-size: cover;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\t.bgImage {\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\tobject-fit: cover;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\ttransform: scale(1.1);\r\n\t\twidth: 100%;\r\n\t\tz-index: -2;\r\n\t}\r\n\tsvg.cut {\r\n\t\tleft: 0;\r\n\t\tposition: absolute;\r\n\t\tz-index: 99;\r\n\t}\r\n\tsvg.cut-top {\r\n\t\ttop: 0;\r\n\t\ttransform: rotate(180deg) translateY(5px);\r\n\t}\r\n\t.cut-bottom {\r\n\t\tbottom: 0;\r\n\t\ttransform: scaleX(-1) translateY(5px);\r\n\t}\r\n\t.backdrop-blur {\r\n\t\tbackdrop-filter: blur(7px);\r\n\t\tpadding: var(--ptc-layout-spacing-05) 0;\r\n\t}\r\n\t.content-box {\r\n\t\tpadding: var(--ptc-element-spacing-05);\r\n\t\t@include screen-sm {\r\n\t\t\tpadding: var(--ptc-element-spacing-08);\r\n\t\t}\r\n\t\tbackdrop-filter: blur(13.7px);\r\n\t\tborder: 1px solid hsla(0, 0%, 100%, 0.54);\r\n\t\tborder-radius: 10px;\r\n\t\tposition: relative;\r\n\t\t.backdrop {\r\n\t\t\tbackground-position: 50%;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.35);\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: #2a2729;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 100%;\r\n\t\t\t\topacity: 0.7;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//ptc container\r\n\t.ptc-container {\r\n\t\tpadding-right: 24px;\r\n\t\tpadding-left: 24px;\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t}\r\n\r\n\t@include screen-lg {\r\n\t\t.ptc-container {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tmax-width: 1136px;\r\n\t\t}\r\n\t}\r\n\t@include screen-xl {\r\n\t\t.ptc-container {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tmax-width: 1200px;\r\n\t\t}\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { isReducedMotion, onReducedMotionChange } from '../../../utils/utils';\r\n\r\n@Component({\r\n\ttag: \"innovator-toggle-container\",\r\n\tstyleUrl: \"innovator-toggle-container.scss\",\r\n\tshadow: true,\r\n})\r\nexport class InnovatorToggleContainer {\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/*\r\n\t Section Title\r\n\t /\r\n\t@Prop() sectionTitle?: string;\r\n\r\n\t/\r\n\t Section Description\r\n\t /\r\n\t@Prop() description?: string;\r\n\r\n\t/\r\n\t Section background image\r\n\t */\r\n\t@Prop() backgroundImage?: string;\r\n\r\n\tprivate _onMove?: (event: MouseEvent) => void;\r\n\tprivate _offPRM?: () => void;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.el.addEventListener(\"mousemove\", () => {});\r\n\t\tlet imgElement = this.el.shadowRoot.querySelector(\r\n\t\t\t\".bgImage\"\r\n\t\t) as HTMLElement;\r\n\r\n\t\tconst enable = () => {\r\n\t\t\tif (this._onMove) return; // already enabled\r\n\t\t\tthis._onMove = (event: MouseEvent) => {\r\n\t\t\t\tif (event.target === this.el) {\r\n\t\t\t\t\timgElement.style.setProperty(\r\n\t\t\t\t\t\t\"transform\",\r\n\t\t\t\t\t\t`translate(-${event.clientX / 100}px, -${\r\n\t\t\t\t\t\t\tevent.clientY / 100\r\n\t\t\t\t\t\t}px) scale(1.1, 1.1)`\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\twindow.addEventListener(\"mousemove\", this._onMove, {\r\n\t\t\t\tpassive: true,\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tconst disable = () => {\r\n\t\t\tif (this._onMove) {\r\n\t\t\t\twindow.removeEventListener(\"mousemove\", this._onMove);\r\n\t\t\t\tthis._onMove = undefined;\r\n\t\t\t}\r\n\t\t\t// reset to a stable state when motion is off\r\n\t\t\timgElement.style.transform = 'none';\r\n\t\t};\r\n\r\n\t\tif (isReducedMotion()) disable();\r\n\t\telse enable();\r\n\r\n\t\t// live changes to the OS setting\r\n\t\tthis._offPRM = onReducedMotionChange((reduced) => {\r\n\t\t\tif (reduced) disable();\r\n\t\t\telse enable();\r\n\t\t});\r\n\t}\r\n\r\n\t//PRM = prefer-reduced-motion\r\n\tdisconnectedCallback() {\r\n\t\tif (this._onMove) {\r\n\t\t\twindow.removeEventListener(\"mousemove\", this._onMove);\r\n\t\t\tthis._onMove = undefined;\r\n\t\t}\r\n\t\tthis._offPRM?.();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<img src={this.backgroundImage} alt=\"\" class={\"bgImage\"} />\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"cut cut-top\"\r\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\twidth=\"320.963\"\r\n\t\t\t\t\theight=\"28.179\"\r\n\t\t\t\t\tviewBox=\"0 0 320.963 28.179\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\tfill=\"#F3F3F3\"\r\n\t\t\t\t\t\td=\"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z\"\r\n\t\t\t\t\t\tclass=\"path-1\"\r\n\t\t\t\t\t\tdata-name=\"Path 8770\"\r\n\t\t\t\t\t\ttransform=\"translate(-416.057 -463.856)\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t</svg>\r\n\t\t\t\t<div class={\"backdrop-blur light-links\"}>\r\n\t\t\t\t\t<div class=\"ptc-container\">\r\n\t\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\t\ttype=\"h2\"\r\n\t\t\t\t\t\t\ttext-align=\"center\"\r\n\t\t\t\t\t\t\ttitle-color=\"white\"\r\n\t\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.sectionTitle}\r\n\t\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\t\tpara-align=\"center\"\r\n\t\t\t\t\t\t\tfont-weight=\"w-5\"\r\n\t\t\t\t\t\t\tpara-color=\"white\"\r\n\t\t\t\t\t\t\tpara-margin=\"margin-5\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.description}\r\n\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t<ptc-spacer></ptc-spacer>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"ptc-container\">\r\n\t\t\t\t\t\t<div class=\"content-box\">\r\n\t\t\t\t\t\t\t<div class=\"backdrop\"></div>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"cut cut-bottom\"\r\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\twidth=\"320.963\"\r\n\t\t\t\t\theight=\"28.179\"\r\n\t\t\t\t\tviewBox=\"0 0 320.963 28.179\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\tfill=\"#F3F3F3\"\r\n\t\t\t\t\t\td=\"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z\"\r\n\t\t\t\t\t\tclass=\"path-1\"\r\n\t\t\t\t\t\tdata-name=\"Path 8770\"\r\n\t\t\t\t\t\ttransform=\"translate(-416.057 -463.856)\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t</svg>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/jumbotron-sub-menu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h } from './p-pbQYKnK9.js';
 const jumbotronSubMenuCss = ".menu{display:block;background-color:transparent;color:black;position:relative}.menu-list{list-style:none;margin:0;padding:var(--ptc-element-spacing-03) 0;display:none;flex-direction:column;background-color:white;width:250px;position:absolute;top:40px;left:0;margin-top:var(--ptc-element-spacing-04);box-shadow:var(--ptc-shadow-x-small);border-radius:var(--ptc-border-radius-standard);z-index:10}.menu-list.open{display:flex}.menu-list li{margin:0}.menu-list .active button{font-weight:var(--ptc-font-weight-bold)}.menu-list .active button::after{opacity:1}.menu-list button{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);text-decoration:none;border:2px solid transparent;background:none;cursor:pointer;line-height:var(--ptc-line-height-p);position:relative;text-align:left;width:100%;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);font-family:var(--ptc-font-latin)}.menu-list button::after{content:\"\";display:block;width:2px;height:calc(100% - 24px);background:var(--color-green-07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout);opacity:0;position:absolute;top:12px;left:10px}.menu-list button:hover::after,.menu-list button:focus::after{opacity:1}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.menu-list button:focus-visible::after{opacity:0}.mobile-menu-icon{display:flex;align-items:center;cursor:pointer;font-size:var(--ptc-font-size-x-small);text-align:left;padding:8px 0px;background-color:var(--color-white);border-bottom:2px solid var(--color-white);justify-content:flex-end;width:-moz-fit-content;width:fit-content;background-color:transparent}.mobile-menu-icon:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.mobile-menu-text{color:var(--color-white);text-align:left;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);margin-right:var(--ptc-element-spacing-03)}@media (min-width: 992px){.menu{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:0px;color:white;position:relative;font-family:var(--ptc-font-latin);left:0;top:0px}.menu-list{display:flex;flex-direction:row;justify-content:center;gap:32px;background-color:transparent;width:auto;position:relative;top:auto;right:auto;box-shadow:none;border-radius:0;margin-top:0px;padding-top:0px;padding-bottom:0px}.menu-list button{text-align:center;width:auto;padding:0px;font-size:16px;color:white;font-family:var(--ptc-font-latin)}.menu-list button::after{position:relative;width:100%;height:1px;transform-origin:bottom;bottom:auto;top:calc(100% + 8px);background:var(--color-white);left:0;transform:scaleY(0);transition:all var(--ptc-transition-medium) var(--ptc-ease-in)}.menu-list button:hover::after,.menu-list button:active::after{transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.menu-list li.active button::after{height:2px;transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:none}}";

package/dist/components/list-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { L as ListItem$1, d as defineCustomElement$1 } from './p-DvvLkicy.js';
+import { L as ListItem$1, d as defineCustomElement$1 } from './p-CgM2S4F0.js';
 const ListItem = ListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/max-width-container.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { M as MaxWidthContainer$1, d as defineCustomElement$1 } from './p-CQ4L2QxH.js';
+import { M as MaxWidthContainer$1, d as defineCustomElement$1 } from './p-BIC2qXzj.js';
 const MaxWidthContainer = MaxWidthContainer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/my-component.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-Xva4X2q7.js';
-import { f as format } from './p-D8mHT2Sh.js';
+import { p as proxyCustomElement, H, h } from './p-pbQYKnK9.js';
+import { f as format } from './p-DgwzgPHL.js';
 const myComponentCss = ":host{display:block}";
@@ -27,7 +27,7 @@ const MyComponent$1 = /*@__PURE__*/ proxyCustomElement(class MyComponent extends
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '8922bcc5693180fdcb6c15d0e1fe038e4c21deb8' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '5af9a20b447edd4ffa167dff7ae73d8d0d6f9492' }, "Hello, World! I'm ", this.getText());
     }
     static get style() { return myComponentCss; }
 }, [257, "my-component", {

package/dist/components/my-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"my-component.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCQhCA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;IAEJ,OAAO,GAAA;AACb,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,OAAO,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,wBAAwB,IAAI,CAAC,OAAO,EAAE,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MyComponent","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/my-component/my-component.css?tag=my-component&encapsulation=shadow","src/components/atoms/my-component/my-component.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { format } from '../../../utils/utils';\n\n@Component({\n tag: 'my-component',\n styleUrl: 'my-component.css',\n shadow: true,\n})\nexport class MyComponent {\n /*\n The first name\n /\n @Prop() first: string;\n\n /\n The middle name\n /\n @Prop() middle: string;\n\n /\n The last name\n */\n @Prop() last: string;\n\n private getText(): string {\n return format(this.first, this.middle, this.last);\n }\n\n render() {\n return <div>Hello, World! I'm {this.getText()}</div>;\n }\n}\n"],"version":3}
1	+ {"file":"my-component.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCQhCA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;IAEJ,OAAO,GAAA;AACb,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,OAAO,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,wBAAwB,IAAI,CAAC,OAAO,EAAE,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MyComponent","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/my-component/my-component.css?tag=my-component&encapsulation=shadow","src/components/atoms/my-component/my-component.tsx"],"sourcesContent":[":host {\r\n display: block;\r\n}\r\n","import { Component, Prop, h } from '@stencil/core';\r\nimport { format } from '../../../utils/utils';\r\n\r\n@Component({\r\n tag: 'my-component',\r\n styleUrl: 'my-component.css',\r\n shadow: true,\r\n})\r\nexport class MyComponent {\r\n /*\r\n The first name\r\n /\r\n @Prop() first: string;\r\n\r\n /\r\n The middle name\r\n /\r\n @Prop() middle: string;\r\n\r\n /\r\n The last name\r\n */\r\n @Prop() last: string;\r\n\r\n private getText(): string {\r\n return format(this.first, this.middle, this.last);\r\n }\r\n\r\n render() {\r\n return <div>Hello, World! I'm {this.getText()}</div>;\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-DRHfC1tH.js → p-1_hc7ycr.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
-const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}:host(.hp-red){background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
+const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197bc0 0%, #4795cd 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890b 0%, #33a13c 100%)}:host(.hp-red){background:linear-gradient(180deg, #d33e3e 0%, #dc6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #c37729 0%, #cf9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.white-bottom){background:linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
 const PtcOverlay = /*@__PURE__*/ proxyCustomElement(class PtcOverlay extends H {
     constructor(registerHost) {
@@ -31,7 +31,7 @@ const PtcOverlay = /*@__PURE__*/ proxyCustomElement(class PtcOverlay extends H {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: 'cec47cfc18024879f6884e23238ba7f073640b87', class: classMap });
+        return h(Host, { key: '5f9ef6e6176415c618a07b29fa625806c9c50614', class: classMap });
     }
     getCssClassMap() {
         return {
@@ -64,6 +64,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcOverlay as P, defineCustomElement as d };
-//# sourceMappingURL=p-DRHfC1tH.js.map
+//# sourceMappingURL=p-1_hc7ycr.js.map
-//# sourceMappingURL=p-DRHfC1tH.js.map
+//# sourceMappingURL=p-1_hc7ycr.js.map

package/dist/components/{p-DRHfC1tH.js.map → p-1_hc7ycr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DRHfC1tH~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,~~4wFAA4wF~~;;~~MCQrxF~~,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;~~AAyBnB~~;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttransition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.2) 0%,\r\n\t\tvar(--color-blue-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(209, 44, 58, 0.2) 0%,\r\n\t\tvar(--color-red-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.2) 0%,\r\n\t\tvar(--color-orange-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.2) 0%,\r\n\t\tvar(--color-green-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-1) {\r\n\tbackground: linear-gradient(\r\n\t\t270deg,\r\n\t\trgba(32, 38, 42, 0.32) 33.33%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-2) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(32, 38, 42, 0) 0%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-4) {\r\n\tbackground: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n\tbackground: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t:host(.black-1) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t270deg,\r\n// \t\t\trgba(32, 38, 42, 0) 33.33%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n\r\n// \t:host(.black-2) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t180deg,\r\n// \t\t\trgba(32, 38, 42, 0) 0%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n// }\r\n\r\n:host(.black-3) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\tvar(--color-gray-12) 0%,\r\n\t\trgba(32, 38, 42, 0.55) 100%\r\n\t);\r\n}\r\n\r\n:host(.slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.2) 0%,\r\n\t\tvar(--color-gray-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.72) 0%,\r\n\t\trgba(25, 123, 192, 0.85) 69.27%,\r\n\t\trgba(25, 123, 192, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(211, 62, 62, 0.72) 0%,\r\n\t\trgba(211, 62, 62, 0.85) 69.27%,\r\n\t\trgba(211, 62, 62, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.72) 0%,\r\n\t\trgba(195, 119, 41, 0.85) 69.27%,\r\n\t\trgba(195, 119, 41, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.72) 0%,\r\n\t\trgba(0, 137, 11, 0.85) 69.27%,\r\n\t\trgba(0, 137, 11, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.72) 0%,\r\n\t\trgba(97, 116, 128, 0.85) 69.27%,\r\n\t\trgba(97, 116, 128, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n\tbackground: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n\tbackground: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\t#00890b 0%,\r\n\t\t#33a13c 100%\r\n\t); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n\tbackground: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n\tz-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n\tz-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n\tz-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/*\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay 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-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-1_hc7ycr.js","mappings":";;AAAA,MAAM,aAAa,GAAG,42FAA42F;;MCQr3F,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;AACtB;;AAEG;AACK,IAAA,WAAW;AA0BnB;;AAEG;AACK,IAAA,YAAY;AAKpB;;AAEG;IACK,aAAa,GAKF,cAAc;AAEjC;;AAEG;AACK,IAAA,MAAM;IAGd,MAAM,UAAU,CAAC,WAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;IAG/B,MAAM,GAAA;AACL,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE;AAEtC,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,QAAQ,GAAS;;IAG9B,cAAc,GAAA;QACrB,OAAO;AACN,YAAA,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK;AACrD,YAAA,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,KAAK;AACvD,YAAA,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;SAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-overlay/ptc-overlay.scss?tag=ptc-overlay&encapsulation=shadow","src/components/atoms/ptc-overlay/ptc-overlay.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttransition: background var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n}\r\n\r\n:host(.blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.2) 0%,\r\n\t\tvar(--color-blue-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(209, 44, 58, 0.2) 0%,\r\n\t\tvar(--color-red-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.2) 0%,\r\n\t\tvar(--color-orange-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.2) 0%,\r\n\t\tvar(--color-green-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-1) {\r\n\tbackground: linear-gradient(\r\n\t\t270deg,\r\n\t\trgba(32, 38, 42, 0.32) 33.33%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-2) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(32, 38, 42, 0) 0%,\r\n\t\tvar(--color-gray-12) 100%\r\n\t);\r\n}\r\n\r\n:host(.black-4) {\r\n\tbackground: rgba(0, 0, 0, 0.66);\r\n}\r\n\r\n:host(.black-5) {\r\n\tbackground: rgba(0, 0, 0, 0.76);\r\n}\r\n\r\n//PUT BACK IN WHEN WE CAN FIGURE OUT WHY POSTCSS NOT WORKING\r\n// @include screen-sm {\r\n// \t:host(.black-1) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t270deg,\r\n// \t\t\trgba(32, 38, 42, 0) 33.33%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n\r\n// \t:host(.black-2) {\r\n// \t\tbackground: linear-gradient(\r\n// \t\t\t180deg,\r\n// \t\t\trgba(32, 38, 42, 0) 0%,\r\n// \t\t\tvar(--color-gray-12) 100%\r\n// \t\t);\r\n// \t}\r\n// }\r\n\r\n:host(.black-3) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\tvar(--color-gray-12) 0%,\r\n\t\trgba(32, 38, 42, 0.55) 100%\r\n\t);\r\n}\r\n\r\n:host(.slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.2) 0%,\r\n\t\tvar(--color-gray-07) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-blue) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(25, 123, 192, 0.72) 0%,\r\n\t\trgba(25, 123, 192, 0.85) 69.27%,\r\n\t\trgba(25, 123, 192, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-red) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(211, 62, 62, 0.72) 0%,\r\n\t\trgba(211, 62, 62, 0.85) 69.27%,\r\n\t\trgba(211, 62, 62, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-orange) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(195, 119, 41, 0.72) 0%,\r\n\t\trgba(195, 119, 41, 0.85) 69.27%,\r\n\t\trgba(195, 119, 41, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(0, 137, 11, 0.72) 0%,\r\n\t\trgba(0, 137, 11, 0.85) 69.27%,\r\n\t\trgba(0, 137, 11, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.bright-slate-grey) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(97, 116, 128, 0.72) 0%,\r\n\t\trgba(97, 116, 128, 0.85) 69.27%,\r\n\t\trgba(97, 116, 128, 0.4) 100%\r\n\t);\r\n}\r\n\r\n:host(.solid-black-1) {\r\n\tbackground: rgba(16, 19, 20, 0.85);\r\n}\r\n\r\n:host(.solid-black-2) {\r\n\tbackground: rgba(16, 19, 20, 0.7);\r\n}\r\n\r\n:host(.hp-blue) {\r\n\tbackground: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);\r\n}\r\n\r\n:host(.hp-green) {\r\n\tbackground: linear-gradient(\r\n\t\t180deg,\r\n\t\t#00890b 0%,\r\n\t\t#33a13c 100%\r\n\t); //green 07 to 06\r\n}\r\n\r\n:host(.hp-red) {\r\n\tbackground: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);\r\n}\r\n\r\n:host(.hp-gray) {\r\n\tbackground: linear-gradient(180deg, #617480 0%, #819099 100%);\r\n}\r\n\r\n:host(.hp-orange) {\r\n\tbackground: linear-gradient(180deg, #c37729 0%, #cf9254 100%);\r\n}\r\n\r\n:host(.transparent) {\r\n\tbackground: linear-gradient(180deg, transparent 0%, transparent 100%);\r\n}\r\n:host(.white-bottom) {\r\n\tbackground: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);\r\n}\r\n\r\n//Radius\r\n:host(.radius-standard) {\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n}\r\n\r\n:host(.radius-large) {\r\n\tborder-radius: var(--ptc-border-radius-large);\r\n}\r\n\r\n:host(.radius-pill) {\r\n\tborder-radius: var(--ptc-border-radius-pill);\r\n}\r\n\r\n:host(.radius-circle) {\r\n\tborder-radius: var(--ptc-border-radius-circle);\r\n}\r\n\r\n//zIndex\r\n:host(.z-index-auto) {\r\n\tz-index: auto;\r\n}\r\n\r\n:host(.z-index-n-1) {\r\n\tz-index: -1;\r\n}\r\n\r\n:host(.z-index-n-2) {\r\n\tz-index: -2;\r\n}\r\n\r\n:host(.z-index-p-1) {\r\n\tz-index: 1;\r\n}\r\n\r\n:host(.z-index-p-2) {\r\n\tz-index: 2;\r\n}\r\n","import { Component, Host, h, Prop, Method } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-overlay\",\r\n\tstyleUrl: \"ptc-overlay.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcOverlay {\r\n\t/*\r\n\t Filter Color\r\n\t /\r\n\t@Prop() filterColor:\r\n\t\t\| \"blue\"\r\n\t\t\| \"red\"\r\n\t\t\| \"orange\"\r\n\t\t\| \"green\"\r\n\t\t\| \"black-1\"\r\n\t\t\| \"black-2\"\r\n\t\t\| \"black-3\"\r\n\t\t\| \"black-4\"\r\n\t\t\| \"black-5\"\r\n\t\t\| \"slate-grey\"\r\n\t\t\| \"bright-blue\"\r\n\t\t\| \"bright-red\"\r\n\t\t\| \"bright-orange\"\r\n\t\t\| \"bright-green\"\r\n\t\t\| \"bright-slate-grey\"\r\n\t\t\| \"solid-black-1\"\r\n\t\t\| \"solid-black-2\"\r\n\t\t\| \"hp-blue\"\r\n\t\t\| \"hp-green\"\r\n\t\t\| \"hp-red\"\r\n\t\t\| \"hp-gray\"\r\n\t\t\| \"hp-orange\"\r\n\t\t\| \"transparent\"\r\n\t\t\| \"white-bottom\"\r\n\t\t\| string;\r\n\t/\r\n\t Overlay 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-pill\"\r\n\t\t\| \"radius-circle\";\r\n\t/\r\n\t Overlay z-index\r\n\t /\r\n\t@Prop() overlayZIndex:\r\n\t\t\| \"z-index-auto\"\r\n\t\t\| \"z-index-n-2\"\r\n\t\t\| \"z-index-n-1\"\r\n\t\t\| \"z-index-p-1\"\r\n\t\t\| \"z-index-p-2\" = \"z-index-auto\";\r\n\r\n\t/\r\n\t Injected Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Method()\r\n\tasync setOverlay(overlayName: string) {\r\n\t\tthis.filterColor = overlayName;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\r\n\t\treturn <Host class={classMap}></Host>;\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.filterColor]: !!this.filterColor ? true : false,\r\n\t\t\t[this.borderRadius]: !!this.borderRadius ? true : false,\r\n\t\t\t[this.overlayZIndex]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-Bp9PLjts.js → p-4N7FmMGX.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-pbQYKnK9.js';
 const ptcReadmoreCss = ":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-hyperlink)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";
@@ -256,6 +256,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcReadmore as P, defineCustomElement as d };
-//# sourceMappingURL=p-Bp9PLjts.js.map
+//# sourceMappingURL=p-4N7FmMGX.js.map
-//# sourceMappingURL=p-Bp9PLjts.js.map
+//# sourceMappingURL=p-4N7FmMGX.js.map

package/dist/components/{p-Bp9PLjts.js.map → p-4N7FmMGX.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Bp9PLjts.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\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}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\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: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\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\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\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 class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\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>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}
1	+ {"file":"p-4N7FmMGX.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/ptc-readmore/ptc-readmore.scss?tag=ptc-readmore&encapsulation=shadow","src/components/atoms/ptc-readmore/ptc-readmore.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\n:host {\r\n\tdisplay: block;\r\n}\r\n\r\n.box {\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.read-more-text {\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\t.line1 {\r\n\t\t-webkit-line-clamp: 1;\r\n\t}\r\n\t.line2 {\r\n\t\t-webkit-line-clamp: 2;\r\n\t}\r\n\t.line3 {\r\n\t\t-webkit-line-clamp: 3;\r\n\t}\r\n\t.line4 {\r\n\t\t-webkit-line-clamp: 4;\r\n\t}\r\n\t.line5 {\r\n\t\t-webkit-line-clamp: 5;\r\n\t}\r\n\t.line10 {\r\n\t\t-webkit-line-clamp: 10;\r\n\t}\r\n\r\n\tinput ~ label {\r\n\t\tdisplay: block;\r\n\t\tposition: relative; //for z-index\r\n\t\tcursor: pointer;\r\n\t\tright: 0;\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\ttext-decoration-line: underline;\r\n\t\tcolor: var(--color-hyperlink);\r\n\t\ttext-align: right;\r\n\t\t//transform: translateX(-36px);\r\n\t\tmargin-right: var(--ptc-element-spacing-07);\r\n\t\t&.left {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t&.right {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t&.center {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\tlabel {\r\n\t\t&:focus-visible {\r\n\t\t\toutline: none;\r\n\t\t\tspan {\r\n\t\t\t\t@include base-focus-state;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.z-auto {\r\n\t\tz-index: auto;\r\n\t}\r\n\t.z-1 {\r\n\t\tz-index: 1;\r\n\t}\r\n\t.z-2 {\r\n\t\tz-index: 2;\r\n\t}\r\n\t.z-3 {\r\n\t\tz-index: 3;\r\n\t}\r\n\t.z-999 {\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\tinput:checked + .read-more-text {\r\n\t\t-webkit-line-clamp: unset !important;\r\n\t}\r\n\r\n\t.read-more-text:not(.truncated) ~ label {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.show-less-cta {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n:host {\r\n\t.box {\r\n\t\t&.add-icon {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-03);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 7px;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: -5px;\r\n\t\t\t\t\t\tbottom: 7px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.show-less-cta {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.blue {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-hyperlink);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.gray {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.green {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.initial {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tcolor: initial;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.small {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.medium {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.large {\r\n\t\t\t.read-more-cta-label {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t\tline-height: var(--ptc-line-height-p);\r\n\t\t\t}\r\n\t\t\t&.add-icon {\r\n\t\t\t\t.read-more-cta-label span {\r\n\t\t\t\t\tpadding-right: var(--ptc-element-spacing-04);\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\t\theight: 10px;\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}\r\n","import {\r\n\tComponent,\r\n\tHost,\r\n\th,\r\n\tProp,\r\n\tListen,\r\n\tElement,\r\n\tMethod,\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: \"ptc-readmore\",\r\n\tstyleUrl: \"ptc-readmore.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcReadmore {\r\n\t/\r\n\t the current element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t customize read more text\r\n\t /\r\n\t@Prop({ mutable: true }) moreText?: string = \"read more\";\r\n\t/\r\n\t customize less more text\r\n\t /\r\n\t@Prop({ mutable: true }) lessText?: string;\r\n\r\n\t/\r\n\t Read more text position: left or right\r\n\t /\r\n\r\n\t@Prop() readMorePosition: \"left\" \| \"right\" \| \"center\" = \"right\";\r\n\r\n\t/\r\n\t \r\n\t * @returns string\r\n\t /\r\n\t@Prop() display: \"inline\" \| \"block\" = \"inline\";\r\n\t/\r\n\t visible lines\r\n\t /\r\n\t@Prop() visibleLines:\r\n\t\t\| \"line1\"\r\n\t\t\| \"line2\"\r\n\t\t\| \"line3\"\r\n\t\t\| \"line4\"\r\n\t\t\| \"line5\"\r\n\t\t\| \"line10\" = \"line2\";\r\n\r\n\t/\r\n\t visible lines custom numebr\r\n\t /\r\n\t@Prop() visibleLinesCustom: number;\r\n\r\n\t// /\r\n\t// visible character custom numebr\r\n\t// /\r\n\t// @Prop() visibleCharacters: number;\r\n\r\n\t/\r\n\t index of hover lable\r\n\t /\r\n\t@Prop() zIndex: \"z-auto\" \| \"z-1\" \| \"z-2\" \| \"z-3\" \| \"z-999\" = \"z-auto\";\r\n\r\n\t/\r\n\t Input element state\r\n\t /\r\n\t@Prop({ mutable: true }) checked: boolean = false;\r\n\r\n\t/\r\n\t Size: Font size of the read more text. Options small=16px \| medium=18px \| large=24px\r\n\t /\r\n\t@Prop() size: \"small\" \| \"medium\" \| \"large\" = \"small\";\r\n\r\n\t/\r\n\t Icon: if true show up/down icon besides text\r\n\t /\r\n\t@Prop() isIcon: boolean = false;\r\n\r\n\t/\r\n\t color: Read more text color. Options: default is blue. 'blue' \| 'gray' \| 'green' \| 'initial'\r\n\t /\r\n\t@Prop() color: \"blue\" \| \"gray\" \| \"green\" \| \"initial\" = \"blue\";\r\n\r\n\t/\r\n\t isContentSlotted: if the readmore content is from slot,\r\n\t /\r\n\t@Prop({ mutable: true }) isContentSlotted: boolean = false;\r\n\r\n\t@Listen(\"resize\", { target: \"window\" })\r\n\r\n\t// Added method to call from other components, if read more is not working ex: tabs\r\n\t@Method()\r\n\tasync updateReadmoreStatus() {\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.addBtnTruncated();\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/\r\n\t more clicked Event\r\n\t /\r\n\r\n\t@Event() readmoreToggle: EventEmitter;\r\n\r\n\taddBtnTruncated() {\r\n\t\tconst appRoot = this.el.shadowRoot;\r\n\t\tconst ps = appRoot.querySelectorAll(\".read-more-text\");\r\n\r\n\t\tps.forEach((p) => {\r\n\t\t\t// if (this.visibleCharacters){\r\n\t\t\t// const truncatedText = p.textContent.slice(0, this.visibleCharacters);\r\n\t\t\t// p.textContent = truncatedText;\r\n\t\t\t// }\r\n\t\t\tp.classList[p.scrollHeight > p.clientHeight ? \"add\" : \"remove\"](\r\n\t\t\t\t\"truncated\",\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\t// Created this function to initialize the truncate function on specific elements like tabs\r\n\tenableAddTruncatedClass(element) {\r\n\t\tconst allTabHeaders = document.querySelectorAll(element);\r\n\t\tfor (const element of Array.from(allTabHeaders)) {\r\n\t\t\tlet tabHeader = element;\r\n\t\t\tif (tabHeader) {\r\n\t\t\t\ttabHeader.addEventListener(\"click\", () => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t\t\t}, 100);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.addBtnTruncated();\r\n\t\tdocument.addEventListener(\"readystatechange\", () => {\r\n\t\t\tif (document.readyState === \"complete\") {\r\n\t\t\t\tthis.addBtnTruncated();\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.enableAddTruncatedClass(\"tab-header\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-ellipsis-dropdown\");\r\n\t\tthis.enableAddTruncatedClass(\"ptc-product-card\");\r\n\r\n\t\t// added code for tabnavigation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.setTabIndex();\r\n\t\t}, 400);\r\n\t}\r\n\r\n\tsetTabIndex() {\r\n\t\t//debugger\r\n\t\tlet links;\r\n\t\tif (!this.isContentSlotted) {\r\n\t\t\tlinks = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tlet slot = this.el?.querySelector(\"slot\").assignedNodes();\r\n\t\t\tlinks =\r\n\t\t\t\tslot[0] instanceof HTMLElement\r\n\t\t\t\t\t? slot[0].querySelectorAll<HTMLElement>(\r\n\t\t\t\t\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t: null;\r\n\t\t}\r\n\r\n\t\tlet bottom = 999999;\r\n\t\tlet rects = this.el.shadowRoot\r\n\t\t\t.querySelector(\".read-more-text\")\r\n\t\t\t?.getClientRects();\r\n\t\tif (rects && rects.length > 0) {\r\n\t\t\tbottom = rects[0].bottom;\r\n\t\t}\r\n\r\n\t\tif (links) {\r\n\t\t\tlinks.forEach((link) => {\r\n\t\t\t\tlet linkRects = link.getClientRects();\r\n\r\n\t\t\t\tif (linkRects && linkRects.length > 0) {\r\n\t\t\t\t\tif (linkRects[0].top < bottom) {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlink.setAttribute(\"tabindex\", \"-1\");\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\r\n\t// click event handler\r\n\thandleClick(event) {\r\n\t\tlet links = this.el?.querySelectorAll<HTMLElement>(\r\n\t\t\t'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\r\n\t\tthis.addBtnTruncated();\r\n\t\t// check if the input box is checked\r\n\t\tthis.checked = event.target.checked;\r\n\t\t// Getting cta element\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\".read-more-cta-label\");\r\n\t\t// Updating the cta text\r\n\t\tthis.checked\r\n\t\t\t? (cta.innerHTML = `<span> ${this.lessText ? this.lessText : \"\"} </span>`)\r\n\t\t\t: (cta.innerHTML = `<span> ${this.moreText ? this.moreText : \"\"}</span>`);\r\n\r\n\t\tthis.checked\r\n\t\t\t? cta.classList.add(\"show-less-cta\")\r\n\t\t\t: cta.classList.remove(\"show-less-cta\");\r\n\r\n\t\t// Emit the state change event\r\n\t\tthis.readmoreToggle.emit({\r\n\t\t\tevent: event,\r\n\t\t\tsender: this.el,\r\n\t\t\tisExpanded: this.checked,\r\n\t\t});\r\n\r\n\t\tif (links) {\r\n\t\t\tif (this.checked) {\r\n\t\t\t\tlinks.forEach((link) => {\r\n\t\t\t\t\tlink.setAttribute(\"tabindex\", \"0\");\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setTabIndex();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Handle keyboard interactions\r\n\t */\r\n\thandleKeyDown = (event: KeyboardEvent) => {\r\n\t\tif (event.key !== \"Enter\") return;\r\n\r\n\t\tconst checkBoxEl = this.el.shadowRoot.querySelector(\r\n\t\t\t\"#expanded\",\r\n\t\t) as HTMLInputElement \| null;\r\n\t\tconst cta = this.el.shadowRoot.querySelector(\r\n\t\t\t\".read-more-cta-label\",\r\n\t\t) as HTMLElement \| null;\r\n\r\n\t\tif (!checkBoxEl \|\| !cta) return;\r\n\r\n\t\tcheckBoxEl.checked = !checkBoxEl.checked;\r\n\t\tconst isExpanded = checkBoxEl.checked;\r\n\r\n\t\tcta.innerHTML = `<span>${isExpanded ? this.lessText \|\| \"\" : this.moreText \|\| \"\"}</span>`;\r\n\t\tcta.classList.toggle(\"show-less-cta\", isExpanded);\r\n\r\n\t\tif (isExpanded) {\r\n\t\t\t// Focus on the first element with tabindex=\"-1\" within 'ptc-readmore'\r\n\t\t\tconst firstTabIndexMinusOne = this.el.querySelector(\r\n\t\t\t\t'[tabindex=\"-1\"]',\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\tfirstTabIndexMinusOne?.focus();\r\n\t\t} else {\r\n\t\t\tcta.focus();\r\n\t\t\tconst readMoreText = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".read-more-text\",\r\n\t\t\t) as HTMLElement \| null;\r\n\t\t\treadMoreText?.classList.add(\"truncated\");\r\n\t\t}\r\n\t\tthis.setTabIndex();\r\n\r\n\t\t// if lessText content is not present then add tabindex=-1 to the more/less label\r\n\t\tif (cta.textContent == \"\") {\r\n\t\t\tcta.setAttribute(\"tabindex\", \"-1\");\r\n\t\t}\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 class={this.display}>\r\n\t\t\t\t<div class={classMap}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\tid=\"expanded\"\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{!!this.visibleLines \|\| !!this.visibleLinesCustom ? (\r\n\t\t\t\t\t\t<p\r\n\t\t\t\t\t\t\tclass={`read-more-text ${this.visibleLines}`}\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tWebkitLineClamp: `${this.visibleLinesCustom}`,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t\t\thtmlFor=\"expanded\"\r\n\t\t\t\t\t\trole=\"button\"\r\n\t\t\t\t\t\tclass={`${this.zIndex + \" \" + this.readMorePosition} read-more-cta-label mf-listen`}\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>{this.moreText}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"box\"]: true,\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"add-icon\"]: this.isIcon,\r\n\t\t};\r\n\t}\r\n}\r\n"],"version":3}

package/dist/components/{p-CZD05Upq.js → p-B-Gt82bD.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-Xva4X2q7.js';
-import { d as defineCustomElement$5 } from './p-BTIxGOkl.js';
-import { d as defineCustomElement$4 } from './p-Bs970RWJ.js';
-import { d as defineCustomElement$3 } from './p-Bp9PLjts.js';
-import { d as defineCustomElement$2 } from './p-BtcjaYJo.js';
-import { d as defineCustomElement$1 } from './p-DFvvSoPo.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-pbQYKnK9.js';
+import { d as defineCustomElement$5 } from './p-DGb1bK-E.js';
+import { d as defineCustomElement$4 } from './p-C0gVGnW4.js';
+import { d as defineCustomElement$3 } from './p-4N7FmMGX.js';
+import { d as defineCustomElement$2 } from './p-D2Uh7ppB.js';
+import { d as defineCustomElement$1 } from './p-DRaurB1z.js';
 const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box;word-break:break-word}";
@@ -45,9 +45,9 @@ const PtcPricingAddOnCard = /*@__PURE__*/ proxyCustomElement(class PtcPricingAdd
      */
     sectionId = "";
     render() {
-        return (h(Host, { key: 'a586a3aaca99641b289067bf633408ee24f4a671' }, h("div", { key: '8e7b8a85974ea103f3e70835f3f037058a5b0e51', class: "add-on-card" }, h("ptc-title", { key: '07a70ab8d700ca17bd5bbf62234af2d363b3db84', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '46d95dc150a55d65d974ec8d5ec4f7a889f6ea25', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: '76b29f0f423123af353722def5aa47009340191d', name: "card-pricing" })), h("ptc-spacer", { key: '4eeabd7d2de4485e72a0c211704147acf7bc4696', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: 'e73351dd8d78774dc0e430f9ffe243fe3ec58d12', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'a9d82e961921ea9f3753a854181e05da7737fe28', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
+        return (h(Host, { key: '6cc241605aceef85f772f5197852ff8ccf7abc1e' }, h("div", { key: 'dd49f83b404dc320adb6a797841f528db45f41ed', class: "add-on-card" }, h("ptc-title", { key: '22c22f285da6c447d7c83bf7239988c4b62c064a', type: "h4", "text-align": "left", "title-size": "medium", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.cardTitle), h("ptc-para", { key: '61cbbd5eee4c3834b4969b5cb82ac4a60cdf2f34', "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: 'a55232eb7cf2b95a4f9067416163ac58bf389d9d', name: "card-pricing" })), h("ptc-spacer", { key: '584faae1f883c9d1b0c8ca36bbc6197ad798fea7', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '713896960b8fbbe7593198bcccdaa3c08757f0e5', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'd686bf1305d916b1025f91698923e8f628d2486b', "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.el
             .querySelector('[slot="card-body"]')
-            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: 'd5fe5a479af8b7ec33a35a7097bdb840ff14065a', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: 'f64cd6a004b3f465f2118eefabe4dcd182babd4a' }, h("ptc-spacer", { key: 'd7a5e183b53a63c928c87f4688933afbb786ab55', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: 'ceeea01db26f5c205b52604a073ab0df8a325bee', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: '0ad28bdc1b4507c72dbe8b9e3533b65bf7926e92', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: '72467a7cb39a0ded9d1625143b80d968f9cdfe99', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'b287488ed78e52502fd486e672de229cbdcf135e', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: 'a1b21d215633589eda8e823a5a70d77adc5d8851', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: '7ebd31ed5de01072c1baa4ea6bf94315b3a6457f' }, h("ptc-spacer", { key: 'a477814c177f7e6ca382e7fc3f89704678dad7e7', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '0b565f2c3a46cc9de491ae01c0a755b2eed673a9', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: '46425b14b129c5c5208ee845a694e5fb5a20a720', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
+            .innerHTML.toString().length <= 300 ? (h("slot", { name: "card-body" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-body" }))), h("slot", { key: 'ff2b3c8e49cecd79a3c1fc9e12eb5b7b83b56b92', name: "card-body" })), this.cardCtaHref && this.cardCtaText && (h(Fragment, { key: '7fb2a094cdcaf78e2a145a5e9c66ea1527da2ea0' }, h("ptc-spacer", { key: 'f7497a68171799eb38ff698803ad7a1639e7943e', breakpoint: "small", size: "x-large" }), h("ptc-spacer", { key: '70feeb72963cc1842bf4c0dbe69f722a34654202', breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { key: '5abd64b464f723c2769b2b93bc2772caaa2aec8c', breakpoint: "x-small", size: "xx-large" }), h("ptc-spacer", { key: 'e38a8a67dca8000ce75ba1950b836295d264040d', breakpoint: "x-small", size: "xx-small" }), h("ptc-button", { key: 'ecd92f842d711266b4096f3e84857a70073241ba', class: "mf-listen", type: "link", color: "ptc-tertiary", "link-href": this.cardCtaHref, target: this.cardCtaTarget, "tracker-id": `table-card-${this.sectionId}` }, h("ptc-tooltip", { key: '1c4ff6b90699bbf72e9e4d365e505cad9a1b17c1', "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.cardCtaText, position: "bottom" })))), this.cardDisclaimer && (h(Fragment, { key: '2647d3b0381d6cd6f9a99a61fecf55707e3222e8' }, h("ptc-spacer", { key: 'e2b9d6d6b07182fe32e59bddc43df5f0c62b330d', breakpoint: "small", size: "medium" }), h("ptc-spacer", { key: '5644b00bd80dc512eac9848417f82ff7f7e469df', breakpoint: "x-small", size: "large" }), h("ptc-para", { key: 'bd222bc2f7ddba70c321da752475b9427aa63faf', "font-size": "xx-small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.cardDisclaimer.length <= 150 ? (h("slot", { name: "card-disclaimer" })) : (h("ptc-readmore", { "more-text": "More", "less-text": "Less", "is-content-slotted": true }, h("slot", { name: "card-disclaimer" })))))))));
     }
     static get style() { return ptcPricingAddOnCardCss; }
 }, [257, "ptc-pricing-add-on-card", {
@@ -100,6 +100,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcPricingAddOnCard as P, defineCustomElement as d };
-//# sourceMappingURL=p-CZD05Upq.js.map
+//# sourceMappingURL=p-B-Gt82bD.js.map
-//# sourceMappingURL=p-CZD05Upq.js.map
+//# sourceMappingURL=p-B-Gt82bD.js.map

package/dist/components/{p-CZD05Upq.js.map → p-B-Gt82bD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CZD05Upq~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\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}
1	+ {"file":"p-B-Gt82bD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.scss?tag=ptc-pricing-add-on-card&encapsulation=shadow","src/components/molecules/ptc-pricing-add-on-card/ptc-pricing-add-on-card.tsx"],"sourcesContent":[":host {\r\n\tdisplay: block;\r\n\theight: 99%;\r\n}\r\n\r\n.add-on-card {\r\n\tpadding: var(--ptc-element-spacing-06);\r\n\tborder-top: var(--color-gray-10) solid var(--ptc-element-spacing-01);\r\n\tbackground-color: white;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tword-break: break-word;\r\n}\r\n","import { Component, Host, h, Prop, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n\ttag: \"ptc-pricing-add-on-card\",\r\n\tstyleUrl: \"ptc-pricing-add-on-card.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcPricingAddOnCard {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Title\r\n\t /\r\n\t@Prop() cardTitle: string;\r\n\r\n\t/\r\n\t Pricing text\r\n\t /\r\n\t@Prop() cardPricingText: string;\r\n\r\n\t/\r\n\t CTA Button href\r\n\t /\r\n\t@Prop() cardCtaHref: string = null;\r\n\r\n\t/\r\n\t CTA Button text\r\n\t /\r\n\t@Prop() cardCtaText: string = null;\r\n\r\n\t/\r\n\t CTA Button target\r\n\t /\r\n\t@Prop() cardCtaTarget: string = null;\r\n\r\n\t/\r\n\t Disclaimer text\r\n\t /\r\n\t@Prop() cardDisclaimer: string = null;\r\n\r\n\t/\r\n\t Component ID for table uniqueness\r\n\t */\r\n\t@Prop() sectionId?: string = \"\";\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class=\"add-on-card\">\r\n\t\t\t\t\t<ptc-title\r\n\t\t\t\t\t\ttype=\"h4\"\r\n\t\t\t\t\t\ttext-align=\"left\"\r\n\t\t\t\t\t\ttitle-size=\"medium\"\r\n\t\t\t\t\t\tupperline=\"no-upperline\"\r\n\t\t\t\t\t\ttitle-height=\"densest\"\r\n\t\t\t\t\t\ttitle-margin=\"margin-flush\"\r\n\t\t\t\t\t\ttitle-weight=\"w-7\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.cardTitle}\r\n\t\t\t\t\t</ptc-title>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"card-pricing\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"small\" size=\"medium\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-spacer breakpoint=\"x-small\" size=\"large\"></ptc-spacer>\r\n\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\tfont-size=\"x-small\"\r\n\t\t\t\t\t\tfont-weight=\"w-4\"\r\n\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.el\r\n\t\t\t\t\t\t\t.querySelector('[slot=\"card-body\"]')\r\n\t\t\t\t\t\t\t.innerHTML.toString().length <= 300 ? (\r\n\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t<slot name=\"card-body\"></slot>\r\n\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t{this.cardCtaHref && this.cardCtaText && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"x-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-button\r\n\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\t\tcolor=\"ptc-tertiary\"\r\n\t\t\t\t\t\t\t\tlink-href={this.cardCtaHref}\r\n\t\t\t\t\t\t\t\ttarget={this.cardCtaTarget}\r\n\t\t\t\t\t\t\t\ttracker-id={`table-card-${this.sectionId}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ptc-tooltip\r\n\t\t\t\t\t\t\t\t\ttext-display=\"inline\"\r\n\t\t\t\t\t\t\t\t\tmax-length=\"30\"\r\n\t\t\t\t\t\t\t\t\tz-index=\"z-2\"\r\n\t\t\t\t\t\t\t\t\tdescription={this.cardCtaText}\r\n\t\t\t\t\t\t\t\t\tposition=\"bottom\"\r\n\t\t\t\t\t\t\t\t></ptc-tooltip>\r\n\t\t\t\t\t\t\t</ptc-button>\r\n\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.cardDisclaimer && (\r\n\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"small\"\r\n\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-spacer\r\n\t\t\t\t\t\t\t\tbreakpoint=\"x-small\"\r\n\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t></ptc-spacer>\r\n\t\t\t\t\t\t\t<ptc-para\r\n\t\t\t\t\t\t\t\tfont-size=\"xx-small\"\r\n\t\t\t\t\t\t\t\tfont-weight=\"w-6\"\r\n\t\t\t\t\t\t\t\tpara-align=\"left\"\r\n\t\t\t\t\t\t\t\tpara-color=\"primary-grey\"\r\n\t\t\t\t\t\t\t\tpara-line-h=\"line-height-p\"\r\n\t\t\t\t\t\t\t\tpara-margin=\"margin-flush\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.cardDisclaimer.length <= 150 ? (\r\n\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<ptc-readmore\r\n\t\t\t\t\t\t\t\t\t\tmore-text=\"More\"\r\n\t\t\t\t\t\t\t\t\t\tless-text=\"Less\"\r\n\t\t\t\t\t\t\t\t\t\tis-content-slotted={true}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"card-disclaimer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</ptc-readmore>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</ptc-para>\r\n\t\t\t\t\t\t</Fragment>\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-BqFAAjyb.js → p-B1ENE2xw.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-Xva4X2q7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-pbQYKnK9.js';
 const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-numbered-subtitle{font-family:var(--ptc-font-secondary-latin)}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:4px}@media only screen and (min-width: 768px){:host .ptc-icon-list .ptc-content-simple{padding-top:unset}}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}:host(.last-item.no-bottom-space){padding-bottom:0;margin-bottom:0}:host(.feature-callout-list){padding-bottom:var(--ptc-element-spacing-04)}:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-x-small);font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:0;font-weight:var(--ptc-font-weight-semibold);word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host(.feature-callout-list) .ptc-icon-list .ptc-content-simple{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}";
@@ -31,7 +31,7 @@ const PtcIconList = /*@__PURE__*/ proxyCustomElement(class PtcIconList extends H
     styles;
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: '97a33f3b69d38fe6f23be3ed99bdd1d3ff4f49d8', class: classMap }, this.styles && h("style", { key: '3b7e68506296cfb34d4e235ec5887e32cf2ceee5' }, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent && h("slot", null))))));
+        return (h(Host, { key: 'f205c63fc15a0555efcd72e06668ab2efc21ecaf', class: classMap }, this.styles && h("style", { key: '1ea767a6b45db50085cad276351d120284d729cc' }, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent && h("slot", null))))));
     }
     getCssClassMap() {
         return {
@@ -66,6 +66,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PtcIconList as P, defineCustomElement as d };
-//# sourceMappingURL=p-BqFAAjyb.js.map
+//# sourceMappingURL=p-B1ENE2xw.js.map
-//# sourceMappingURL=p-BqFAAjyb.js.map
+//# sourceMappingURL=p-B1ENE2xw.js.map