npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-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 (1014) hide show

package/dist/cjs/ptc-square-card.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcSquareCardCss = ":host{display:block;background-color:transparent}:host ::slotted([slot=seo-content]){display:none}:host .card-border{height:auto;width:200px}:host .card-border .before-icon-h3{line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}:host .card-border .after-icon-p{color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);margin-top:0;margin-bottom:var(--ptc-element-spacing-05)}:host .square-padding{margin:var(--ptc-element-spacing-02)}@media only screen and (min-width: 480px){:host .square-padding{margin:var(--ptc-element-spacing-03) var(--ptc-element-spacing-01)}}@media screen and (min-width: 512px){:host .square-padding{margin:var(--ptc-element-spacing-03)}}:host .card-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}:host .icon{display:inline;vertical-align:middle}:host .number{display:inline-block;line-height:var(--ptc-line-height-denser);font-size:var(--ptc-font-size-xx-large);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}:host slot[name=before-icon],:host slot[name=after-icon]{text-align:center;line-height:var(--ptc-line-height-densest);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-gray-10)}";

package/dist/cjs/ptc-sticky-icons.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcStickyIconsCss = "@media only screen and (min-width: 992px){:host{z-index:105;margin:auto;position:sticky;top:10%;right:0;float:right;margin-right:-40px}}:host .icon-container{padding:var(--ptc-element-spacing-03) 0}@media only screen and (min-width: 992px){:host .icon-container{padding:0 0 0 var(--ptc-element-spacing-03);display:flex;flex-direction:column}}:host ::slotted(ptc-social-share){margin:0 var(--ptc-element-spacing-03) 0 0}@media only screen and (min-width: 992px){:host ::slotted(ptc-social-share){margin:0 0 var(--ptc-element-spacing-03) 0;display:flex;align-items:center;justify-content:center}}";

package/dist/cjs/ptc-sticky-section.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcStickySectionCss = ":host{display:block}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}";

package/dist/cjs/ptc-sticky-title.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcStickyTitleCss = ":host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;display:flex;opacity:0;visibility:hidden;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 992px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1;visibility:visible;opacity:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0}@media only screen and (min-width: 992px){.sticky-header-title{justify-content:center;padding:0 80px}}@media only screen and (min-width: 992px){.sticky-header-title{padding:0 100px}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 992px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 992px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title .sticky-text{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 992px){.sticky-header-title .sticky-text{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";

package/dist/cjs/ptc-store-card-list.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 var core = require('./core-DQkbySH0.js');
 var pagination = require('./pagination-B7n6xoas.js');
 var scrollbar = require('./scrollbar-Da-e0NWg.js');

package/dist/cjs/ptc-store-card.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcStoreCardCss = ":host{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%}:host .image-container{height:120px;position:relative}:host .content-container{padding:24px;color:var(--color-gray-10);display:flex;flex-direction:column;flex:1;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host ::slotted(.store-card-logo){display:block;max-height:24px;margin-bottom:8px}:host ::slotted(h4){margin:0 0 var(--ptc-element-spacing-02) 0 !important}:host ::slotted(a.store-card-title){display:block;color:var(--color-gray-10)}:host ::slotted(p){margin-bottom:0 !important;font-size:var(--ptc-font-size-x-small) !important}";

package/dist/cjs/ptc-subnav-card.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcSubnavCardCss = ":host{display:block;text-align:center;padding:0 var(--ptc-layout-spacing-02)}:host a{text-decoration:none}:host a:hover{text-decoration:none}:host h4{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white);margin:0}:host .cta icon-asset{margin-left:4px;vertical-align:middle}:host img{max-width:75px;margin:var(--ptc-layout-spacing-03) 0}";

package/dist/cjs/ptc-subnav-v2.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcSubnavV2Css = ":host .mobile-dropdown-container .mobile-dropdown-button,:host .subnav-menu-left .overflow-menu-container .overflow-button,:host .subnav-menu-left ul.desktop-menu li a{color:var(--color-gray-07);text-decoration:none;padding:8px 12px;text-align:center;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:18px;display:flex;align-items:center;position:relative;border-bottom:3px solid transparent;height:100%;box-sizing:border-box;transition:all 0.2s ease}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown{position:absolute;top:100%;background:var(--color-standard-gray);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large);min-width:200px;z-index:1001;padding:14px 0;margin-top:-4px;max-width:312px;width:-moz-max-content;width:max-content}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item,:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a{display:block;padding:10px 32px 10px 24px;color:var(--color-gray-07);text-decoration:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);transition:all 0.2s ease;position:relative;border:none}:host{position:relative;display:block;font-family:var(--ptc-font-latin);background-color:var(--color-standard-gray);box-shadow:var(--ptc-shadow-small);transition:all 0.3s ease-in-out}:host.sticky-transition{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}:host .subnav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 24px;margin:0 auto;max-width:1200px;gap:24px}@media only screen and (min-width: 768px){:host .subnav-container{flex-wrap:wrap;gap:48px}}@media only screen and (min-width: 1200px){:host .subnav-container{padding:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .subnav-container{padding:0;max-width:1200px}}:host .subnav-container.full-width{justify-content:flex-start}:host .subnav-menu-left{display:flex;align-items:center;flex:1;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left{justify-content:flex-start}}:host .subnav-menu-left ul.desktop-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;align-self:stretch}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu{justify-content:flex-start;gap:32px}}:host .subnav-menu-left ul.desktop-menu li{display:inline-block;height:100%}@media only screen and (min-width: 768px){:host .subnav-menu-left ul.desktop-menu li a{padding:20px 0 17px 0}}:host .subnav-menu-left ul.desktop-menu li a:hover{color:var(--color-gray-10)}:host .subnav-menu-left ul.desktop-menu li a.active{color:var(--color-gray-10);border-bottom:3px solid var(--color-green-07)}:host .subnav-menu-left ul.desktop-menu li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container{position:relative;display:none}@media only screen and (min-width: 768px){:host .subnav-menu-left .overflow-menu-container{display:inline-block}}:host .subnav-menu-left .overflow-menu-container .overflow-button{background:none;border:none;padding:20px 0 17px 0;cursor:pointer;justify-content:center;min-width:32px;border-bottom:3px solid transparent;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button:hover{color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots{border-radius:2px;border:1px solid var(--color-gray-07);line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-sizing:border-box}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:hover svg circle{fill:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-button .overflow-dots:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded],:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active{border-bottom-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots{background-color:var(--color-green-07);border-color:var(--color-green-07)}:host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots svg circle,:host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots svg circle{fill:var(--color-white)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-right{left:auto;right:-2px}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown.align-left{left:0;right:auto}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:hover{background-color:var(--color-gray-02);color:var(--color-gray-10)}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active{color:var(--color-gray-10);border-bottom:none}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a.active::before{content:\"\";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:14px;top:0}:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-left.full-width{flex:1;width:100%;justify-content:flex-start}:host .subnav-menu-left.full-width .desktop-menu{width:100%}:host .mobile-dropdown-container{position:relative;display:block;height:100%;box-sizing:border-box}@media only screen and (min-width: 768px){:host .mobile-dropdown-container{display:none !important}}:host .mobile-dropdown-container .mobile-dropdown-button{background:transparent;border:none;border-bottom:3px solid var(--color-green-07);padding:20px 0 17px 0;justify-content:center;gap:10px;cursor:pointer}:host .mobile-dropdown-container .mobile-dropdown-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .mobile-dropdown-container .mobile-dropdown-button[aria-expanded]{border-color:var(--color-green-07);color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-selected-item{flex:1;text-align:left;color:var(--color-gray-07);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow svg{transition:transform 0.2s ease}:host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow.rotated svg{transform:rotate(180deg)}:host .mobile-dropdown-container .mobile-dropdown{position:absolute;top:calc(100% - 8px);left:-2px;background:var(--color-standard-gray);border:1px solid var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-medium);z-index:1001;margin:4px 0 0 0;overflow-y:auto;min-width:280px;width:-moz-fit-content;width:fit-content;list-style:none;padding:14px 0}:host .mobile-dropdown-container .mobile-dropdown li{display:block}:host .mobile-dropdown-container .mobile-dropdown li:last-child{border-bottom:none}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item{width:100%;background:none;text-align:left;cursor:pointer;word-break:break-word;display:block;box-sizing:border-box}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active{color:var(--color-gray-10)}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active::before{content:\"\";display:block;width:2px;height:100%;background-color:var(--color-green-07);position:absolute;left:14px;top:0}:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .subnav-menu-right{max-width:50%;padding:12px 0}@media only screen and (min-width: 768px){:host .subnav-menu-right{width:auto;max-width:300px}}";
@@ -402,8 +402,8 @@ const PtcSubnavV2 = class {
                 this.measurementElement.style.fontSize = '14px';
                 this.measurementElement.style.fontWeight = '700';
                 this.measurementElement.style.padding = '20px 0 20px 0';
-                document.body.appendChild(this.measurementElement);
             }
+            document.body.appendChild(this.measurementElement);
             for (let i = 0; i < navItems.length; i++) {
                 const item = navItems[i];
                 this.measurementElement.textContent = item.label;
@@ -416,6 +416,7 @@ const PtcSubnavV2 = class {
                     break;
                 }
             }
+            document.body.removeChild(this.measurementElement);
             this.visibleItems = navItems.slice(0, visibleCount);
             this.overflowItems = navItems.slice(visibleCount);
         }

package/dist/cjs/ptc-subnav-v2.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-subnav-v2.entry.cjs.js","sources":["src/components/molecules/ptc-subnav-v2/ptc-subnav-v2.scss?tag=ptc-subnav-v2&encapsulation=shadow","src/components/molecules/ptc-subnav-v2/ptc-subnav-v2.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n// Base navigation link styles\r\n%nav-link-base {\r\n color: var(--color-gray-07);\r\n text-decoration: none;\r\n padding: 8px 12px;\r\n text-align: center;\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: 18px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n border-bottom: 3px solid transparent;\r\n height: 100%;\r\n box-sizing: border-box;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n// Base dropdown styles\r\n%dropdown-base {\r\n position: absolute;\r\n top: 100%;\r\n background: var(--color-standard-gray);\r\n border-radius: var(--ptc-border-radius-standard);\r\n box-shadow: var(--ptc-shadow-x-large);\r\n min-width: 200px;\r\n z-index: 1001;\r\n padding: 14px 0;\r\n margin-top: -4px;\r\n max-width: 312px;\r\n width: max-content;\r\n}\r\n\r\n// Base dropdown link styles\r\n%dropdown-link-base {\r\n display: block;\r\n padding: 10px 32px 10px 24px;\r\n color: var(--color-gray-07);\r\n text-decoration: none;\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: var(--ptc-line-height-densest);\r\n transition: all 0.2s ease;\r\n position: relative;\r\n border: none;\r\n}\r\n\r\n:host {\r\n // Base host styles\r\n position: relative;\r\n display: block;\r\n font-family: var(--ptc-font-latin);\r\n background-color: var(--color-standard-gray);\r\n box-shadow: var(--ptc-shadow-small);\r\n\r\n // Smooth transitions for sticky positioning\r\n transition: all 0.3s ease-in-out;\r\n\r\n // Enhanced transitions when sticky\r\n &.sticky-transition {\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;\r\n\r\n // Enhanced shadow when sticky for better visual feedback\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n // JavaScript will handle sticky positioning dynamically\r\n\r\n // Container styles\r\n .subnav-container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 24px;\r\n margin: 0 auto;\r\n max-width: 1200px;\r\n gap: 24px;\r\n\r\n @include screen-sm {\r\n flex-wrap: wrap;\r\n gap: 48px;\r\n }\r\n\r\n @include screen-lg {\r\n padding: 0;\r\n max-width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n padding: 0;\r\n max-width: 1200px;\r\n }\r\n\r\n &.full-width {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n // Left navigation menu\r\n .subnav-menu-left {\r\n display: flex;\r\n align-items: center;\r\n flex: 1;\r\n align-self: stretch;\r\n\r\n @include screen-sm {\r\n justify-content: flex-start;\r\n }\r\n\r\n // Desktop menu list\r\n ul.desktop-menu {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n flex-wrap: wrap;\r\n align-self: stretch;\r\n\r\n @include screen-sm {\r\n justify-content: flex-start;\r\n gap: 32px;\r\n }\r\n\r\n // Menu items\r\n li {\r\n display: inline-block;\r\n height: 100%;\r\n\r\n // Navigation links\r\n a {\r\n @extend %nav-link-base;\r\n\r\n @include screen-sm {\r\n padding: 20px 0 17px 0;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n border-bottom: 3px solid var(--color-green-07);\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Desktop overflow menu styles (hidden on mobile)\r\n .overflow-menu-container {\r\n position: relative;\r\n display: none;\r\n\r\n @include screen-sm {\r\n display: inline-block;\r\n }\r\n\r\n // Overflow button\r\n .overflow-button {\r\n @extend %nav-link-base;\r\n background: none;\r\n border: none;\r\n padding: 20px 0 17px 0;\r\n cursor: pointer;\r\n justify-content: center;\r\n min-width: 32px;\r\n border-bottom: 3px solid transparent;\r\n box-sizing: border-box;\r\n &:hover {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n .overflow-dots {\r\n border-radius: 2px;\r\n border: 1px solid var(--color-gray-07);\r\n line-height: 1;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-sizing: border-box;\r\n\r\n &:hover {\r\n background-color: var(--color-gray-04);\r\n border-color: var(--color-gray-04);\r\n svg {\r\n circle {\r\n fill: var(--color-gray-10);\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n &[aria-expanded],\r\n &.selected-active {\r\n border-bottom-color: var(--color-green-07);\r\n .overflow-dots {\r\n background-color: var(--color-green-07);\r\n border-color: var(--color-green-07);\r\n svg {\r\n circle {\r\n fill: var(--color-white);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Overflow dropdown\r\n .overflow-dropdown {\r\n @extend %dropdown-base;\r\n &.align-right {\r\n left: auto;\r\n right: -2px;\r\n }\r\n &.align-left {\r\n left: 0;\r\n right: auto;\r\n }\r\n\r\n a {\r\n @extend %dropdown-link-base;\r\n\r\n &:hover {\r\n background-color: var(--color-gray-02);\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n border-bottom: none;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 2px;\r\n height: 100%;\r\n background-color: var(--color-green-07);\r\n position: absolute;\r\n left: 14px;\r\n top: 0;\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.full-width {\r\n flex: 1;\r\n width: 100%;\r\n justify-content: flex-start;\r\n .desktop-menu {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n // Mobile dropdown styles (hidden on desktop)\r\n .mobile-dropdown-container {\r\n position: relative;\r\n display: block;\r\n height: 100%;\r\n box-sizing: border-box;\r\n\r\n @include screen-sm {\r\n display: none !important;\r\n }\r\n\r\n // Mobile dropdown button\r\n .mobile-dropdown-button {\r\n @extend %nav-link-base;\r\n background: transparent;\r\n border: none;\r\n border-bottom: 3px solid var(--color-green-07);\r\n padding: 20px 0 17px 0;\r\n justify-content: center;\r\n gap: 10px;\r\n cursor: pointer;\r\n\r\n // &:hover {\r\n // border-color: var(--color-gray-04);\r\n // color: var(--color-gray-10);\r\n // }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n &[aria-expanded] {\r\n border-color: var(--color-green-07);\r\n color: var(--color-gray-10);\r\n }\r\n\r\n // Selected item text\r\n .mobile-selected-item {\r\n flex: 1;\r\n text-align: left;\r\n color: var(--color-gray-07);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: var(--ptc-line-height-densest);\r\n display: -webkit-box;\r\n line-clamp: 1;\r\n -webkit-line-clamp: 1;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n }\r\n\r\n // Arrow icon\r\n .mobile-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.2s ease;\r\n\r\n svg {\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n &.rotated svg {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n // Mobile dropdown list\r\n .mobile-dropdown {\r\n position: absolute;\r\n top: calc(100% - 8px);\r\n left: -2px;\r\n background: var(--color-standard-gray);\r\n border: 1px solid var(--color-gray-02);\r\n border-radius: var(--ptc-border-radius-standard);\r\n box-shadow: var(--ptc-shadow-medium);\r\n z-index: 1001;\r\n margin: 4px 0 0 0;\r\n overflow-y: auto;\r\n min-width: 280px;\r\n width: fit-content;\r\n list-style: none;\r\n padding: 14px 0;\r\n\r\n li {\r\n display: block;\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .mobile-dropdown-item {\r\n @extend %dropdown-link-base;\r\n width: 100%;\r\n background: none;\r\n text-align: left;\r\n cursor: pointer;\r\n word-break: break-word;\r\n display: block;\r\n box-sizing: border-box;\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 2px;\r\n height: 100%;\r\n background-color: var(--color-green-07);\r\n position: absolute;\r\n left: 14px;\r\n top: 0;\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Right menu section\r\n .subnav-menu-right {\r\n max-width: 50%;\r\n padding: 12px 0;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n max-width: 300px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, h, Prop, State, Element } from '@stencil/core';\r\n\r\ninterface NavItem {\r\n id: string;\r\n label: string;\r\n title?: string;\r\n trackerId?: string;\r\n}\r\n\r\n@Component({\r\n tag: 'ptc-subnav-v2',\r\n styleUrl: 'ptc-subnav-v2.scss',\r\n shadow: true,\r\n})\r\nexport class PtcSubnavV2 {\r\n @Element() el: HTMLElement;\r\n @Prop() activeSection: string = 'overview';\r\n @Prop() navItems: string = ''; // JSON string of navigation items (fallback only)\r\n @State() currentActive: string = 'overview';\r\n @State() visibleItems: NavItem[] = [];\r\n @State() overflowItems: NavItem[] = [];\r\n @State() showOverflowMenu: boolean = false;\r\n @State() overflowDropdownAlignLeft: boolean = false;\r\n @State() isMobile: boolean = false;\r\n @State() isManualNavigation: boolean = false;\r\n\r\n private navContainer: HTMLElement;\r\n private overflowButton: HTMLElement;\r\n private overflowMenuContainer: HTMLElement;\r\n private overflowDropdownEl: HTMLElement;\r\n private boundHandleResize: () => void;\r\n private boundHandleClickOutside: (event: Event) => void;\r\n private boundHandleScroll: () => void;\r\n private boundHandleKeyDown: (event: KeyboardEvent) => void;\r\n private boundHandleStickyScroll: () => void;\r\n private boundHandleHashChange: () => void;\r\n private intersectionObserver: IntersectionObserver;\r\n private resizeObserver: ResizeObserver;\r\n private scrollTimeout: number;\r\n private scrollThrottleTimeout: number;\r\n private manualNavigationTimeout: number;\r\n private cachedNavItems: NavItem[] \| null = null;\r\n private stickyScrollTimeout: number;\r\n private isSticky: boolean = false;\r\n private originalTop: number = 0;\r\n private placeholderElement: HTMLElement \| null = null;\r\n private measurementElement: HTMLElement \| null = null;\r\n\r\n componentWillLoad() {\r\n this.currentActive = this.activeSection;\r\n }\r\n\r\n componentDidLoad() {\r\n this.bindEventHandlers();\r\n this.handleResize();\r\n this.addEventListeners();\r\n this.setupIntersectionObserver();\r\n this.setupResizeObserver();\r\n this.initializeStickyPosition();\r\n this.handleInitialLoadWithHash();\r\n }\r\n\r\n private bindEventHandlers() {\r\n this.boundHandleResize = this.handleResize.bind(this);\r\n this.boundHandleClickOutside = this.handleClickOutside.bind(this);\r\n this.boundHandleScroll = this.handleScroll.bind(this);\r\n this.boundHandleKeyDown = this.handleKeyDown.bind(this);\r\n this.boundHandleStickyScroll = this.handleStickyScroll.bind(this);\r\n this.boundHandleHashChange = this.handleHashChange.bind(this);\r\n }\r\n\r\n private addEventListeners() {\r\n window.addEventListener('resize', this.boundHandleResize);\r\n document.addEventListener('click', this.boundHandleClickOutside);\r\n document.addEventListener('keydown', this.boundHandleKeyDown);\r\n window.addEventListener('scroll', this.boundHandleScroll, {\r\n passive: true,\r\n });\r\n window.addEventListener('scroll', this.boundHandleStickyScroll, {\r\n passive: true,\r\n });\r\n window.addEventListener('hashchange', this.boundHandleHashChange);\r\n window.addEventListener('load', this.boundHandleHashChange, {\r\n once: true,\r\n });\r\n }\r\n\r\n disconnectedCallback() {\r\n this.removeEventListeners();\r\n this.cleanupTimeouts();\r\n this.cleanupIntersectionObserver();\r\n this.cleanupResizeObserver();\r\n this.cleanupElements();\r\n }\r\n\r\n private removeEventListeners() {\r\n window.removeEventListener('resize', this.boundHandleResize);\r\n document.removeEventListener('click', this.boundHandleClickOutside);\r\n document.removeEventListener('keydown', this.boundHandleKeyDown);\r\n window.removeEventListener('scroll', this.boundHandleScroll);\r\n window.removeEventListener('scroll', this.boundHandleStickyScroll);\r\n window.removeEventListener('hashchange', this.boundHandleHashChange);\r\n window.removeEventListener('load', this.boundHandleHashChange);\r\n }\r\n\r\n private cleanupTimeouts() {\r\n if (this.scrollTimeout) clearTimeout(this.scrollTimeout);\r\n if (this.scrollThrottleTimeout) clearTimeout(this.scrollThrottleTimeout);\r\n if (this.manualNavigationTimeout) clearTimeout(this.manualNavigationTimeout);\r\n if (this.stickyScrollTimeout) clearTimeout(this.stickyScrollTimeout);\r\n }\r\n\r\n private cleanupIntersectionObserver() {\r\n if (this.intersectionObserver) {\r\n this.intersectionObserver.disconnect();\r\n }\r\n }\r\n\r\n private cleanupResizeObserver() {\r\n if (this.resizeObserver) {\r\n this.resizeObserver.disconnect();\r\n }\r\n }\r\n\r\n private cleanupElements() {\r\n if (this.placeholderElement) {\r\n this.placeholderElement.remove();\r\n this.placeholderElement = null;\r\n }\r\n if (this.measurementElement) {\r\n this.measurementElement.remove();\r\n this.measurementElement = null;\r\n }\r\n }\r\n\r\n private handleClickOutside = (event: Event) => {\r\n if (!this.el.contains(event.target as HTMLElement)) {\r\n this.showOverflowMenu = false;\r\n }\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape' && this.showOverflowMenu) {\r\n this.showOverflowMenu = false;\r\n this.overflowButton?.focus();\r\n }\r\n };\r\n\r\n private handleScroll = () => {\r\n // Throttle scroll events for better performance\r\n if (this.scrollThrottleTimeout) {\r\n return;\r\n }\r\n\r\n this.scrollThrottleTimeout = window.setTimeout(() => {\r\n // Don't update active state if user just manually navigated\r\n if (this.isManualNavigation) {\r\n this.scrollThrottleTimeout = null;\r\n return;\r\n }\r\n\r\n // Fallback scroll handler to ensure active state is updated\r\n const navItems = this.getNavItems();\r\n const subnavHeight = this.el.offsetHeight;\r\n const scrollPosition = window.scrollY + subnavHeight + 100; // Offset for better detection\r\n\r\n // Find the section that should be active based on scroll position\r\n let activeSection = navItems[0].id; // Default to first section\r\n\r\n for (let i = navItems.length - 1; i >= 0; i--) {\r\n const section = document.getElementById(navItems[i].id);\r\n if (section && section.offsetTop <= scrollPosition) {\r\n activeSection = navItems[i].id;\r\n break;\r\n }\r\n }\r\n\r\n // Only update if different from current active\r\n if (activeSection !== this.currentActive) {\r\n this.currentActive = activeSection;\r\n }\r\n\r\n this.scrollThrottleTimeout = null;\r\n }, 16); // ~60fps throttling\r\n };\r\n\r\n private initializeStickyPosition = () => {\r\n // Store the original position of the subnav\r\n const rect = this.el.getBoundingClientRect();\r\n this.originalTop = rect.top + window.scrollY;\r\n };\r\n\r\n private handleStickyScroll = () => {\r\n // Throttle sticky scroll events for better performance\r\n if (this.stickyScrollTimeout) {\r\n return;\r\n }\r\n\r\n this.stickyScrollTimeout = window.setTimeout(() => {\r\n const scrollY = window.scrollY;\r\n\r\n // Check if we should make the subnav sticky\r\n const shouldBeSticky = scrollY >= this.originalTop;\r\n\r\n if (shouldBeSticky && !this.isSticky) {\r\n // Store the original height before making it fixed\r\n const originalHeight = this.el.offsetHeight;\r\n\r\n // Create placeholder element to maintain space\r\n this.placeholderElement = document.createElement('div');\r\n this.placeholderElement.style.height = `${originalHeight}px`;\r\n this.placeholderElement.style.width = '100%';\r\n this.placeholderElement.style.pointerEvents = 'none';\r\n\r\n // Insert placeholder before the subnav\r\n this.el.parentNode?.insertBefore(this.placeholderElement, this.el);\r\n\r\n // Add transition class for smooth animation\r\n this.el.classList.add('sticky-transition');\r\n\r\n // Apply fixed positioning with smooth transition\r\n this.el.style.position = 'fixed';\r\n this.el.style.top = '0';\r\n this.el.style.left = '0';\r\n this.el.style.right = '0';\r\n this.el.style.width = '100%';\r\n this.el.style.zIndex = '105';\r\n this.el.style.transform = 'translateY(0)';\r\n this.isSticky = true;\r\n } else if (!shouldBeSticky && this.isSticky) {\r\n // Remove transition class and reset transform\r\n this.el.classList.remove('sticky-transition');\r\n this.el.style.transform = '';\r\n\r\n // Remove fixed positioning and restore original position\r\n this.el.style.position = '';\r\n this.el.style.top = '';\r\n this.el.style.left = '';\r\n this.el.style.right = '';\r\n this.el.style.width = '';\r\n this.el.style.zIndex = '';\r\n this.isSticky = false;\r\n\r\n // Remove placeholder element\r\n if (this.placeholderElement) {\r\n this.placeholderElement.remove();\r\n this.placeholderElement = null;\r\n }\r\n }\r\n\r\n this.stickyScrollTimeout = null;\r\n }, 16); // ~60fps throttling\r\n };\r\n\r\n private handleResize = () => {\r\n this.navContainer && setTimeout(() => this.calculateVisibleItems(), 10);\r\n // Recalculate original position on resize\r\n if (!this.isSticky) {\r\n this.initializeStickyPosition();\r\n } else if (this.placeholderElement) {\r\n // Update placeholder height if sticky and resized\r\n const currentHeight = this.el.offsetHeight;\r\n this.placeholderElement.style.height = `${currentHeight}px`;\r\n // Update originalTop based on placeholder position (layout may have changed)\r\n const placeholderRect = this.placeholderElement.getBoundingClientRect();\r\n this.originalTop = placeholderRect.top + window.scrollY;\r\n }\r\n };\r\n\r\n private setupIntersectionObserver = () => {\r\n // Get all sections that correspond to our navigation items\r\n const navItems = this.getNavItems();\r\n\r\n // Create intersection observer\r\n this.intersectionObserver = new IntersectionObserver(\r\n entries => {\r\n // Clear any existing timeout\r\n if (this.scrollTimeout) {\r\n clearTimeout(this.scrollTimeout);\r\n }\r\n\r\n // Debounce the intersection changes\r\n this.scrollTimeout = window.setTimeout(() => {\r\n // Don't update active state if user just manually navigated\r\n if (this.isManualNavigation) {\r\n return;\r\n }\r\n\r\n // Find all intersecting sections\r\n const intersectingSections = entries.filter(entry => entry.isIntersecting);\r\n\r\n if (intersectingSections.length > 0) {\r\n // Sort by intersection ratio (how much of the section is visible)\r\n // and then by position (top to bottom)\r\n intersectingSections.sort((a, b) => {\r\n // First sort by intersection ratio (higher = more visible)\r\n if (b.intersectionRatio !== a.intersectionRatio) {\r\n return b.intersectionRatio - a.intersectionRatio;\r\n }\r\n // If intersection ratios are equal, sort by position\r\n return a.boundingClientRect.top - b.boundingClientRect.top;\r\n });\r\n\r\n // Get the most visible section\r\n const mostVisibleSection = intersectingSections[0];\r\n const sectionId = mostVisibleSection.target.id;\r\n\r\n if (sectionId && sectionId !== this.currentActive) {\r\n this.currentActive = sectionId;\r\n }\r\n }\r\n }, 100); // Increased debounce time for better performance\r\n },\r\n {\r\n root: null, // Use viewport as root\r\n rootMargin: '-20% 0px -60% 0px', // Only trigger when section is significantly in view\r\n threshold: [0, 0.1, 0.25, 0.5, 0.75, 1.0], // Multiple thresholds for better detection\r\n },\r\n );\r\n\r\n // Observe all sections\r\n navItems.forEach(item => {\r\n const section = document.getElementById(item.id);\r\n if (section) {\r\n this.intersectionObserver.observe(section);\r\n }\r\n });\r\n };\r\n\r\n private setupResizeObserver = () => {\r\n // Observe the parent element for layout changes\r\n this.resizeObserver = new ResizeObserver(() => {\r\n // Recalculate sticky position when parent layout changes\r\n if (!this.isSticky) {\r\n this.initializeStickyPosition();\r\n } else if (this.placeholderElement) {\r\n // If sticky, update originalTop based on placeholder position\r\n const placeholderRect = this.placeholderElement.getBoundingClientRect();\r\n this.originalTop = placeholderRect.top + window.scrollY;\r\n }\r\n });\r\n\r\n // Observe the element's parent or the element itself\r\n if (this.el.parentElement) {\r\n this.resizeObserver.observe(this.el.parentElement);\r\n }\r\n };\r\n\r\n private extractNavItemsFromSlots = (): NavItem[] \| null => {\r\n const slotElement = this.el.querySelector('[slot=\"nav-items\"]');\r\n if (!slotElement) return null;\r\n\r\n const links = slotElement.querySelectorAll('a');\r\n const items = Array.from(links)\r\n .map((link: HTMLAnchorElement) => ({\r\n id: link.getAttribute('href')?.substring(1) \|\| '',\r\n label: link.textContent?.trim() \|\| '',\r\n title: link.getAttribute('title') \|\| undefined,\r\n trackerId: link.getAttribute('tracker-id') \|\| undefined,\r\n }))\r\n .filter(item => Boolean(item.id && item.label)) as NavItem[];\r\n\r\n return items.length > 0 ? items : null;\r\n };\r\n\r\n private getNavItems = (): NavItem[] => {\r\n // Return cached items if available\r\n if (this.cachedNavItems) {\r\n return this.cachedNavItems;\r\n }\r\n\r\n // Extract navigation items from slots (SEO-friendly approach)\r\n const slotItems = this.extractNavItemsFromSlots();\r\n if (slotItems) {\r\n this.cachedNavItems = slotItems;\r\n return slotItems;\r\n }\r\n\r\n // If navItems prop is provided, parse and use it (fallback)\r\n const propItems = this.parsePropNavItems();\r\n if (propItems) {\r\n this.cachedNavItems = propItems;\r\n return propItems;\r\n }\r\n\r\n // Return empty array if no navigation items found\r\n console.warn('No navigation items found in slots or props for ptc-subnav-v2');\r\n return [];\r\n };\r\n\r\n private parsePropNavItems(): NavItem[] \| null {\r\n if (!this.navItems?.trim()) return null;\r\n\r\n try {\r\n const parsedItems = JSON.parse(this.navItems);\r\n if (Array.isArray(parsedItems) && parsedItems.length > 0) {\r\n const validItems = parsedItems.filter((item): item is NavItem => Boolean(item && typeof item.id === 'string' && typeof item.label === 'string'));\r\n return validItems.length > 0 ? validItems : null;\r\n }\r\n } catch (error) {\r\n console.warn('Invalid navItems JSON provided to ptc-subnav-v2:', error);\r\n }\r\n return null;\r\n }\r\n\r\n private hasActiveOverflowItem = (): boolean => {\r\n return this.overflowItems.some(item => item.id === this.currentActive);\r\n };\r\n\r\n private hasSubnavMenuRightContent = (): boolean => {\r\n const slotElement = this.el.querySelector('[slot=\"subnav-menu-right\"]');\r\n return Boolean(slotElement?.children.length);\r\n };\r\n\r\n private calculateVisibleItems = () => {\r\n const navItems = this.getNavItems();\r\n\r\n // Handle case where no navigation items are found\r\n if (navItems.length === 0) {\r\n this.visibleItems = [];\r\n this.overflowItems = [];\r\n return;\r\n }\r\n\r\n // Check if we're in mobile mode (below 767px)\r\n const wasMobile = this.isMobile;\r\n this.isMobile = window.innerWidth <= 767;\r\n\r\n // Force re-render if mobile state changed\r\n if (wasMobile !== this.isMobile) {\r\n this.showOverflowMenu = false; // Close any open menus when switching modes\r\n }\r\n\r\n if (this.isMobile) {\r\n // On mobile, show only the current active item\r\n const activeItem = navItems.find(item => item.id === this.currentActive) \|\| navItems[0];\r\n this.visibleItems = [activeItem];\r\n this.overflowItems = navItems.filter(item => item.id !== activeItem.id);\r\n } else {\r\n // Desktop behavior - calculate based on available width\r\n const containerWidth = this.navContainer ? this.navContainer.offsetWidth : 0;\r\n const buttonWidth = this.overflowButton ? this.overflowButton.offsetWidth + 32 : 0; // 32px for gap\r\n const availableWidth = containerWidth - buttonWidth - 48; // 48px for right margin\r\n\r\n // Fallback if container width is not available yet\r\n if (containerWidth === 0) {\r\n this.visibleItems = navItems;\r\n this.overflowItems = [];\r\n return;\r\n }\r\n\r\n let visibleCount = 0;\r\n let totalWidth = 0;\r\n\r\n // Create or reuse measurement element\r\n if (!this.measurementElement) {\r\n this.measurementElement = document.createElement('div');\r\n this.measurementElement.style.position = 'absolute';\r\n this.measurementElement.style.visibility = 'hidden';\r\n this.measurementElement.style.whiteSpace = 'nowrap';\r\n this.measurementElement.style.fontSize = '14px';\r\n this.measurementElement.style.fontWeight = '700';\r\n this.measurementElement.style.padding = '20px 0 20px 0';\r\n document.body.appendChild(this.measurementElement);\r\n }\r\n\r\n for (let i = 0; i < navItems.length; i++) {\r\n const item = navItems[i];\r\n this.measurementElement.textContent = item.label;\r\n const itemWidth = this.measurementElement.offsetWidth + 32; // 32px for gap\r\n\r\n if (totalWidth + itemWidth <= availableWidth) {\r\n totalWidth += itemWidth;\r\n visibleCount++;\r\n } else {\r\n break;\r\n }\r\n }\r\n\r\n this.visibleItems = navItems.slice(0, visibleCount);\r\n this.overflowItems = navItems.slice(visibleCount);\r\n }\r\n // Don't automatically show overflow menu - it should be closed by default\r\n // this.showOverflowMenu = this.overflowItems.length > 0;\r\n };\r\n\r\n private toggleOverflowMenu = () => {\r\n this.showOverflowMenu = !this.showOverflowMenu;\r\n // After opening, measure and decide alignment to avoid viewport overflow\r\n if (!this.showOverflowMenu) {\r\n return;\r\n }\r\n\r\n requestAnimationFrame(() => {\r\n const container = this.overflowMenuContainer;\r\n const dropdown = this.overflowDropdownEl;\r\n if (!container \|\| !dropdown) return;\r\n\r\n const containerRect = container.getBoundingClientRect();\r\n // Default positioning is right: -2px inside container\r\n const dropdownWidth = dropdown.offsetWidth \|\| 0;\r\n const rightEdge = containerRect.right + 2;\r\n const leftEdge = rightEdge - dropdownWidth;\r\n // If left edge would be off the viewport, flip to left aligned\r\n this.overflowDropdownAlignLeft = leftEdge < 8; // keep a small gutter\r\n });\r\n };\r\n\r\n private handleNavClick = (event: Event, section: string) => {\r\n event.preventDefault();\r\n this.currentActive = section;\r\n\r\n // Set manual navigation flag to prevent intersection observer from overriding\r\n this.isManualNavigation = true;\r\n\r\n // Clear any existing manual navigation timeout\r\n if (this.manualNavigationTimeout) {\r\n clearTimeout(this.manualNavigationTimeout);\r\n }\r\n\r\n // Emit custom event for parent components\r\n const customEvent = new CustomEvent('sectionChange', {\r\n detail: { section },\r\n bubbles: true,\r\n composed: true,\r\n });\r\n this.el.dispatchEvent(customEvent);\r\n\r\n // Smooth scroll to section if it exists, accounting for sticky nav height\r\n const targetElement = document.querySelector(`#${section}`);\r\n if (targetElement) {\r\n // Get the sticky nav height\r\n const navHeight = this.el.offsetHeight;\r\n\r\n // Calculate the target position with offset\r\n const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - navHeight;\r\n\r\n // Smooth scroll to the adjusted position\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: 'smooth',\r\n });\r\n\r\n // Reset manual navigation flag and correct scroll position after animation\r\n this.manualNavigationTimeout = window.setTimeout(() => {\r\n this.isManualNavigation = false;\r\n\r\n // Re-check position to account for lazy-loaded images\r\n const finalNavHeight = this.el.offsetHeight;\r\n const finalTargetPosition = targetElement.getBoundingClientRect().top + window.scrollY - finalNavHeight;\r\n\r\n // If we're off by more than a small threshold, correct it instantly.\r\n if (Math.abs(window.scrollY - finalTargetPosition) > 5) {\r\n window.scrollTo({\r\n top: finalTargetPosition,\r\n behavior: 'smooth',\r\n });\r\n }\r\n }, 800); // Give enough time for smooth scroll to complete\r\n } else {\r\n // Fallback timeout if the element doesn't exist\r\n this.manualNavigationTimeout = window.setTimeout(() => {\r\n this.isManualNavigation = false;\r\n }, 1500);\r\n }\r\n };\r\n\r\n private handleInitialLoadWithHash = () => {\r\n if (window.location.hash) {\r\n if (document.readyState === 'complete') {\r\n // If the page is already loaded, scroll immediately\r\n this.handleHashChange();\r\n } else {\r\n // Otherwise, wait for the page to fully load before scrolling\r\n window.addEventListener('load', this.boundHandleHashChange, {\r\n once: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n private handleHashChange = () => {\r\n const hash = window.location.hash;\r\n if (hash) {\r\n const sectionId = hash.substring(1);\r\n this.scrollToSection(sectionId);\r\n }\r\n };\r\n\r\n private scrollToSection = (sectionId: string, smooth: boolean = true) => {\r\n const targetElement = document.getElementById(sectionId);\r\n if (targetElement) {\r\n const navHeight = this.el.offsetHeight;\r\n const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - navHeight;\r\n\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: smooth ? 'smooth' : 'auto',\r\n });\r\n this.currentActive = sectionId;\r\n }\r\n };\r\n\r\n render() {\r\n const navItems = this.getNavItems();\r\n const hasRightContent = this.hasSubnavMenuRightContent();\r\n const selectedMobileItem = this.isMobile ? navItems.find(item => item.id === this.currentActive) \|\| navItems[0] : null;\r\n\r\n // If no navigation items, don't render the navigation\r\n if (navItems.length === 0) {\r\n return (\r\n <Host>\r\n <div class={`subnav-container ${!hasRightContent ? 'full-width' : ''}`}>\r\n {hasRightContent && (\r\n <div class=\"subnav-menu-right\">\r\n <slot name=\"subnav-menu-right\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n return (\r\n <Host>\r\n <div class={`subnav-container ${!hasRightContent ? 'full-width' : ''}`}>\r\n <nav class={`subnav-menu-left ${!hasRightContent ? 'full-width' : ''}`} role=\"navigation\" aria-label=\"Sub navigation\" ref={el => (this.navContainer = el)}>\r\n {this.isMobile ? (\r\n // Mobile layout - dropdown with arrows\r\n <div class=\"mobile-dropdown-container\">\r\n <button\r\n class=\"mobile-dropdown-button\"\r\n onClick={this.toggleOverflowMenu}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' \|\| e.key === ' ') {\r\n e.preventDefault();\r\n this.toggleOverflowMenu();\r\n }\r\n }}\r\n aria-expanded={this.showOverflowMenu}\r\n aria-haspopup=\"true\"\r\n aria-label={`${selectedMobileItem?.label \|\| 'Select Section'} - Choose navigation section`}\r\n tracker-id=\"mobile-dropdown-button\"\r\n ref={el => (this.overflowButton = el)}\r\n >\r\n <span class=\"mobile-selected-item\">{selectedMobileItem?.label \|\| 'Select Section'}</span>\r\n <span class={`mobile-arrow ${this.showOverflowMenu ? 'rotated' : ''}`} aria-hidden=\"true\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M1 1.5L5.94975 6.44975L10.8995 1.5\" stroke=\"#00890B\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n </button>\r\n {this.showOverflowMenu && (\r\n <ul class=\"mobile-dropdown\" role=\"menu\" aria-label=\"Navigation sections\">\r\n {navItems.map(item => (\r\n <li key={item.id} class={'mf-listen'} id={item.trackerId \|\| `mobile-nav-${item.id}`}>\r\n <a\r\n href={`#${item.id}`}\r\n class={`mobile-dropdown-item ${this.currentActive === item.id ? 'active' : ''}`}\r\n role=\"menuitem\"\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n title={item.title \|\| ''}\r\n onClick={e => {\r\n this.handleNavClick(e, item.id);\r\n this.showOverflowMenu = false;\r\n }}\r\n >\r\n {item.label}\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n )}\r\n </div>\r\n ) : (\r\n // Desktop layout - original behavior\r\n <ul class={'desktop-menu'}>\r\n {this.visibleItems.map(item => (\r\n <li key={item.id} class={'mf-listen'} id={item.trackerId \|\| `nav-${item.id}`}>\r\n <a\r\n href={`#${item.id}`}\r\n class={this.currentActive === item.id ? 'active' : ''}\r\n title={item.title \|\| ''}\r\n onClick={e => this.handleNavClick(e, item.id)}\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n >\r\n {item.label}\r\n </a>\r\n </li>\r\n ))}\r\n {this.overflowItems.length > 0 && (\r\n <li class=\"overflow-menu-container mf-listen\" id=\"overflow-menu\" ref={el => (this.overflowMenuContainer = el)}>\r\n <button\r\n class={`overflow-button ${this.hasActiveOverflowItem() ? 'selected-active' : ''}`}\r\n onClick={this.toggleOverflowMenu}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' \|\| e.key === ' ') {\r\n e.preventDefault();\r\n this.toggleOverflowMenu();\r\n }\r\n }}\r\n aria-expanded={this.showOverflowMenu}\r\n aria-haspopup=\"true\"\r\n aria-label=\"Show more navigation items\"\r\n tracker-id=\"overflow-button\"\r\n ref={el => (this.overflowButton = el)}\r\n >\r\n <span class=\"overflow-dots\" aria-hidden=\"true\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <circle cx=\"1.25\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n <circle cx=\"5\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n <circle cx=\"8.75\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n </svg>\r\n </span>\r\n </button>\r\n {this.showOverflowMenu && (\r\n <div\r\n class={`overflow-dropdown ${this.overflowDropdownAlignLeft ? 'align-left' : 'align-right'}`}\r\n role=\"menu\"\r\n aria-label=\"Additional navigation sections\"\r\n ref={el => (this.overflowDropdownEl = el)}\r\n >\r\n {this.overflowItems.map(item => (\r\n <a\r\n key={item.id}\r\n href={`#${item.id}`}\r\n class={`mf-listen ${this.currentActive === item.id ? 'active' : ''}`}\r\n title={item.title \|\| ''}\r\n tracker-id={item.trackerId \|\| `overflow-link-${item.id}`}\r\n role=\"menuitem\"\r\n onClick={e => {\r\n this.handleNavClick(e, item.id);\r\n this.showOverflowMenu = false;\r\n }}\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n >\r\n {item.label}\r\n </a>\r\n ))}\r\n </div>\r\n )}\r\n </li>\r\n )}\r\n </ul>\r\n )}\r\n </nav>\r\n {hasRightContent && (\r\n <div class=\"subnav-menu-right\">\r\n <slot name=\"subnav-menu-right\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}
1	+ {"version":3,"file":"ptc-subnav-v2.entry.cjs.js","sources":["src/components/molecules/ptc-subnav-v2/ptc-subnav-v2.scss?tag=ptc-subnav-v2&encapsulation=shadow","src/components/molecules/ptc-subnav-v2/ptc-subnav-v2.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n// Base navigation link styles\r\n%nav-link-base {\r\n color: var(--color-gray-07);\r\n text-decoration: none;\r\n padding: 8px 12px;\r\n text-align: center;\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: 18px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n border-bottom: 3px solid transparent;\r\n height: 100%;\r\n box-sizing: border-box;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n// Base dropdown styles\r\n%dropdown-base {\r\n position: absolute;\r\n top: 100%;\r\n background: var(--color-standard-gray);\r\n border-radius: var(--ptc-border-radius-standard);\r\n box-shadow: var(--ptc-shadow-x-large);\r\n min-width: 200px;\r\n z-index: 1001;\r\n padding: 14px 0;\r\n margin-top: -4px;\r\n max-width: 312px;\r\n width: max-content;\r\n}\r\n\r\n// Base dropdown link styles\r\n%dropdown-link-base {\r\n display: block;\r\n padding: 10px 32px 10px 24px;\r\n color: var(--color-gray-07);\r\n text-decoration: none;\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: var(--ptc-line-height-densest);\r\n transition: all 0.2s ease;\r\n position: relative;\r\n border: none;\r\n}\r\n\r\n:host {\r\n // Base host styles\r\n position: relative;\r\n display: block;\r\n font-family: var(--ptc-font-latin);\r\n background-color: var(--color-standard-gray);\r\n box-shadow: var(--ptc-shadow-small);\r\n\r\n // Smooth transitions for sticky positioning\r\n transition: all 0.3s ease-in-out;\r\n\r\n // Enhanced transitions when sticky\r\n &.sticky-transition {\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;\r\n\r\n // Enhanced shadow when sticky for better visual feedback\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n // JavaScript will handle sticky positioning dynamically\r\n\r\n // Container styles\r\n .subnav-container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 24px;\r\n margin: 0 auto;\r\n max-width: 1200px;\r\n gap: 24px;\r\n\r\n @include screen-sm {\r\n flex-wrap: wrap;\r\n gap: 48px;\r\n }\r\n\r\n @include screen-lg {\r\n padding: 0;\r\n max-width: 1136px;\r\n }\r\n\r\n @include screen-xl {\r\n padding: 0;\r\n max-width: 1200px;\r\n }\r\n\r\n &.full-width {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n // Left navigation menu\r\n .subnav-menu-left {\r\n display: flex;\r\n align-items: center;\r\n flex: 1;\r\n align-self: stretch;\r\n\r\n @include screen-sm {\r\n justify-content: flex-start;\r\n }\r\n\r\n // Desktop menu list\r\n ul.desktop-menu {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n flex-wrap: wrap;\r\n align-self: stretch;\r\n\r\n @include screen-sm {\r\n justify-content: flex-start;\r\n gap: 32px;\r\n }\r\n\r\n // Menu items\r\n li {\r\n display: inline-block;\r\n height: 100%;\r\n\r\n // Navigation links\r\n a {\r\n @extend %nav-link-base;\r\n\r\n @include screen-sm {\r\n padding: 20px 0 17px 0;\r\n }\r\n\r\n &:hover {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n border-bottom: 3px solid var(--color-green-07);\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Desktop overflow menu styles (hidden on mobile)\r\n .overflow-menu-container {\r\n position: relative;\r\n display: none;\r\n\r\n @include screen-sm {\r\n display: inline-block;\r\n }\r\n\r\n // Overflow button\r\n .overflow-button {\r\n @extend %nav-link-base;\r\n background: none;\r\n border: none;\r\n padding: 20px 0 17px 0;\r\n cursor: pointer;\r\n justify-content: center;\r\n min-width: 32px;\r\n border-bottom: 3px solid transparent;\r\n box-sizing: border-box;\r\n &:hover {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n .overflow-dots {\r\n border-radius: 2px;\r\n border: 1px solid var(--color-gray-07);\r\n line-height: 1;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-sizing: border-box;\r\n\r\n &:hover {\r\n background-color: var(--color-gray-04);\r\n border-color: var(--color-gray-04);\r\n svg {\r\n circle {\r\n fill: var(--color-gray-10);\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n &[aria-expanded],\r\n &.selected-active {\r\n border-bottom-color: var(--color-green-07);\r\n .overflow-dots {\r\n background-color: var(--color-green-07);\r\n border-color: var(--color-green-07);\r\n svg {\r\n circle {\r\n fill: var(--color-white);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Overflow dropdown\r\n .overflow-dropdown {\r\n @extend %dropdown-base;\r\n &.align-right {\r\n left: auto;\r\n right: -2px;\r\n }\r\n &.align-left {\r\n left: 0;\r\n right: auto;\r\n }\r\n\r\n a {\r\n @extend %dropdown-link-base;\r\n\r\n &:hover {\r\n background-color: var(--color-gray-02);\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n border-bottom: none;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 2px;\r\n height: 100%;\r\n background-color: var(--color-green-07);\r\n position: absolute;\r\n left: 14px;\r\n top: 0;\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.full-width {\r\n flex: 1;\r\n width: 100%;\r\n justify-content: flex-start;\r\n .desktop-menu {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n // Mobile dropdown styles (hidden on desktop)\r\n .mobile-dropdown-container {\r\n position: relative;\r\n display: block;\r\n height: 100%;\r\n box-sizing: border-box;\r\n\r\n @include screen-sm {\r\n display: none !important;\r\n }\r\n\r\n // Mobile dropdown button\r\n .mobile-dropdown-button {\r\n @extend %nav-link-base;\r\n background: transparent;\r\n border: none;\r\n border-bottom: 3px solid var(--color-green-07);\r\n padding: 20px 0 17px 0;\r\n justify-content: center;\r\n gap: 10px;\r\n cursor: pointer;\r\n\r\n // &:hover {\r\n // border-color: var(--color-gray-04);\r\n // color: var(--color-gray-10);\r\n // }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n\r\n &[aria-expanded] {\r\n border-color: var(--color-green-07);\r\n color: var(--color-gray-10);\r\n }\r\n\r\n // Selected item text\r\n .mobile-selected-item {\r\n flex: 1;\r\n text-align: left;\r\n color: var(--color-gray-07);\r\n font-size: var(--ptc-font-size-xx-small);\r\n font-weight: var(--ptc-font-weight-bold);\r\n line-height: var(--ptc-line-height-densest);\r\n display: -webkit-box;\r\n line-clamp: 1;\r\n -webkit-line-clamp: 1;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n }\r\n\r\n // Arrow icon\r\n .mobile-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.2s ease;\r\n\r\n svg {\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n &.rotated svg {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n // Mobile dropdown list\r\n .mobile-dropdown {\r\n position: absolute;\r\n top: calc(100% - 8px);\r\n left: -2px;\r\n background: var(--color-standard-gray);\r\n border: 1px solid var(--color-gray-02);\r\n border-radius: var(--ptc-border-radius-standard);\r\n box-shadow: var(--ptc-shadow-medium);\r\n z-index: 1001;\r\n margin: 4px 0 0 0;\r\n overflow-y: auto;\r\n min-width: 280px;\r\n width: fit-content;\r\n list-style: none;\r\n padding: 14px 0;\r\n\r\n li {\r\n display: block;\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .mobile-dropdown-item {\r\n @extend %dropdown-link-base;\r\n width: 100%;\r\n background: none;\r\n text-align: left;\r\n cursor: pointer;\r\n word-break: break-word;\r\n display: block;\r\n box-sizing: border-box;\r\n\r\n &.active {\r\n color: var(--color-gray-10);\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 2px;\r\n height: 100%;\r\n background-color: var(--color-green-07);\r\n position: absolute;\r\n left: 14px;\r\n top: 0;\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n @include base-focus-state;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Right menu section\r\n .subnav-menu-right {\r\n max-width: 50%;\r\n padding: 12px 0;\r\n\r\n @include screen-sm {\r\n width: auto;\r\n max-width: 300px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, h, Prop, State, Element } from '@stencil/core';\r\n\r\ninterface NavItem {\r\n id: string;\r\n label: string;\r\n title?: string;\r\n trackerId?: string;\r\n}\r\n\r\n@Component({\r\n tag: 'ptc-subnav-v2',\r\n styleUrl: 'ptc-subnav-v2.scss',\r\n shadow: true,\r\n})\r\nexport class PtcSubnavV2 {\r\n @Element() el: HTMLElement;\r\n @Prop() activeSection: string = 'overview';\r\n @Prop() navItems: string = ''; // JSON string of navigation items (fallback only)\r\n @State() currentActive: string = 'overview';\r\n @State() visibleItems: NavItem[] = [];\r\n @State() overflowItems: NavItem[] = [];\r\n @State() showOverflowMenu: boolean = false;\r\n @State() overflowDropdownAlignLeft: boolean = false;\r\n @State() isMobile: boolean = false;\r\n @State() isManualNavigation: boolean = false;\r\n\r\n private navContainer: HTMLElement;\r\n private overflowButton: HTMLElement;\r\n private overflowMenuContainer: HTMLElement;\r\n private overflowDropdownEl: HTMLElement;\r\n private boundHandleResize: () => void;\r\n private boundHandleClickOutside: (event: Event) => void;\r\n private boundHandleScroll: () => void;\r\n private boundHandleKeyDown: (event: KeyboardEvent) => void;\r\n private boundHandleStickyScroll: () => void;\r\n private boundHandleHashChange: () => void;\r\n private intersectionObserver: IntersectionObserver;\r\n private resizeObserver: ResizeObserver;\r\n private scrollTimeout: number;\r\n private scrollThrottleTimeout: number;\r\n private manualNavigationTimeout: number;\r\n private cachedNavItems: NavItem[] \| null = null;\r\n private stickyScrollTimeout: number;\r\n private isSticky: boolean = false;\r\n private originalTop: number = 0;\r\n private placeholderElement: HTMLElement \| null = null;\r\n private measurementElement: HTMLElement \| null = null;\r\n\r\n componentWillLoad() {\r\n this.currentActive = this.activeSection;\r\n }\r\n\r\n componentDidLoad() {\r\n this.bindEventHandlers();\r\n this.handleResize();\r\n this.addEventListeners();\r\n this.setupIntersectionObserver();\r\n this.setupResizeObserver();\r\n this.initializeStickyPosition();\r\n this.handleInitialLoadWithHash();\r\n }\r\n\r\n private bindEventHandlers() {\r\n this.boundHandleResize = this.handleResize.bind(this);\r\n this.boundHandleClickOutside = this.handleClickOutside.bind(this);\r\n this.boundHandleScroll = this.handleScroll.bind(this);\r\n this.boundHandleKeyDown = this.handleKeyDown.bind(this);\r\n this.boundHandleStickyScroll = this.handleStickyScroll.bind(this);\r\n this.boundHandleHashChange = this.handleHashChange.bind(this);\r\n }\r\n\r\n private addEventListeners() {\r\n window.addEventListener('resize', this.boundHandleResize);\r\n document.addEventListener('click', this.boundHandleClickOutside);\r\n document.addEventListener('keydown', this.boundHandleKeyDown);\r\n window.addEventListener('scroll', this.boundHandleScroll, {\r\n passive: true,\r\n });\r\n window.addEventListener('scroll', this.boundHandleStickyScroll, {\r\n passive: true,\r\n });\r\n window.addEventListener('hashchange', this.boundHandleHashChange);\r\n window.addEventListener('load', this.boundHandleHashChange, {\r\n once: true,\r\n });\r\n }\r\n\r\n disconnectedCallback() {\r\n this.removeEventListeners();\r\n this.cleanupTimeouts();\r\n this.cleanupIntersectionObserver();\r\n this.cleanupResizeObserver();\r\n this.cleanupElements();\r\n }\r\n\r\n private removeEventListeners() {\r\n window.removeEventListener('resize', this.boundHandleResize);\r\n document.removeEventListener('click', this.boundHandleClickOutside);\r\n document.removeEventListener('keydown', this.boundHandleKeyDown);\r\n window.removeEventListener('scroll', this.boundHandleScroll);\r\n window.removeEventListener('scroll', this.boundHandleStickyScroll);\r\n window.removeEventListener('hashchange', this.boundHandleHashChange);\r\n window.removeEventListener('load', this.boundHandleHashChange);\r\n }\r\n\r\n private cleanupTimeouts() {\r\n if (this.scrollTimeout) clearTimeout(this.scrollTimeout);\r\n if (this.scrollThrottleTimeout) clearTimeout(this.scrollThrottleTimeout);\r\n if (this.manualNavigationTimeout) clearTimeout(this.manualNavigationTimeout);\r\n if (this.stickyScrollTimeout) clearTimeout(this.stickyScrollTimeout);\r\n }\r\n\r\n private cleanupIntersectionObserver() {\r\n if (this.intersectionObserver) {\r\n this.intersectionObserver.disconnect();\r\n }\r\n }\r\n\r\n private cleanupResizeObserver() {\r\n if (this.resizeObserver) {\r\n this.resizeObserver.disconnect();\r\n }\r\n }\r\n\r\n private cleanupElements() {\r\n if (this.placeholderElement) {\r\n this.placeholderElement.remove();\r\n this.placeholderElement = null;\r\n }\r\n if (this.measurementElement) {\r\n this.measurementElement.remove();\r\n this.measurementElement = null;\r\n }\r\n }\r\n\r\n private handleClickOutside = (event: Event) => {\r\n if (!this.el.contains(event.target as HTMLElement)) {\r\n this.showOverflowMenu = false;\r\n }\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape' && this.showOverflowMenu) {\r\n this.showOverflowMenu = false;\r\n this.overflowButton?.focus();\r\n }\r\n };\r\n\r\n private handleScroll = () => {\r\n // Throttle scroll events for better performance\r\n if (this.scrollThrottleTimeout) {\r\n return;\r\n }\r\n\r\n this.scrollThrottleTimeout = window.setTimeout(() => {\r\n // Don't update active state if user just manually navigated\r\n if (this.isManualNavigation) {\r\n this.scrollThrottleTimeout = null;\r\n return;\r\n }\r\n\r\n // Fallback scroll handler to ensure active state is updated\r\n const navItems = this.getNavItems();\r\n const subnavHeight = this.el.offsetHeight;\r\n const scrollPosition = window.scrollY + subnavHeight + 100; // Offset for better detection\r\n\r\n // Find the section that should be active based on scroll position\r\n let activeSection = navItems[0].id; // Default to first section\r\n\r\n for (let i = navItems.length - 1; i >= 0; i--) {\r\n const section = document.getElementById(navItems[i].id);\r\n if (section && section.offsetTop <= scrollPosition) {\r\n activeSection = navItems[i].id;\r\n break;\r\n }\r\n }\r\n\r\n // Only update if different from current active\r\n if (activeSection !== this.currentActive) {\r\n this.currentActive = activeSection;\r\n }\r\n\r\n this.scrollThrottleTimeout = null;\r\n }, 16); // ~60fps throttling\r\n };\r\n\r\n private initializeStickyPosition = () => {\r\n // Store the original position of the subnav\r\n const rect = this.el.getBoundingClientRect();\r\n this.originalTop = rect.top + window.scrollY;\r\n };\r\n\r\n private handleStickyScroll = () => {\r\n // Throttle sticky scroll events for better performance\r\n if (this.stickyScrollTimeout) {\r\n return;\r\n }\r\n\r\n this.stickyScrollTimeout = window.setTimeout(() => {\r\n const scrollY = window.scrollY;\r\n\r\n // Check if we should make the subnav sticky\r\n const shouldBeSticky = scrollY >= this.originalTop;\r\n\r\n if (shouldBeSticky && !this.isSticky) {\r\n // Store the original height before making it fixed\r\n const originalHeight = this.el.offsetHeight;\r\n\r\n // Create placeholder element to maintain space\r\n this.placeholderElement = document.createElement('div');\r\n this.placeholderElement.style.height = `${originalHeight}px`;\r\n this.placeholderElement.style.width = '100%';\r\n this.placeholderElement.style.pointerEvents = 'none';\r\n\r\n // Insert placeholder before the subnav\r\n this.el.parentNode?.insertBefore(this.placeholderElement, this.el);\r\n\r\n // Add transition class for smooth animation\r\n this.el.classList.add('sticky-transition');\r\n\r\n // Apply fixed positioning with smooth transition\r\n this.el.style.position = 'fixed';\r\n this.el.style.top = '0';\r\n this.el.style.left = '0';\r\n this.el.style.right = '0';\r\n this.el.style.width = '100%';\r\n this.el.style.zIndex = '105';\r\n this.el.style.transform = 'translateY(0)';\r\n this.isSticky = true;\r\n } else if (!shouldBeSticky && this.isSticky) {\r\n // Remove transition class and reset transform\r\n this.el.classList.remove('sticky-transition');\r\n this.el.style.transform = '';\r\n\r\n // Remove fixed positioning and restore original position\r\n this.el.style.position = '';\r\n this.el.style.top = '';\r\n this.el.style.left = '';\r\n this.el.style.right = '';\r\n this.el.style.width = '';\r\n this.el.style.zIndex = '';\r\n this.isSticky = false;\r\n\r\n // Remove placeholder element\r\n if (this.placeholderElement) {\r\n this.placeholderElement.remove();\r\n this.placeholderElement = null;\r\n }\r\n }\r\n\r\n this.stickyScrollTimeout = null;\r\n }, 16); // ~60fps throttling\r\n };\r\n\r\n private handleResize = () => {\r\n this.navContainer && setTimeout(() => this.calculateVisibleItems(), 10);\r\n // Recalculate original position on resize\r\n if (!this.isSticky) {\r\n this.initializeStickyPosition();\r\n } else if (this.placeholderElement) {\r\n // Update placeholder height if sticky and resized\r\n const currentHeight = this.el.offsetHeight;\r\n this.placeholderElement.style.height = `${currentHeight}px`;\r\n // Update originalTop based on placeholder position (layout may have changed)\r\n const placeholderRect = this.placeholderElement.getBoundingClientRect();\r\n this.originalTop = placeholderRect.top + window.scrollY;\r\n }\r\n };\r\n\r\n private setupIntersectionObserver = () => {\r\n // Get all sections that correspond to our navigation items\r\n const navItems = this.getNavItems();\r\n\r\n // Create intersection observer\r\n this.intersectionObserver = new IntersectionObserver(\r\n entries => {\r\n // Clear any existing timeout\r\n if (this.scrollTimeout) {\r\n clearTimeout(this.scrollTimeout);\r\n }\r\n\r\n // Debounce the intersection changes\r\n this.scrollTimeout = window.setTimeout(() => {\r\n // Don't update active state if user just manually navigated\r\n if (this.isManualNavigation) {\r\n return;\r\n }\r\n\r\n // Find all intersecting sections\r\n const intersectingSections = entries.filter(entry => entry.isIntersecting);\r\n\r\n if (intersectingSections.length > 0) {\r\n // Sort by intersection ratio (how much of the section is visible)\r\n // and then by position (top to bottom)\r\n intersectingSections.sort((a, b) => {\r\n // First sort by intersection ratio (higher = more visible)\r\n if (b.intersectionRatio !== a.intersectionRatio) {\r\n return b.intersectionRatio - a.intersectionRatio;\r\n }\r\n // If intersection ratios are equal, sort by position\r\n return a.boundingClientRect.top - b.boundingClientRect.top;\r\n });\r\n\r\n // Get the most visible section\r\n const mostVisibleSection = intersectingSections[0];\r\n const sectionId = mostVisibleSection.target.id;\r\n\r\n if (sectionId && sectionId !== this.currentActive) {\r\n this.currentActive = sectionId;\r\n }\r\n }\r\n }, 100); // Increased debounce time for better performance\r\n },\r\n {\r\n root: null, // Use viewport as root\r\n rootMargin: '-20% 0px -60% 0px', // Only trigger when section is significantly in view\r\n threshold: [0, 0.1, 0.25, 0.5, 0.75, 1.0], // Multiple thresholds for better detection\r\n },\r\n );\r\n\r\n // Observe all sections\r\n navItems.forEach(item => {\r\n const section = document.getElementById(item.id);\r\n if (section) {\r\n this.intersectionObserver.observe(section);\r\n }\r\n });\r\n };\r\n\r\n private setupResizeObserver = () => {\r\n // Observe the parent element for layout changes\r\n this.resizeObserver = new ResizeObserver(() => {\r\n // Recalculate sticky position when parent layout changes\r\n if (!this.isSticky) {\r\n this.initializeStickyPosition();\r\n } else if (this.placeholderElement) {\r\n // If sticky, update originalTop based on placeholder position\r\n const placeholderRect = this.placeholderElement.getBoundingClientRect();\r\n this.originalTop = placeholderRect.top + window.scrollY;\r\n }\r\n });\r\n\r\n // Observe the element's parent or the element itself\r\n if (this.el.parentElement) {\r\n this.resizeObserver.observe(this.el.parentElement);\r\n }\r\n };\r\n\r\n private extractNavItemsFromSlots = (): NavItem[] \| null => {\r\n const slotElement = this.el.querySelector('[slot=\"nav-items\"]');\r\n if (!slotElement) return null;\r\n\r\n const links = slotElement.querySelectorAll('a');\r\n const items = Array.from(links)\r\n .map((link: HTMLAnchorElement) => ({\r\n id: link.getAttribute('href')?.substring(1) \|\| '',\r\n label: link.textContent?.trim() \|\| '',\r\n title: link.getAttribute('title') \|\| undefined,\r\n trackerId: link.getAttribute('tracker-id') \|\| undefined,\r\n }))\r\n .filter(item => Boolean(item.id && item.label)) as NavItem[];\r\n\r\n return items.length > 0 ? items : null;\r\n };\r\n\r\n private getNavItems = (): NavItem[] => {\r\n // Return cached items if available\r\n if (this.cachedNavItems) {\r\n return this.cachedNavItems;\r\n }\r\n\r\n // Extract navigation items from slots (SEO-friendly approach)\r\n const slotItems = this.extractNavItemsFromSlots();\r\n if (slotItems) {\r\n this.cachedNavItems = slotItems;\r\n return slotItems;\r\n }\r\n\r\n // If navItems prop is provided, parse and use it (fallback)\r\n const propItems = this.parsePropNavItems();\r\n if (propItems) {\r\n this.cachedNavItems = propItems;\r\n return propItems;\r\n }\r\n\r\n // Return empty array if no navigation items found\r\n console.warn('No navigation items found in slots or props for ptc-subnav-v2');\r\n return [];\r\n };\r\n\r\n private parsePropNavItems(): NavItem[] \| null {\r\n if (!this.navItems?.trim()) return null;\r\n\r\n try {\r\n const parsedItems = JSON.parse(this.navItems);\r\n if (Array.isArray(parsedItems) && parsedItems.length > 0) {\r\n const validItems = parsedItems.filter((item): item is NavItem => Boolean(item && typeof item.id === 'string' && typeof item.label === 'string'));\r\n return validItems.length > 0 ? validItems : null;\r\n }\r\n } catch (error) {\r\n console.warn('Invalid navItems JSON provided to ptc-subnav-v2:', error);\r\n }\r\n return null;\r\n }\r\n\r\n private hasActiveOverflowItem = (): boolean => {\r\n return this.overflowItems.some(item => item.id === this.currentActive);\r\n };\r\n\r\n private hasSubnavMenuRightContent = (): boolean => {\r\n const slotElement = this.el.querySelector('[slot=\"subnav-menu-right\"]');\r\n return Boolean(slotElement?.children.length);\r\n };\r\n\r\n private calculateVisibleItems = () => {\r\n const navItems = this.getNavItems();\r\n\r\n // Handle case where no navigation items are found\r\n if (navItems.length === 0) {\r\n this.visibleItems = [];\r\n this.overflowItems = [];\r\n return;\r\n }\r\n\r\n // Check if we're in mobile mode (below 767px)\r\n const wasMobile = this.isMobile;\r\n this.isMobile = window.innerWidth <= 767;\r\n\r\n // Force re-render if mobile state changed\r\n if (wasMobile !== this.isMobile) {\r\n this.showOverflowMenu = false; // Close any open menus when switching modes\r\n }\r\n\r\n if (this.isMobile) {\r\n // On mobile, show only the current active item\r\n const activeItem = navItems.find(item => item.id === this.currentActive) \|\| navItems[0];\r\n this.visibleItems = [activeItem];\r\n this.overflowItems = navItems.filter(item => item.id !== activeItem.id);\r\n } else {\r\n // Desktop behavior - calculate based on available width\r\n const containerWidth = this.navContainer ? this.navContainer.offsetWidth : 0;\r\n const buttonWidth = this.overflowButton ? this.overflowButton.offsetWidth + 32 : 0; // 32px for gap\r\n const availableWidth = containerWidth - buttonWidth - 48; // 48px for right margin\r\n\r\n // Fallback if container width is not available yet\r\n if (containerWidth === 0) {\r\n this.visibleItems = navItems;\r\n this.overflowItems = [];\r\n return;\r\n }\r\n\r\n let visibleCount = 0;\r\n let totalWidth = 0;\r\n\r\n // Create or reuse measurement element\r\n if (!this.measurementElement) {\r\n this.measurementElement = document.createElement('div');\r\n this.measurementElement.style.position = 'absolute';\r\n this.measurementElement.style.visibility = 'hidden';\r\n this.measurementElement.style.whiteSpace = 'nowrap';\r\n this.measurementElement.style.fontSize = '14px';\r\n this.measurementElement.style.fontWeight = '700';\r\n this.measurementElement.style.padding = '20px 0 20px 0';\r\n }\r\n\r\n document.body.appendChild(this.measurementElement);\r\n\r\n for (let i = 0; i < navItems.length; i++) {\r\n const item = navItems[i];\r\n this.measurementElement.textContent = item.label;\r\n const itemWidth = this.measurementElement.offsetWidth + 32; // 32px for gap\r\n\r\n if (totalWidth + itemWidth <= availableWidth) {\r\n totalWidth += itemWidth;\r\n visibleCount++;\r\n } else {\r\n break;\r\n }\r\n }\r\n\r\n document.body.removeChild(this.measurementElement);\r\n\r\n this.visibleItems = navItems.slice(0, visibleCount);\r\n this.overflowItems = navItems.slice(visibleCount);\r\n }\r\n // Don't automatically show overflow menu - it should be closed by default\r\n // this.showOverflowMenu = this.overflowItems.length > 0;\r\n };\r\n\r\n private toggleOverflowMenu = () => {\r\n this.showOverflowMenu = !this.showOverflowMenu;\r\n // After opening, measure and decide alignment to avoid viewport overflow\r\n if (!this.showOverflowMenu) {\r\n return;\r\n }\r\n\r\n requestAnimationFrame(() => {\r\n const container = this.overflowMenuContainer;\r\n const dropdown = this.overflowDropdownEl;\r\n if (!container \|\| !dropdown) return;\r\n\r\n const containerRect = container.getBoundingClientRect();\r\n // Default positioning is right: -2px inside container\r\n const dropdownWidth = dropdown.offsetWidth \|\| 0;\r\n const rightEdge = containerRect.right + 2;\r\n const leftEdge = rightEdge - dropdownWidth;\r\n // If left edge would be off the viewport, flip to left aligned\r\n this.overflowDropdownAlignLeft = leftEdge < 8; // keep a small gutter\r\n });\r\n };\r\n\r\n private handleNavClick = (event: Event, section: string) => {\r\n event.preventDefault();\r\n this.currentActive = section;\r\n\r\n // Set manual navigation flag to prevent intersection observer from overriding\r\n this.isManualNavigation = true;\r\n\r\n // Clear any existing manual navigation timeout\r\n if (this.manualNavigationTimeout) {\r\n clearTimeout(this.manualNavigationTimeout);\r\n }\r\n\r\n // Emit custom event for parent components\r\n const customEvent = new CustomEvent('sectionChange', {\r\n detail: { section },\r\n bubbles: true,\r\n composed: true,\r\n });\r\n this.el.dispatchEvent(customEvent);\r\n\r\n // Smooth scroll to section if it exists, accounting for sticky nav height\r\n const targetElement = document.querySelector(`#${section}`);\r\n if (targetElement) {\r\n // Get the sticky nav height\r\n const navHeight = this.el.offsetHeight;\r\n\r\n // Calculate the target position with offset\r\n const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - navHeight;\r\n\r\n // Smooth scroll to the adjusted position\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: 'smooth',\r\n });\r\n\r\n // Reset manual navigation flag and correct scroll position after animation\r\n this.manualNavigationTimeout = window.setTimeout(() => {\r\n this.isManualNavigation = false;\r\n\r\n // Re-check position to account for lazy-loaded images\r\n const finalNavHeight = this.el.offsetHeight;\r\n const finalTargetPosition = targetElement.getBoundingClientRect().top + window.scrollY - finalNavHeight;\r\n\r\n // If we're off by more than a small threshold, correct it instantly.\r\n if (Math.abs(window.scrollY - finalTargetPosition) > 5) {\r\n window.scrollTo({\r\n top: finalTargetPosition,\r\n behavior: 'smooth',\r\n });\r\n }\r\n }, 800); // Give enough time for smooth scroll to complete\r\n } else {\r\n // Fallback timeout if the element doesn't exist\r\n this.manualNavigationTimeout = window.setTimeout(() => {\r\n this.isManualNavigation = false;\r\n }, 1500);\r\n }\r\n };\r\n\r\n private handleInitialLoadWithHash = () => {\r\n if (window.location.hash) {\r\n if (document.readyState === 'complete') {\r\n // If the page is already loaded, scroll immediately\r\n this.handleHashChange();\r\n } else {\r\n // Otherwise, wait for the page to fully load before scrolling\r\n window.addEventListener('load', this.boundHandleHashChange, {\r\n once: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n private handleHashChange = () => {\r\n const hash = window.location.hash;\r\n if (hash) {\r\n const sectionId = hash.substring(1);\r\n this.scrollToSection(sectionId);\r\n }\r\n };\r\n\r\n private scrollToSection = (sectionId: string, smooth: boolean = true) => {\r\n const targetElement = document.getElementById(sectionId);\r\n if (targetElement) {\r\n const navHeight = this.el.offsetHeight;\r\n const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY - navHeight;\r\n\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: smooth ? 'smooth' : 'auto',\r\n });\r\n this.currentActive = sectionId;\r\n }\r\n };\r\n\r\n render() {\r\n const navItems = this.getNavItems();\r\n const hasRightContent = this.hasSubnavMenuRightContent();\r\n const selectedMobileItem = this.isMobile ? navItems.find(item => item.id === this.currentActive) \|\| navItems[0] : null;\r\n\r\n // If no navigation items, don't render the navigation\r\n if (navItems.length === 0) {\r\n return (\r\n <Host>\r\n <div class={`subnav-container ${!hasRightContent ? 'full-width' : ''}`}>\r\n {hasRightContent && (\r\n <div class=\"subnav-menu-right\">\r\n <slot name=\"subnav-menu-right\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n return (\r\n <Host>\r\n <div class={`subnav-container ${!hasRightContent ? 'full-width' : ''}`}>\r\n <nav class={`subnav-menu-left ${!hasRightContent ? 'full-width' : ''}`} role=\"navigation\" aria-label=\"Sub navigation\" ref={el => (this.navContainer = el)}>\r\n {this.isMobile ? (\r\n // Mobile layout - dropdown with arrows\r\n <div class=\"mobile-dropdown-container\">\r\n <button\r\n class=\"mobile-dropdown-button\"\r\n onClick={this.toggleOverflowMenu}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' \|\| e.key === ' ') {\r\n e.preventDefault();\r\n this.toggleOverflowMenu();\r\n }\r\n }}\r\n aria-expanded={this.showOverflowMenu}\r\n aria-haspopup=\"true\"\r\n aria-label={`${selectedMobileItem?.label \|\| 'Select Section'} - Choose navigation section`}\r\n tracker-id=\"mobile-dropdown-button\"\r\n ref={el => (this.overflowButton = el)}\r\n >\r\n <span class=\"mobile-selected-item\">{selectedMobileItem?.label \|\| 'Select Section'}</span>\r\n <span class={`mobile-arrow ${this.showOverflowMenu ? 'rotated' : ''}`} aria-hidden=\"true\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M1 1.5L5.94975 6.44975L10.8995 1.5\" stroke=\"#00890B\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n </button>\r\n {this.showOverflowMenu && (\r\n <ul class=\"mobile-dropdown\" role=\"menu\" aria-label=\"Navigation sections\">\r\n {navItems.map(item => (\r\n <li key={item.id} class={'mf-listen'} id={item.trackerId \|\| `mobile-nav-${item.id}`}>\r\n <a\r\n href={`#${item.id}`}\r\n class={`mobile-dropdown-item ${this.currentActive === item.id ? 'active' : ''}`}\r\n role=\"menuitem\"\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n title={item.title \|\| ''}\r\n onClick={e => {\r\n this.handleNavClick(e, item.id);\r\n this.showOverflowMenu = false;\r\n }}\r\n >\r\n {item.label}\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n )}\r\n </div>\r\n ) : (\r\n // Desktop layout - original behavior\r\n <ul class={'desktop-menu'}>\r\n {this.visibleItems.map(item => (\r\n <li key={item.id} class={'mf-listen'} id={item.trackerId \|\| `nav-${item.id}`}>\r\n <a\r\n href={`#${item.id}`}\r\n class={this.currentActive === item.id ? 'active' : ''}\r\n title={item.title \|\| ''}\r\n onClick={e => this.handleNavClick(e, item.id)}\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n >\r\n {item.label}\r\n </a>\r\n </li>\r\n ))}\r\n {this.overflowItems.length > 0 && (\r\n <li class=\"overflow-menu-container mf-listen\" id=\"overflow-menu\" ref={el => (this.overflowMenuContainer = el)}>\r\n <button\r\n class={`overflow-button ${this.hasActiveOverflowItem() ? 'selected-active' : ''}`}\r\n onClick={this.toggleOverflowMenu}\r\n onKeyDown={e => {\r\n if (e.key === 'Enter' \|\| e.key === ' ') {\r\n e.preventDefault();\r\n this.toggleOverflowMenu();\r\n }\r\n }}\r\n aria-expanded={this.showOverflowMenu}\r\n aria-haspopup=\"true\"\r\n aria-label=\"Show more navigation items\"\r\n tracker-id=\"overflow-button\"\r\n ref={el => (this.overflowButton = el)}\r\n >\r\n <span class=\"overflow-dots\" aria-hidden=\"true\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <circle cx=\"1.25\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n <circle cx=\"5\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n <circle cx=\"8.75\" cy=\"5\" r=\"1.25\" fill=\"#617480\" />\r\n </svg>\r\n </span>\r\n </button>\r\n {this.showOverflowMenu && (\r\n <div\r\n class={`overflow-dropdown ${this.overflowDropdownAlignLeft ? 'align-left' : 'align-right'}`}\r\n role=\"menu\"\r\n aria-label=\"Additional navigation sections\"\r\n ref={el => (this.overflowDropdownEl = el)}\r\n >\r\n {this.overflowItems.map(item => (\r\n <a\r\n key={item.id}\r\n href={`#${item.id}`}\r\n class={`mf-listen ${this.currentActive === item.id ? 'active' : ''}`}\r\n title={item.title \|\| ''}\r\n tracker-id={item.trackerId \|\| `overflow-link-${item.id}`}\r\n role=\"menuitem\"\r\n onClick={e => {\r\n this.handleNavClick(e, item.id);\r\n this.showOverflowMenu = false;\r\n }}\r\n aria-current={this.currentActive === item.id ? 'page' : undefined}\r\n >\r\n {item.label}\r\n </a>\r\n ))}\r\n </div>\r\n )}\r\n </li>\r\n )}\r\n </ul>\r\n )}\r\n </nav>\r\n {hasRightContent && (\r\n <div class=\"subnav-menu-right\">\r\n <slot name=\"subnav-menu-right\"></slot>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,i/RAAi/R;;MCc3/R,WAAW,GAAA,MAAA;;;;;IAEd,aAAa,GAAW,UAAU;AAClC,IAAA,QAAQ,GAAW,EAAE,CAAC;IACrB,aAAa,GAAW,UAAU;IAClC,YAAY,GAAc,EAAE;IAC5B,aAAa,GAAc,EAAE;IAC7B,gBAAgB,GAAY,KAAK;IACjC,yBAAyB,GAAY,KAAK;IAC1C,QAAQ,GAAY,KAAK;IACzB,kBAAkB,GAAY,KAAK;AAEpC,IAAA,YAAY;AACZ,IAAA,cAAc;AACd,IAAA,qBAAqB;AACrB,IAAA,kBAAkB;AAClB,IAAA,iBAAiB;AACjB,IAAA,uBAAuB;AACvB,IAAA,iBAAiB;AACjB,IAAA,kBAAkB;AAClB,IAAA,uBAAuB;AACvB,IAAA,qBAAqB;AACrB,IAAA,oBAAoB;AACpB,IAAA,cAAc;AACd,IAAA,aAAa;AACb,IAAA,qBAAqB;AACrB,IAAA,uBAAuB;IACvB,cAAc,GAAqB,IAAI;AACvC,IAAA,mBAAmB;IACnB,QAAQ,GAAY,KAAK;IACzB,WAAW,GAAW,CAAC;IACvB,kBAAkB,GAAuB,IAAI;IAC7C,kBAAkB,GAAuB,IAAI;IAErD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa;;IAGzC,gBAAgB,GAAA;QACd,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,yBAAyB,EAAE;QAChC,IAAI,CAAC,mBAAmB,EAAE;QAC1B,IAAI,CAAC,wBAAwB,EAAE;QAC/B,IAAI,CAAC,yBAAyB,EAAE;;IAG1B,iBAAiB,GAAA;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QACrD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QACrD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QACvD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;QACjE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvD,iBAAiB,GAAA;QACvB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,uBAAuB,CAAC;QAChE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE;AACxD,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,uBAAuB,EAAE;AAC9D,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC;QACjE,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAAE;AAC1D,YAAA,IAAI,EAAE,IAAI;AACX,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;QAClB,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,2BAA2B,EAAE;QAClC,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,eAAe,EAAE;;IAGhB,oBAAoB,GAAA;QAC1B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,uBAAuB,CAAC;QACnE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC;QAChE,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC;QAC5D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,uBAAuB,CAAC;QAClE,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC;QACpE,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,CAAC;;IAGxD,eAAe,GAAA;QACrB,IAAI,IAAI,CAAC,aAAa;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;QACxD,IAAI,IAAI,CAAC,qBAAqB;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,qBAAqB,CAAC;QACxE,IAAI,IAAI,CAAC,uBAAuB;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,uBAAuB,CAAC;QAC5E,IAAI,IAAI,CAAC,mBAAmB;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC;;IAG9D,2BAA2B,GAAA;AACjC,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC7B,YAAA,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE;;;IAIlC,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;;IAI5B,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;AAChC,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;AAEhC,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;AAChC,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;AAI1B,IAAA,kBAAkB,GAAG,CAAC,KAAY,KAAI;AAC5C,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;AAClD,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;;AAEjC,KAAC;AAEO,IAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;QAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACnD,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAC7B,YAAA,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE;;AAEhC,KAAC;IAEO,YAAY,GAAG,MAAK;;AAE1B,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B;;QAGF,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;;AAElD,YAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,gBAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;gBACjC;;;AAIF,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;YACzC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,GAAG,YAAY,GAAG,GAAG,CAAC;;YAG3D,IAAI,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEnC,YAAA,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AAC7C,gBAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,IAAI,cAAc,EAAE;AAClD,oBAAA,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC9B;;;;AAKJ,YAAA,IAAI,aAAa,KAAK,IAAI,CAAC,aAAa,EAAE;AACxC,gBAAA,IAAI,CAAC,aAAa,GAAG,aAAa;;AAGpC,YAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AACnC,SAAC,EAAE,EAAE,CAAC,CAAC;AACT,KAAC;IAEO,wBAAwB,GAAG,MAAK;;QAEtC,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE;QAC5C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;AAC9C,KAAC;IAEO,kBAAkB,GAAG,MAAK;;AAEhC,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B;;QAGF,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AAChD,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO;;AAG9B,YAAA,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC,WAAW;AAElD,YAAA,IAAI,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;;AAEpC,gBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;;gBAG3C,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,cAAc,CAAA,EAAA,CAAI;gBAC5D,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;gBAC5C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;;AAGpD,gBAAA,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,EAAE,CAAC;;gBAGlE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;gBAG1C,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO;gBAChC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;gBACvB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG;gBACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG;gBACzB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;gBAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK;gBAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe;AACzC,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;AACf,iBAAA,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,EAAE;;gBAE3C,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC;gBAC7C,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE;;gBAG5B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE;gBAC3B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;gBACtB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE;gBACvB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;gBACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE;gBACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;AACzB,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGrB,gBAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,oBAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;AAChC,oBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;AAIlC,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;AACjC,SAAC,EAAE,EAAE,CAAC,CAAC;AACT,KAAC;IAEO,YAAY,GAAG,MAAK;AAC1B,QAAA,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAE,EAAE,CAAC;;AAEvE,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,wBAAwB,EAAE;;AAC1B,aAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;;AAElC,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;YAC1C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI;;YAE3D,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,EAAE;YACvE,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;;AAE3D,KAAC;IAEO,yBAAyB,GAAG,MAAK;;AAEvC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;;QAGnC,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAClD,OAAO,IAAG;;AAER,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;;YAIlC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;;AAE1C,gBAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;oBAC3B;;;AAIF,gBAAA,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC;AAE1E,gBAAA,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE;;;oBAGnC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;;wBAEjC,IAAI,CAAC,CAAC,iBAAiB,KAAK,CAAC,CAAC,iBAAiB,EAAE;AAC/C,4BAAA,OAAO,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,iBAAiB;;;wBAGlD,OAAO,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,CAAC,CAAC,kBAAkB,CAAC,GAAG;AAC5D,qBAAC,CAAC;;AAGF,oBAAA,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,CAAC;AAClD,oBAAA,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,EAAE;oBAE9C,IAAI,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC,aAAa,EAAE;AACjD,wBAAA,IAAI,CAAC,aAAa,GAAG,SAAS;;;AAGpC,aAAC,EAAE,GAAG,CAAC,CAAC;AACV,SAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,mBAAmB;AAC/B,YAAA,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;AAC1C,SAAA,CACF;;AAGD,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;YACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YAChD,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC;;AAE9C,SAAC,CAAC;AACJ,KAAC;IAEO,mBAAmB,GAAG,MAAK;;AAEjC,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;;AAE5C,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,wBAAwB,EAAE;;AAC1B,iBAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;;gBAElC,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,EAAE;gBACvE,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;;AAE3D,SAAC,CAAC;;AAGF,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;YACzB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;AAEtD,KAAC;IAEO,wBAAwB,GAAG,MAAuB;QACxD,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC;AAC/D,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,IAAI;QAE7B,MAAM,KAAK,GAAG,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC;AAC/C,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK;AAC3B,aAAA,GAAG,CAAC,CAAC,IAAuB,MAAM;AACjC,YAAA,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE;YACjD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;YACrC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,SAAS;YAC9C,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,SAAS;AACxD,SAAA,CAAC;AACD,aAAA,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAc;AAE9D,QAAA,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;AACxC,KAAC;IAEO,WAAW,GAAG,MAAgB;;AAEpC,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,OAAO,IAAI,CAAC,cAAc;;;AAI5B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,wBAAwB,EAAE;QACjD,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,cAAc,GAAG,SAAS;AAC/B,YAAA,OAAO,SAAS;;;AAIlB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE;QAC1C,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,cAAc,GAAG,SAAS;AAC/B,YAAA,OAAO,SAAS;;;AAIlB,QAAA,OAAO,CAAC,IAAI,CAAC,+DAA+D,CAAC;AAC7E,QAAA,OAAO,EAAE;AACX,KAAC;IAEO,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE;AAAE,YAAA,OAAO,IAAI;AAEvC,QAAA,IAAI;YACF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7C,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AACxD,gBAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,KAAsB,OAAO,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;AAChJ,gBAAA,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,UAAU,GAAG,IAAI;;;QAElD,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,IAAI,CAAC,kDAAkD,EAAE,KAAK,CAAC;;AAEzE,QAAA,OAAO,IAAI;;IAGL,qBAAqB,GAAG,MAAc;AAC5C,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC;AACxE,KAAC;IAEO,yBAAyB,GAAG,MAAc;QAChD,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,4BAA4B,CAAC;QACvE,OAAO,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9C,KAAC;IAEO,qBAAqB,GAAG,MAAK;AACnC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;;AAGnC,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;YACvB;;;AAIF,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ;QAC/B,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG;;AAGxC,QAAA,IAAI,SAAS,KAAK,IAAI,CAAC,QAAQ,EAAE;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;;AAGhC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;;YAEjB,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;AACvF,YAAA,IAAI,CAAC,YAAY,GAAG,CAAC,UAAU,CAAC;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;;aAClE;;AAEL,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,CAAC;YAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,EAAE,GAAG,CAAC,CAAC;YACnF,MAAM,cAAc,GAAG,cAAc,GAAG,WAAW,GAAG,EAAE,CAAC;;AAGzD,YAAA,IAAI,cAAc,KAAK,CAAC,EAAE;AACxB,gBAAA,IAAI,CAAC,YAAY,GAAG,QAAQ;AAC5B,gBAAA,IAAI,CAAC,aAAa,GAAG,EAAE;gBACvB;;YAGF,IAAI,YAAY,GAAG,CAAC;YACpB,IAAI,UAAU,GAAG,CAAC;;AAGlB,YAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;gBAC5B,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;gBACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;gBACnD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ;gBACnD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ;gBACnD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM;gBAC/C,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK;gBAChD,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe;;YAGzD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAElD,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,gBAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;gBACxB,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK;gBAChD,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,EAAE,CAAC;AAE3D,gBAAA,IAAI,UAAU,GAAG,SAAS,IAAI,cAAc,EAAE;oBAC5C,UAAU,IAAI,SAAS;AACvB,oBAAA,YAAY,EAAE;;qBACT;oBACL;;;YAIJ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAElD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC;YACnD,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;;;;AAIrD,KAAC;IAEO,kBAAkB,GAAG,MAAK;AAChC,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,gBAAgB;;AAE9C,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B;;QAGF,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB;AAC5C,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB;AACxC,YAAA,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ;gBAAE;AAE7B,YAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE;;AAEvD,YAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,IAAI,CAAC;AAC/C,YAAA,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,GAAG,CAAC;AACzC,YAAA,MAAM,QAAQ,GAAG,SAAS,GAAG,aAAa;;YAE1C,IAAI,CAAC,yBAAyB,GAAG,QAAQ,GAAG,CAAC,CAAC;AAChD,SAAC,CAAC;AACJ,KAAC;AAEO,IAAA,cAAc,GAAG,CAAC,KAAY,EAAE,OAAe,KAAI;QACzD,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO;;AAG5B,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;AAG9B,QAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE;AAChC,YAAA,YAAY,CAAC,IAAI,CAAC,uBAAuB,CAAC;;;AAI5C,QAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,eAAe,EAAE;YACnD,MAAM,EAAE,EAAE,OAAO,EAAE;AACnB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC;;QAGlC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,OAAO,CAAE,CAAA,CAAC;QAC3D,IAAI,aAAa,EAAE;;AAEjB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;;AAGtC,YAAA,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS;;YAG7F,MAAM,CAAC,QAAQ,CAAC;AACd,gBAAA,GAAG,EAAE,cAAc;AACnB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,CAAC;;YAGF,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACpD,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;;AAG/B,gBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;AAC3C,gBAAA,MAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,cAAc;;AAGvG,gBAAA,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,mBAAmB,CAAC,GAAG,CAAC,EAAE;oBACtD,MAAM,CAAC,QAAQ,CAAC;AACd,wBAAA,GAAG,EAAE,mBAAmB;AACxB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA,CAAC;;AAEN,aAAC,EAAE,GAAG,CAAC,CAAC;;aACH;;YAEL,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACpD,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;aAChC,EAAE,IAAI,CAAC;;AAEZ,KAAC;IAEO,yBAAyB,GAAG,MAAK;AACvC,QAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;AACxB,YAAA,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;;gBAEtC,IAAI,CAAC,gBAAgB,EAAE;;iBAClB;;gBAEL,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAAE;AAC1D,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA,CAAC;;;AAGR,KAAC;IAEO,gBAAgB,GAAG,MAAK;AAC9B,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;QACjC,IAAI,IAAI,EAAE;YACR,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACnC,YAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;;AAEnC,KAAC;IAEO,eAAe,GAAG,CAAC,SAAiB,EAAE,MAAkB,GAAA,IAAI,KAAI;QACtE,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;QACxD,IAAI,aAAa,EAAE;AACjB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY;AACtC,YAAA,MAAM,cAAc,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS;YAE7F,MAAM,CAAC,QAAQ,CAAC;AACd,gBAAA,GAAG,EAAE,cAAc;gBACnB,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM;AACrC,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;;AAElC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE;AACxD,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI;;AAGtH,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;YACzB,QACEA,QAACC,UAAI,EAAA,IAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,CAAC,eAAe,GAAG,YAAY,GAAG,EAAE,CAAA,CAAE,EACnE,EAAA,eAAe,KACdA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,mBAAmB,EAAA,CAAQ,CAClC,CACP,CACG,CACD;;AAIX,QAAA,QACEA,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,iBAAA,EAAoB,CAAC,eAAe,GAAG,YAAY,GAAG,EAAE,EAAE,EAAA,EACpEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,oBAAoB,CAAC,eAAe,GAAG,YAAY,GAAG,EAAE,CAAE,CAAA,EAAE,IAAI,EAAC,YAAY,EAAY,YAAA,EAAA,gBAAgB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACtJ,EAAA,IAAI,CAAC,QAAQ;;AAEZ,QAAAA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,CAAC,CAAC,cAAc,EAAE;oBAClB,IAAI,CAAC,kBAAkB,EAAE;;AAE7B,aAAC,EACc,eAAA,EAAA,IAAI,CAAC,gBAAgB,EACtB,eAAA,EAAA,MAAM,EACR,YAAA,EAAA,CAAA,EAAG,kBAAkB,EAAE,KAAK,IAAI,gBAAgB,CAAA,4BAAA,CAA8B,EAC/E,YAAA,EAAA,wBAAwB,EACnC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,EAAA,EAErCA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAAE,kBAAkB,EAAE,KAAK,IAAI,gBAAgB,CAAQ,EACzFA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,gBAAgB,GAAG,SAAS,GAAG,EAAE,CAAA,CAAE,iBAAc,MAAM,EAAA,EACvFA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAA,EAC7GA,OAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oCAAoC,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,GAAG,EAAgB,gBAAA,EAAA,OAAO,EAAG,CAAA,CACpG,CACD,CACA,EACR,IAAI,CAAC,gBAAgB,KACpBA,gBAAI,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAA,YAAA,EAAY,qBAAqB,EACrE,EAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,KAChBA,OAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,IAAI,CAAA,WAAA,EAAc,IAAI,CAAC,EAAE,CAAA,CAAE,EAAA,EACjFA,OAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,EAAE,CAAE,CAAA,EACnB,KAAK,EAAE,yBAAyB,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,QAAQ,GAAG,EAAE,CAAA,CAAE,EAChF,IAAI,EAAC,UAAU,EAAA,cAAA,EACD,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,SAAS,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,OAAO,EAAE,CAAC,IAAG;gBACX,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AAC/B,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAC/B,aAAC,EAEA,EAAA,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC,CACC,CACN,CACG;;QAGNA,OAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,cAAc,EAAA,EACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,KACzBA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,IAAI,CAAA,IAAA,EAAO,IAAI,CAAC,EAAE,CAAE,CAAA,EAAA,EAC1EA,OAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,CAAE,CAAA,EACnB,KAAK,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,QAAQ,GAAG,EAAE,EACrD,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACvB,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAC/B,cAAA,EAAA,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,SAAS,EAAA,EAEhE,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC,EACD,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAC5BA,OAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,mCAAmC,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC,EAAA,EAC3GA,OACE,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,CAAA,gBAAA,EAAmB,IAAI,CAAC,qBAAqB,EAAE,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAE,EACjF,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,CAAC,IAAG;AACb,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,CAAC,CAAC,cAAc,EAAE;oBAClB,IAAI,CAAC,kBAAkB,EAAE;;AAE7B,aAAC,EAAA,eAAA,EACc,IAAI,CAAC,gBAAgB,mBACtB,MAAM,EAAA,YAAA,EACT,4BAA4B,EAAA,YAAA,EAC5B,iBAAiB,EAC5B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,EAAA,EAErCA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAA,aAAA,EAAa,MAAM,EAAA,EAC5CA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAA,EAC/GA,OAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EACnDA,OAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EAChDA,OAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CAC/C,CACD,CACA,EACR,IAAI,CAAC,gBAAgB,KACpBA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAqB,kBAAA,EAAA,IAAI,CAAC,yBAAyB,GAAG,YAAY,GAAG,aAAa,CAAA,CAAE,EAC3F,IAAI,EAAC,MAAM,EAAA,YAAA,EACA,gCAAgC,EAC3C,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAA,EAExC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAC1BA,OACE,CAAA,GAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,EAAE,CAAE,CAAA,EACnB,KAAK,EAAE,aAAa,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,QAAQ,GAAG,EAAE,CAAE,CAAA,EACpE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EACX,YAAA,EAAA,IAAI,CAAC,SAAS,IAAI,CAAiB,cAAA,EAAA,IAAI,CAAC,EAAE,EAAE,EACxD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,IAAG;gBACX,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AAC/B,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAC/B,aAAC,EACa,cAAA,EAAA,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,SAAS,EAEhE,EAAA,IAAI,CAAC,KAAK,CACT,CACL,CAAC,CACE,CACP,CACE,CACN,CACE,CACN,CACG,EACL,eAAe,KACdA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,mBAAmB,EAAA,CAAQ,CAClC,CACP,CACG,CACD;;;;;;;"}

package/dist/cjs/ptc-subnav.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-12);z-index:990}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host{position:relative}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:990;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1150px}@media (min-width: 1250px){:host .navbar .navbar-inner{max-width:1200px}}:host .navbar .navbar-inner{margin:auto;box-sizing:border-box;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";

package/dist/cjs/ptc-svg-btn.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
-var svg = require('./svg-nGZ_dQ_h.js');
+var index = require('./index-BwfL3SN5.js');
+var svg = require('./svg-640RyQ1z.js');
 const closeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQyIDQxLjQ4NSI+DQogICAgPGcgaWQ9Ikdyb3VwXzEwNDIiIGRhdGEtbmFtZT0iR3JvdXAgMTA0MiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDEwOC4yNSA4Ny45OTMpIj4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDQ2IiBkPSJNMCAwdjM5LjQ4NiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ2Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0NyIgZD0iTTAgMGg0MCIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IkxpbmUgNDQ3Ij48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJMaW5lXzQ0OCIgZD0iTTAgMzMuNTkyVjAiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJMaW5lIDQ0OCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NDkiIGQ9Ik0yMy45OTQgMEgwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0iTGluZSA0NDkiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggaWQ9IkxpbmVfNDUwIiBkPSJNMCAwbDE3LjU5NiAxNy41OTYiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjIyOSAxNDcuMjI2KSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBpZD0iTGluZV80NTEiIGQ9Ik0wIDcuMTk4TDcuMTk5IDAiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSJMaW5lIDQ1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk3LjU1IDE0Ny4zMTIpIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGlkPSJQYXRoXzExNCIgZD0iTTAgNy4yTDcuMiAwIiBjbGFzcz0iY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Ny4zMTMgMTU3LjU0OSkiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=';

package/dist/cjs/ptc-tab-list.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcTabListCss = "ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content: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)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";

package/dist/cjs/ptc-tab.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcTabsCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";

package/dist/cjs/ptc-tabs.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcTabsCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";

package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 const ptcTextCopyWithBackgroundCss = ":host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{filter:url(#blur);-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, hsla(0, 0%, 100%, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, hsla(0, 0%, 100%, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}@media (prefers-reduced-motion: reduce){:host(.case-studies) .card-wrap::after{animation:none}:host(.case-studies) .card-wrap::before{animation:none}:host(.case-studies) .card-wrap .card-animated-border::before{animation:none}:host(.case-studies) .card-wrap .card-animated-border::after{animation:none}:host(.case-studies) .card-wrap .card-content{opacity:1;visibility:visible;animation:none}}:host(.bg-image-absent){padding:0rem}";

package/dist/cjs/ptc-theater-video-modal.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 var focusTrap_esm = require('./focus-trap.esm-COabJZPy.js');
 const ptcTheaterVideoModalCss = ".sc-ptc-theater-video-modal-h{display:block}.modal.sc-ptc-theater-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(78, 93, 102, 0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{position:relative;width:100%;padding-top:56.25%;max-height:500px}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal .video-container.sc-ptc-theater-video-modal{position:absolute;top:0;left:0;width:100%;height:100%;max-height:80vh}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal video-js.sc-ptc-theater-video-modal{width:100%;height:100%}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{position:relative;padding:24px;height:100vh;overflow-y:auto;overflow-x:hidden;color:var(--color-white);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);background-color:var(--color-gray-12)}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{width:100%;min-height:400px;height:auto}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal::-webkit-scrollbar{width:0px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{background-color:#323b42;padding:24px;margin:0 -24px}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{padding:0;margin:0;background-color:transparent}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close-container.sc-ptc-theater-video-modal{width:100%;display:flex;justify-content:right;margin-bottom:8px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{width:-moz-max-content;width:max-content;cursor:pointer;padding:8px;transform:translateX(8px)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{right:-10px;top:0}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal{background-color:transparent;color:white;padding:0;margin:0;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:18px;font-weight:400;line-height:1.5}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal:disabled{color:var(--color-gray-06)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .card-description-content.sc-ptc-theater-video-modal p.sc-ptc-theater-video-modal{color:var(--color-white)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{max-height:460px;overflow-y:auto;overflow-x:hidden;padding-right:13px;color:#fff}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{padding-top:28px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal .sc-ptc-title.sc-ptc-theater-video-modal::before{content:none !important}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar{width:3px;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-track{background-color:#3e4a52;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:100vw;position:relative;padding:40px;background-color:var(--color-gray-12)}@media only screen and (min-width: 992px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:75vw}}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{position:absolute;right:0;top:0;padding:var(--ptc-element-spacing-02);cursor:pointer;margin-right:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-04)}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline)}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{width:100%;height:100%;margin-top:16px}";

package/dist/cjs/ptc-title.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B-KmIH22.js');
+var index = require('./index-BwfL3SN5.js');
 var index$1 = require('./index-QQdgqPAW.js');
 const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
@@ -155,7 +155,7 @@ const PtcTitle = class {
         if (this.el == firstChild) {
             this.el.innerHTML = "";
         }
-        return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
+        return (index.h(index.Host, { style: { textAlign: this.textAlign == 'center' ? 'center' : '' } }, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
                 ? "line-clamp-title"
                 : "" }))));
     }