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/ptcw-design/ptc-subnav-v2.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-subnav-v2.entry.esm.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":[],"mappings":"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"}
1	+ {"version":3,"file":"ptc-subnav-v2.entry.esm.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":[],"mappings":"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"}

package/dist/ptcw-design/ptc-title.entry.esm.js.map CHANGED Viewed

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