@ngstarter-ui/components 21.0.40 → 21.0.41
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.
- package/ai/component-registry.json +13 -4
- package/fesm2022/ngstarter-ui-components-form-builder.mjs +499 -278
- package/fesm2022/ngstarter-ui-components-form-builder.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs +2 -1
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tabs.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tree.mjs +7 -5
- package/fesm2022/ngstarter-ui-components-tree.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngstarter-ui-components-form-builder.d.ts +92 -21
- package/types/ngstarter-ui-components-tree.d.ts +4 -2
|
@@ -37,8 +37,9 @@ class ScrollbarArea {
|
|
|
37
37
|
scrollRatioY = computed(() => this.hasScrollY() ? this.contentClientHeight() / this.contentScrollHeight() : 1, ...(ngDevMode ? [{ debugName: "scrollRatioY" }] : /* istanbul ignore next */ []));
|
|
38
38
|
minThumbHeight = 20;
|
|
39
39
|
thumbHeight = computed(() => {
|
|
40
|
-
if (!this.hasScrollY())
|
|
40
|
+
if (!this.hasScrollY()) {
|
|
41
41
|
return 0;
|
|
42
|
+
}
|
|
42
43
|
const trackHeight = this.trackClientHeight();
|
|
43
44
|
const ratio = this.scrollRatioY();
|
|
44
45
|
const calculated = trackHeight * ratio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-scrollbar-area.mjs","sources":["../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.ts","../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.html","../../../projects/components/scrollbar-area/src/scroll-container-fixed.directive.ts","../../../projects/components/scrollbar-area/ngstarter-ui-components-scrollbar-area.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n NgZone,\n Renderer2,\n inject,\n PLATFORM_ID,\n signal,\n computed,\n effect,\n input,\n DestroyRef,\n untracked,\n viewChild,\n ChangeDetectionStrategy,\n booleanAttribute,\n output\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n fromEvent,\n map,\n takeUntil,\n switchMap,\n tap,\n merge,\n debounceTime,\n distinctUntilChanged,\n Observable,\n finalize,\n filter,\n Subscription\n} from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-scrollbar-area',\n exportAs: 'ngsScrollbarArea',\n templateUrl: './scrollbar-area.html',\n styleUrl: './scrollbar-area.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-scrollbar-area',\n '[class.scrollbar-visible]': 'isVisible()',\n '[class.scrollbar-interactive]': 'isInteractive()',\n '[class.is-absolute]': 'absolute()',\n }\n})\nexport class ScrollbarArea {\n private readonly platformId = inject(PLATFORM_ID);\n private readonly elRef = inject(ElementRef<HTMLElement>);\n private readonly zone = inject(NgZone);\n private readonly renderer = inject(Renderer2);\n private readonly destroyRef = inject(DestroyRef);\n private readonly router = inject(Router);\n\n readonly scrollableContentRef = viewChild.required<ElementRef<HTMLElement>>('scrollableContent');\n readonly scrollTrackRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrack');\n readonly scrollThumbRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumb');\n readonly scrollTrackXRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrackX');\n readonly scrollThumbXRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumbX');\n\n readonly scrollbarWidth = input<string>('8px');\n readonly autoHide = input(true, { transform: booleanAttribute });\n readonly absolute = input(true, { transform: booleanAttribute });\n\n readonly scrolled = output<Event>();\n\n readonly isDragging = signal(false);\n readonly isHovering = signal(false);\n private readonly scrollTop = signal(0);\n private readonly scrollLeft = signal(0);\n private readonly contentScrollHeight = signal(0);\n private readonly contentScrollWidth = signal(0);\n private readonly contentClientHeight = signal(0);\n private readonly contentClientWidth = signal(0);\n private readonly trackClientHeight = signal(0);\n private readonly trackClientWidth = signal(0);\n private readonly showDueToActivity = signal(false);\n\n // Vertical axis\n readonly hasScrollY = computed(() => this.contentScrollHeight() > this.contentClientHeight() + 1);\n readonly scrollRatioY = computed(() => this.hasScrollY() ? this.contentClientHeight() / this.contentScrollHeight() : 1);\n\n readonly minThumbHeight = 20;\n readonly thumbHeight = computed(() => {\n if (!this.hasScrollY()) return 0;\n const trackHeight = this.trackClientHeight();\n const ratio = this.scrollRatioY();\n const calculated = trackHeight * ratio;\n return Math.max(calculated, this.minThumbHeight);\n });\n readonly maxScrollTop = computed(() => Math.max(0, this.contentScrollHeight() - this.contentClientHeight()));\n readonly maxThumbTop = computed(() => Math.max(0, this.trackClientHeight() - this.thumbHeight()));\n readonly thumbTop = computed(() => {\n if (!this.hasScrollY()) return 0;\n const maxScroll = this.maxScrollTop();\n const currentScroll = this.scrollTop();\n const maxThumb = this.maxThumbTop();\n return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n });\n\n // Horizontal axis\n readonly hasScrollX = computed(() => this.contentScrollWidth() > this.contentClientWidth() + 1);\n readonly scrollRatioX = computed(() => this.hasScrollX() ? this.contentClientWidth() / this.contentScrollWidth() : 1);\n\n readonly minThumbWidth = 20;\n readonly thumbWidth = computed(() => {\n if (!this.hasScrollX()) return 0;\n const trackWidth = this.trackClientWidth();\n const ratio = this.scrollRatioX();\n const calculated = trackWidth * ratio;\n return Math.max(calculated, this.minThumbWidth);\n });\n readonly maxScrollLeft = computed(() => Math.max(0, this.contentScrollWidth() - this.contentClientWidth()));\n readonly maxThumbLeft = computed(() => Math.max(0, this.trackClientWidth() - this.thumbWidth()));\n readonly thumbLeft = computed(() => {\n if (!this.hasScrollX()) return 0;\n const maxScroll = this.maxScrollLeft();\n const currentScroll = this.scrollLeft();\n const maxThumb = this.maxThumbLeft();\n return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n });\n\n readonly hasAnyScroll = computed(() => this.hasScrollX() || this.hasScrollY());\n readonly isVisible = computed(() => {\n if (!this.hasAnyScroll()) return false;\n if (!this.autoHide()) return true;\n return this.isHovering() || this.isDragging() || this.showDueToActivity();\n });\n readonly isInteractive = computed(() => this.isHovering() || this.isDragging());\n\n private isInitialized = signal(false);\n private eventsSubscription: Subscription | null = null;\n private observersSubscription: Subscription | null = null;\n private hideTimeout: any = null;\n\n constructor() {\n effect(() => {\n this.scrollableContentRef();\n this.scrollTrackRef();\n this.scrollThumbRef();\n this.scrollTrackXRef();\n this.scrollThumbXRef();\n\n if (isPlatformBrowser(this.platformId) && !this.isInitialized()) {\n this.initializeComponentLogic();\n this.isInitialized.set(true);\n }\n });\n this.setupStyleEffects();\n this.destroyRef.onDestroy(() => this.cleanup());\n }\n\n private initializeComponentLogic(): void {\n this.updateDimensions();\n this.setupObservers();\n this.setupEventStreams();\n this.setupRouteChanges();\n }\n\n private raf(cb: () => void): void {\n // Use requestAnimationFrame in the browser, fallback to setTimeout on SSR\n if (typeof requestAnimationFrame !== 'undefined') {\n requestAnimationFrame(() => cb());\n } else {\n setTimeout(() => cb(), 0);\n }\n }\n\n private setupStyleEffects(): void {\n // Vertical thickness (width) and horizontal thickness (height)\n effect(() => {\n const thickness = this.scrollbarWidth();\n const trackY = this.scrollTrackRef().nativeElement;\n const thumbY = this.scrollThumbRef().nativeElement;\n const trackX = this.scrollTrackXRef().nativeElement;\n const thumbX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n // Vertical scrollbar: width is thickness\n this.renderer.setStyle(trackY, 'width', thickness);\n this.renderer.setStyle(thumbY, 'width', thickness);\n // Horizontal scrollbar: height is thickness\n this.renderer.setStyle(trackX, 'height', thickness);\n this.renderer.setStyle(thumbX, 'height', thickness);\n });\n });\n\n // Vertical thumb height\n effect(() => {\n const height = this.thumbHeight();\n const thumbElement = this.scrollThumbRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElement, 'height', `${height}px`);\n });\n });\n\n // Vertical thumb position\n effect(() => {\n const top = this.thumbTop();\n const thumbElement = this.scrollThumbRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElement, 'transform', `translateY(${top}px)`);\n });\n });\n\n // Horizontal thumb width\n effect(() => {\n const width = this.thumbWidth();\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElementX, 'width', `${width}px`);\n });\n });\n\n // Horizontal thumb position\n effect(() => {\n const left = this.thumbLeft();\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n });\n });\n\n // Toggle track visibility per axis based on content\n effect(() => {\n const hasY = this.hasScrollY();\n const trackY = this.scrollTrackRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(trackY, 'display', hasY ? 'block' : 'none');\n });\n });\n effect(() => {\n const hasX = this.hasScrollX();\n const trackX = this.scrollTrackXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(trackX, 'display', hasX ? 'block' : 'none');\n });\n });\n\n // When scrollability toggles, recompute dimensions after tracks are laid out\n effect(() => {\n // depend on both so we run when either axis scrollability changes\n const _hasY = this.hasScrollY();\n const _hasX = this.hasScrollX();\n untracked(() => {\n // Wait for style changes (display:block/none) to apply, then measure\n this.raf(() => {\n this.zone.run(() => this.updateDimensions());\n });\n });\n });\n }\n\n private setupObservers(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const hostElement = this.elRef.nativeElement;\n\n // Helper to observe all element nodes within a subtree with ResizeObserver\n const observeSubtree = (ro: ResizeObserver, root: Element) => {\n ro.observe(root);\n // Observe all current descendants as well to catch size changes that don't bubble to the container\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n let node = walker.currentNode as Element | null;\n while (node) {\n ro.observe(node);\n node = walker.nextNode() as Element | null;\n }\n };\n\n const resize$ = new Observable<ResizeObserverEntry[]>(observer => {\n const resizeObserver = new ResizeObserver(entries => this.zone.run(() => observer.next(entries)));\n // Observe host (tracks may affect layout) and the entire subtree of scrollable content\n observeSubtree(resizeObserver, scrollableElement);\n resizeObserver.observe(hostElement);\n return () => resizeObserver.disconnect();\n }).pipe(debounceTime(50));\n\n const mutation$ = new Observable<MutationRecord[]>(observer => {\n const mutationObserver = new MutationObserver(mutations => this.zone.run(() => observer.next(mutations)));\n // Watch for any DOM changes that can affect layout including attribute/class/style changes\n mutationObserver.observe(scrollableElement, { childList: true, subtree: true, characterData: true, attributes: true });\n return () => mutationObserver.disconnect();\n }).pipe(\n tap(mutations => {\n // If nodes were added to the subtree, start observing them for size changes as well\n // We run outside Angular to avoid triggering change detection per node\n this.zone.runOutsideAngular(() => {\n // Create a temporary RO reference by reusing the one from resize$ is not trivial here,\n // but we can trigger a dimension update directly which is enough for many cases.\n // The resize observer above already observes the whole subtree at setup time.\n // For dynamically added nodes, re-run a subtree observation by creating a one-shot RO.\n const newlyAdded: Element[] = [];\n for (const m of mutations) {\n if (m.type === 'childList') {\n m.addedNodes.forEach(n => { if (n.nodeType === Node.ELEMENT_NODE) newlyAdded.push(n as Element); });\n }\n }\n if (newlyAdded.length) {\n try {\n const ro = new ResizeObserver(() => { /* no-op: purpose is to register */ });\n newlyAdded.forEach(el => observeSubtree(ro, el));\n // Disconnect immediately; observing once is enough for triggering initial measure via update below\n ro.disconnect();\n } catch {}\n }\n });\n }),\n debounceTime(50)\n );\n\n this.observersSubscription = merge(resize$, mutation$)\n .subscribe(() => {\n // Use rAF to ensure layout is settled before measuring\n this.raf(() => this.zone.run(() => this.updateDimensions()));\n });\n }\n\n private setupEventStreams(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const hostElement = this.elRef.nativeElement;\n const thumbElementY = this.scrollThumbRef().nativeElement;\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n\n const scroll$ = fromEvent(scrollableElement, 'scroll', { passive: true }).pipe(\n tap((event) => {\n this.zone.run(() => {\n this.scrollTop.set(scrollableElement.scrollTop);\n this.scrollLeft.set(scrollableElement.scrollLeft);\n this.scrolled.emit(event);\n });\n // Imperative sync to ensure thumbs move with content during scroll\n this.zone.runOutsideAngular(() => {\n this.raf(() => {\n const top = untracked(this.thumbTop);\n const left = untracked(this.thumbLeft);\n this.renderer.setStyle(thumbElementY, 'transform', `translateY(${top}px)`);\n this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n });\n });\n }),\n filter(() => this.autoHide()),\n tap(() => this.zone.run(() => this.showDueToActivity.set(true))),\n debounceTime(1500),\n tap(() => {\n untracked(() => {\n if (!this.isHovering() && !this.isDragging()) {\n this.zone.run(() => this.showDueToActivity.set(false));\n }\n })\n })\n );\n\n const hostEnter$ = fromEvent<MouseEvent>(hostElement, 'mouseenter').pipe(\n tap(() => this.zone.run(() => {\n this.isHovering.set(true);\n if (untracked(this.autoHide)) this.showDueToActivity.set(true);\n }))\n );\n const hostLeave$ = fromEvent<MouseEvent>(hostElement, 'mouseleave').pipe(\n tap(() => this.zone.run(() => {\n this.isHovering.set(false);\n if(untracked(this.autoHide) && !untracked(this.isDragging)){\n this.scheduleHide();\n }\n }))\n );\n\n const thumbMouseDownY$ = fromEvent<MouseEvent>(thumbElementY, 'mousedown');\n const thumbMouseDownX$ = fromEvent<MouseEvent>(thumbElementX, 'mousedown');\n const mouseMove$ = fromEvent<MouseEvent>(document, 'mousemove');\n const mouseUp$ = fromEvent<MouseEvent>(document, 'mouseup');\n\n const thumbDragY$ = thumbMouseDownY$.pipe(\n tap(event => {\n event.preventDefault();\n event.stopPropagation();\n }),\n switchMap(startEvent => {\n const startY = startEvent.clientY;\n const startScrollTop = scrollableElement.scrollTop;\n const initialTrackHeight = untracked(() => this.trackClientHeight());\n const initialContentHeight = untracked(() => this.contentScrollHeight());\n\n this.zone.run(() => this.isDragging.set(true));\n\n return mouseMove$.pipe(\n map(moveEvent => {\n moveEvent.preventDefault();\n const deltaY = moveEvent.clientY - startY;\n const scrollDelta = initialTrackHeight > 0\n ? (deltaY / initialTrackHeight) * initialContentHeight\n : 0;\n return startScrollTop + scrollDelta;\n }),\n distinctUntilChanged(),\n tap(newScrollTop => {\n this.renderer.setProperty(scrollableElement, 'scrollTop', newScrollTop);\n }),\n takeUntil(mouseUp$),\n finalize(() => {\n this.zone.run(() => {\n this.isDragging.set(false);\n untracked(() => {\n if (this.autoHide() && !this.isHovering()) {\n this.scheduleHide();\n }\n })\n });\n })\n );\n })\n );\n\n const thumbDragX$ = thumbMouseDownX$.pipe(\n tap(event => {\n event.preventDefault();\n event.stopPropagation();\n }),\n switchMap(startEvent => {\n const startX = startEvent.clientX;\n const startScrollLeft = scrollableElement.scrollLeft;\n const initialTrackWidth = untracked(() => this.trackClientWidth());\n const initialContentWidth = untracked(() => this.contentScrollWidth());\n\n this.zone.run(() => this.isDragging.set(true));\n\n return mouseMove$.pipe(\n map(moveEvent => {\n moveEvent.preventDefault();\n const deltaX = moveEvent.clientX - startX;\n const scrollDelta = initialTrackWidth > 0\n ? (deltaX / initialTrackWidth) * initialContentWidth\n : 0;\n return startScrollLeft + scrollDelta;\n }),\n distinctUntilChanged(),\n tap(newScrollLeft => {\n this.renderer.setProperty(scrollableElement, 'scrollLeft', newScrollLeft);\n }),\n takeUntil(mouseUp$),\n finalize(() => {\n this.zone.run(() => {\n this.isDragging.set(false);\n untracked(() => {\n if (this.autoHide() && !this.isHovering()) {\n this.scheduleHide();\n }\n })\n });\n })\n );\n })\n );\n\n this.zone.runOutsideAngular(() => {\n this.eventsSubscription = merge(\n scroll$,\n hostEnter$,\n hostLeave$,\n thumbDragY$,\n thumbDragX$\n ).subscribe();\n });\n }\n\n private scheduleHide(): void {\n this.clearHideTimeout();\n this.zone.runOutsideAngular(() => {\n this.hideTimeout = setTimeout(() => {\n untracked(() => {\n if(!this.isHovering() && !this.isDragging()) {\n this.zone.run(() => this.showDueToActivity.set(false));\n }\n });\n this.hideTimeout = null;\n }, 100);\n });\n }\n\n private clearHideTimeout(): void {\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n private updateDimensions(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const trackElementY = this.scrollTrackRef().nativeElement;\n const trackElementX = this.scrollTrackXRef().nativeElement;\n\n if (scrollableElement && trackElementY && trackElementX) {\n // Vertical metrics\n const newScrollHeight = scrollableElement.scrollHeight;\n const newClientHeight = scrollableElement.clientHeight;\n const newTrackHeight = trackElementY.clientHeight;\n const newScrollTop = scrollableElement.scrollTop;\n\n this.contentScrollHeight.set(newScrollHeight);\n this.contentClientHeight.set(newClientHeight);\n this.trackClientHeight.set(newTrackHeight);\n\n if (this.scrollTop() !== newScrollTop) {\n this.scrollTop.set(newScrollTop);\n }\n\n // Horizontal metrics\n const newScrollWidth = scrollableElement.scrollWidth;\n const newClientWidth = scrollableElement.clientWidth;\n const newTrackWidth = trackElementX.clientWidth;\n const newScrollLeft = scrollableElement.scrollLeft;\n\n this.contentScrollWidth.set(newScrollWidth);\n this.contentClientWidth.set(newClientWidth);\n this.trackClientWidth.set(newTrackWidth);\n\n if (this.scrollLeft() !== newScrollLeft) {\n this.scrollLeft.set(newScrollLeft);\n }\n } else {\n this.contentScrollHeight.set(0);\n this.contentClientHeight.set(0);\n this.trackClientHeight.set(0);\n this.scrollTop.set(0);\n\n this.contentScrollWidth.set(0);\n this.contentClientWidth.set(0);\n this.trackClientWidth.set(0);\n this.scrollLeft.set(0);\n }\n }\n\n private cleanup(): void {\n this.clearHideTimeout();\n if (this.eventsSubscription) {\n this.eventsSubscription.unsubscribe();\n this.eventsSubscription = null;\n }\n if (this.observersSubscription) {\n this.observersSubscription.unsubscribe();\n this.observersSubscription = null;\n }\n }\n\n private setupRouteChanges() {\n this.router.events\n .pipe(\n filter(event=> event instanceof NavigationEnd),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe(() => {\n this.raf(() => {\n this.updateDimensions();\n });\n })\n ;\n }\n}\n","<div #scrollableContent class=\"scrollable-content\">\n <ng-content/>\n</div>\n<div #scrollTrack class=\"scroll-track\">\n <div #scrollThumb class=\"scroll-thumb\"></div>\n</div>\n<div #scrollTrackX class=\"scroll-track-x\">\n <div #scrollThumbX class=\"scroll-thumb-x\"></div>\n</div>\n","import {\n AfterViewInit,\n booleanAttribute,\n DestroyRef,\n Directive,\n ElementRef,\n effect,\n inject,\n input,\n NgZone,\n numberAttribute,\n PLATFORM_ID,\n signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { auditTime, fromEvent, merge, Observable, startWith, Subject } from 'rxjs';\n\n@Directive({\n selector: '[ngsScrollContainerFixed]',\n exportAs: 'ngsScrollContainerFixed',\n standalone: true,\n host: {\n '[style.box-sizing]': '\"border-box\"',\n '[style.height.px]': 'height()',\n '[style.min-height.px]': 'enabled() ? minHeight() : null',\n },\n})\nexport class ScrollContainerFixed implements AfterViewInit {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly ngZone = inject(NgZone);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly destroyRef = inject(DestroyRef);\n private readonly refreshChanges = new Subject<void>();\n\n readonly enabled = input(true, {\n alias: 'ngsScrollContainerFixed',\n transform: booleanAttribute,\n });\n readonly bottomOffset = input(0, {\n alias: 'ngsScrollContainerFixedBottomOffset',\n transform: numberAttribute,\n });\n readonly minHeight = input(0, {\n alias: 'ngsScrollContainerFixedMinHeight',\n transform: numberAttribute,\n });\n\n readonly height = signal<number | null>(null);\n\n constructor() {\n effect(() => {\n this.enabled();\n this.bottomOffset();\n this.minHeight();\n this.refresh();\n });\n }\n\n ngAfterViewInit(): void {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n\n this.ngZone.runOutsideAngular(() => {\n merge(...this.getResizeStreams())\n .pipe(\n startWith(null),\n auditTime(0),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe(() => this.updateHeight());\n });\n }\n\n refresh(): void {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n\n this.refreshChanges.next();\n }\n\n private updateHeight(): void {\n if (!this.enabled()) {\n this.height.set(null);\n return;\n }\n\n const elementTop = this.elementRef.nativeElement.getBoundingClientRect().top;\n const viewportHeight = window.visualViewport?.height ?? window.innerHeight;\n const nextHeight = Math.max(\n this.minHeight(),\n Math.floor(viewportHeight - elementTop - this.bottomOffset()),\n );\n\n this.height.set(nextHeight);\n }\n\n private getResizeStreams(): Observable<unknown>[] {\n const streams: Observable<unknown>[] = [\n this.refreshChanges.asObservable(),\n fromEvent(window, 'resize'),\n fromEvent(window, 'orientationchange'),\n this.observeElement(this.elementRef.nativeElement),\n ];\n\n if (this.elementRef.nativeElement.parentElement) {\n streams.push(this.observeElement(this.elementRef.nativeElement.parentElement));\n }\n\n if (window.visualViewport) {\n streams.push(\n fromEvent(window.visualViewport, 'resize'),\n fromEvent(window.visualViewport, 'scroll'),\n );\n }\n\n return streams;\n }\n\n private observeElement(element: Element): Observable<ResizeObserverEntry[]> {\n return new Observable<ResizeObserverEntry[]>(observer => {\n if (typeof ResizeObserver === 'undefined') {\n observer.complete();\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(entries => observer.next(entries));\n resizeObserver.observe(element);\n\n return () => resizeObserver.disconnect();\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAiDa,aAAa,CAAA;AACP,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAChC,IAAA,KAAK,GAAG,MAAM,EAAC,UAAuB,EAAC;AACvC,IAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAE/B,IAAA,oBAAoB,GAAG,SAAS,CAAC,QAAQ,CAA0B,mBAAmB,CAAC;AACvF,IAAA,cAAc,GAAG,SAAS,CAAC,QAAQ,CAA0B,aAAa,CAAC;AAC3E,IAAA,cAAc,GAAG,SAAS,CAAC,QAAQ,CAA0B,aAAa,CAAC;AAC3E,IAAA,eAAe,GAAG,SAAS,CAAC,QAAQ,CAA0B,cAAc,CAAC;AAC7E,IAAA,eAAe,GAAG,SAAS,CAAC,QAAQ,CAA0B,cAAc,CAAC;AAE7E,IAAA,cAAc,GAAG,KAAK,CAAS,KAAK,qFAAC;IACrC,QAAQ,GAAG,KAAK,CAAC,IAAI,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACvD,QAAQ,GAAG,KAAK,CAAC,IAAI,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAEvD,QAAQ,GAAG,MAAM,EAAS;AAE1B,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,iFAAC;AAC1B,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,iFAAC;AAClB,IAAA,SAAS,GAAG,MAAM,CAAC,CAAC,gFAAC;AACrB,IAAA,UAAU,GAAG,MAAM,CAAC,CAAC,iFAAC;AACtB,IAAA,mBAAmB,GAAG,MAAM,CAAC,CAAC,0FAAC;AAC/B,IAAA,kBAAkB,GAAG,MAAM,CAAC,CAAC,yFAAC;AAC9B,IAAA,mBAAmB,GAAG,MAAM,CAAC,CAAC,0FAAC;AAC/B,IAAA,kBAAkB,GAAG,MAAM,CAAC,CAAC,yFAAC;AAC9B,IAAA,iBAAiB,GAAG,MAAM,CAAC,CAAC,wFAAC;AAC7B,IAAA,gBAAgB,GAAG,MAAM,CAAC,CAAC,uFAAC;AAC5B,IAAA,iBAAiB,GAAG,MAAM,CAAC,KAAK,wFAAC;;AAGzC,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,iFAAC;IACxF,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAE9G,cAAc,GAAG,EAAE;AACnB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,CAAC;AAChC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAC5C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE;AACjC,QAAA,MAAM,UAAU,GAAG,WAAW,GAAG,KAAK;QACtC,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC;AAClD,IAAA,CAAC,kFAAC;IACO,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IACnG,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AACxF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,CAAC;AAChC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE;AACtC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,OAAO,SAAS,GAAG,CAAC,GAAG,CAAC,aAAa,GAAG,SAAS,IAAI,QAAQ,GAAG,CAAC;AACnE,IAAA,CAAC,+EAAC;;AAGO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,iFAAC;IACtF,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAE5G,aAAa,GAAG,EAAE;AAClB,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,CAAC;AAChC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE;AACjC,QAAA,MAAM,UAAU,GAAG,UAAU,GAAG,KAAK;QACrC,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;AACjD,IAAA,CAAC,iFAAC;IACO,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAClG,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AACvF,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAAE,YAAA,OAAO,CAAC;AAChC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE;AACtC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE;AACvC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;AACpC,QAAA,OAAO,SAAS,GAAG,CAAC,GAAG,CAAC,aAAa,GAAG,SAAS,IAAI,QAAQ,GAAG,CAAC;AACnE,IAAA,CAAC,gFAAC;AAEO,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,mFAAC;AACrE,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AAAE,YAAA,OAAO,KAAK;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,IAAI;AACjC,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC3E,IAAA,CAAC,gFAAC;AACO,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,oFAAC;AAEvE,IAAA,aAAa,GAAG,MAAM,CAAC,KAAK,oFAAC;IAC7B,kBAAkB,GAAwB,IAAI;IAC9C,qBAAqB,GAAwB,IAAI;IACjD,WAAW,GAAQ,IAAI;AAE/B,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,eAAe,EAAE;AAEtB,YAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE;gBAC/D,IAAI,CAAC,wBAAwB,EAAE;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;YAC9B;AACF,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;IACjD;IAEQ,wBAAwB,GAAA;QAC9B,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,cAAc,EAAE;QACrB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,iBAAiB,EAAE;IAC1B;AAEQ,IAAA,GAAG,CAAC,EAAc,EAAA;;AAExB,QAAA,IAAI,OAAO,qBAAqB,KAAK,WAAW,EAAE;AAChD,YAAA,qBAAqB,CAAC,MAAM,EAAE,EAAE,CAAC;QACnC;aAAO;YACL,UAAU,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3B;IACF;IAEQ,iBAAiB,GAAA;;QAEvB,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE;YACvC,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;YAClD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;YAClD,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;YACnD,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;YACnD,SAAS,CAAC,MAAK;;gBAEb,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC;gBAClD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC;;gBAElD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;gBACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AACrD,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;YACjC,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;YACxD,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,CAAC;AAC/D,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC3B,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;YACxD,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,EAAE,WAAW,EAAE,CAAA,WAAA,EAAc,GAAG,CAAA,GAAA,CAAK,CAAC;AAC3E,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;YAC/B,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;YAC1D,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,OAAO,EAAE,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,CAAC;AAC9D,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;YAC7B,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;YAC1D,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,CAAA,WAAA,EAAc,IAAI,CAAA,GAAA,CAAK,CAAC;AAC7E,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;YAClD,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AACpE,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;QACF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;YACnD,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AACpE,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;;AAEV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;YAC/B,SAAS,CAAC,MAAK;;AAEb,gBAAA,IAAI,CAAC,GAAG,CAAC,MAAK;AACZ,oBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC9C,gBAAA,CAAC,CAAC;AACJ,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;IAEQ,cAAc,GAAA;QACpB,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,aAAa;AACnE,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;;AAG5C,QAAA,MAAM,cAAc,GAAG,CAAC,EAAkB,EAAE,IAAa,KAAI;AAC3D,YAAA,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;AAEhB,YAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC;AACvE,YAAA,IAAI,IAAI,GAAG,MAAM,CAAC,WAA6B;YAC/C,OAAO,IAAI,EAAE;AACX,gBAAA,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;AAChB,gBAAA,IAAI,GAAG,MAAM,CAAC,QAAQ,EAAoB;YAC5C;AACF,QAAA,CAAC;AAED,QAAA,MAAM,OAAO,GAAG,IAAI,UAAU,CAAwB,QAAQ,IAAG;YAC/D,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;AAEjG,YAAA,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAAC;AACjD,YAAA,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC;AACnC,YAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;QAC1C,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAEzB,QAAA,MAAM,SAAS,GAAG,IAAI,UAAU,CAAmB,QAAQ,IAAG;YAC5D,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;;YAEzG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AACtH,YAAA,OAAO,MAAM,gBAAgB,CAAC,UAAU,EAAE;QAC5C,CAAC,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,SAAS,IAAG;;;AAGd,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;;;;;gBAK/B,MAAM,UAAU,GAAc,EAAE;AAChC,gBAAA,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;AACzB,oBAAA,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;AAC1B,wBAAA,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAG,EAAG,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;4BAAE,UAAU,CAAC,IAAI,CAAC,CAAY,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrG;gBACF;AACA,gBAAA,IAAI,UAAU,CAAC,MAAM,EAAE;AACrB,oBAAA,IAAI;wBACF,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,MAAK,EAAuC,CAAC,CAAC;AAC5E,wBAAA,UAAU,CAAC,OAAO,CAAC,EAAE,IAAI,cAAc,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;;wBAEhD,EAAE,CAAC,UAAU,EAAE;oBACjB;oBAAE,MAAM,EAAC;gBACX;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC,EACF,YAAY,CAAC,EAAE,CAAC,CACjB;QAED,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,OAAO,EAAE,SAAS;aAClD,SAAS,CAAC,MAAK;;YAEd,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC9D,QAAA,CAAC,CAAC;IACN;IAEQ,iBAAiB,GAAA;QACvB,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,aAAa;AACnE,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;QAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;QACzD,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;QAE1D,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAC5E,GAAG,CAAC,CAAC,KAAK,KAAI;AACZ,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;gBACjB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,CAAC;gBAC/C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,iBAAiB,CAAC,UAAU,CAAC;AACjD,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B,YAAA,CAAC,CAAC;;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,MAAK;oBACZ,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;oBACpC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AACtC,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,CAAA,WAAA,EAAc,GAAG,CAAA,GAAA,CAAK,CAAC;AAC1E,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,CAAA,WAAA,EAAc,IAAI,CAAA,GAAA,CAAK,CAAC;AAC7E,gBAAA,CAAC,CAAC;AACJ,YAAA,CAAC,CAAC;QACJ,CAAC,CAAC,EACF,MAAM,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,EAC7B,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAChE,YAAY,CAAC,IAAI,CAAC,EAClB,GAAG,CAAC,MAAK;YACP,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AAC5C,oBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACxD;AACF,YAAA,CAAC,CAAC;QACJ,CAAC,CAAC,CACH;QAED,MAAM,UAAU,GAAG,SAAS,CAAa,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CACtE,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAAE,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;QAChE,CAAC,CAAC,CAAC,CACJ;QACD,MAAM,UAAU,GAAG,SAAS,CAAa,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CACtE,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,YAAA,IAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAAC;gBACzD,IAAI,CAAC,YAAY,EAAE;YACrB;QACF,CAAC,CAAC,CAAC,CACJ;QAED,MAAM,gBAAgB,GAAG,SAAS,CAAa,aAAa,EAAE,WAAW,CAAC;QAC1E,MAAM,gBAAgB,GAAG,SAAS,CAAa,aAAa,EAAE,WAAW,CAAC;QAC1E,MAAM,UAAU,GAAG,SAAS,CAAa,QAAQ,EAAE,WAAW,CAAC;QAC/D,MAAM,QAAQ,GAAG,SAAS,CAAa,QAAQ,EAAE,SAAS,CAAC;QAE3D,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CACvC,GAAG,CAAC,KAAK,IAAG;YACV,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;AACzB,QAAA,CAAC,CAAC,EACF,SAAS,CAAC,UAAU,IAAG;AACrB,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO;AACjC,YAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS;AAClD,YAAA,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACpE,YAAA,MAAM,oBAAoB,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAExE,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAE9C,OAAO,UAAU,CAAC,IAAI,CACpB,GAAG,CAAC,SAAS,IAAG;gBACd,SAAS,CAAC,cAAc,EAAE;AAC1B,gBAAA,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM;AACzC,gBAAA,MAAM,WAAW,GAAG,kBAAkB,GAAG;AACvC,sBAAE,CAAC,MAAM,GAAG,kBAAkB,IAAI;sBAChC,CAAC;gBACL,OAAO,cAAc,GAAG,WAAW;YACrC,CAAC,CAAC,EACF,oBAAoB,EAAE,EACtB,GAAG,CAAC,YAAY,IAAG;gBACjB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,iBAAiB,EAAE,WAAW,EAAE,YAAY,CAAC;YACzE,CAAC,CAAC,EACF,SAAS,CAAC,QAAQ,CAAC,EACnB,QAAQ,CAAC,MAAK;AACZ,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;AACjB,oBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;oBAC1B,SAAS,CAAC,MAAK;wBACb,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;4BACzC,IAAI,CAAC,YAAY,EAAE;wBACrB;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ,CAAC,CAAC,CACH;QACH,CAAC,CAAC,CACH;QAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CACvC,GAAG,CAAC,KAAK,IAAG;YACV,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;AACzB,QAAA,CAAC,CAAC,EACF,SAAS,CAAC,UAAU,IAAG;AACrB,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO;AACjC,YAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,UAAU;AACpD,YAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClE,YAAA,MAAM,mBAAmB,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAEtE,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAE9C,OAAO,UAAU,CAAC,IAAI,CACpB,GAAG,CAAC,SAAS,IAAG;gBACd,SAAS,CAAC,cAAc,EAAE;AAC1B,gBAAA,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,GAAG,MAAM;AACzC,gBAAA,MAAM,WAAW,GAAG,iBAAiB,GAAG;AACtC,sBAAE,CAAC,MAAM,GAAG,iBAAiB,IAAI;sBAC/B,CAAC;gBACL,OAAO,eAAe,GAAG,WAAW;YACtC,CAAC,CAAC,EACF,oBAAoB,EAAE,EACtB,GAAG,CAAC,aAAa,IAAG;gBAClB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,iBAAiB,EAAE,YAAY,EAAE,aAAa,CAAC;YAC3E,CAAC,CAAC,EACF,SAAS,CAAC,QAAQ,CAAC,EACnB,QAAQ,CAAC,MAAK;AACZ,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;AACjB,oBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;oBAC1B,SAAS,CAAC,MAAK;wBACb,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;4BACzC,IAAI,CAAC,YAAY,EAAE;wBACrB;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ,CAAC,CAAC,CACH;QACH,CAAC,CAAC,CACH;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;AAC/B,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAC7B,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,CACZ,CAAC,SAAS,EAAE;AACf,QAAA,CAAC,CAAC;IACJ;IAEQ,YAAY,GAAA;QAClB,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;AAC/B,YAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAK;gBACjC,SAAS,CAAC,MAAK;AACb,oBAAA,IAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AAC3C,wBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACxD;AACF,gBAAA,CAAC,CAAC;AACF,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;YACzB,CAAC,EAAE,GAAG,CAAC;AACT,QAAA,CAAC,CAAC;IACJ;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACzB;IACF;IAEQ,gBAAgB,GAAA;QACtB,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,aAAa;QACnE,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,aAAa;QACzD,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa;AAE1D,QAAA,IAAI,iBAAiB,IAAI,aAAa,IAAI,aAAa,EAAE;;AAEvD,YAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,YAAY;AACtD,YAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,YAAY;AACtD,YAAA,MAAM,cAAc,GAAG,aAAa,CAAC,YAAY;AACjD,YAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,SAAS;AAEhD,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,eAAe,CAAC;AAC7C,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,eAAe,CAAC;AAC7C,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;AAE1C,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,YAAY,EAAE;AACrC,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAClC;;AAGA,YAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW;AACpD,YAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW;AACpD,YAAA,MAAM,aAAa,GAAG,aAAa,CAAC,WAAW;AAC/C,YAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,UAAU;AAElD,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3C,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3C,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC;AAExC,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,aAAa,EAAE;AACvC,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC;YACpC;QACF;aAAO;AACL,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7B,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAErB,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QACxB;IACF;IAEQ,OAAO,GAAA;QACb,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AAC3B,YAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE;AACrC,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;QAChC;AACA,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AACxC,YAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;QACnC;IACF;IAEQ,iBAAiB,GAAA;QACvB,IAAI,CAAC,MAAM,CAAC;AACT,aAAA,IAAI,CACH,MAAM,CAAC,KAAK,IAAG,KAAK,YAAY,aAAa,CAAC,EAC9C,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aAEpC,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,GAAG,CAAC,MAAK;gBACZ,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IAEN;uGA7fW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,g0CCjD1B,oSASA,EAAA,MAAA,EAAA,CAAA,68DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDwCa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAbzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,YACpB,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,2BAA2B,EAAE,aAAa;AAC1C,wBAAA,+BAA+B,EAAE,iBAAiB;AAClD,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,oSAAA,EAAA,MAAA,EAAA,CAAA,68DAAA,CAAA,EAAA;AAU2E,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,oBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,mBAAmB,wEACzB,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACb,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACZ,cAAc,yEACd,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEjC1E,oBAAoB,CAAA;AACd,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAChC,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,cAAc,GAAG,IAAI,OAAO,EAAQ;AAE5C,IAAA,OAAO,GAAG,KAAK,CAAC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAC3B,KAAK,EAAE,yBAAyB;QAChC,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,YAAY,GAAG,KAAK,CAAC,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,CAAA,EAC7B,KAAK,EAAE,qCAAqC;QAC5C,SAAS,EAAE,eAAe,EAAA,CAC1B;AACO,IAAA,SAAS,GAAG,KAAK,CAAC,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,CAAA,EAC1B,KAAK,EAAE,kCAAkC;QACzC,SAAS,EAAE,eAAe,EAAA,CAC1B;AAEO,IAAA,MAAM,GAAG,MAAM,CAAgB,IAAI,6EAAC;AAE7C,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,OAAO,EAAE;AAChB,QAAA,CAAC,CAAC;IACJ;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACvC;QACF;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;AACjC,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE;AAC7B,iBAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,EACf,SAAS,CAAC,CAAC,CAAC,EACZ,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;iBAEpC,SAAS,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;AACzC,QAAA,CAAC,CAAC;IACJ;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACvC;QACF;AAEA,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;IAC5B;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;YACrB;QACF;AAEA,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG;QAC5E,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW;QAC1E,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACzB,IAAI,CAAC,SAAS,EAAE,EAChB,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAC9D;AAED,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7B;IAEQ,gBAAgB,GAAA;AACtB,QAAA,MAAM,OAAO,GAA0B;AACrC,YAAA,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;AAClC,YAAA,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3B,YAAA,SAAS,CAAC,MAAM,EAAE,mBAAmB,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;SACnD;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,EAAE;AAC/C,YAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAChF;AAEA,QAAA,IAAI,MAAM,CAAC,cAAc,EAAE;YACzB,OAAO,CAAC,IAAI,CACV,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,EAC1C,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3C;QACH;AAEA,QAAA,OAAO,OAAO;IAChB;AAEQ,IAAA,cAAc,CAAC,OAAgB,EAAA;AACrC,QAAA,OAAO,IAAI,UAAU,CAAwB,QAAQ,IAAG;AACtD,YAAA,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;gBACzC,QAAQ,CAAC,QAAQ,EAAE;AACnB,gBAAA,OAAO,SAAS;YAClB;AAEA,YAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC5E,YAAA,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;AAE/B,YAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,QAAA,CAAC,CAAC;IACJ;uGAzGW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,qCAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,kCAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,oBAAoB,EAAE,cAAc;AACpC,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,uBAAuB,EAAE,gCAAgC;AAC1D,qBAAA;AACF,iBAAA;;;AC3BD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-scrollbar-area.mjs","sources":["../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.ts","../../../projects/components/scrollbar-area/src/scrollbar-area/scrollbar-area.html","../../../projects/components/scrollbar-area/src/scroll-container-fixed.directive.ts","../../../projects/components/scrollbar-area/ngstarter-ui-components-scrollbar-area.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n NgZone,\n Renderer2,\n inject,\n PLATFORM_ID,\n signal,\n computed,\n effect,\n input,\n DestroyRef,\n untracked,\n viewChild,\n ChangeDetectionStrategy,\n booleanAttribute,\n output\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n fromEvent,\n map,\n takeUntil,\n switchMap,\n tap,\n merge,\n debounceTime,\n distinctUntilChanged,\n Observable,\n finalize,\n filter,\n Subscription\n} from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-scrollbar-area',\n exportAs: 'ngsScrollbarArea',\n templateUrl: './scrollbar-area.html',\n styleUrl: './scrollbar-area.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-scrollbar-area',\n '[class.scrollbar-visible]': 'isVisible()',\n '[class.scrollbar-interactive]': 'isInteractive()',\n '[class.is-absolute]': 'absolute()',\n }\n})\nexport class ScrollbarArea {\n private readonly platformId = inject(PLATFORM_ID);\n private readonly elRef = inject(ElementRef<HTMLElement>);\n private readonly zone = inject(NgZone);\n private readonly renderer = inject(Renderer2);\n private readonly destroyRef = inject(DestroyRef);\n private readonly router = inject(Router);\n\n readonly scrollableContentRef = viewChild.required<ElementRef<HTMLElement>>('scrollableContent');\n readonly scrollTrackRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrack');\n readonly scrollThumbRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumb');\n readonly scrollTrackXRef = viewChild.required<ElementRef<HTMLElement>>('scrollTrackX');\n readonly scrollThumbXRef = viewChild.required<ElementRef<HTMLElement>>('scrollThumbX');\n\n readonly scrollbarWidth = input<string>('8px');\n readonly autoHide = input(true, { transform: booleanAttribute });\n readonly absolute = input(true, { transform: booleanAttribute });\n\n readonly scrolled = output<Event>();\n\n readonly isDragging = signal(false);\n readonly isHovering = signal(false);\n private readonly scrollTop = signal(0);\n private readonly scrollLeft = signal(0);\n private readonly contentScrollHeight = signal(0);\n private readonly contentScrollWidth = signal(0);\n private readonly contentClientHeight = signal(0);\n private readonly contentClientWidth = signal(0);\n private readonly trackClientHeight = signal(0);\n private readonly trackClientWidth = signal(0);\n private readonly showDueToActivity = signal(false);\n\n // Vertical axis\n readonly hasScrollY = computed(() => this.contentScrollHeight() > this.contentClientHeight() + 1);\n readonly scrollRatioY = computed(() => this.hasScrollY() ? this.contentClientHeight() / this.contentScrollHeight() : 1);\n\n readonly minThumbHeight = 20;\n readonly thumbHeight = computed(() => {\n if (!this.hasScrollY()) {\n return 0;\n }\n const trackHeight = this.trackClientHeight();\n const ratio = this.scrollRatioY();\n const calculated = trackHeight * ratio;\n return Math.max(calculated, this.minThumbHeight);\n });\n readonly maxScrollTop = computed(() => Math.max(0, this.contentScrollHeight() - this.contentClientHeight()));\n readonly maxThumbTop = computed(() => Math.max(0, this.trackClientHeight() - this.thumbHeight()));\n readonly thumbTop = computed(() => {\n if (!this.hasScrollY()) return 0;\n const maxScroll = this.maxScrollTop();\n const currentScroll = this.scrollTop();\n const maxThumb = this.maxThumbTop();\n return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n });\n\n // Horizontal axis\n readonly hasScrollX = computed(() => this.contentScrollWidth() > this.contentClientWidth() + 1);\n readonly scrollRatioX = computed(() => this.hasScrollX() ? this.contentClientWidth() / this.contentScrollWidth() : 1);\n\n readonly minThumbWidth = 20;\n readonly thumbWidth = computed(() => {\n if (!this.hasScrollX()) return 0;\n const trackWidth = this.trackClientWidth();\n const ratio = this.scrollRatioX();\n const calculated = trackWidth * ratio;\n return Math.max(calculated, this.minThumbWidth);\n });\n readonly maxScrollLeft = computed(() => Math.max(0, this.contentScrollWidth() - this.contentClientWidth()));\n readonly maxThumbLeft = computed(() => Math.max(0, this.trackClientWidth() - this.thumbWidth()));\n readonly thumbLeft = computed(() => {\n if (!this.hasScrollX()) return 0;\n const maxScroll = this.maxScrollLeft();\n const currentScroll = this.scrollLeft();\n const maxThumb = this.maxThumbLeft();\n return maxScroll > 0 ? (currentScroll / maxScroll) * maxThumb : 0;\n });\n\n readonly hasAnyScroll = computed(() => this.hasScrollX() || this.hasScrollY());\n readonly isVisible = computed(() => {\n if (!this.hasAnyScroll()) return false;\n if (!this.autoHide()) return true;\n return this.isHovering() || this.isDragging() || this.showDueToActivity();\n });\n readonly isInteractive = computed(() => this.isHovering() || this.isDragging());\n\n private isInitialized = signal(false);\n private eventsSubscription: Subscription | null = null;\n private observersSubscription: Subscription | null = null;\n private hideTimeout: any = null;\n\n constructor() {\n effect(() => {\n this.scrollableContentRef();\n this.scrollTrackRef();\n this.scrollThumbRef();\n this.scrollTrackXRef();\n this.scrollThumbXRef();\n\n if (isPlatformBrowser(this.platformId) && !this.isInitialized()) {\n this.initializeComponentLogic();\n this.isInitialized.set(true);\n }\n });\n this.setupStyleEffects();\n this.destroyRef.onDestroy(() => this.cleanup());\n }\n\n private initializeComponentLogic(): void {\n this.updateDimensions();\n this.setupObservers();\n this.setupEventStreams();\n this.setupRouteChanges();\n }\n\n private raf(cb: () => void): void {\n // Use requestAnimationFrame in the browser, fallback to setTimeout on SSR\n if (typeof requestAnimationFrame !== 'undefined') {\n requestAnimationFrame(() => cb());\n } else {\n setTimeout(() => cb(), 0);\n }\n }\n\n private setupStyleEffects(): void {\n // Vertical thickness (width) and horizontal thickness (height)\n effect(() => {\n const thickness = this.scrollbarWidth();\n const trackY = this.scrollTrackRef().nativeElement;\n const thumbY = this.scrollThumbRef().nativeElement;\n const trackX = this.scrollTrackXRef().nativeElement;\n const thumbX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n // Vertical scrollbar: width is thickness\n this.renderer.setStyle(trackY, 'width', thickness);\n this.renderer.setStyle(thumbY, 'width', thickness);\n // Horizontal scrollbar: height is thickness\n this.renderer.setStyle(trackX, 'height', thickness);\n this.renderer.setStyle(thumbX, 'height', thickness);\n });\n });\n\n // Vertical thumb height\n effect(() => {\n const height = this.thumbHeight();\n const thumbElement = this.scrollThumbRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElement, 'height', `${height}px`);\n });\n });\n\n // Vertical thumb position\n effect(() => {\n const top = this.thumbTop();\n const thumbElement = this.scrollThumbRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElement, 'transform', `translateY(${top}px)`);\n });\n });\n\n // Horizontal thumb width\n effect(() => {\n const width = this.thumbWidth();\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElementX, 'width', `${width}px`);\n });\n });\n\n // Horizontal thumb position\n effect(() => {\n const left = this.thumbLeft();\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n });\n });\n\n // Toggle track visibility per axis based on content\n effect(() => {\n const hasY = this.hasScrollY();\n const trackY = this.scrollTrackRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(trackY, 'display', hasY ? 'block' : 'none');\n });\n });\n effect(() => {\n const hasX = this.hasScrollX();\n const trackX = this.scrollTrackXRef().nativeElement;\n untracked(() => {\n this.renderer.setStyle(trackX, 'display', hasX ? 'block' : 'none');\n });\n });\n\n // When scrollability toggles, recompute dimensions after tracks are laid out\n effect(() => {\n // depend on both so we run when either axis scrollability changes\n const _hasY = this.hasScrollY();\n const _hasX = this.hasScrollX();\n untracked(() => {\n // Wait for style changes (display:block/none) to apply, then measure\n this.raf(() => {\n this.zone.run(() => this.updateDimensions());\n });\n });\n });\n }\n\n private setupObservers(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const hostElement = this.elRef.nativeElement;\n\n // Helper to observe all element nodes within a subtree with ResizeObserver\n const observeSubtree = (ro: ResizeObserver, root: Element) => {\n ro.observe(root);\n // Observe all current descendants as well to catch size changes that don't bubble to the container\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);\n let node = walker.currentNode as Element | null;\n while (node) {\n ro.observe(node);\n node = walker.nextNode() as Element | null;\n }\n };\n\n const resize$ = new Observable<ResizeObserverEntry[]>(observer => {\n const resizeObserver = new ResizeObserver(entries => this.zone.run(() => observer.next(entries)));\n // Observe host (tracks may affect layout) and the entire subtree of scrollable content\n observeSubtree(resizeObserver, scrollableElement);\n resizeObserver.observe(hostElement);\n return () => resizeObserver.disconnect();\n }).pipe(debounceTime(50));\n\n const mutation$ = new Observable<MutationRecord[]>(observer => {\n const mutationObserver = new MutationObserver(mutations => this.zone.run(() => observer.next(mutations)));\n // Watch for any DOM changes that can affect layout including attribute/class/style changes\n mutationObserver.observe(scrollableElement, { childList: true, subtree: true, characterData: true, attributes: true });\n return () => mutationObserver.disconnect();\n }).pipe(\n tap(mutations => {\n // If nodes were added to the subtree, start observing them for size changes as well\n // We run outside Angular to avoid triggering change detection per node\n this.zone.runOutsideAngular(() => {\n // Create a temporary RO reference by reusing the one from resize$ is not trivial here,\n // but we can trigger a dimension update directly which is enough for many cases.\n // The resize observer above already observes the whole subtree at setup time.\n // For dynamically added nodes, re-run a subtree observation by creating a one-shot RO.\n const newlyAdded: Element[] = [];\n for (const m of mutations) {\n if (m.type === 'childList') {\n m.addedNodes.forEach(n => { if (n.nodeType === Node.ELEMENT_NODE) newlyAdded.push(n as Element); });\n }\n }\n if (newlyAdded.length) {\n try {\n const ro = new ResizeObserver(() => { /* no-op: purpose is to register */ });\n newlyAdded.forEach(el => observeSubtree(ro, el));\n // Disconnect immediately; observing once is enough for triggering initial measure via update below\n ro.disconnect();\n } catch {}\n }\n });\n }),\n debounceTime(50)\n );\n\n this.observersSubscription = merge(resize$, mutation$)\n .subscribe(() => {\n // Use rAF to ensure layout is settled before measuring\n this.raf(() => this.zone.run(() => this.updateDimensions()));\n });\n }\n\n private setupEventStreams(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const hostElement = this.elRef.nativeElement;\n const thumbElementY = this.scrollThumbRef().nativeElement;\n const thumbElementX = this.scrollThumbXRef().nativeElement;\n\n const scroll$ = fromEvent(scrollableElement, 'scroll', { passive: true }).pipe(\n tap((event) => {\n this.zone.run(() => {\n this.scrollTop.set(scrollableElement.scrollTop);\n this.scrollLeft.set(scrollableElement.scrollLeft);\n this.scrolled.emit(event);\n });\n // Imperative sync to ensure thumbs move with content during scroll\n this.zone.runOutsideAngular(() => {\n this.raf(() => {\n const top = untracked(this.thumbTop);\n const left = untracked(this.thumbLeft);\n this.renderer.setStyle(thumbElementY, 'transform', `translateY(${top}px)`);\n this.renderer.setStyle(thumbElementX, 'transform', `translateX(${left}px)`);\n });\n });\n }),\n filter(() => this.autoHide()),\n tap(() => this.zone.run(() => this.showDueToActivity.set(true))),\n debounceTime(1500),\n tap(() => {\n untracked(() => {\n if (!this.isHovering() && !this.isDragging()) {\n this.zone.run(() => this.showDueToActivity.set(false));\n }\n })\n })\n );\n\n const hostEnter$ = fromEvent<MouseEvent>(hostElement, 'mouseenter').pipe(\n tap(() => this.zone.run(() => {\n this.isHovering.set(true);\n if (untracked(this.autoHide)) this.showDueToActivity.set(true);\n }))\n );\n const hostLeave$ = fromEvent<MouseEvent>(hostElement, 'mouseleave').pipe(\n tap(() => this.zone.run(() => {\n this.isHovering.set(false);\n if(untracked(this.autoHide) && !untracked(this.isDragging)){\n this.scheduleHide();\n }\n }))\n );\n\n const thumbMouseDownY$ = fromEvent<MouseEvent>(thumbElementY, 'mousedown');\n const thumbMouseDownX$ = fromEvent<MouseEvent>(thumbElementX, 'mousedown');\n const mouseMove$ = fromEvent<MouseEvent>(document, 'mousemove');\n const mouseUp$ = fromEvent<MouseEvent>(document, 'mouseup');\n\n const thumbDragY$ = thumbMouseDownY$.pipe(\n tap(event => {\n event.preventDefault();\n event.stopPropagation();\n }),\n switchMap(startEvent => {\n const startY = startEvent.clientY;\n const startScrollTop = scrollableElement.scrollTop;\n const initialTrackHeight = untracked(() => this.trackClientHeight());\n const initialContentHeight = untracked(() => this.contentScrollHeight());\n\n this.zone.run(() => this.isDragging.set(true));\n\n return mouseMove$.pipe(\n map(moveEvent => {\n moveEvent.preventDefault();\n const deltaY = moveEvent.clientY - startY;\n const scrollDelta = initialTrackHeight > 0\n ? (deltaY / initialTrackHeight) * initialContentHeight\n : 0;\n return startScrollTop + scrollDelta;\n }),\n distinctUntilChanged(),\n tap(newScrollTop => {\n this.renderer.setProperty(scrollableElement, 'scrollTop', newScrollTop);\n }),\n takeUntil(mouseUp$),\n finalize(() => {\n this.zone.run(() => {\n this.isDragging.set(false);\n untracked(() => {\n if (this.autoHide() && !this.isHovering()) {\n this.scheduleHide();\n }\n })\n });\n })\n );\n })\n );\n\n const thumbDragX$ = thumbMouseDownX$.pipe(\n tap(event => {\n event.preventDefault();\n event.stopPropagation();\n }),\n switchMap(startEvent => {\n const startX = startEvent.clientX;\n const startScrollLeft = scrollableElement.scrollLeft;\n const initialTrackWidth = untracked(() => this.trackClientWidth());\n const initialContentWidth = untracked(() => this.contentScrollWidth());\n\n this.zone.run(() => this.isDragging.set(true));\n\n return mouseMove$.pipe(\n map(moveEvent => {\n moveEvent.preventDefault();\n const deltaX = moveEvent.clientX - startX;\n const scrollDelta = initialTrackWidth > 0\n ? (deltaX / initialTrackWidth) * initialContentWidth\n : 0;\n return startScrollLeft + scrollDelta;\n }),\n distinctUntilChanged(),\n tap(newScrollLeft => {\n this.renderer.setProperty(scrollableElement, 'scrollLeft', newScrollLeft);\n }),\n takeUntil(mouseUp$),\n finalize(() => {\n this.zone.run(() => {\n this.isDragging.set(false);\n untracked(() => {\n if (this.autoHide() && !this.isHovering()) {\n this.scheduleHide();\n }\n })\n });\n })\n );\n })\n );\n\n this.zone.runOutsideAngular(() => {\n this.eventsSubscription = merge(\n scroll$,\n hostEnter$,\n hostLeave$,\n thumbDragY$,\n thumbDragX$\n ).subscribe();\n });\n }\n\n private scheduleHide(): void {\n this.clearHideTimeout();\n this.zone.runOutsideAngular(() => {\n this.hideTimeout = setTimeout(() => {\n untracked(() => {\n if(!this.isHovering() && !this.isDragging()) {\n this.zone.run(() => this.showDueToActivity.set(false));\n }\n });\n this.hideTimeout = null;\n }, 100);\n });\n }\n\n private clearHideTimeout(): void {\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n\n private updateDimensions(): void {\n const scrollableElement = this.scrollableContentRef().nativeElement;\n const trackElementY = this.scrollTrackRef().nativeElement;\n const trackElementX = this.scrollTrackXRef().nativeElement;\n\n if (scrollableElement && trackElementY && trackElementX) {\n // Vertical metrics\n const newScrollHeight = scrollableElement.scrollHeight;\n const newClientHeight = scrollableElement.clientHeight;\n const newTrackHeight = trackElementY.clientHeight;\n const newScrollTop = scrollableElement.scrollTop;\n\n this.contentScrollHeight.set(newScrollHeight);\n this.contentClientHeight.set(newClientHeight);\n this.trackClientHeight.set(newTrackHeight);\n\n if (this.scrollTop() !== newScrollTop) {\n this.scrollTop.set(newScrollTop);\n }\n\n // Horizontal metrics\n const newScrollWidth = scrollableElement.scrollWidth;\n const newClientWidth = scrollableElement.clientWidth;\n const newTrackWidth = trackElementX.clientWidth;\n const newScrollLeft = scrollableElement.scrollLeft;\n\n this.contentScrollWidth.set(newScrollWidth);\n this.contentClientWidth.set(newClientWidth);\n this.trackClientWidth.set(newTrackWidth);\n\n if (this.scrollLeft() !== newScrollLeft) {\n this.scrollLeft.set(newScrollLeft);\n }\n } else {\n this.contentScrollHeight.set(0);\n this.contentClientHeight.set(0);\n this.trackClientHeight.set(0);\n this.scrollTop.set(0);\n\n this.contentScrollWidth.set(0);\n this.contentClientWidth.set(0);\n this.trackClientWidth.set(0);\n this.scrollLeft.set(0);\n }\n }\n\n private cleanup(): void {\n this.clearHideTimeout();\n if (this.eventsSubscription) {\n this.eventsSubscription.unsubscribe();\n this.eventsSubscription = null;\n }\n if (this.observersSubscription) {\n this.observersSubscription.unsubscribe();\n this.observersSubscription = null;\n }\n }\n\n private setupRouteChanges() {\n this.router.events\n .pipe(\n filter(event=> event instanceof NavigationEnd),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe(() => {\n this.raf(() => {\n this.updateDimensions();\n });\n })\n ;\n }\n}\n","<div #scrollableContent class=\"scrollable-content\">\n <ng-content/>\n</div>\n<div #scrollTrack class=\"scroll-track\">\n <div #scrollThumb class=\"scroll-thumb\"></div>\n</div>\n<div #scrollTrackX class=\"scroll-track-x\">\n <div #scrollThumbX class=\"scroll-thumb-x\"></div>\n</div>\n","import {\n AfterViewInit,\n booleanAttribute,\n DestroyRef,\n Directive,\n ElementRef,\n effect,\n inject,\n input,\n NgZone,\n numberAttribute,\n PLATFORM_ID,\n signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { auditTime, fromEvent, merge, Observable, startWith, Subject } from 'rxjs';\n\n@Directive({\n selector: '[ngsScrollContainerFixed]',\n exportAs: 'ngsScrollContainerFixed',\n standalone: true,\n host: {\n '[style.box-sizing]': '\"border-box\"',\n '[style.height.px]': 'height()',\n '[style.min-height.px]': 'enabled() ? minHeight() : null',\n },\n})\nexport class ScrollContainerFixed implements AfterViewInit {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly ngZone = inject(NgZone);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly destroyRef = inject(DestroyRef);\n private readonly refreshChanges = new Subject<void>();\n\n readonly enabled = input(true, {\n alias: 'ngsScrollContainerFixed',\n transform: booleanAttribute,\n });\n readonly bottomOffset = input(0, {\n alias: 'ngsScrollContainerFixedBottomOffset',\n transform: numberAttribute,\n });\n readonly minHeight = input(0, {\n alias: 'ngsScrollContainerFixedMinHeight',\n transform: numberAttribute,\n });\n\n readonly height = signal<number | null>(null);\n\n constructor() {\n effect(() => {\n this.enabled();\n this.bottomOffset();\n this.minHeight();\n this.refresh();\n });\n }\n\n ngAfterViewInit(): void {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n\n this.ngZone.runOutsideAngular(() => {\n merge(...this.getResizeStreams())\n .pipe(\n startWith(null),\n auditTime(0),\n takeUntilDestroyed(this.destroyRef),\n )\n .subscribe(() => this.updateHeight());\n });\n }\n\n refresh(): void {\n if (!isPlatformBrowser(this.platformId)) {\n return;\n }\n\n this.refreshChanges.next();\n }\n\n private updateHeight(): void {\n if (!this.enabled()) {\n this.height.set(null);\n return;\n }\n\n const elementTop = this.elementRef.nativeElement.getBoundingClientRect().top;\n const viewportHeight = window.visualViewport?.height ?? window.innerHeight;\n const nextHeight = Math.max(\n this.minHeight(),\n Math.floor(viewportHeight - elementTop - this.bottomOffset()),\n );\n\n this.height.set(nextHeight);\n }\n\n private getResizeStreams(): Observable<unknown>[] {\n const streams: Observable<unknown>[] = [\n this.refreshChanges.asObservable(),\n fromEvent(window, 'resize'),\n fromEvent(window, 'orientationchange'),\n this.observeElement(this.elementRef.nativeElement),\n ];\n\n if (this.elementRef.nativeElement.parentElement) {\n streams.push(this.observeElement(this.elementRef.nativeElement.parentElement));\n }\n\n if (window.visualViewport) {\n streams.push(\n fromEvent(window.visualViewport, 'resize'),\n fromEvent(window.visualViewport, 'scroll'),\n );\n }\n\n return streams;\n }\n\n private observeElement(element: Element): Observable<ResizeObserverEntry[]> {\n return new Observable<ResizeObserverEntry[]>(observer => {\n if (typeof ResizeObserver === 'undefined') {\n observer.complete();\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(entries => observer.next(entries));\n resizeObserver.observe(element);\n\n return () => resizeObserver.disconnect();\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -358,7 +358,7 @@ class TabGroup {
|
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
360
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
361
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TabGroup, isStandalone: true, selector: "ngs-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "ngs-stretch-tabs", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "ngs-align-tabs", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, enterAnimation: { classPropertyName: "enterAnimation", publicName: "animate.enter", isSignal: true, isRequired: false, transformFunction: null }, leaveAnimation: { classPropertyName: "leaveAnimation", publicName: "animate.leave", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange", focusChange: "focusChange" }, host: { properties: { "class.ngs-tab-group-inverted": "headerPosition() === \"below\"", "style.--ngs-tab-group-animation-duration": "animationDuration()" }, classAttribute: "ngs-tab-group" }, queries: [{ propertyName: "_tabs", predicate: Tab, isSignal: true }], viewQueries: [{ propertyName: "_tabLabels", predicate: ["tabLabel"], descendants: true, isSignal: true }, { propertyName: "_tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "_tabList", first: true, predicate: ["tabList"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ngs-tab-group-header-container\" [class.ngs-tab-group-header-pagination-controls-enabled]=\"_showPaginationControls()\">\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-before\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollBefore()\"\n (click)=\"_scrollBefore()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n\n <div class=\"ngs-tab-group-header\"\n #tabListContainer\n role=\"tablist\"\n (scroll)=\"_handleScroll()\"\n (keydown)=\"_onKeydown($event)\">\n <div class=\"ngs-tab-group-header-list\" #tabList\n [class.ngs-tab-group-header-list-align-start]=\"alignTabs() === 'start'\"\n [class.ngs-tab-group-header-list-align-center]=\"alignTabs() === 'center'\"\n [class.ngs-tab-group-header-list-align-end]=\"alignTabs() === 'end'\">\n @for (tab of _tabs(); track tab; let i = $index) {\n <div\n #tabLabel\n class=\"ngs-tab-label\"\n role=\"tab\"\n ngsRipple\n [ngsRippleDisabled]=\"tab.disabled() || disableRipple()\"\n [id]=\"'ngs-tab-label-' + i\"\n [attr.aria-controls]=\"'ngs-tab-panel-' + i\"\n [attr.aria-selected]=\"_selectedIndex === i\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-label]=\"tab.ariaLabel()\"\n [attr.aria-labelledby]=\"tab.ariaLabelledby()\"\n [tabIndex]=\"_selectedIndex === i ? 0 : -1\"\n [class.ngs-tab-label-active]=\"_selectedIndex === i\"\n [class.ngs-tab-label-disabled]=\"tab.disabled()\"\n [class.ngs-tab-label-stretched]=\"stretchTabs()\"\n (click)=\"_onTabHeaderClick(i)\"\n >\n @if (tab.templateLabel()) {\n <ng-container [ngTemplateOutlet]=\"tab.templateLabel()!.template\" />\n } @else {\n {{ tab.label() }}\n }\n </div>\n }\n </div>\n </div>\n\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-after\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollAfter()\"\n (click)=\"_scrollAfter()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n</div>\n\n<div class=\"ngs-tab-group-content\">\n <div class=\"ngs-tab-panel-container\">\n @for (tab of _tabs(); track tab; let i = $index) {\n @if (_selectedIndex === i || preserveContent() || _isActive[i]) {\n <div\n class=\"ngs-tab-panel\"\n [class.ngs-tab-panel-active]=\"_selectedIndex === i\"\n [class.ngs-tab-group-enter-left]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-left'\"\n [class.ngs-tab-group-enter-right]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-right'\"\n [class.ngs-tab-group-leave-left]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-left'\"\n [class.ngs-tab-group-leave-right]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-right'\"\n role=\"tabpanel\"\n [id]=\"'ngs-tab-panel-' + i\"\n [attr.aria-labelledby]=\"'ngs-tab-label-' + i\"\n [animate.enter]=\"_getEnterAnimation(i)\"\n [animate.leave]=\"_getLeaveAnimation(i)\"\n >\n <ng-template [cdkPortalOutlet]=\"_getTabContent(tab)\" />\n </div>\n }\n }\n </div>\n</div>\n", styles: [":host{--ngs-tab-group-header-border-bottom: 1px solid var(--ngs-color-border);--ngs-tab-group-header-border-top: none;--ngs-tab-label-padding: 12px 16px;--ngs-tab-label-cursor: pointer;--ngs-tab-label-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-active-color: var(--ngs-color-primary);--ngs-tab-label-active-border-bottom: 2px solid var(--ngs-color-primary);--ngs-tab-label-active-border-top: 2px solid var(--ngs-color-primary);--ngs-tab-label-disabled-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-disabled-cursor: default;--ngs-tab-label-transition: color var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1);--ngs-tab-group-pagination-control-before-border-right: 1px solid var(--ngs-color-border);--ngs-tab-group-pagination-control-after-border-left: 1px solid var(--ngs-color-border);display:flex;flex-direction:column}:host.ngs-tab-group-inverted{flex-direction:column-reverse;--ngs-tab-group-header-border-bottom: none;--ngs-tab-group-header-border-top: 1px solid var(--ngs-color-subtle)}:host .ngs-tab-group-header-container{display:flex;flex-direction:row;position:relative;overflow:hidden;flex:none}:host .ngs-tab-group-header-container:before,:host .ngs-tab-group-header-container:after{content:\"\";position:absolute;left:0;right:0;z-index:1;pointer-events:none}:host .ngs-tab-group-header-container:before{top:0;border-top:var(--ngs-tab-group-header-border-top)}:host .ngs-tab-group-header-container:after{bottom:0;border-bottom:var(--ngs-tab-group-header-border-bottom)}:host .ngs-tab-group-header{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}:host .ngs-tab-group-header::-webkit-scrollbar{display:none}:host .ngs-tab-label,:host .ngs-tab-link{padding:var(--ngs-tab-label-padding);cursor:var(--ngs-tab-label-cursor);color:var(--ngs-tab-label-color);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:var(--ngs-tab-label-transition);white-space:nowrap;outline:none;flex:none;text-decoration:none}:host .ngs-tab-label:focus-visible,:host .ngs-tab-link:focus-visible{background:var(--ngs-color-surface-container-high)}:host .ngs-tab-label.ngs-tab-label-stretched,:host .ngs-tab-label.ngs-tab-link-stretched,:host .ngs-tab-link.ngs-tab-label-stretched,:host .ngs-tab-link.ngs-tab-link-stretched{flex-grow:1}:host .ngs-tab-label.ngs-tab-label-active,:host .ngs-tab-label.ngs-tab-link-active,:host .ngs-tab-link.ngs-tab-label-active,:host .ngs-tab-link.ngs-tab-link-active{color:var(--ngs-tab-label-active-color)}:host .ngs-tab-label.ngs-tab-label-active:after,:host .ngs-tab-label.ngs-tab-link-active:after,:host .ngs-tab-link.ngs-tab-label-active:after,:host .ngs-tab-link.ngs-tab-link-active:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:0;border-bottom:var(--ngs-tab-label-active-border-bottom);z-index:2}.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-link-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-link-active:after{bottom:auto;top:0;border-bottom:none;border-top:var(--ngs-tab-label-active-border-top);z-index:2}:host .ngs-tab-label.ngs-tab-label-disabled,:host .ngs-tab-label.ngs-tab-link-disabled,:host .ngs-tab-link.ngs-tab-label-disabled,:host .ngs-tab-link.ngs-tab-link-disabled{color:var(--ngs-tab-label-disabled-color);cursor:var(--ngs-tab-label-disabled-cursor);pointer-events:none}:host .ngs-tab-group-header-list{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;min-width:100%}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-start{justify-content:flex-start}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-center{justify-content:center}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-end{justify-content:flex-end}:host .ngs-tab-group-pagination-control{padding:0 12px;cursor:pointer;display:flex;flex:0 0 auto;align-items:center;justify-content:center;background:none;border:none;outline:none;color:var(--ngs-tab-label-color);transition:opacity .2s cubic-bezier(.35,0,.25,1)}:host .ngs-tab-group-pagination-control.ngs-tab-group-pagination-control-disabled{opacity:.38;cursor:default;pointer-events:none}:host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}:host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}:host .ngs-tab-group-pagination-control-icon{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;display:inline-block}:host .ngs-tab-group-pagination-control-before .ngs-tab-group-pagination-control-icon{transform:rotate(-135deg);margin-left:4px}:host .ngs-tab-group-pagination-control-after .ngs-tab-group-pagination-control-icon{transform:rotate(45deg);margin-right:4px}:host{--ngs-tab-content-padding: 0;--ngs-tab-panel-transition: opacity var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1)}:host .ngs-tab-panel{width:100%;flex-shrink:0;box-sizing:border-box;animation-duration:var(--ngs-tab-group-animation-duration, .5s);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.35,0,.25,1);position:relative;display:none}:host .ngs-tab-panel.ngs-tab-panel-active,:host .ngs-tab-panel.ngs-tab-group-leave-left,:host .ngs-tab-panel.ngs-tab-group-leave-right,:host .ngs-tab-panel.ngs-tab-group-enter-left,:host .ngs-tab-panel.ngs-tab-group-enter-right{display:block}:host .ngs-tab-panel:not(.ngs-tab-panel-active){position:absolute;top:0;left:0;z-index:1;pointer-events:none}:host .ngs-tab-panel.ngs-tab-panel-active{z-index:2}@keyframes ngs-tab-group-enter-left{0%{transform:translate3d(-100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-enter-right{0%{transform:translate3d(100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-leave-left{0%{transform:none}to{transform:translate3d(-100%,0,0)}}@keyframes ngs-tab-group-leave-right{0%{transform:none}to{transform:translate3d(100%,0,0)}}:host .ngs-tab-group-enter-left{animation-name:ngs-tab-group-enter-left}:host .ngs-tab-group-enter-right{animation-name:ngs-tab-group-enter-right}:host .ngs-tab-group-leave-left{animation-name:ngs-tab-group-leave-left}:host .ngs-tab-group-leave-right{animation-name:ngs-tab-group-leave-right}:host .ngs-tab-group-content{padding:var(--ngs-tab-content-padding);overflow:hidden;position:relative;flex-grow:1}:host .ngs-tab-panel-container{display:flex;flex-direction:row;position:relative;overflow:hidden;height:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
361
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TabGroup, isStandalone: true, selector: "ngs-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "ngs-stretch-tabs", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "ngs-align-tabs", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, enterAnimation: { classPropertyName: "enterAnimation", publicName: "animate.enter", isSignal: true, isRequired: false, transformFunction: null }, leaveAnimation: { classPropertyName: "leaveAnimation", publicName: "animate.leave", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange", focusChange: "focusChange" }, host: { properties: { "class.ngs-tab-group-inverted": "headerPosition() === \"below\"", "style.--ngs-tab-group-animation-duration": "animationDuration()" }, classAttribute: "ngs-tab-group" }, queries: [{ propertyName: "_tabs", predicate: Tab, isSignal: true }], viewQueries: [{ propertyName: "_tabLabels", predicate: ["tabLabel"], descendants: true, isSignal: true }, { propertyName: "_tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "_tabList", first: true, predicate: ["tabList"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ngs-tab-group-header-container\" [class.ngs-tab-group-header-pagination-controls-enabled]=\"_showPaginationControls()\">\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-before\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollBefore()\"\n (click)=\"_scrollBefore()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n\n <div class=\"ngs-tab-group-header\"\n #tabListContainer\n role=\"tablist\"\n (scroll)=\"_handleScroll()\"\n (keydown)=\"_onKeydown($event)\">\n <div class=\"ngs-tab-group-header-list\" #tabList\n [class.ngs-tab-group-header-list-align-start]=\"alignTabs() === 'start'\"\n [class.ngs-tab-group-header-list-align-center]=\"alignTabs() === 'center'\"\n [class.ngs-tab-group-header-list-align-end]=\"alignTabs() === 'end'\">\n @for (tab of _tabs(); track tab; let i = $index) {\n <div\n #tabLabel\n class=\"ngs-tab-label\"\n role=\"tab\"\n ngsRipple\n [ngsRippleDisabled]=\"tab.disabled() || disableRipple()\"\n [id]=\"'ngs-tab-label-' + i\"\n [attr.aria-controls]=\"'ngs-tab-panel-' + i\"\n [attr.aria-selected]=\"_selectedIndex === i\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-label]=\"tab.ariaLabel()\"\n [attr.aria-labelledby]=\"tab.ariaLabelledby()\"\n [tabIndex]=\"_selectedIndex === i ? 0 : -1\"\n [class.ngs-tab-label-active]=\"_selectedIndex === i\"\n [class.ngs-tab-label-disabled]=\"tab.disabled()\"\n [class.ngs-tab-label-stretched]=\"stretchTabs()\"\n (click)=\"_onTabHeaderClick(i)\"\n >\n @if (tab.templateLabel()) {\n <ng-container [ngTemplateOutlet]=\"tab.templateLabel()!.template\" />\n } @else {\n {{ tab.label() }}\n }\n </div>\n }\n </div>\n </div>\n\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-after\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollAfter()\"\n (click)=\"_scrollAfter()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n</div>\n\n<div class=\"ngs-tab-group-content\">\n <div class=\"ngs-tab-panel-container\">\n @for (tab of _tabs(); track tab; let i = $index) {\n @if (_selectedIndex === i || preserveContent() || _isActive[i]) {\n <div\n class=\"ngs-tab-panel\"\n [class.ngs-tab-panel-active]=\"_selectedIndex === i\"\n [class.ngs-tab-group-enter-left]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-left'\"\n [class.ngs-tab-group-enter-right]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-right'\"\n [class.ngs-tab-group-leave-left]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-left'\"\n [class.ngs-tab-group-leave-right]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-right'\"\n role=\"tabpanel\"\n [id]=\"'ngs-tab-panel-' + i\"\n [attr.aria-labelledby]=\"'ngs-tab-label-' + i\"\n [animate.enter]=\"_getEnterAnimation(i)\"\n [animate.leave]=\"_getLeaveAnimation(i)\"\n >\n <ng-template [cdkPortalOutlet]=\"_getTabContent(tab)\" />\n </div>\n }\n }\n </div>\n</div>\n", styles: [":host{--ngs-tab-group-header-border-bottom: 1px solid var(--ngs-color-border);--ngs-tab-group-header-border-top: none;--ngs-tab-label-padding: 12px 16px;--ngs-tab-label-cursor: pointer;--ngs-tab-label-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-active-color: var(--ngs-color-primary);--ngs-tab-label-active-border-bottom: 2px solid var(--ngs-color-primary);--ngs-tab-label-active-border-top: 2px solid var(--ngs-color-primary);--ngs-tab-label-disabled-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-disabled-cursor: default;--ngs-tab-label-transition: color var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1);--ngs-tab-group-pagination-control-before-border-right: 1px solid var(--ngs-color-border);--ngs-tab-group-pagination-control-after-border-left: 1px solid var(--ngs-color-border);display:flex;flex-direction:column}:host.ngs-tab-group-inverted{flex-direction:column-reverse;--ngs-tab-group-header-border-bottom: none;--ngs-tab-group-header-border-top: 1px solid var(--ngs-color-subtle)}:host .ngs-tab-group-header-container{display:flex;flex-direction:row;position:relative;overflow:hidden;flex:none}:host .ngs-tab-group-header-container:before,:host .ngs-tab-group-header-container:after{content:\"\";position:absolute;left:0;right:0;z-index:1;pointer-events:none}:host .ngs-tab-group-header-container:before{top:0;border-top:var(--ngs-tab-group-header-border-top)}:host .ngs-tab-group-header-container:after{bottom:0;border-bottom:var(--ngs-tab-group-header-border-bottom)}:host .ngs-tab-group-header{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}:host .ngs-tab-group-header::-webkit-scrollbar{display:none}:host .ngs-tab-label,:host .ngs-tab-link{padding:var(--ngs-tab-label-padding);cursor:var(--ngs-tab-label-cursor);color:var(--ngs-tab-label-color);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:var(--ngs-tab-label-transition);white-space:nowrap;outline:none;flex:none;text-decoration:none}:host .ngs-tab-label:focus-visible,:host .ngs-tab-link:focus-visible{background:var(--ngs-color-surface-container-high)}:host .ngs-tab-label.ngs-tab-label-stretched,:host .ngs-tab-label.ngs-tab-link-stretched,:host .ngs-tab-link.ngs-tab-label-stretched,:host .ngs-tab-link.ngs-tab-link-stretched{flex-grow:1}:host .ngs-tab-label.ngs-tab-label-active,:host .ngs-tab-label.ngs-tab-link-active,:host .ngs-tab-link.ngs-tab-label-active,:host .ngs-tab-link.ngs-tab-link-active{color:var(--ngs-tab-label-active-color)}:host .ngs-tab-label.ngs-tab-label-active:after,:host .ngs-tab-label.ngs-tab-link-active:after,:host .ngs-tab-link.ngs-tab-label-active:after,:host .ngs-tab-link.ngs-tab-link-active:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:0;border-bottom:var(--ngs-tab-label-active-border-bottom);z-index:2}.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-link-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-link-active:after{bottom:auto;top:0;border-bottom:none;border-top:var(--ngs-tab-label-active-border-top);z-index:2}:host .ngs-tab-label.ngs-tab-label-disabled,:host .ngs-tab-label.ngs-tab-link-disabled,:host .ngs-tab-link.ngs-tab-label-disabled,:host .ngs-tab-link.ngs-tab-link-disabled{color:var(--ngs-tab-label-disabled-color);cursor:var(--ngs-tab-label-disabled-cursor);pointer-events:none}:host .ngs-tab-group-header-list{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;min-width:100%}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-start{justify-content:flex-start}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-center{justify-content:center}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-end{justify-content:flex-end}:host .ngs-tab-group-pagination-control{padding:0 12px;cursor:pointer;display:flex;flex:0 0 auto;align-items:center;justify-content:center;background:none;border:none;outline:none;color:var(--ngs-tab-label-color);transition:opacity .2s cubic-bezier(.35,0,.25,1)}:host .ngs-tab-group-pagination-control.ngs-tab-group-pagination-control-disabled{opacity:.38;cursor:default;pointer-events:none}:host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}:host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}:host .ngs-tab-group-pagination-control-icon{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;display:inline-block}:host .ngs-tab-group-pagination-control-before .ngs-tab-group-pagination-control-icon{transform:rotate(-135deg);margin-left:4px}:host .ngs-tab-group-pagination-control-after .ngs-tab-group-pagination-control-icon{transform:rotate(45deg);margin-right:4px}:host{height:100%;--ngs-tab-content-padding: 0;--ngs-tab-panel-transition: opacity var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1)}:host .ngs-tab-panel{width:100%;flex-shrink:0;box-sizing:border-box;animation-duration:var(--ngs-tab-group-animation-duration, .5s);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.35,0,.25,1);position:relative;display:none}:host .ngs-tab-panel.ngs-tab-panel-active,:host .ngs-tab-panel.ngs-tab-group-leave-left,:host .ngs-tab-panel.ngs-tab-group-leave-right,:host .ngs-tab-panel.ngs-tab-group-enter-left,:host .ngs-tab-panel.ngs-tab-group-enter-right{display:block}:host .ngs-tab-panel:not(.ngs-tab-panel-active){position:absolute;top:0;left:0;z-index:1;pointer-events:none}:host .ngs-tab-panel.ngs-tab-panel-active{z-index:2}@keyframes ngs-tab-group-enter-left{0%{transform:translate3d(-100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-enter-right{0%{transform:translate3d(100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-leave-left{0%{transform:none}to{transform:translate3d(-100%,0,0)}}@keyframes ngs-tab-group-leave-right{0%{transform:none}to{transform:translate3d(100%,0,0)}}:host .ngs-tab-group-enter-left{animation-name:ngs-tab-group-enter-left}:host .ngs-tab-group-enter-right{animation-name:ngs-tab-group-enter-right}:host .ngs-tab-group-leave-left{animation-name:ngs-tab-group-leave-left}:host .ngs-tab-group-leave-right{animation-name:ngs-tab-group-leave-right}:host .ngs-tab-group-content{padding:var(--ngs-tab-content-padding);overflow:hidden;position:relative;flex-grow:1}:host .ngs-tab-panel-container{display:flex;flex-direction:row;position:relative;overflow:hidden;height:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
362
362
|
}
|
|
363
363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabGroup, decorators: [{
|
|
364
364
|
type: Component,
|
|
@@ -366,7 +366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
366
366
|
'class': 'ngs-tab-group',
|
|
367
367
|
'[class.ngs-tab-group-inverted]': 'headerPosition() === "below"',
|
|
368
368
|
'[style.--ngs-tab-group-animation-duration]': 'animationDuration()',
|
|
369
|
-
}, template: "<div class=\"ngs-tab-group-header-container\" [class.ngs-tab-group-header-pagination-controls-enabled]=\"_showPaginationControls()\">\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-before\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollBefore()\"\n (click)=\"_scrollBefore()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n\n <div class=\"ngs-tab-group-header\"\n #tabListContainer\n role=\"tablist\"\n (scroll)=\"_handleScroll()\"\n (keydown)=\"_onKeydown($event)\">\n <div class=\"ngs-tab-group-header-list\" #tabList\n [class.ngs-tab-group-header-list-align-start]=\"alignTabs() === 'start'\"\n [class.ngs-tab-group-header-list-align-center]=\"alignTabs() === 'center'\"\n [class.ngs-tab-group-header-list-align-end]=\"alignTabs() === 'end'\">\n @for (tab of _tabs(); track tab; let i = $index) {\n <div\n #tabLabel\n class=\"ngs-tab-label\"\n role=\"tab\"\n ngsRipple\n [ngsRippleDisabled]=\"tab.disabled() || disableRipple()\"\n [id]=\"'ngs-tab-label-' + i\"\n [attr.aria-controls]=\"'ngs-tab-panel-' + i\"\n [attr.aria-selected]=\"_selectedIndex === i\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-label]=\"tab.ariaLabel()\"\n [attr.aria-labelledby]=\"tab.ariaLabelledby()\"\n [tabIndex]=\"_selectedIndex === i ? 0 : -1\"\n [class.ngs-tab-label-active]=\"_selectedIndex === i\"\n [class.ngs-tab-label-disabled]=\"tab.disabled()\"\n [class.ngs-tab-label-stretched]=\"stretchTabs()\"\n (click)=\"_onTabHeaderClick(i)\"\n >\n @if (tab.templateLabel()) {\n <ng-container [ngTemplateOutlet]=\"tab.templateLabel()!.template\" />\n } @else {\n {{ tab.label() }}\n }\n </div>\n }\n </div>\n </div>\n\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-after\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollAfter()\"\n (click)=\"_scrollAfter()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n</div>\n\n<div class=\"ngs-tab-group-content\">\n <div class=\"ngs-tab-panel-container\">\n @for (tab of _tabs(); track tab; let i = $index) {\n @if (_selectedIndex === i || preserveContent() || _isActive[i]) {\n <div\n class=\"ngs-tab-panel\"\n [class.ngs-tab-panel-active]=\"_selectedIndex === i\"\n [class.ngs-tab-group-enter-left]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-left'\"\n [class.ngs-tab-group-enter-right]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-right'\"\n [class.ngs-tab-group-leave-left]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-left'\"\n [class.ngs-tab-group-leave-right]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-right'\"\n role=\"tabpanel\"\n [id]=\"'ngs-tab-panel-' + i\"\n [attr.aria-labelledby]=\"'ngs-tab-label-' + i\"\n [animate.enter]=\"_getEnterAnimation(i)\"\n [animate.leave]=\"_getLeaveAnimation(i)\"\n >\n <ng-template [cdkPortalOutlet]=\"_getTabContent(tab)\" />\n </div>\n }\n }\n </div>\n</div>\n", styles: [":host{--ngs-tab-group-header-border-bottom: 1px solid var(--ngs-color-border);--ngs-tab-group-header-border-top: none;--ngs-tab-label-padding: 12px 16px;--ngs-tab-label-cursor: pointer;--ngs-tab-label-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-active-color: var(--ngs-color-primary);--ngs-tab-label-active-border-bottom: 2px solid var(--ngs-color-primary);--ngs-tab-label-active-border-top: 2px solid var(--ngs-color-primary);--ngs-tab-label-disabled-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-disabled-cursor: default;--ngs-tab-label-transition: color var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1);--ngs-tab-group-pagination-control-before-border-right: 1px solid var(--ngs-color-border);--ngs-tab-group-pagination-control-after-border-left: 1px solid var(--ngs-color-border);display:flex;flex-direction:column}:host.ngs-tab-group-inverted{flex-direction:column-reverse;--ngs-tab-group-header-border-bottom: none;--ngs-tab-group-header-border-top: 1px solid var(--ngs-color-subtle)}:host .ngs-tab-group-header-container{display:flex;flex-direction:row;position:relative;overflow:hidden;flex:none}:host .ngs-tab-group-header-container:before,:host .ngs-tab-group-header-container:after{content:\"\";position:absolute;left:0;right:0;z-index:1;pointer-events:none}:host .ngs-tab-group-header-container:before{top:0;border-top:var(--ngs-tab-group-header-border-top)}:host .ngs-tab-group-header-container:after{bottom:0;border-bottom:var(--ngs-tab-group-header-border-bottom)}:host .ngs-tab-group-header{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}:host .ngs-tab-group-header::-webkit-scrollbar{display:none}:host .ngs-tab-label,:host .ngs-tab-link{padding:var(--ngs-tab-label-padding);cursor:var(--ngs-tab-label-cursor);color:var(--ngs-tab-label-color);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:var(--ngs-tab-label-transition);white-space:nowrap;outline:none;flex:none;text-decoration:none}:host .ngs-tab-label:focus-visible,:host .ngs-tab-link:focus-visible{background:var(--ngs-color-surface-container-high)}:host .ngs-tab-label.ngs-tab-label-stretched,:host .ngs-tab-label.ngs-tab-link-stretched,:host .ngs-tab-link.ngs-tab-label-stretched,:host .ngs-tab-link.ngs-tab-link-stretched{flex-grow:1}:host .ngs-tab-label.ngs-tab-label-active,:host .ngs-tab-label.ngs-tab-link-active,:host .ngs-tab-link.ngs-tab-label-active,:host .ngs-tab-link.ngs-tab-link-active{color:var(--ngs-tab-label-active-color)}:host .ngs-tab-label.ngs-tab-label-active:after,:host .ngs-tab-label.ngs-tab-link-active:after,:host .ngs-tab-link.ngs-tab-label-active:after,:host .ngs-tab-link.ngs-tab-link-active:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:0;border-bottom:var(--ngs-tab-label-active-border-bottom);z-index:2}.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-link-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-link-active:after{bottom:auto;top:0;border-bottom:none;border-top:var(--ngs-tab-label-active-border-top);z-index:2}:host .ngs-tab-label.ngs-tab-label-disabled,:host .ngs-tab-label.ngs-tab-link-disabled,:host .ngs-tab-link.ngs-tab-label-disabled,:host .ngs-tab-link.ngs-tab-link-disabled{color:var(--ngs-tab-label-disabled-color);cursor:var(--ngs-tab-label-disabled-cursor);pointer-events:none}:host .ngs-tab-group-header-list{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;min-width:100%}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-start{justify-content:flex-start}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-center{justify-content:center}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-end{justify-content:flex-end}:host .ngs-tab-group-pagination-control{padding:0 12px;cursor:pointer;display:flex;flex:0 0 auto;align-items:center;justify-content:center;background:none;border:none;outline:none;color:var(--ngs-tab-label-color);transition:opacity .2s cubic-bezier(.35,0,.25,1)}:host .ngs-tab-group-pagination-control.ngs-tab-group-pagination-control-disabled{opacity:.38;cursor:default;pointer-events:none}:host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}:host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}:host .ngs-tab-group-pagination-control-icon{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;display:inline-block}:host .ngs-tab-group-pagination-control-before .ngs-tab-group-pagination-control-icon{transform:rotate(-135deg);margin-left:4px}:host .ngs-tab-group-pagination-control-after .ngs-tab-group-pagination-control-icon{transform:rotate(45deg);margin-right:4px}:host{--ngs-tab-content-padding: 0;--ngs-tab-panel-transition: opacity var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1)}:host .ngs-tab-panel{width:100%;flex-shrink:0;box-sizing:border-box;animation-duration:var(--ngs-tab-group-animation-duration, .5s);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.35,0,.25,1);position:relative;display:none}:host .ngs-tab-panel.ngs-tab-panel-active,:host .ngs-tab-panel.ngs-tab-group-leave-left,:host .ngs-tab-panel.ngs-tab-group-leave-right,:host .ngs-tab-panel.ngs-tab-group-enter-left,:host .ngs-tab-panel.ngs-tab-group-enter-right{display:block}:host .ngs-tab-panel:not(.ngs-tab-panel-active){position:absolute;top:0;left:0;z-index:1;pointer-events:none}:host .ngs-tab-panel.ngs-tab-panel-active{z-index:2}@keyframes ngs-tab-group-enter-left{0%{transform:translate3d(-100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-enter-right{0%{transform:translate3d(100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-leave-left{0%{transform:none}to{transform:translate3d(-100%,0,0)}}@keyframes ngs-tab-group-leave-right{0%{transform:none}to{transform:translate3d(100%,0,0)}}:host .ngs-tab-group-enter-left{animation-name:ngs-tab-group-enter-left}:host .ngs-tab-group-enter-right{animation-name:ngs-tab-group-enter-right}:host .ngs-tab-group-leave-left{animation-name:ngs-tab-group-leave-left}:host .ngs-tab-group-leave-right{animation-name:ngs-tab-group-leave-right}:host .ngs-tab-group-content{padding:var(--ngs-tab-content-padding);overflow:hidden;position:relative;flex-grow:1}:host .ngs-tab-panel-container{display:flex;flex-direction:row;position:relative;overflow:hidden;height:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
369
|
+
}, template: "<div class=\"ngs-tab-group-header-container\" [class.ngs-tab-group-header-pagination-controls-enabled]=\"_showPaginationControls()\">\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-before\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollBefore()\"\n (click)=\"_scrollBefore()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n\n <div class=\"ngs-tab-group-header\"\n #tabListContainer\n role=\"tablist\"\n (scroll)=\"_handleScroll()\"\n (keydown)=\"_onKeydown($event)\">\n <div class=\"ngs-tab-group-header-list\" #tabList\n [class.ngs-tab-group-header-list-align-start]=\"alignTabs() === 'start'\"\n [class.ngs-tab-group-header-list-align-center]=\"alignTabs() === 'center'\"\n [class.ngs-tab-group-header-list-align-end]=\"alignTabs() === 'end'\">\n @for (tab of _tabs(); track tab; let i = $index) {\n <div\n #tabLabel\n class=\"ngs-tab-label\"\n role=\"tab\"\n ngsRipple\n [ngsRippleDisabled]=\"tab.disabled() || disableRipple()\"\n [id]=\"'ngs-tab-label-' + i\"\n [attr.aria-controls]=\"'ngs-tab-panel-' + i\"\n [attr.aria-selected]=\"_selectedIndex === i\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-label]=\"tab.ariaLabel()\"\n [attr.aria-labelledby]=\"tab.ariaLabelledby()\"\n [tabIndex]=\"_selectedIndex === i ? 0 : -1\"\n [class.ngs-tab-label-active]=\"_selectedIndex === i\"\n [class.ngs-tab-label-disabled]=\"tab.disabled()\"\n [class.ngs-tab-label-stretched]=\"stretchTabs()\"\n (click)=\"_onTabHeaderClick(i)\"\n >\n @if (tab.templateLabel()) {\n <ng-container [ngTemplateOutlet]=\"tab.templateLabel()!.template\" />\n } @else {\n {{ tab.label() }}\n }\n </div>\n }\n </div>\n </div>\n\n @if (_showPaginationControls()) {\n <button class=\"ngs-tab-group-pagination-control ngs-tab-group-pagination-control-after\"\n [class.ngs-tab-group-pagination-control-disabled]=\"_disableScrollAfter()\"\n (click)=\"_scrollAfter()\"\n type=\"button\"\n aria-hidden=\"true\">\n <div class=\"ngs-tab-group-pagination-control-icon\"></div>\n </button>\n }\n</div>\n\n<div class=\"ngs-tab-group-content\">\n <div class=\"ngs-tab-panel-container\">\n @for (tab of _tabs(); track tab; let i = $index) {\n @if (_selectedIndex === i || preserveContent() || _isActive[i]) {\n <div\n class=\"ngs-tab-panel\"\n [class.ngs-tab-panel-active]=\"_selectedIndex === i\"\n [class.ngs-tab-group-enter-left]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-left'\"\n [class.ngs-tab-group-enter-right]=\"_getEnterAnimation(i) === 'ngs-tab-group-enter-right'\"\n [class.ngs-tab-group-leave-left]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-left'\"\n [class.ngs-tab-group-leave-right]=\"_getLeaveAnimation(i) === 'ngs-tab-group-leave-right'\"\n role=\"tabpanel\"\n [id]=\"'ngs-tab-panel-' + i\"\n [attr.aria-labelledby]=\"'ngs-tab-label-' + i\"\n [animate.enter]=\"_getEnterAnimation(i)\"\n [animate.leave]=\"_getLeaveAnimation(i)\"\n >\n <ng-template [cdkPortalOutlet]=\"_getTabContent(tab)\" />\n </div>\n }\n }\n </div>\n</div>\n", styles: [":host{--ngs-tab-group-header-border-bottom: 1px solid var(--ngs-color-border);--ngs-tab-group-header-border-top: none;--ngs-tab-label-padding: 12px 16px;--ngs-tab-label-cursor: pointer;--ngs-tab-label-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-active-color: var(--ngs-color-primary);--ngs-tab-label-active-border-bottom: 2px solid var(--ngs-color-primary);--ngs-tab-label-active-border-top: 2px solid var(--ngs-color-primary);--ngs-tab-label-disabled-color: var(--ngs-color-on-surface-variant);--ngs-tab-label-disabled-cursor: default;--ngs-tab-label-transition: color var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1);--ngs-tab-group-pagination-control-before-border-right: 1px solid var(--ngs-color-border);--ngs-tab-group-pagination-control-after-border-left: 1px solid var(--ngs-color-border);display:flex;flex-direction:column}:host.ngs-tab-group-inverted{flex-direction:column-reverse;--ngs-tab-group-header-border-bottom: none;--ngs-tab-group-header-border-top: 1px solid var(--ngs-color-subtle)}:host .ngs-tab-group-header-container{display:flex;flex-direction:row;position:relative;overflow:hidden;flex:none}:host .ngs-tab-group-header-container:before,:host .ngs-tab-group-header-container:after{content:\"\";position:absolute;left:0;right:0;z-index:1;pointer-events:none}:host .ngs-tab-group-header-container:before{top:0;border-top:var(--ngs-tab-group-header-border-top)}:host .ngs-tab-group-header-container:after{bottom:0;border-bottom:var(--ngs-tab-group-header-border-bottom)}:host .ngs-tab-group-header{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}:host .ngs-tab-group-header::-webkit-scrollbar{display:none}:host .ngs-tab-label,:host .ngs-tab-link{padding:var(--ngs-tab-label-padding);cursor:var(--ngs-tab-label-cursor);color:var(--ngs-tab-label-color);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:var(--ngs-tab-label-transition);white-space:nowrap;outline:none;flex:none;text-decoration:none}:host .ngs-tab-label:focus-visible,:host .ngs-tab-link:focus-visible{background:var(--ngs-color-surface-container-high)}:host .ngs-tab-label.ngs-tab-label-stretched,:host .ngs-tab-label.ngs-tab-link-stretched,:host .ngs-tab-link.ngs-tab-label-stretched,:host .ngs-tab-link.ngs-tab-link-stretched{flex-grow:1}:host .ngs-tab-label.ngs-tab-label-active,:host .ngs-tab-label.ngs-tab-link-active,:host .ngs-tab-link.ngs-tab-label-active,:host .ngs-tab-link.ngs-tab-link-active{color:var(--ngs-tab-label-active-color)}:host .ngs-tab-label.ngs-tab-label-active:after,:host .ngs-tab-label.ngs-tab-link-active:after,:host .ngs-tab-link.ngs-tab-label-active:after,:host .ngs-tab-link.ngs-tab-link-active:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:0;border-bottom:var(--ngs-tab-label-active-border-bottom);z-index:2}.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-label.ngs-tab-link-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-label-active:after,.ngs-tab-group-inverted :host .ngs-tab-link.ngs-tab-link-active:after{bottom:auto;top:0;border-bottom:none;border-top:var(--ngs-tab-label-active-border-top);z-index:2}:host .ngs-tab-label.ngs-tab-label-disabled,:host .ngs-tab-label.ngs-tab-link-disabled,:host .ngs-tab-link.ngs-tab-label-disabled,:host .ngs-tab-link.ngs-tab-link-disabled{color:var(--ngs-tab-label-disabled-color);cursor:var(--ngs-tab-label-disabled-cursor);pointer-events:none}:host .ngs-tab-group-header-list{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;min-width:100%}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-start{justify-content:flex-start}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-center{justify-content:center}:host .ngs-tab-group-header-list.ngs-tab-group-header-list-align-end{justify-content:flex-end}:host .ngs-tab-group-pagination-control{padding:0 12px;cursor:pointer;display:flex;flex:0 0 auto;align-items:center;justify-content:center;background:none;border:none;outline:none;color:var(--ngs-tab-label-color);transition:opacity .2s cubic-bezier(.35,0,.25,1)}:host .ngs-tab-group-pagination-control.ngs-tab-group-pagination-control-disabled{opacity:.38;cursor:default;pointer-events:none}:host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-before{border-right:var(--ngs-tab-group-pagination-control-before-border-right)}:host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}.ngs-tab-group-inverted :host .ngs-tab-group-pagination-control-after{border-left:var(--ngs-tab-group-pagination-control-after-border-left)}:host .ngs-tab-group-pagination-control-icon{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;display:inline-block}:host .ngs-tab-group-pagination-control-before .ngs-tab-group-pagination-control-icon{transform:rotate(-135deg);margin-left:4px}:host .ngs-tab-group-pagination-control-after .ngs-tab-group-pagination-control-icon{transform:rotate(45deg);margin-right:4px}:host{height:100%;--ngs-tab-content-padding: 0;--ngs-tab-panel-transition: opacity var(--ngs-tab-group-animation-duration, .2s) cubic-bezier(.35, 0, .25, 1)}:host .ngs-tab-panel{width:100%;flex-shrink:0;box-sizing:border-box;animation-duration:var(--ngs-tab-group-animation-duration, .5s);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.35,0,.25,1);position:relative;display:none}:host .ngs-tab-panel.ngs-tab-panel-active,:host .ngs-tab-panel.ngs-tab-group-leave-left,:host .ngs-tab-panel.ngs-tab-group-leave-right,:host .ngs-tab-panel.ngs-tab-group-enter-left,:host .ngs-tab-panel.ngs-tab-group-enter-right{display:block}:host .ngs-tab-panel:not(.ngs-tab-panel-active){position:absolute;top:0;left:0;z-index:1;pointer-events:none}:host .ngs-tab-panel.ngs-tab-panel-active{z-index:2}@keyframes ngs-tab-group-enter-left{0%{transform:translate3d(-100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-enter-right{0%{transform:translate3d(100%,0,0)}to{transform:none}}@keyframes ngs-tab-group-leave-left{0%{transform:none}to{transform:translate3d(-100%,0,0)}}@keyframes ngs-tab-group-leave-right{0%{transform:none}to{transform:translate3d(100%,0,0)}}:host .ngs-tab-group-enter-left{animation-name:ngs-tab-group-enter-left}:host .ngs-tab-group-enter-right{animation-name:ngs-tab-group-enter-right}:host .ngs-tab-group-leave-left{animation-name:ngs-tab-group-leave-left}:host .ngs-tab-group-leave-right{animation-name:ngs-tab-group-leave-right}:host .ngs-tab-group-content{padding:var(--ngs-tab-content-padding);overflow:hidden;position:relative;flex-grow:1}:host .ngs-tab-panel-container{display:flex;flex-direction:row;position:relative;overflow:hidden;height:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
370
370
|
}], ctorParameters: () => [], propDecorators: { _tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Tab), { isSignal: true }] }], _tabLabels: [{ type: i0.ViewChildren, args: ['tabLabel', { isSignal: true }] }], _tabListContainer: [{ type: i0.ViewChild, args: ['tabListContainer', { isSignal: true }] }], _tabList: [{ type: i0.ViewChild, args: ['tabList', { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }], headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], preserveContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveContent", required: false }] }], stretchTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngs-stretch-tabs", required: false }] }], alignTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngs-align-tabs", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], enterAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate.enter", required: false }] }], leaveAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate.leave", required: false }] }], selectedIndexChange: [{ type: i0.Output, args: ["selectedIndexChange"] }], selectedTabChange: [{ type: i0.Output, args: ["selectedTabChange"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }] } });
|
|
371
371
|
|
|
372
372
|
class TabLink {
|