@ptcwebops/ptcw-design 6.4.29-beta → 6.4.31-beta

package/dist/ptcw-design/p-63da8f22.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as e,a as i}from"./p-944c5be8.js";const n=class{constructor(o){t(this,o),this.cachedNavItems=null,this.isSticky=!1,this.originalTop=0,this.placeholderElement=null,this.measurementElement=null,this.handleClickOutside=t=>{this.el.contains(t.target)||(this.showOverflowMenu=!1)},this.handleKeyDown=t=>{var o;"Escape"===t.key&&this.showOverflowMenu&&(this.showOverflowMenu=!1,null===(o=this.overflowButton)||void 0===o||o.focus())},this.handleScroll=()=>{this.scrollThrottleTimeout||(this.scrollThrottleTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return void(this.scrollThrottleTimeout=null);const t=this.getNavItems(),o=window.scrollY+this.el.offsetHeight+100;let e=t[0].id;for(let i=t.length-1;i>=0;i--){const n=document.getElementById(t[i].id);if(n&&n.offsetTop<=o){e=t[i].id;break}}e!==this.currentActive&&(this.currentActive=e),this.scrollThrottleTimeout=null}),16))},this.initializeStickyPosition=()=>{const t=this.el.getBoundingClientRect();this.originalTop=t.top+window.scrollY},this.handleStickyScroll=()=>{this.stickyScrollTimeout||(this.stickyScrollTimeout=window.setTimeout((()=>{var t;const o=window.scrollY>=this.originalTop;if(o&&!this.isSticky){const o=this.el.offsetHeight;this.placeholderElement=document.createElement("div"),this.placeholderElement.style.height=`${o}px`,this.placeholderElement.style.width="100%",this.placeholderElement.style.pointerEvents="none",null===(t=this.el.parentNode)||void 0===t||t.insertBefore(this.placeholderElement,this.el),this.el.classList.add("sticky-transition"),this.el.style.position="fixed",this.el.style.top="0",this.el.style.left="0",this.el.style.right="0",this.el.style.width="100%",this.el.style.zIndex="105",this.el.style.transform="translateY(0)",this.isSticky=!0}else!o&&this.isSticky&&(this.el.classList.remove("sticky-transition"),this.el.style.transform="",this.el.style.position="",this.el.style.top="",this.el.style.left="",this.el.style.right="",this.el.style.width="",this.el.style.zIndex="",this.isSticky=!1,this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null));this.stickyScrollTimeout=null}),16))},this.handleResize=()=>{if(this.navContainer&&setTimeout((()=>this.calculateVisibleItems()),10),this.isSticky){if(this.placeholderElement){this.placeholderElement.style.height=`${this.el.offsetHeight}px`;const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()},this.setupIntersectionObserver=()=>{const t=this.getNavItems();this.intersectionObserver=new IntersectionObserver((t=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{if(this.isManualNavigation)return;const o=t.filter((t=>t.isIntersecting));if(o.length>0){o.sort(((t,o)=>o.intersectionRatio!==t.intersectionRatio?o.intersectionRatio-t.intersectionRatio:t.boundingClientRect.top-o.boundingClientRect.top));const t=o[0].target.id;t&&t!==this.currentActive&&(this.currentActive=t)}}),100)}),{root:null,rootMargin:"-20% 0px -60% 0px",threshold:[0,.1,.25,.5,.75,1]}),t.forEach((t=>{const o=document.getElementById(t.id);o&&this.intersectionObserver.observe(o)}))},this.setupResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{if(this.isSticky){if(this.placeholderElement){const t=this.placeholderElement.getBoundingClientRect();this.originalTop=t.top+window.scrollY}}else this.initializeStickyPosition()})),this.el.parentElement&&this.resizeObserver.observe(this.el.parentElement)},this.extractNavItemsFromSlots=()=>{const t=this.el.querySelector('[slot="nav-items"]');if(!t)return null;const o=t.querySelectorAll("a"),e=Array.from(o).map((t=>{var o,e;return{id:(null===(o=t.getAttribute("href"))||void 0===o?void 0:o.substring(1))||"",label:(null===(e=t.textContent)||void 0===e?void 0:e.trim())||"",title:t.getAttribute("title")||void 0,trackerId:t.getAttribute("tracker-id")||void 0}})).filter((t=>Boolean(t.id&&t.label)));return e.length>0?e:null},this.getNavItems=()=>{if(this.cachedNavItems)return this.cachedNavItems;const t=this.extractNavItemsFromSlots();if(t)return this.cachedNavItems=t,t;const o=this.parsePropNavItems();return o?(this.cachedNavItems=o,o):(console.warn("No navigation items found in slots or props for ptc-subnav-v2"),[])},this.hasActiveOverflowItem=()=>this.overflowItems.some((t=>t.id===this.currentActive)),this.hasSubnavMenuRightContent=()=>{const t=this.el.querySelector('[slot="subnav-menu-right"]');return Boolean(null==t?void 0:t.children.length)},this.calculateVisibleItems=()=>{const t=this.getNavItems();if(0===t.length)return this.visibleItems=[],void(this.overflowItems=[]);const o=this.isMobile;if(this.isMobile=window.innerWidth<=767,o!==this.isMobile&&(this.showOverflowMenu=!1),this.isMobile){const o=t.find((t=>t.id===this.currentActive))||t[0];this.visibleItems=[o],this.overflowItems=t.filter((t=>t.id!==o.id))}else{const o=this.navContainer?this.navContainer.offsetWidth:0,e=o-(this.overflowButton?this.overflowButton.offsetWidth+32:0)-48;if(0===o)return this.visibleItems=t,void(this.overflowItems=[]);let i=0,n=0;this.measurementElement||(this.measurementElement=document.createElement("div"),this.measurementElement.style.position="absolute",this.measurementElement.style.visibility="hidden",this.measurementElement.style.whiteSpace="nowrap",this.measurementElement.style.fontSize="14px",this.measurementElement.style.fontWeight="700",this.measurementElement.style.padding="20px 0 20px 0"),document.body.appendChild(this.measurementElement);for(let o=0;o<t.length;o++){this.measurementElement.textContent=t[o].label;const s=this.measurementElement.offsetWidth+32;if(!(n+s<=e))break;n+=s,i++}document.body.removeChild(this.measurementElement),this.visibleItems=t.slice(0,i),this.overflowItems=t.slice(i)}},this.toggleOverflowMenu=()=>{this.showOverflowMenu=!this.showOverflowMenu,this.showOverflowMenu&&requestAnimationFrame((()=>{const t=this.overflowMenuContainer,o=this.overflowDropdownEl;if(!t||!o)return;const e=t.getBoundingClientRect();this.overflowDropdownAlignLeft=e.right+2-(o.offsetWidth||0)<8}))},this.handleNavClick=(t,o)=>{t.preventDefault(),this.currentActive=o,this.isManualNavigation=!0,this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.manualNavigationTimeout=window.setTimeout((()=>{this.isManualNavigation=!1}),1500);const e=new CustomEvent("sectionChange",{detail:{section:o},bubbles:!0,composed:!0});this.el.dispatchEvent(e);const i=document.querySelector(`#${o}`);if(i){const t=this.el.offsetHeight,o=i.getBoundingClientRect().top+window.scrollY-t;window.scrollTo({top:o,behavior:"smooth"})}},this.activeSection="overview",this.navItems="",this.currentActive="overview",this.visibleItems=[],this.overflowItems=[],this.showOverflowMenu=!1,this.overflowDropdownAlignLeft=!1,this.isMobile=!1,this.isManualNavigation=!1}componentWillLoad(){this.currentActive=this.activeSection}componentDidLoad(){this.bindEventHandlers(),this.handleResize(),this.addEventListeners(),this.setupIntersectionObserver(),this.setupResizeObserver(),this.initializeStickyPosition()}bindEventHandlers(){this.boundHandleResize=this.handleResize.bind(this),this.boundHandleClickOutside=this.handleClickOutside.bind(this),this.boundHandleScroll=this.handleScroll.bind(this),this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.boundHandleStickyScroll=this.handleStickyScroll.bind(this)}addEventListeners(){window.addEventListener("resize",this.boundHandleResize),document.addEventListener("click",this.boundHandleClickOutside),document.addEventListener("keydown",this.boundHandleKeyDown),window.addEventListener("scroll",this.boundHandleScroll,{passive:!0}),window.addEventListener("scroll",this.boundHandleStickyScroll,{passive:!0})}disconnectedCallback(){this.removeEventListeners(),this.cleanupTimeouts(),this.cleanupIntersectionObserver(),this.cleanupResizeObserver(),this.cleanupElements()}removeEventListeners(){window.removeEventListener("resize",this.boundHandleResize),document.removeEventListener("click",this.boundHandleClickOutside),document.removeEventListener("keydown",this.boundHandleKeyDown),window.removeEventListener("scroll",this.boundHandleScroll),window.removeEventListener("scroll",this.boundHandleStickyScroll)}cleanupTimeouts(){this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollThrottleTimeout&&clearTimeout(this.scrollThrottleTimeout),this.manualNavigationTimeout&&clearTimeout(this.manualNavigationTimeout),this.stickyScrollTimeout&&clearTimeout(this.stickyScrollTimeout)}cleanupIntersectionObserver(){this.intersectionObserver&&this.intersectionObserver.disconnect()}cleanupResizeObserver(){this.resizeObserver&&this.resizeObserver.disconnect()}cleanupElements(){this.placeholderElement&&(this.placeholderElement.remove(),this.placeholderElement=null),this.measurementElement&&(this.measurementElement.remove(),this.measurementElement=null)}parsePropNavItems(){var t;if(!(null===(t=this.navItems)||void 0===t?void 0:t.trim()))return null;try{const t=JSON.parse(this.navItems);if(Array.isArray(t)&&t.length>0){const o=t.filter((t=>Boolean(t&&"string"==typeof t.id&&"string"==typeof t.label)));return o.length>0?o:null}}catch(t){console.warn("Invalid navItems JSON provided to ptc-subnav-v2:",t)}return null}render(){const t=this.getNavItems(),i=this.hasSubnavMenuRightContent(),n=this.isMobile?t.find((t=>t.id===this.currentActive))||t[0]:null;return o(e,null,0===t.length?o("div",{class:"subnav-container "+(i?"":"full-width")},i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))):o("div",{class:"subnav-container "+(i?"":"full-width")},o("nav",{class:"subnav-menu-left "+(i?"":"full-width"),role:"navigation","aria-label":"Sub navigation",ref:t=>this.navContainer=t},this.isMobile?o("div",{class:"mobile-dropdown-container"},o("button",{class:"mobile-dropdown-button",onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":`${(null==n?void 0:n.label)||"Select Section"} - Choose navigation section`,"tracker-id":"mobile-dropdown-button",ref:t=>this.overflowButton=t},o("span",{class:"mobile-selected-item"},(null==n?void 0:n.label)||"Select Section"),o("span",{class:"mobile-arrow "+(this.showOverflowMenu?"rotated":""),"aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none","aria-hidden":"true"},o("path",{d:"M1 1.5L5.94975 6.44975L10.8995 1.5",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"})))),this.showOverflowMenu&&o("ul",{class:"mobile-dropdown",role:"menu","aria-label":"Navigation sections"},t.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`mobile-nav-${t.id}`},o("a",{href:`#${t.id}`,class:"mobile-dropdown-item  "+(this.currentActive===t.id?"active":""),role:"menuitem","aria-current":this.currentActive===t.id?"page":void 0,title:t.title||"",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1}},t.label)))))):o("ul",{class:"desktop-menu"},this.visibleItems.map((t=>o("li",{key:t.id,class:"mf-listen",id:t.trackerId||`nav-${t.id}`},o("a",{href:`#${t.id}`,class:this.currentActive===t.id?"active":"",title:t.title||"",onClick:o=>this.handleNavClick(o,t.id),"aria-current":this.currentActive===t.id?"page":void 0},t.label)))),this.overflowItems.length>0&&o("li",{class:"overflow-menu-container mf-listen",id:"overflow-menu",ref:t=>this.overflowMenuContainer=t},o("button",{class:"overflow-button "+(this.hasActiveOverflowItem()?"selected-active":""),onClick:this.toggleOverflowMenu,onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggleOverflowMenu())},"aria-expanded":this.showOverflowMenu,"aria-haspopup":"true","aria-label":"Show more navigation items","tracker-id":"overflow-button",ref:t=>this.overflowButton=t},o("span",{class:"overflow-dots","aria-hidden":"true"},o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none","aria-hidden":"true"},o("circle",{cx:"1.25",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"5",cy:"5",r:"1.25",fill:"#617480"}),o("circle",{cx:"8.75",cy:"5",r:"1.25",fill:"#617480"})))),this.showOverflowMenu&&o("div",{class:"overflow-dropdown "+(this.overflowDropdownAlignLeft?"align-left":"align-right"),role:"menu","aria-label":"Additional navigation sections",ref:t=>this.overflowDropdownEl=t},this.overflowItems.map((t=>o("a",{key:t.id,href:`#${t.id}`,class:"mf-listen "+(this.currentActive===t.id?"active":""),title:t.title||"","tracker-id":t.trackerId||`overflow-link-${t.id}`,role:"menuitem",onClick:o=>{this.handleNavClick(o,t.id),this.showOverflowMenu=!1},"aria-current":this.currentActive===t.id?"page":void 0},t.label))))))),i&&o("div",{class:"subnav-menu-right"},o("slot",{name:"subnav-menu-right"}))))}get el(){return i(this)}};n.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host .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);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;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{text-align:left;line-height:18px}: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-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}}';export{n as ptc_subnav_v2}