@ptcwebops/ptcw-design 6.4.15 → 6.4.16-beta

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcListCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}:host(.list-primary) li{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}:host(.list-primary) li:not(:last-child){margin-bottom:0.625rem}:host(.list-primary) li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.list-primary) li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-07)}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-import { i as isReducedMotion, o as onReducedMotionChange, j as getFileExtension } from './utils-a64ba942.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
+import { i as isReducedMotion, o as onReducedMotionChange, h as getFileExtension } from './utils-bdd0cc16.js';
 
 const ptcMediaCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host .anchor-wrap:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host video{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) ::slotted([slot=seo-content]){display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content p,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-densest);display:inline}@media only screen and (min-width: 768px){:host(.media-card) .card-wrap .car-content h3{font-size:var(--ptc-font-size-large)}}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content p{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small)}:host(.bureau-card){height:100%;position:relative}:host(.case-study-icon){width:296px}:host(.case-study-icon) ::slotted([slot=seo-content]){display:none}:host(.case-study-icon) .tracker-div{display:inline}:host(.case-study-icon) .case-study-img-anchor{position:relative;width:296px;height:396px;display:flex;justify-content:center;align-items:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{display:flex;width:296px;height:396px;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1;box-shadow:var(--ptc-shadow-large)}:host(.case-study-icon) .case-study-img-anchor .after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;z-index:2;background:rgba(0, 0, 0, 0.5);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor .case-study-icon-img{position:absolute;z-index:3;width:92px;height:42px;border-radius:4px;background:#fff;padding:24px;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.24);transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.case-study-icon) .case-study-img-anchor:hover .after{display:block;background:rgba(0, 0, 0, 0.07)}:host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img{width:96px;height:46px}:host(.case-study-icon) .case-study-img-anchor:active,:host(.case-study-icon) .case-study-img-anchor:focus{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .after,:host(.case-study-icon) .case-study-img-anchor:focus .after{display:block;background:rgba(0, 0, 0, 0.2);transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:active .case-study-icon-img,:host(.case-study-icon) .case-study-img-anchor:focus .case-study-icon-img{transition:none !important;-webkit-transition:none !important;-o-transition:none !important}:host(.case-study-icon) .case-study-img-anchor:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}@media (min-width: 768px){:host(.case-study-icon){width:373px}:host(.case-study-icon) .case-study-img-anchor{width:373px;height:500px}:host(.case-study-icon) .case-study-img-anchor .case-study-bg-img{width:373px;height:500px}}";
 

package/dist/esm/ptc-minimized-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
 const ptcMinimizedNavCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}.minimized-header .header{overflow:hidden;height:48px;background-color:var(--color-gray-10);display:flex;align-items:center;justify-content:center}.minimized-header .header a{float:left;color:var(--color-black);text-align:center;padding:0px 0;text-decoration:none;border-radius:var(--ptc-border-radius-standard);position:relative}.minimized-header .header a.mini-navbar-logo{font-weight:var(--ptc-font-weight-bold)}.minimized-header .header a.mini-navbar-logo img{width:65px;vertical-align:middle;border:0;height:auto}.minimized-header .header a::before{content:\"\";position:absolute;top:-50%;left:-50%;width:200%;height:48px;transform:translateY(-4px)}.minimized-header .header a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white !important;outline:#003dd6 solid 5px !important;background-color:transparent !important;outline-offset:0px}.mini-navbar-logo{outline:3px solid transparent}.mini-navbar-logo:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.ptc-container{margin-left:0}}@media only screen and (min-width: 1200px){.ptc-container{margin-left:auto;width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{width:1200px}}.ptc-min-footer{box-shadow:var(--ptc-shadow-medium);color:var(--color-white);position:relative;overflow:hidden;position:relative;z-index:1000;padding:0;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-10)}.min-footer-nav-list{margin:0;padding:0;list-style:none}.min-footer-copyright-wrapper{text-align:center;position:relative;z-index:20}.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center}@media screen-sm{.min-footer-copyright-wrapper .min-footer-copyright-list{padding:var(--ptc-element-spacing-04) 0}}@media screen-xs{.minimized-header .header a{float:none;display:block;text-align:left}}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$1 } from './index-0bf594c4.js';
+import { r as registerInstance, c as createEvent, h as h$1 } from './index-c83db688.js';
 
 /*
 * mobile-select v1.4.0

package/dist/esm/ptc-modal-quiz.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcModalQuizCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);height:-moz-max-content;height:max-content;max-height:calc(80vh - 120px);overflow-y:auto}:host .modal-quiz-progress{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-05)}:host ptc-para{flex:0 0 100%}:host .dot-progress-bar{margin-top:var(--ptc-element-spacing-03);flex:0 0 100%;display:flex}:host .dot-progress-bar div{display:flex}:host .dot-progress-bar .dot-progress-circle{display:inline-block;width:12px;height:12px;border:var(--color-gray-10) solid 2px;border-radius:50%}:host .dot-progress-bar .dot-progress-circle.active{background-color:var(--color-gray-10)}:host .dot-progress-bar .dot-progress-dash{display:flex;align-items:center}:host .dot-progress-bar .dot-progress-dash .dashed-line{width:24px;height:2px;background:repeating-linear-gradient(90deg, var(--color-gray-10) 0 5px, #0000 0 7px);}:host .modal-quiz-content .content{padding-right:none;width:100%;word-break:break-word;overflow-wrap:break-word}:host .modal-quiz-content .image{display:none}:host .options-container{margin:var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06) 0}:host .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-04);display:flex;align-items:start;width:-moz-max-content;width:max-content}:host .radio-input input[type=radio]{width:16px;height:16px;margin-top:5px}:host .radio-input input[type=radio]:hover{cursor:pointer}:host .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .radio-input input[type=radio]:before{content:\"\";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .radio-input input[type=radio]:checked:before{background:inherit}:host .radio-input input[type=radio]:after{content:\"\";display:block;position:relative;left:0;top:0;width:100%;height:100%;transform:translateY(-100%);border-radius:50%}:host .radio-input input[type=radio]:focus-visible{outline:none}:host .radio-input input[type=radio]:focus-visible:after{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);border-radius:50%}:host .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .radio-input .option-label:hover{cursor:pointer}:host .modal-quiz-ctas{margin-top:var(--ptc-element-spacing-08)}:host .modal-quiz-ctas ptc-button{margin-right:var(--ptc-element-spacing-05)}@media only screen and (min-width: 480px){:host .modal-quiz-container{padding:0 var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}}@media only screen and (min-width: 768px){:host .modal-quiz-progress{flex-wrap:none}:host ptc-para{flex:none}:host .dot-progress-bar{flex:none;margin-top:0;margin-left:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 992px){:host .modal-quiz-content{display:flex;width:100%}:host .modal-quiz-content .content{padding-right:var(--ptc-element-spacing-04);width:65%}:host .modal-quiz-content .image{width:35%;display:flex;justify-content:right;align-items:flex-start}}";
 
@@ -149,7 +149,10 @@ const PtcModalQuiz = class {
   render() {
     const ProgressDots = () => {
       return (h("div", { class: "dot-progress-bar" }, [...Array(this.totalQuestions).keys()].map((questionNumber) => {
-        return (h("div", null, h("div", { class: `dot-progress-circle ${questionNumber === this.currentQuestion - 1 ? "active" : ""}` }), questionNumber <
+        return (h("div", null, h("div", { class: `dot-progress-circle ${questionNumber ===
+            this.currentQuestion - 1
+            ? "active"
+            : ""}` }), questionNumber <
           this.totalQuestions - 1 ? (h("div", { class: "dot-progress-dash" }, h("div", { class: "dashed-line" }))) : null));
       })));
     };

package/dist/esm/ptc-nav-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
 const ptcNavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:flex;height:100%;width:100%;position:relative}:host .nav-card-wrap{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;flex-direction:column;font-size:16px;justify-content:center;letter-spacing:1.2px;line-height:1.5;list-style:none;margin:2.5px;padding:16px 40px 16px 0;text-align:left;width:100%}:host .nav-card-wrap:active{border-radius:4px;background:var(--color-gray-11)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{display:flex;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-box-pack:center;-ms-flex-pack:center;border-radius:4px;display:flex;flex-direction:column;font-size:12px;justify-content:center;letter-spacing:1.2px;line-height:18px;list-style:none;padding:16px;text-align:left;background:transparent;margin:0px}:host .nav-card-wrap:hover{background-color:var(--color-gray-11);border-radius:4px}:host .nav-card-wrap:active{border-radius:4px;background:var(--color-gray-10)}}:host .nav-card-wrap h4,:host .nav-card-wrap p,:host .nav-card-wrap a{color:var(--color-white);margin:0;text-decoration:none}:host .nav-card-wrap .media-card-wrap{align-items:center;display:flex;flex-direction:row}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem;padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}}:host .nav-card-wrap .media-card-wrap h4{font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word;margin-bottom:2px}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap h4{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:20px}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1rem}}:host .nav-card-wrap .media-card-wrap .card-logo img{width:100%;max-width:2rem;min-width:2rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo img{max-width:1.5rem;min-width:1.5rem}}:host(.media-card) .nav-card-wrap .media-card-wrap{align-items:center;display:flex;flex-direction:row}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap{padding:0px}:host(.media-card) .nav-card-wrap .media-card-wrap:focus{border:none !important;outline:none !important}}:host(.media-card) .nav-card-wrap .media-card-wrap .card-logo img{height:auto;width:24px;max-width:24px;min-width:24px}:host(.media-card) .nav-card-wrap .media-card-wrap h4{font-size:16px;font-stretch:normal;font-style:normal;font-weight:800;letter-spacing:normal;line-height:24px;text-align:left;word-break:break-word;hyphens:auto;margin-bottom:2px}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap h4{font-size:12px;hyphens:auto;line-height:18px;text-align:left;margin-bottom:2px;font-stretch:normal;font-style:normal;letter-spacing:normal}}:host(.media-card) .nav-card-wrap .media-card-wrap p{font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;hyphens:auto;letter-spacing:normal;line-height:21px;text-align:left;word-break:break-word}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap .media-card-wrap p{font-size:12px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:18px;margin-bottom:0;text-align:left}}:host(.cta-card) .nav-card-wrap{border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-09);min-height:99px;box-sizing:border-box;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.cta-card) .nav-card-wrap{min-height:80px;background-color:transparent}}:host(.cta-card) .nav-card-wrap:hover{background-color:var(--color-gray-08)}:host(.cta-card) .nav-card-wrap .card-content{margin:auto}:host(.cta-card) .nav-card-wrap .card-content h4{margin:0}:host(.cta-card) .nav-card-wrap .card-content svg{vertical-align:middle;margin-left:0.375rem}:host(.links-card) .nav-card-wrap .links-card-wrap{display:flex;flex-direction:row;justify-content:left;background:transparent}:host(.links-card) .nav-card-wrap h3{margin:0;display:inline-block;font-weight:800;color:var(--color-white);font-size:16px;font-style:normal;letter-spacing:normal;line-height:normal;position:relative;text-align:left}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{display:inline-block;font-size:12px;line-height:1.5;align-self:center}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:6px;margin-bottom:3px;vertical-align:middle;width:9.375px;height:11.25px}:host(.links-card) ::slotted(ptc-link){padding:8px 0;line-height:14px}@media only screen and (min-width: 1200px){:host(.links-card) ::slotted(ptc-link){padding:6px 0}}";
 

package/dist/esm/ptc-nav-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcNavLinkCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:14px var(--ptc-element-spacing-03) 22px;margin-top:6px;border-top:2px solid transparent;margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding:14px 10px 16px}@media only screen and (min-width: 1200px){:host a:focus-visible{padding:14px 10px 20px}}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}:host .tracker-div{display:inline}";
 

package/dist/esm/ptc-nav-pills.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
 const ptcNavPillsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";
 

package/dist/esm/ptc-nav-skip-to-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcNavSkipToContentCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}:host .skip-link{position:fixed;top:-200px}:host .skip-link:focus{top:0;display:block;padding:8px 12px;text-align:center;margin:8px;border-radius:var(--ptc-border-radius-standard);outline:5px solid #003dd6;background:#fff;z-index:99999;box-shadow:var(--ptc-shadow-medium);text-decoration:none;color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}:host(.appended){position:relative}:host(.appended) .skip-link:focus{position:absolute}";
 

package/dist/esm/ptc-nav-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcNavSliderCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}@media only screen and (min-width: 1200px){:host{max-width:730px;padding:0px 0px;display:flex;align-items:center;margin-left:-25px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-58px}}:host .navArrows{cursor:pointer;display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host button#prevBtn:focus-visible,:host button#prevBtn:focus,:host button#nextBtn:focus-visible,:host button#nextBtn:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";
 

package/dist/esm/ptc-nav-submenu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
 
 const ptcNavSubmenuCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:\"\";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{-o-object-fit:cover;object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
 

package/dist/esm/ptc-nav-tile.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
 const ptcNavTileCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}.nav-link-group{display:inline-block;padding:12px 16px;border-radius:var(--ptc-border-radius-standard);background:var(--color-gray-02);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24)}.nav-link-group .nav-title-link{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);margin:0 16px;text-decoration:none;outline:none}.nav-link-group .nav-title-link:hover,.nav-link-group .nav-title-link:visited{color:var(--color-gray-10);text-decoration:none;outline:none}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
 const ptcNewsCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block}:host .news-container{max-width:990px;padding:30px 0;margin:auto}:host .news-tag{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);display:inline-block}:host .news-date{margin-bottom:20px;display:inline-block;font-size:var(--ptc-font-size-small)}:host .news-content{padding-top:var(--ptc-element-spacing-08)}:host ptc-sticky-icons{display:none}@media only screen and (min-width: 992px){:host ptc-sticky-icons{display:block}}ptc-news .news-date{font-size:var(--ptc-font-size-small);color:var(--color-gray-10)}";
 

package/dist/esm/ptc-office-location-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
 import { s as showMapSVG } from './show-map-icon-6d9dce32.js';
 
 const phone = `

package/dist/esm/ptc-office-locations.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
 import { s as showMapSVG } from './show-map-icon-6d9dce32.js';
 
 const filterSVG = `

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
+import { r as registerInstance, h, H as Host } from './index-c83db688.js';
 
-const ptcOverlayCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}: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)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 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-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 ptcOverlayCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}: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)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 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-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 PtcOverlay = class {
   constructor(hostRef) {

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

@@ -0,0 +1,135 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
+import { s as seoSlotReset } from './utils-bdd0cc16.js';
+
+const ptcParaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
+
+const PtcPara = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fontSize = "x-small";
+    this.fontWeight = "w-4";
+    this.paraStyle = "default";
+    this.paraColor = "primary-grey";
+    this.paraLineH = "line-height-normal";
+    this.paraMargin = undefined;
+    this.paraAlign = undefined;
+    this.ellipsisLineCutoff = undefined;
+    this.paraZIndex = undefined;
+    this.styles = undefined;
+    this.seoCompatibilityMode = false;
+    this.tooltipZIndex = "auto";
+    this.tooltipPosition = "bottom";
+    this.tooltipTheme = "standard";
+    this.enableTooltip = false;
+    this.maxChars = undefined;
+    this.maxLines = undefined;
+    this.hideTooltipOnMobile = false;
+    this.ismob = undefined;
+    this.noOverflow = false;
+    this.tooltipWidth = "default";
+  }
+  // Tooltip Properties ends
+  render() {
+    if (this.seoCompatibilityMode) {
+      seoSlotReset(this.el);
+    }
+    return this.standardRender();
+  }
+  //tooltip code
+  getSortedText(content) {
+    if (!this.enableTooltip)
+      return;
+    const trimmedContent = content.trim();
+    const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
+    return shouldTruncate
+      ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026`
+      : trimmedContent;
+  }
+  componentDidLoad() {
+    if (this.hideTooltipOnMobile) {
+      this.el.classList.add("hide-tooltip-on-mobile");
+    }
+    this.el.addEventListener("mouseenter", () => {
+      this.toggleTitleTooltip(true);
+    });
+    this.el.addEventListener("mouseleave", () => {
+      this.toggleTitleTooltip(false);
+    });
+    if (this.enableTooltip) {
+      let paraContent = this.el.innerText || this.el.textContent;
+      this.tooltipText = paraContent.trim();
+      this.el.innerText = this.getSortedText(paraContent);
+    }
+  }
+  toggleTitleTooltip(show) {
+    const tooltipClass = "tooltip-box";
+    const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
+    const text = this.el.shadowRoot.querySelectorAll(".line-clamp-title");
+    let maxLinesShowCheck = false;
+    if (text) {
+      text.forEach((t) => {
+        maxLinesShowCheck = t.scrollHeight > t.clientHeight;
+      });
+    }
+    const ifCharExceeds = this.maxChars
+      ? this.tooltipText.length > this.maxChars && !this.maxLines
+      : false;
+    const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
+    if (show && this.enableTooltip) {
+      if (((!existingTooltip && ifCharExceeds) ||
+        (!existingTooltip && ifLinesExceeds)) &&
+        !this.noOverflow) {
+        const tooltipMarkup = document.createElement("div");
+        tooltipMarkup.className = tooltipClass;
+        tooltipMarkup.innerText = this.tooltipText;
+        tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
+        tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
+        if (this.hideTooltipOnMobile) {
+          tooltipMarkup.classList.add("hide-tooltip-mobile");
+        }
+        this.el.appendChild(tooltipMarkup);
+      }
+    }
+    else {
+      existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
+    }
+  }
+  //tooltip code ends
+  standardRender() {
+    const classMap = this.getCssClassMap();
+    const colorClass = this.addWhiteClass();
+    const cutOff = this.getLineCuttoff();
+    return (h(Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.fontSize]: true,
+      [this.fontWeight]: true,
+      [this.paraStyle]: true,
+      [this.paraMargin]: !!this.paraMargin ? true : false,
+      [this.paraColor]: true,
+      [this.paraLineH]: true,
+      [this.paraAlign]: !!this.paraAlign ? true : false,
+      ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      ["line-clamp-title"]: this.maxLines && this.maxLines > 0, //tooltip code,
+    };
+  }
+  //WEB-2392
+  addWhiteClass() {
+    if (this.paraColor == "white") {
+      return {
+        [this.paraColor]: true,
+      };
+    }
+  }
+  getLineCuttoff() {
+    const lineClamp = this.ellipsisLineCutoff > 0
+      ? this.ellipsisLineCutoff
+      : this.maxLines;
+    return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
+  }
+  get el() { return getElement(this); }
+};
+PtcPara.style = ptcParaCss;
+
+export { PtcPara as ptc_para };

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

@@ -0,0 +1,181 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
+import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
+
+const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{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}}:host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{-o-object-fit:cover;object-fit:cover}.fill{-o-object-fit:fill;object-fit:fill}.contain{-o-object-fit:contain;object-fit:contain}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.none{-o-object-fit:none;object-fit:none}.initial{-o-object-fit:initial;object-fit:initial}.inherit{-o-object-fit:inherit;object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
+
+const PtcPicture = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.src = undefined;
+    this.alt = "image";
+    this.sizeXs = "510x340";
+    this.sizeSm = "1240x496";
+    this.sizeMd = "1366x500";
+    this.sizeLg = "1920x1080";
+    this.disableResize = false;
+    this.oldSrc = undefined;
+    this.imagePosition = "static";
+    this.borderRadius = undefined;
+    this.height = undefined;
+    this.width = undefined;
+    this.objectFit = "cover";
+    this.isFullHeight = false;
+    this.isFullWidth = false;
+    this.styles = undefined;
+    this.imageAlignment = "left";
+    this.maxWidth = undefined;
+    this.displayImage = "block";
+  }
+  WindowResize() {
+    this.addIntersectionObserver();
+  }
+  componentWillLoad() {
+    if (this.disableResize) {
+      this.sizeXs = undefined;
+      this.sizeSm = undefined;
+      this.sizeMd = undefined;
+      this.sizeLg = undefined;
+    }
+  }
+  componentDidLoad() {
+    this.addIntersectionObserver();
+  }
+  componentWillUpdate() {
+    if (this.src !== this.oldSrc) {
+      this.addIntersectionObserver();
+    }
+    this.oldSrc = this.src;
+  }
+  //lazy-loading
+  addIntersectionObserver() {
+    if (!this.src) {
+      return;
+    }
+    if ("IntersectionObserver" in window) {
+      let lazyLoadImages = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            const image = this.el.shadowRoot.querySelector("img");
+            image.src = this.setResponsiveBg();
+            lazyLoadImages.unobserve(image);
+          }
+        });
+      });
+      let tempImg = this.el.shadowRoot.querySelector("img");
+      if (tempImg) {
+        lazyLoadImages.observe(tempImg);
+      }
+      this.observer = lazyLoadImages;
+    }
+    else {
+      // fall back to setTimeout for Safari and IE
+      setTimeout(() => {
+        const image = this.el.shadowRoot.querySelector("img");
+        image.src = this.setResponsiveBg();
+        image.onload = () => {
+          image.removeAttribute("data-src");
+        };
+      }, 5000);
+    }
+  }
+  //responsive image
+  setResponsiveBg() {
+    // Define local variables
+    let backgrounds = (this.el.shadowRoot || document).querySelectorAll("img"), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
+    for (var i = 0, len = backgrounds.length; i < len; i++) {
+      // Set current variables
+      el = backgrounds[i];
+      elData = el.getAttribute("data-" + currentBreakpoint);
+      if (elData !== null) {
+        return elData;
+      }
+      else {
+        if (typeof console == "object") {
+          console.warn("Data attribute: data-" +
+            currentBreakpoint +
+            " not found on element:\n\n" +
+            el.outerHTML +
+            "\n\n\n");
+        }
+      }
+    }
+  }
+  //manually load image
+  async LoadImage() {
+    const image = this.el.shadowRoot.querySelector("img");
+    if (!image) {
+      return;
+    }
+    if (!image.src) {
+      image.src = this.setResponsiveBg();
+      image.onload = () => {
+        image.removeAttribute("data-src");
+      };
+    }
+    if (this.observer) {
+      this.observer.unobserve(image);
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const classMapHost = this.getCssClassMapHost();
+    return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth
+        ? { maxWidth: this.maxWidth + "px" }
+        : {})) })), h("slot", null)));
+  }
+  getCurrentBreakPoints() {
+    // Define local variables
+    let doc = window.document, temp = doc.createElement("div"), env;
+    // Append test node
+    doc.body.appendChild(temp);
+    // Loop through breakpoints
+    for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
+      env = ResponsivePictureVariables.envs[i];
+      // Add classes
+      temp.className = "hidden-" + env;
+      // Found breakpoint
+      if (temp.offsetParent === null) {
+        // Remove our test node
+        doc.body.removeChild(temp);
+        // Return current breakpoint
+        return env;
+      }
+    }
+    // Breakpoint not found, try fallback
+    doc.body.removeChild(temp);
+    return this.getFallbackBreakpoint();
+  }
+  getFallbackBreakpoint() {
+    if (window.matchMedia("(min-width: 992px)").matches) {
+      return "lg";
+    }
+    else if (window.matchMedia("(min-width: 768px)").matches) {
+      return "md";
+    }
+    else if (window.matchMedia("(min-width: 576px)").matches) {
+      return "sm";
+    }
+    else {
+      return "xs";
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.borderRadius]: this.borderRadius ? true : false,
+      [this.objectFit]: true,
+      [this.isFullHeight ? "is-full-height" : "is-normal-height"]: true,
+      [this.isFullWidth ? "is-full-width" : "is-normal-width"]: true,
+      [this.displayImage]: true,
+    };
+  }
+  getCssClassMapHost() {
+    return {
+      [this.imagePosition]: true,
+      [this.imageAlignment]: true,
+    };
+  }
+  get el() { return getElement(this); }
+};
+PtcPicture.style = ptcPictureCss;
+
+export { PtcPicture as ptc_picture };