{"version":3,"sources":["node_modules/bezier-easing/src/index.js","node_modules/@angular/cdk/fesm2022/bidi.mjs","node_modules/@angular/cdk/fesm2022/portal.mjs","node_modules/ngx-scrollbar/fesm2020/ngx-scrollbar-smooth-scroll.mjs","node_modules/ngx-scrollbar/fesm2020/ngx-scrollbar.mjs"],"sourcesContent":["/**\n * https://github.com/gre/bezier-easing\n * BezierEasing - use bezier curve for transition easing function\n * by Gaëtan Renaudeau 2014 - 2015 – MIT License\n */\n\n// These values are established by empiricism with tests (tradeoff: performance VS precision)\nvar NEWTON_ITERATIONS = 4;\nvar NEWTON_MIN_SLOPE = 0.001;\nvar SUBDIVISION_PRECISION = 0.0000001;\nvar SUBDIVISION_MAX_ITERATIONS = 10;\nvar kSplineTableSize = 11;\nvar kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\nvar float32ArraySupported = typeof Float32Array === 'function';\nfunction A(aA1, aA2) {\n return 1.0 - 3.0 * aA2 + 3.0 * aA1;\n}\nfunction B(aA1, aA2) {\n return 3.0 * aA2 - 6.0 * aA1;\n}\nfunction C(aA1) {\n return 3.0 * aA1;\n}\n\n// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\nfunction calcBezier(aT, aA1, aA2) {\n return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;\n}\n\n// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.\nfunction getSlope(aT, aA1, aA2) {\n return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);\n}\nfunction binarySubdivide(aX, aA, aB, mX1, mX2) {\n var currentX,\n currentT,\n i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) {\n aB = currentT;\n } else {\n aA = currentT;\n }\n } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);\n return currentT;\n}\nfunction newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < NEWTON_ITERATIONS; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) {\n return aGuessT;\n }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n}\nfunction LinearEasing(x) {\n return x;\n}\nmodule.exports = function bezier(mX1, mY1, mX2, mY2) {\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {\n throw new Error('bezier x values must be in [0, 1] range');\n }\n if (mX1 === mY1 && mX2 === mY2) {\n return LinearEasing;\n }\n\n // Precompute samples table\n var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n function getTForX(aX) {\n var intervalStart = 0.0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n --currentSample;\n\n // Interpolate to provide an initial guess for t\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n var initialSlope = getSlope(guessForT, mX1, mX2);\n if (initialSlope >= NEWTON_MIN_SLOPE) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n }\n return function BezierEasing(x) {\n // Because JavaScript number are imprecise, we should guarantee the extremes are right.\n if (x === 0) {\n return 0;\n }\n if (x === 1) {\n return 1;\n }\n return calcBezier(getTForX(x), mY1, mY2);\n };\n};","import * as i0 from '@angular/core';\nimport { InjectionToken, inject, EventEmitter, Injectable, Optional, Inject, Directive, Output, Input, NgModule } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * Injection token used to inject the document into Directionality.\n * This is used so that the value can be faked in tests.\n *\n * We can't use the real document in tests because changing the real `dir` causes geometry-based\n * tests in Safari to fail.\n *\n * We also can't re-provide the DOCUMENT token from platform-browser because the unit tests\n * themselves use things like `querySelector` in test code.\n *\n * This token is defined in a separate file from Directionality as a workaround for\n * https://github.com/angular/angular/issues/22559\n *\n * @docs-private\n */\nconst DIR_DOCUMENT = /*#__PURE__*/new InjectionToken('cdk-dir-doc', {\n providedIn: 'root',\n factory: DIR_DOCUMENT_FACTORY\n});\n/** @docs-private */\nfunction DIR_DOCUMENT_FACTORY() {\n return inject(DOCUMENT);\n}\n\n/** Regex that matches locales with an RTL script. Taken from `goog.i18n.bidi.isRtlLanguage`. */\nconst RTL_LOCALE_PATTERN = /^(ar|ckb|dv|he|iw|fa|nqo|ps|sd|ug|ur|yi|.*[-_](Adlm|Arab|Hebr|Nkoo|Rohg|Thaa))(?!.*[-_](Latn|Cyrl)($|-|_))($|-|_)/i;\n/** Resolves a string value to a specific direction. */\nfunction _resolveDirectionality(rawValue) {\n const value = rawValue?.toLowerCase() || '';\n if (value === 'auto' && typeof navigator !== 'undefined' && navigator?.language) {\n return RTL_LOCALE_PATTERN.test(navigator.language) ? 'rtl' : 'ltr';\n }\n return value === 'rtl' ? 'rtl' : 'ltr';\n}\n/**\n * The directionality (LTR / RTL) context for the application (or a subtree of it).\n * Exposes the current direction and a stream of direction changes.\n */\nlet Directionality = /*#__PURE__*/(() => {\n class Directionality {\n constructor(_document) {\n /** The current 'ltr' or 'rtl' value. */\n this.value = 'ltr';\n /** Stream that emits whenever the 'ltr' / 'rtl' state changes. */\n this.change = new EventEmitter();\n if (_document) {\n const bodyDir = _document.body ? _document.body.dir : null;\n const htmlDir = _document.documentElement ? _document.documentElement.dir : null;\n this.value = _resolveDirectionality(bodyDir || htmlDir || 'ltr');\n }\n }\n ngOnDestroy() {\n this.change.complete();\n }\n static {\n this.ɵfac = function Directionality_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || Directionality)(i0.ɵɵinject(DIR_DOCUMENT, 8));\n };\n }\n static {\n this.ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: Directionality,\n factory: Directionality.ɵfac,\n providedIn: 'root'\n });\n }\n }\n return Directionality;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n/**\n * Directive to listen for changes of direction of part of the DOM.\n *\n * Provides itself as Directionality such that descendant directives only need to ever inject\n * Directionality to get the closest direction.\n */\nlet Dir = /*#__PURE__*/(() => {\n class Dir {\n constructor() {\n /** Normalized direction that accounts for invalid/unsupported values. */\n this._dir = 'ltr';\n /** Whether the `value` has been set to its initial value. */\n this._isInitialized = false;\n /** Event emitted when the direction changes. */\n this.change = new EventEmitter();\n }\n /** @docs-private */\n get dir() {\n return this._dir;\n }\n set dir(value) {\n const previousValue = this._dir;\n // Note: `_resolveDirectionality` resolves the language based on the browser's language,\n // whereas the browser does it based on the content of the element. Since doing so based\n // on the content can be expensive, for now we're doing the simpler matching.\n this._dir = _resolveDirectionality(value);\n this._rawDir = value;\n if (previousValue !== this._dir && this._isInitialized) {\n this.change.emit(this._dir);\n }\n }\n /** Current layout direction of the element. */\n get value() {\n return this.dir;\n }\n /** Initialize once default value has been set. */\n ngAfterContentInit() {\n this._isInitialized = true;\n }\n ngOnDestroy() {\n this.change.complete();\n }\n static {\n this.ɵfac = function Dir_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || Dir)();\n };\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: Dir,\n selectors: [[\"\", \"dir\", \"\"]],\n hostVars: 1,\n hostBindings: function Dir_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵattribute(\"dir\", ctx._rawDir);\n }\n },\n inputs: {\n dir: \"dir\"\n },\n outputs: {\n change: \"dirChange\"\n },\n exportAs: [\"dir\"],\n standalone: true,\n features: [i0.ɵɵProvidersFeature([{\n provide: Directionality,\n useExisting: Dir\n }])]\n });\n }\n }\n return Dir;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet BidiModule = /*#__PURE__*/(() => {\n class BidiModule {\n static {\n this.ɵfac = function BidiModule_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || BidiModule)();\n };\n }\n static {\n this.ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: BidiModule\n });\n }\n static {\n this.ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({});\n }\n }\n return BidiModule;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { BidiModule, DIR_DOCUMENT, Dir, Directionality };\n","import * as i0 from '@angular/core';\nimport { ElementRef, Injector, Directive, EventEmitter, Inject, Input, Output, NgModule } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\n/**\n * Throws an exception when attempting to attach a null portal to a host.\n * @docs-private\n */\nfunction throwNullPortalError() {\n throw Error('Must provide a portal to attach');\n}\n/**\n * Throws an exception when attempting to attach a portal to a host that is already attached.\n * @docs-private\n */\nfunction throwPortalAlreadyAttachedError() {\n throw Error('Host already has a portal attached');\n}\n/**\n * Throws an exception when attempting to attach a portal to an already-disposed host.\n * @docs-private\n */\nfunction throwPortalOutletAlreadyDisposedError() {\n throw Error('This PortalOutlet has already been disposed');\n}\n/**\n * Throws an exception when attempting to attach an unknown portal type.\n * @docs-private\n */\nfunction throwUnknownPortalTypeError() {\n throw Error('Attempting to attach an unknown Portal type. BasePortalOutlet accepts either ' + 'a ComponentPortal or a TemplatePortal.');\n}\n/**\n * Throws an exception when attempting to attach a portal to a null host.\n * @docs-private\n */\nfunction throwNullPortalOutletError() {\n throw Error('Attempting to attach a portal to a null PortalOutlet');\n}\n/**\n * Throws an exception when attempting to detach a portal that is not attached.\n * @docs-private\n */\nfunction throwNoPortalAttachedError() {\n throw Error('Attempting to detach a portal that is not attached to a host');\n}\n\n/**\n * A `Portal` is something that you want to render somewhere else.\n * It can be attach to / detached from a `PortalOutlet`.\n */\nclass Portal {\n /** Attach this portal to a host. */\n attach(host) {\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n if (host == null) {\n throwNullPortalOutletError();\n }\n if (host.hasAttached()) {\n throwPortalAlreadyAttachedError();\n }\n }\n this._attachedHost = host;\n return host.attach(this);\n }\n /** Detach this portal from its host */\n detach() {\n let host = this._attachedHost;\n if (host != null) {\n this._attachedHost = null;\n host.detach();\n } else if (typeof ngDevMode === 'undefined' || ngDevMode) {\n throwNoPortalAttachedError();\n }\n }\n /** Whether this portal is attached to a host. */\n get isAttached() {\n return this._attachedHost != null;\n }\n /**\n * Sets the PortalOutlet reference without performing `attach()`. This is used directly by\n * the PortalOutlet when it is performing an `attach()` or `detach()`.\n */\n setAttachedHost(host) {\n this._attachedHost = host;\n }\n}\n/**\n * A `ComponentPortal` is a portal that instantiates some Component upon attachment.\n */\nclass ComponentPortal extends Portal {\n constructor(component, viewContainerRef, injector, componentFactoryResolver, projectableNodes) {\n super();\n this.component = component;\n this.viewContainerRef = viewContainerRef;\n this.injector = injector;\n this.componentFactoryResolver = componentFactoryResolver;\n this.projectableNodes = projectableNodes;\n }\n}\n/**\n * A `TemplatePortal` is a portal that represents some embedded template (TemplateRef).\n */\nclass TemplatePortal extends Portal {\n constructor( /** The embedded template that will be used to instantiate an embedded View in the host. */\n templateRef, /** Reference to the ViewContainer into which the template will be stamped out. */\n viewContainerRef, /** Contextual data to be passed in to the embedded view. */\n context, /** The injector to use for the embedded view. */\n injector) {\n super();\n this.templateRef = templateRef;\n this.viewContainerRef = viewContainerRef;\n this.context = context;\n this.injector = injector;\n }\n get origin() {\n return this.templateRef.elementRef;\n }\n /**\n * Attach the portal to the provided `PortalOutlet`.\n * When a context is provided it will override the `context` property of the `TemplatePortal`\n * instance.\n */\n attach(host, context = this.context) {\n this.context = context;\n return super.attach(host);\n }\n detach() {\n this.context = undefined;\n return super.detach();\n }\n}\n/**\n * A `DomPortal` is a portal whose DOM element will be taken from its current position\n * in the DOM and moved into a portal outlet, when it is attached. On detach, the content\n * will be restored to its original position.\n */\nclass DomPortal extends Portal {\n constructor(element) {\n super();\n this.element = element instanceof ElementRef ? element.nativeElement : element;\n }\n}\n/**\n * Partial implementation of PortalOutlet that handles attaching\n * ComponentPortal and TemplatePortal.\n */\nclass BasePortalOutlet {\n constructor() {\n /** Whether this host has already been permanently disposed. */\n this._isDisposed = false;\n // @breaking-change 10.0.0 `attachDomPortal` to become a required abstract method.\n this.attachDomPortal = null;\n }\n /** Whether this host has an attached portal. */\n hasAttached() {\n return !!this._attachedPortal;\n }\n /** Attaches a portal. */\n attach(portal) {\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n if (!portal) {\n throwNullPortalError();\n }\n if (this.hasAttached()) {\n throwPortalAlreadyAttachedError();\n }\n if (this._isDisposed) {\n throwPortalOutletAlreadyDisposedError();\n }\n }\n if (portal instanceof ComponentPortal) {\n this._attachedPortal = portal;\n return this.attachComponentPortal(portal);\n } else if (portal instanceof TemplatePortal) {\n this._attachedPortal = portal;\n return this.attachTemplatePortal(portal);\n // @breaking-change 10.0.0 remove null check for `this.attachDomPortal`.\n } else if (this.attachDomPortal && portal instanceof DomPortal) {\n this._attachedPortal = portal;\n return this.attachDomPortal(portal);\n }\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n throwUnknownPortalTypeError();\n }\n }\n /** Detaches a previously attached portal. */\n detach() {\n if (this._attachedPortal) {\n this._attachedPortal.setAttachedHost(null);\n this._attachedPortal = null;\n }\n this._invokeDisposeFn();\n }\n /** Permanently dispose of this portal host. */\n dispose() {\n if (this.hasAttached()) {\n this.detach();\n }\n this._invokeDisposeFn();\n this._isDisposed = true;\n }\n /** @docs-private */\n setDisposeFn(fn) {\n this._disposeFn = fn;\n }\n _invokeDisposeFn() {\n if (this._disposeFn) {\n this._disposeFn();\n this._disposeFn = null;\n }\n }\n}\n/**\n * @deprecated Use `BasePortalOutlet` instead.\n * @breaking-change 9.0.0\n */\nclass BasePortalHost extends BasePortalOutlet {}\n\n/**\n * A PortalOutlet for attaching portals to an arbitrary DOM element outside of the Angular\n * application context.\n */\nclass DomPortalOutlet extends BasePortalOutlet {\n /**\n * @param outletElement Element into which the content is projected.\n * @param _componentFactoryResolver Used to resolve the component factory.\n * Only required when attaching component portals.\n * @param _appRef Reference to the application. Only used in component portals when there\n * is no `ViewContainerRef` available.\n * @param _defaultInjector Injector to use as a fallback when the portal being attached doesn't\n * have one. Only used for component portals.\n * @param _document Reference to the document. Used when attaching a DOM portal. Will eventually\n * become a required parameter.\n */\n constructor( /** Element into which the content is projected. */\n outletElement, _componentFactoryResolver, _appRef, _defaultInjector,\n /**\n * @deprecated `_document` Parameter to be made required.\n * @breaking-change 10.0.0\n */\n _document) {\n super();\n this.outletElement = outletElement;\n this._componentFactoryResolver = _componentFactoryResolver;\n this._appRef = _appRef;\n this._defaultInjector = _defaultInjector;\n /**\n * Attaches a DOM portal by transferring its content into the outlet.\n * @param portal Portal to be attached.\n * @deprecated To be turned into a method.\n * @breaking-change 10.0.0\n */\n this.attachDomPortal = portal => {\n // @breaking-change 10.0.0 Remove check and error once the\n // `_document` constructor parameter is required.\n if (!this._document && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('Cannot attach DOM portal without _document constructor parameter');\n }\n const element = portal.element;\n if (!element.parentNode && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('DOM portal content must be attached to a parent node.');\n }\n // Anchor used to save the element's previous position so\n // that we can restore it when the portal is detached.\n const anchorNode = this._document.createComment('dom-portal');\n element.parentNode.insertBefore(anchorNode, element);\n this.outletElement.appendChild(element);\n this._attachedPortal = portal;\n super.setDisposeFn(() => {\n // We can't use `replaceWith` here because IE doesn't support it.\n if (anchorNode.parentNode) {\n anchorNode.parentNode.replaceChild(element, anchorNode);\n }\n });\n };\n this._document = _document;\n }\n /**\n * Attach the given ComponentPortal to DOM element using the ComponentFactoryResolver.\n * @param portal Portal to be attached\n * @returns Reference to the created component.\n */\n attachComponentPortal(portal) {\n const resolver = portal.componentFactoryResolver || this._componentFactoryResolver;\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && !resolver) {\n throw Error('Cannot attach component portal to outlet without a ComponentFactoryResolver.');\n }\n const componentFactory = resolver.resolveComponentFactory(portal.component);\n let componentRef;\n // If the portal specifies a ViewContainerRef, we will use that as the attachment point\n // for the component (in terms of Angular's component tree, not rendering).\n // When the ViewContainerRef is missing, we use the factory to create the component directly\n // and then manually attach the view to the application.\n if (portal.viewContainerRef) {\n componentRef = portal.viewContainerRef.createComponent(componentFactory, portal.viewContainerRef.length, portal.injector || portal.viewContainerRef.injector, portal.projectableNodes || undefined);\n this.setDisposeFn(() => componentRef.destroy());\n } else {\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && !this._appRef) {\n throw Error('Cannot attach component portal to outlet without an ApplicationRef.');\n }\n componentRef = componentFactory.create(portal.injector || this._defaultInjector || Injector.NULL);\n this._appRef.attachView(componentRef.hostView);\n this.setDisposeFn(() => {\n // Verify that the ApplicationRef has registered views before trying to detach a host view.\n // This check also protects the `detachView` from being called on a destroyed ApplicationRef.\n if (this._appRef.viewCount > 0) {\n this._appRef.detachView(componentRef.hostView);\n }\n componentRef.destroy();\n });\n }\n // At this point the component has been instantiated, so we move it to the location in the DOM\n // where we want it to be rendered.\n this.outletElement.appendChild(this._getComponentRootNode(componentRef));\n this._attachedPortal = portal;\n return componentRef;\n }\n /**\n * Attaches a template portal to the DOM as an embedded view.\n * @param portal Portal to be attached.\n * @returns Reference to the created embedded view.\n */\n attachTemplatePortal(portal) {\n let viewContainer = portal.viewContainerRef;\n let viewRef = viewContainer.createEmbeddedView(portal.templateRef, portal.context, {\n injector: portal.injector\n });\n // The method `createEmbeddedView` will add the view as a child of the viewContainer.\n // But for the DomPortalOutlet the view can be added everywhere in the DOM\n // (e.g Overlay Container) To move the view to the specified host element. We just\n // re-append the existing root nodes.\n viewRef.rootNodes.forEach(rootNode => this.outletElement.appendChild(rootNode));\n // Note that we want to detect changes after the nodes have been moved so that\n // any directives inside the portal that are looking at the DOM inside a lifecycle\n // hook won't be invoked too early.\n viewRef.detectChanges();\n this.setDisposeFn(() => {\n let index = viewContainer.indexOf(viewRef);\n if (index !== -1) {\n viewContainer.remove(index);\n }\n });\n this._attachedPortal = portal;\n // TODO(jelbourn): Return locals from view.\n return viewRef;\n }\n /**\n * Clears out a portal from the DOM.\n */\n dispose() {\n super.dispose();\n this.outletElement.remove();\n }\n /** Gets the root HTMLElement for an instantiated component. */\n _getComponentRootNode(componentRef) {\n return componentRef.hostView.rootNodes[0];\n }\n}\n/**\n * @deprecated Use `DomPortalOutlet` instead.\n * @breaking-change 9.0.0\n */\nclass DomPortalHost extends DomPortalOutlet {}\n\n/**\n * Directive version of a `TemplatePortal`. Because the directive *is* a TemplatePortal,\n * the directive instance itself can be attached to a host, enabling declarative use of portals.\n */\nlet CdkPortal = /*#__PURE__*/(() => {\n class CdkPortal extends TemplatePortal {\n constructor(templateRef, viewContainerRef) {\n super(templateRef, viewContainerRef);\n }\n static {\n this.ɵfac = function CdkPortal_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || CdkPortal)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef));\n };\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: CdkPortal,\n selectors: [[\"\", \"cdkPortal\", \"\"]],\n exportAs: [\"cdkPortal\"],\n standalone: true,\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n }\n }\n return CdkPortal;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n/**\n * @deprecated Use `CdkPortal` instead.\n * @breaking-change 9.0.0\n */\nlet TemplatePortalDirective = /*#__PURE__*/(() => {\n class TemplatePortalDirective extends CdkPortal {\n static {\n this.ɵfac = /* @__PURE__ */(() => {\n let ɵTemplatePortalDirective_BaseFactory;\n return function TemplatePortalDirective_Factory(__ngFactoryType__) {\n return (ɵTemplatePortalDirective_BaseFactory || (ɵTemplatePortalDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TemplatePortalDirective)))(__ngFactoryType__ || TemplatePortalDirective);\n };\n })();\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: TemplatePortalDirective,\n selectors: [[\"\", \"cdk-portal\", \"\"], [\"\", \"portal\", \"\"]],\n exportAs: [\"cdkPortal\"],\n standalone: true,\n features: [i0.ɵɵProvidersFeature([{\n provide: CdkPortal,\n useExisting: TemplatePortalDirective\n }]), i0.ɵɵInheritDefinitionFeature]\n });\n }\n }\n return TemplatePortalDirective;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n/**\n * Directive version of a PortalOutlet. Because the directive *is* a PortalOutlet, portals can be\n * directly attached to it, enabling declarative use.\n *\n * Usage:\n * ``\n */\nlet CdkPortalOutlet = /*#__PURE__*/(() => {\n class CdkPortalOutlet extends BasePortalOutlet {\n constructor(_componentFactoryResolver, _viewContainerRef,\n /**\n * @deprecated `_document` parameter to be made required.\n * @breaking-change 9.0.0\n */\n _document) {\n super();\n this._componentFactoryResolver = _componentFactoryResolver;\n this._viewContainerRef = _viewContainerRef;\n /** Whether the portal component is initialized. */\n this._isInitialized = false;\n /** Emits when a portal is attached to the outlet. */\n this.attached = new EventEmitter();\n /**\n * Attaches the given DomPortal to this PortalHost by moving all of the portal content into it.\n * @param portal Portal to be attached.\n * @deprecated To be turned into a method.\n * @breaking-change 10.0.0\n */\n this.attachDomPortal = portal => {\n // @breaking-change 9.0.0 Remove check and error once the\n // `_document` constructor parameter is required.\n if (!this._document && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('Cannot attach DOM portal without _document constructor parameter');\n }\n const element = portal.element;\n if (!element.parentNode && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n throw Error('DOM portal content must be attached to a parent node.');\n }\n // Anchor used to save the element's previous position so\n // that we can restore it when the portal is detached.\n const anchorNode = this._document.createComment('dom-portal');\n portal.setAttachedHost(this);\n element.parentNode.insertBefore(anchorNode, element);\n this._getRootNode().appendChild(element);\n this._attachedPortal = portal;\n super.setDisposeFn(() => {\n if (anchorNode.parentNode) {\n anchorNode.parentNode.replaceChild(element, anchorNode);\n }\n });\n };\n this._document = _document;\n }\n /** Portal associated with the Portal outlet. */\n get portal() {\n return this._attachedPortal;\n }\n set portal(portal) {\n // Ignore the cases where the `portal` is set to a falsy value before the lifecycle hooks have\n // run. This handles the cases where the user might do something like `
`\n // and attach a portal programmatically in the parent component. When Angular does the first CD\n // round, it will fire the setter with empty string, causing the user's content to be cleared.\n if (this.hasAttached() && !portal && !this._isInitialized) {\n return;\n }\n if (this.hasAttached()) {\n super.detach();\n }\n if (portal) {\n super.attach(portal);\n }\n this._attachedPortal = portal || null;\n }\n /** Component or view reference that is attached to the portal. */\n get attachedRef() {\n return this._attachedRef;\n }\n ngOnInit() {\n this._isInitialized = true;\n }\n ngOnDestroy() {\n super.dispose();\n this._attachedRef = this._attachedPortal = null;\n }\n /**\n * Attach the given ComponentPortal to this PortalOutlet using the ComponentFactoryResolver.\n *\n * @param portal Portal to be attached to the portal outlet.\n * @returns Reference to the created component.\n */\n attachComponentPortal(portal) {\n portal.setAttachedHost(this);\n // If the portal specifies an origin, use that as the logical location of the component\n // in the application tree. Otherwise use the location of this PortalOutlet.\n const viewContainerRef = portal.viewContainerRef != null ? portal.viewContainerRef : this._viewContainerRef;\n const resolver = portal.componentFactoryResolver || this._componentFactoryResolver;\n const componentFactory = resolver.resolveComponentFactory(portal.component);\n const ref = viewContainerRef.createComponent(componentFactory, viewContainerRef.length, portal.injector || viewContainerRef.injector, portal.projectableNodes || undefined);\n // If we're using a view container that's different from the injected one (e.g. when the portal\n // specifies its own) we need to move the component into the outlet, otherwise it'll be rendered\n // inside of the alternate view container.\n if (viewContainerRef !== this._viewContainerRef) {\n this._getRootNode().appendChild(ref.hostView.rootNodes[0]);\n }\n super.setDisposeFn(() => ref.destroy());\n this._attachedPortal = portal;\n this._attachedRef = ref;\n this.attached.emit(ref);\n return ref;\n }\n /**\n * Attach the given TemplatePortal to this PortalHost as an embedded View.\n * @param portal Portal to be attached.\n * @returns Reference to the created embedded view.\n */\n attachTemplatePortal(portal) {\n portal.setAttachedHost(this);\n const viewRef = this._viewContainerRef.createEmbeddedView(portal.templateRef, portal.context, {\n injector: portal.injector\n });\n super.setDisposeFn(() => this._viewContainerRef.clear());\n this._attachedPortal = portal;\n this._attachedRef = viewRef;\n this.attached.emit(viewRef);\n return viewRef;\n }\n /** Gets the root node of the portal outlet. */\n _getRootNode() {\n const nativeElement = this._viewContainerRef.element.nativeElement;\n // The directive could be set on a template which will result in a comment\n // node being the root. Use the comment's parent node if that is the case.\n return nativeElement.nodeType === nativeElement.ELEMENT_NODE ? nativeElement : nativeElement.parentNode;\n }\n static {\n this.ɵfac = function CdkPortalOutlet_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || CdkPortalOutlet)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(DOCUMENT));\n };\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: CdkPortalOutlet,\n selectors: [[\"\", \"cdkPortalOutlet\", \"\"]],\n inputs: {\n portal: [0, \"cdkPortalOutlet\", \"portal\"]\n },\n outputs: {\n attached: \"attached\"\n },\n exportAs: [\"cdkPortalOutlet\"],\n standalone: true,\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n }\n }\n return CdkPortalOutlet;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n/**\n * @deprecated Use `CdkPortalOutlet` instead.\n * @breaking-change 9.0.0\n */\nlet PortalHostDirective = /*#__PURE__*/(() => {\n class PortalHostDirective extends CdkPortalOutlet {\n static {\n this.ɵfac = /* @__PURE__ */(() => {\n let ɵPortalHostDirective_BaseFactory;\n return function PortalHostDirective_Factory(__ngFactoryType__) {\n return (ɵPortalHostDirective_BaseFactory || (ɵPortalHostDirective_BaseFactory = i0.ɵɵgetInheritedFactory(PortalHostDirective)))(__ngFactoryType__ || PortalHostDirective);\n };\n })();\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: PortalHostDirective,\n selectors: [[\"\", \"cdkPortalHost\", \"\"], [\"\", \"portalHost\", \"\"]],\n inputs: {\n portal: [0, \"cdkPortalHost\", \"portal\"]\n },\n exportAs: [\"cdkPortalHost\"],\n standalone: true,\n features: [i0.ɵɵProvidersFeature([{\n provide: CdkPortalOutlet,\n useExisting: PortalHostDirective\n }]), i0.ɵɵInheritDefinitionFeature]\n });\n }\n }\n return PortalHostDirective;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet PortalModule = /*#__PURE__*/(() => {\n class PortalModule {\n static {\n this.ɵfac = function PortalModule_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || PortalModule)();\n };\n }\n static {\n this.ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: PortalModule\n });\n }\n static {\n this.ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({});\n }\n }\n return PortalModule;\n})();\n/*#__PURE__*/(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n/**\n * Custom injector to be used when providing custom\n * injection tokens to components inside a portal.\n * @docs-private\n * @deprecated Use `Injector.create` instead.\n * @breaking-change 11.0.0\n */\nclass PortalInjector {\n constructor(_parentInjector, _customTokens) {\n this._parentInjector = _parentInjector;\n this._customTokens = _customTokens;\n }\n get(token, notFoundValue) {\n const value = this._customTokens.get(token);\n if (typeof value !== 'undefined') {\n return value;\n }\n return this._parentInjector.get(token, notFoundValue);\n }\n}\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { BasePortalHost, BasePortalOutlet, CdkPortal, CdkPortalOutlet, ComponentPortal, DomPortal, DomPortalHost, DomPortalOutlet, Portal, PortalHostDirective, PortalInjector, PortalModule, TemplatePortal, TemplatePortalDirective };\n","import * as i0 from '@angular/core';\nimport { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Directive, NgModule } from '@angular/core';\nimport { isPlatformBrowser, DOCUMENT } from '@angular/common';\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { getRtlScrollAxisType } from '@angular/cdk/platform';\nimport { Subject, merge, fromEvent, Observable, animationFrameScheduler, of } from 'rxjs';\nimport { take, expand, takeWhile, takeUntil, finalize } from 'rxjs/operators';\nimport BezierEasing from 'bezier-easing';\nconst SMOOTH_SCROLL_OPTIONS = new InjectionToken('SMOOTH_SCROLL_OPTIONS');\n\n// @dynamic\nlet SmoothScrollManager = /*#__PURE__*/(() => {\n class SmoothScrollManager {\n constructor(_document, _platform, customDefaultOptions) {\n this._document = _document;\n this._platform = _platform;\n // Keeps track of the ongoing SmoothScroll functions so they can be handled in case of duplication.\n // Each scrolled element gets a destroyer stream which gets deleted immediately after it completes.\n // Purpose: If user called a scroll function again on the same element before the scrolls completes,\n // it cancels the ongoing scroll and starts a new one\n this._onGoingScrolls = new Map();\n this._defaultOptions = {\n duration: 468,\n easing: {\n x1: 0.42,\n y1: 0,\n x2: 0.58,\n y2: 1\n },\n ...customDefaultOptions\n };\n }\n get _w() {\n return this._document.defaultView;\n }\n /**\r\n * Timing method\r\n */\n get _now() {\n return this._w.performance && this._w.performance.now ? this._w.performance.now.bind(this._w.performance) : Date.now;\n }\n /**\r\n * changes scroll position inside an element\r\n */\n _scrollElement(el, x, y) {\n el.scrollLeft = x;\n el.scrollTop = y;\n }\n /**\r\n * Handles a given parameter of type HTMLElement, ElementRef or selector\r\n */\n _getElement(el, parent) {\n if (typeof el === 'string') {\n return (parent || this._document).querySelector(el);\n }\n return coerceElement(el);\n }\n /**\r\n * Initializes a destroyer stream, re-initializes it if the element is already being scrolled\r\n */\n _initSmoothScroll(el) {\n if (this._onGoingScrolls.has(el)) {\n this._onGoingScrolls.get(el).next();\n }\n return this._onGoingScrolls.set(el, new Subject()).get(el);\n }\n /**\r\n * Checks if smooth scroll has reached, cleans up the smooth scroll stream and resolves its promise\r\n */\n _isFinished(context, destroyed, resolve) {\n if (context.currentX !== context.x || context.currentY !== context.y) {\n return true;\n }\n destroyed.next();\n resolve();\n return false;\n }\n /**\r\n * Terminates an ongoing smooth scroll\r\n */\n _interrupted(el, destroyed) {\n return merge(fromEvent(el, 'wheel', {\n passive: true,\n capture: true\n }), fromEvent(el, 'touchmove', {\n passive: true,\n capture: true\n }), destroyed).pipe(take(1));\n }\n /**\r\n * Deletes the destroyer function, runs if the smooth scroll has finished or interrupted\r\n */\n _destroy(el, destroyed) {\n destroyed.complete();\n this._onGoingScrolls.delete(el);\n }\n /**\r\n * A function called recursively that, given a context, steps through scrolling\r\n */\n _step(context) {\n return new Observable(subscriber => {\n let elapsed = (this._now() - context.startTime) / context.duration;\n // avoid elapsed times higher than one\n elapsed = elapsed > 1 ? 1 : elapsed;\n // apply easing to elapsed time\n const value = context.easing(elapsed);\n context.currentX = context.startX + (context.x - context.startX) * value;\n context.currentY = context.startY + (context.y - context.startY) * value;\n this._scrollElement(context.scrollable, context.currentX, context.currentY);\n // Proceed to the step\n animationFrameScheduler.schedule(() => subscriber.next(context));\n });\n }\n _applyScrollToOptions(el, options) {\n if (!options.duration) {\n this._scrollElement(el, options.left, options.top);\n return Promise.resolve();\n }\n // Initialize a destroyer stream, reinitialize it if the element is already being scrolled\n const destroyed = this._initSmoothScroll(el);\n const context = {\n scrollable: el,\n startTime: this._now(),\n startX: el.scrollLeft,\n startY: el.scrollTop,\n x: options.left == null ? el.scrollLeft : ~~options.left,\n y: options.top == null ? el.scrollTop : ~~options.top,\n duration: options.duration,\n easing: BezierEasing(options.easing.x1, options.easing.y1, options.easing.x2, options.easing.y2)\n };\n return new Promise(resolve => {\n // Scroll each step recursively\n of(null).pipe(expand(() => this._step(context).pipe(takeWhile(currContext => this._isFinished(currContext, destroyed, resolve)))), takeUntil(this._interrupted(el, destroyed)), finalize(() => this._destroy(el, destroyed))).subscribe();\n });\n }\n /**\r\n * Scrolls to the specified offsets. This is a normalized version of the browser's native scrollTo\r\n * method, since browsers are not consistent about what scrollLeft means in RTL. For this method\r\n * left and right always refer to the left and right side of the scrolling container irrespective\r\n * of the layout direction. start and end refer to left and right in an LTR context and vice-versa\r\n * in an RTL context.\r\n * @param scrollable element\r\n * @param customOptions specified the offsets to scroll to.\r\n */\n scrollTo(scrollable, customOptions) {\n if (isPlatformBrowser(this._platform)) {\n const el = this._getElement(scrollable);\n const isRtl = getComputedStyle(el).direction === 'rtl';\n const rtlScrollAxisType = getRtlScrollAxisType();\n const options = {\n ...this._defaultOptions,\n ...customOptions,\n ...{\n // Rewrite start & end offsets as right or left offsets.\n left: customOptions.left == null ? isRtl ? customOptions.end : customOptions.start : customOptions.left,\n right: customOptions.right == null ? isRtl ? customOptions.start : customOptions.end : customOptions.right\n }\n };\n // Rewrite the bottom offset as a top offset.\n if (options.bottom != null) {\n options.top = el.scrollHeight - el.clientHeight - options.bottom;\n }\n // Rewrite the right offset as a left offset.\n if (isRtl && rtlScrollAxisType !== 0 /* RtlScrollAxisType.NORMAL */) {\n if (options.left != null) {\n options.right = el.scrollWidth - el.clientWidth - options.left;\n }\n if (rtlScrollAxisType === 2 /* RtlScrollAxisType.INVERTED */) {\n options.left = options.right;\n } else if (rtlScrollAxisType === 1 /* RtlScrollAxisType.NEGATED */) {\n options.left = options.right ? -options.right : options.right;\n }\n } else {\n if (options.right != null) {\n options.left = el.scrollWidth - el.clientWidth - options.right;\n }\n }\n return this._applyScrollToOptions(el, options);\n }\n return Promise.resolve();\n }\n /**\r\n * Scroll to element by reference or selector\r\n */\n scrollToElement(scrollable, target, customOptions = {}) {\n const scrollableEl = this._getElement(scrollable);\n const targetEl = this._getElement(target, scrollableEl);\n const options = {\n ...customOptions,\n ...{\n left: targetEl.offsetLeft + (customOptions.left || 0),\n top: targetEl.offsetTop + (customOptions.top || 0)\n }\n };\n return targetEl ? this.scrollTo(scrollableEl, options) : Promise.resolve();\n }\n }\n SmoothScrollManager.ɵfac = function SmoothScrollManager_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || SmoothScrollManager)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(PLATFORM_ID), i0.ɵɵinject(SMOOTH_SCROLL_OPTIONS, 8));\n };\n SmoothScrollManager.ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: SmoothScrollManager,\n factory: SmoothScrollManager.ɵfac,\n providedIn: 'root'\n });\n return SmoothScrollManager;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet SmoothScroll = /*#__PURE__*/(() => {\n class SmoothScroll {\n constructor(element, smoothScroll) {\n this.element = element;\n this.smoothScroll = smoothScroll;\n }\n scrollTo(options) {\n return this.smoothScroll.scrollTo(this.element, options);\n }\n scrollToElement(target, options) {\n return this.smoothScroll.scrollToElement(this.element, target, options);\n }\n }\n SmoothScroll.ɵfac = function SmoothScroll_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || SmoothScroll)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(SmoothScrollManager));\n };\n SmoothScroll.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: SmoothScroll,\n selectors: [[\"\", \"smoothScroll\", \"\"], [\"\", \"smooth-scroll\", \"\"]],\n exportAs: [\"smoothScroll\"]\n });\n return SmoothScroll;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet SmoothScrollModule = /*#__PURE__*/(() => {\n class SmoothScrollModule {}\n SmoothScrollModule.ɵfac = function SmoothScrollModule_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || SmoothScrollModule)();\n };\n SmoothScrollModule.ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: SmoothScrollModule\n });\n SmoothScrollModule.ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({});\n return SmoothScrollModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n/**\r\n * Generated bundle index. Do not edit.\r\n */\n\nexport { SMOOTH_SCROLL_OPTIONS, SmoothScroll, SmoothScrollManager, SmoothScrollModule };\n","import * as i0 from '@angular/core';\nimport { Directive, InjectionToken, Injectable, Optional, Inject, RendererStyleFlags2, Input, EventEmitter, Output, Component, ChangeDetectionStrategy, ViewChild, ElementRef, ContentChild, NgModule } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { DOCUMENT, CommonModule } from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport { BidiModule } from '@angular/cdk/bidi';\nimport { PortalModule } from '@angular/cdk/portal';\nimport * as i2 from '@angular/cdk/platform';\nimport { getRtlScrollAxisType, PlatformModule } from '@angular/cdk/platform';\nimport * as i2$1 from 'ngx-scrollbar/smooth-scroll';\nimport { SmoothScrollModule } from 'ngx-scrollbar/smooth-scroll';\nimport { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Observable, fromEvent, merge, BehaviorSubject, Subscription, EMPTY, of, Subject, animationFrameScheduler } from 'rxjs';\nimport { tap, map, takeUntil, switchMap, debounceTime, distinctUntilChanged, pluck, mergeMap, pairwise, filter, auditTime } from 'rxjs/operators';\nconst _c0 = [\"scrollbarY\"];\nconst _c1 = [\"scrollbarX\"];\nconst _c2 = [\"*\"];\nfunction NgScrollbar_ng_container_5_scrollbar_x_1_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"scrollbar-x\", null, 0);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext(2);\n i0.ɵɵattribute(\"scrollable\", ctx_r0.state.isHorizontallyScrollable)(\"fit\", ctx_r0.state.verticalUsed);\n }\n}\nfunction NgScrollbar_ng_container_5_scrollbar_y_2_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"scrollbar-y\", null, 1);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext(2);\n i0.ɵɵattribute(\"scrollable\", ctx_r0.state.isVerticallyScrollable)(\"fit\", ctx_r0.state.horizontalUsed);\n }\n}\nfunction NgScrollbar_ng_container_5_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementContainerStart(0);\n i0.ɵɵtemplate(1, NgScrollbar_ng_container_5_scrollbar_x_1_Template, 2, 2, \"scrollbar-x\", 5)(2, NgScrollbar_ng_container_5_scrollbar_y_2_Template, 2, 2, \"scrollbar-y\", 5);\n i0.ɵɵelementContainerEnd();\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx_r0.state.horizontalUsed);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx_r0.state.verticalUsed);\n }\n}\nfunction preventSelection(doc) {\n return tap(() => {\n doc.onselectstart = () => false;\n });\n}\nfunction enableSelection(doc) {\n return tap(() => {\n doc.onselectstart = null;\n });\n}\nfunction stopPropagation() {\n return tap(e => e.stopPropagation());\n}\n/**\r\n * Check if pointer is within scrollbar bounds\r\n */\nfunction isWithinBounds(e, rect) {\n return e.clientX >= rect.left && e.clientX <= rect.left + rect.width && e.clientY >= rect.top && e.clientY <= rect.top + rect.height;\n}\nlet ScrollViewport = /*#__PURE__*/(() => {\n class ScrollViewport {\n constructor(viewPort) {\n this.viewPort = viewPort;\n this.nativeElement = viewPort.nativeElement;\n }\n // Get viewport size, clientHeight or clientWidth\n get clientHeight() {\n return this.nativeElement.clientHeight;\n }\n get clientWidth() {\n return this.nativeElement.clientWidth;\n }\n get scrollHeight() {\n return this.nativeElement.scrollHeight;\n }\n get scrollWidth() {\n return this.nativeElement.scrollWidth;\n }\n // Get viewport scroll offset, scrollTop or scrollLeft\n get scrollTop() {\n return this.nativeElement.scrollTop;\n }\n get scrollLeft() {\n return this.nativeElement.scrollLeft;\n }\n // Get the available scrollable size\n get scrollMaxX() {\n return this.scrollWidth - this.clientWidth;\n }\n get scrollMaxY() {\n return this.scrollHeight - this.clientHeight;\n }\n get contentHeight() {\n return this.contentWrapperElement?.clientHeight || 0;\n }\n get contentWidth() {\n return this.contentWrapperElement?.clientWidth || 0;\n }\n /**\r\n * Activate viewport pointer events such as 'hovered' and 'clicked' events\r\n */\n activatePointerEvents(propagate, destroyed) {\n this.hovered = new Observable(subscriber => {\n // Stream that emits when pointer is moved over the viewport (used to set the hovered state)\n const mouseMoveStream = fromEvent(this.nativeElement, 'mousemove', {\n passive: true\n });\n const mouseMove = propagate ? mouseMoveStream : mouseMoveStream.pipe(stopPropagation());\n // Stream that emits when pointer leaves the viewport (used to remove the hovered state)\n const mouseLeave = fromEvent(this.nativeElement, 'mouseleave', {\n passive: true\n }).pipe(map(() => false));\n merge(mouseMove, mouseLeave).pipe(tap(e => subscriber.next(e)), takeUntil(destroyed)).subscribe();\n });\n this.clicked = new Observable(subscriber => {\n const mouseDown = fromEvent(this.nativeElement, 'mousedown', {\n passive: true\n }).pipe(tap(e => subscriber.next(e)));\n const mouseUp = fromEvent(this.nativeElement, 'mouseup', {\n passive: true\n }).pipe(tap(() => subscriber.next(false)));\n mouseDown.pipe(switchMap(() => mouseUp), takeUntil(destroyed)).subscribe();\n });\n }\n /**\r\n * Set this directive as a non-functional wrapper, called when a custom viewport is used\r\n */\n setAsWrapper() {\n // In this case the default viewport and the default content wrapper will act as a mask\n this.nativeElement.className = 'ng-native-scrollbar-hider ng-scroll-layer';\n if (this.nativeElement.firstElementChild) {\n this.nativeElement.firstElementChild.className = 'ng-scroll-layer';\n }\n }\n /**\r\n * Set this directive as the viewport, called when no custom viewport is used\r\n */\n setAsViewport(customClassName) {\n this.nativeElement.className = `ng-native-scrollbar-hider ng-scroll-viewport ${customClassName}`;\n // Check if the custom viewport has only one child and set it as the content wrapper\n if (this.nativeElement.firstElementChild) {\n this.contentWrapperElement = this.nativeElement.firstElementChild;\n this.contentWrapperElement.classList.add('ng-scroll-content');\n }\n }\n /**\r\n * Scroll viewport vertically\r\n */\n scrollYTo(value) {\n this.nativeElement.scrollTop = value;\n }\n /**\r\n * Scroll viewport horizontally\r\n */\n scrollXTo(value) {\n this.nativeElement.scrollLeft = value;\n }\n }\n ScrollViewport.ɵfac = function ScrollViewport_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ScrollViewport)(i0.ɵɵdirectiveInject(i0.ElementRef));\n };\n ScrollViewport.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: ScrollViewport,\n selectors: [[\"\", \"scrollViewport\", \"\"]]\n });\n return ScrollViewport;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet NgScrollbarBase = /*#__PURE__*/(() => {\n class NgScrollbarBase {}\n NgScrollbarBase.ɵfac = function NgScrollbarBase_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || NgScrollbarBase)();\n };\n NgScrollbarBase.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: NgScrollbarBase\n });\n return NgScrollbarBase;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nconst NG_SCROLLBAR_OPTIONS = new InjectionToken('NG_SCROLLBAR_OPTIONS');\nconst defaultOptions = {\n viewClass: '',\n trackClass: '',\n thumbClass: '',\n track: 'vertical',\n appearance: 'compact',\n visibility: 'native',\n position: 'native',\n pointerEventsMethod: 'viewport',\n trackClickScrollDuration: 300,\n minThumbSize: 20,\n windowResizeDebounce: 0,\n sensorDebounce: 0,\n scrollAuditTime: 0,\n viewportPropagateMouseMove: true,\n autoHeightDisabled: true,\n autoWidthDisabled: true,\n sensorDisabled: false,\n pointerEventsDisabled: false\n};\nlet ScrollbarManager = /*#__PURE__*/(() => {\n class ScrollbarManager {\n constructor(options) {\n this.globalOptions = options ? {\n ...defaultOptions,\n ...options\n } : defaultOptions;\n this.rtlScrollAxisType = getRtlScrollAxisType();\n }\n }\n ScrollbarManager.ɵfac = function ScrollbarManager_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ScrollbarManager)(i0.ɵɵinject(NG_SCROLLBAR_OPTIONS, 8));\n };\n ScrollbarManager.ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: ScrollbarManager,\n factory: ScrollbarManager.ɵfac,\n providedIn: 'root'\n });\n return ScrollbarManager;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet NativeScrollbarSizeFactory = /*#__PURE__*/(() => {\n class NativeScrollbarSizeFactory {\n constructor(document, manager, platform) {\n this.document = document;\n this.manager = manager;\n this.platform = platform;\n this._scrollbarSize = new BehaviorSubject(this.getNativeScrollbarSize());\n this.scrollbarSize = this._scrollbarSize.asObservable();\n // Calculate native scrollbar size on window resize event, because the size changes if use zoomed in/out\n if (platform.isBrowser) {\n fromEvent(this.document.defaultView, 'resize', {\n passive: true\n }).pipe(debounceTime(this.manager.globalOptions.windowResizeDebounce), map(() => this.getNativeScrollbarSize()), distinctUntilChanged(), tap(size => this._scrollbarSize.next(size))).subscribe();\n }\n }\n /**\r\n * Get native scrollbar size\r\n */\n getNativeScrollbarSize() {\n // Avoid executing browser code in server side rendering\n if (!this.platform.isBrowser) {\n return 0;\n }\n // Hide iOS browsers native scrollbar\n if (this.platform.IOS) {\n return 6;\n }\n const box = this.document.createElement('div');\n box.className = 'ng-scrollbar-measure';\n box.style.left = '0px';\n box.style.overflow = 'scroll';\n box.style.position = 'fixed';\n box.style.top = '-9999px';\n this.document.body.appendChild(box);\n const size = box.getBoundingClientRect().right;\n this.document.body.removeChild(box);\n return size;\n }\n }\n NativeScrollbarSizeFactory.ɵfac = function NativeScrollbarSizeFactory_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || NativeScrollbarSizeFactory)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(ScrollbarManager), i0.ɵɵinject(i2.Platform));\n };\n NativeScrollbarSizeFactory.ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: NativeScrollbarSizeFactory,\n factory: NativeScrollbarSizeFactory.ɵfac,\n providedIn: 'root'\n });\n return NativeScrollbarSizeFactory;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet HideNativeScrollbar = /*#__PURE__*/(() => {\n class HideNativeScrollbar {\n constructor(el, renderer, hideNativeScrollbar) {\n this.renderer = renderer;\n this.hideNativeScrollbar = hideNativeScrollbar;\n this._subscriber = Subscription.EMPTY;\n this._subscriber = hideNativeScrollbar.scrollbarSize.subscribe(size => {\n this.renderer.setStyle(el.nativeElement, '--native-scrollbar-size', `-${size}px`, RendererStyleFlags2.DashCase);\n });\n }\n ngOnDestroy() {\n this._subscriber.unsubscribe();\n }\n }\n HideNativeScrollbar.ɵfac = function HideNativeScrollbar_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || HideNativeScrollbar)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(NativeScrollbarSizeFactory));\n };\n HideNativeScrollbar.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: HideNativeScrollbar,\n selectors: [[\"\", \"hideNativeScrollbar\", \"\"]]\n });\n return HideNativeScrollbar;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet NgAttr = /*#__PURE__*/(() => {\n class NgAttr {\n constructor(el) {\n this.el = el;\n }\n set ngAttr(attrs) {\n for (const [key, value] of Object.entries(attrs)) {\n this.el.nativeElement.setAttribute(key, value);\n }\n }\n }\n NgAttr.ɵfac = function NgAttr_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || NgAttr)(i0.ɵɵdirectiveInject(i0.ElementRef));\n };\n NgAttr.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: NgAttr,\n selectors: [[\"\", \"ngAttr\", \"\"]],\n inputs: {\n ngAttr: \"ngAttr\"\n }\n });\n return NgAttr;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet ResizeSensor = /*#__PURE__*/(() => {\n class ResizeSensor {\n constructor(zone, platform, scrollbar) {\n this.zone = zone;\n this.platform = platform;\n this.scrollbar = scrollbar;\n this._disabled = false;\n this._currentSubscription = null;\n this.event = new EventEmitter();\n if (!scrollbar) {\n throw new Error('[NgScrollbar Resize Sensor Directive]: Host element must be an NgScrollbar component.');\n }\n }\n /** Debounce interval for emitting the changes. */\n get debounce() {\n return this._debounce;\n }\n set debounce(value) {\n this._debounce = coerceNumberProperty(value);\n this._subscribe();\n }\n /** Whether ResizeObserver is disabled. */\n get disabled() {\n return this._disabled;\n }\n set disabled(value) {\n this._disabled = coerceBooleanProperty(value);\n this._disabled ? this._unsubscribe() : this._subscribe();\n }\n ngAfterContentInit() {\n if (!this._currentSubscription && !this._disabled) {\n this._subscribe();\n }\n }\n ngOnDestroy() {\n this._unsubscribe();\n }\n _subscribe() {\n this._unsubscribe();\n if (this.platform.isBrowser) {\n const stream = new Observable(observer => {\n this._resizeObserver = new ResizeObserver(e => observer.next(e));\n this._resizeObserver.observe(this.scrollbar.viewport.nativeElement);\n if (this.scrollbar.viewport.contentWrapperElement) {\n this._resizeObserver.observe(this.scrollbar.viewport.contentWrapperElement);\n }\n });\n this.zone.runOutsideAngular(() => {\n this._currentSubscription = (this._debounce ? stream.pipe(debounceTime(this._debounce)) : stream).subscribe(this.event);\n });\n }\n }\n _unsubscribe() {\n this._resizeObserver?.disconnect();\n this._currentSubscription?.unsubscribe();\n }\n }\n ResizeSensor.ɵfac = function ResizeSensor_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ResizeSensor)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i2.Platform), i0.ɵɵdirectiveInject(NgScrollbarBase));\n };\n ResizeSensor.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: ResizeSensor,\n selectors: [[\"\", \"resizeSensor\", \"\"]],\n inputs: {\n debounce: [0, \"sensorDebounce\", \"debounce\"],\n disabled: [0, \"sensorDisabled\", \"disabled\"]\n },\n outputs: {\n event: \"resizeSensor\"\n }\n });\n return ResizeSensor;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n// @dynamic\nlet TrackAdapter = /*#__PURE__*/(() => {\n class TrackAdapter {\n constructor(cmp, trackElement, document) {\n this.cmp = cmp;\n this.trackElement = trackElement;\n this.document = document;\n }\n // Stream that emits when the track element is clicked\n get clicked() {\n const mouseDown = fromEvent(this.trackElement, 'mousedown', {\n passive: true\n }).pipe(stopPropagation(), preventSelection(this.document));\n const mouseup = fromEvent(this.document, 'mouseup', {\n passive: true\n }).pipe(stopPropagation(), enableSelection(this.document), switchMap(() => EMPTY));\n return merge(mouseDown, mouseup);\n }\n // Get track client rect\n get clientRect() {\n return this.trackElement.getBoundingClientRect();\n }\n /**\r\n * Stream that emits when scrollbar track is clicked\r\n */\n onTrackClicked(e, thumbSize, scrollSize) {\n return of(e).pipe(pluck(this.pageProperty),\n // Calculate scrollTo position\n map(pageOffset => {\n const clickOffset = pageOffset - this.offset;\n const offset = clickOffset - thumbSize / 2;\n const ratio = offset / this.size;\n return ratio * scrollSize;\n }),\n // Smooth scroll to position\n tap(value => {\n this.cmp.scrollTo({\n ...this.mapToScrollToOption(value),\n duration: coerceNumberProperty(this.cmp.trackClickScrollDuration)\n });\n }));\n }\n }\n TrackAdapter.ɵfac = function TrackAdapter_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || TrackAdapter)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(HTMLElement), i0.ɵɵdirectiveInject(Document));\n };\n TrackAdapter.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: TrackAdapter\n });\n return TrackAdapter;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet TrackXDirective = /*#__PURE__*/(() => {\n class TrackXDirective extends TrackAdapter {\n constructor(cmp, trackElement, document) {\n super(cmp, trackElement.nativeElement, document);\n this.cmp = cmp;\n this.document = document;\n }\n get pageProperty() {\n return 'pageX';\n }\n get offset() {\n return this.clientRect.left;\n }\n get size() {\n return this.trackElement.clientWidth;\n }\n mapToScrollToOption(value) {\n return {\n left: value\n };\n }\n }\n TrackXDirective.ɵfac = function TrackXDirective_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || TrackXDirective)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(DOCUMENT));\n };\n TrackXDirective.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: TrackXDirective,\n selectors: [[\"\", \"scrollbarTrackX\", \"\"]],\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n return TrackXDirective;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet TrackYDirective = /*#__PURE__*/(() => {\n class TrackYDirective extends TrackAdapter {\n constructor(cmp, trackElement, document) {\n super(cmp, trackElement.nativeElement, document);\n this.cmp = cmp;\n this.document = document;\n }\n get pageProperty() {\n return 'pageY';\n }\n get offset() {\n return this.clientRect.top;\n }\n get size() {\n return this.trackElement.clientHeight;\n }\n mapToScrollToOption(value) {\n return {\n top: value\n };\n }\n }\n TrackYDirective.ɵfac = function TrackYDirective_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || TrackYDirective)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(DOCUMENT));\n };\n TrackYDirective.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: TrackYDirective,\n selectors: [[\"\", \"scrollbarTrackY\", \"\"]],\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n return TrackYDirective;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n// @dynamic\nlet ThumbAdapter = /*#__PURE__*/(() => {\n class ThumbAdapter {\n constructor(cmp, track, thumbElement, document) {\n this.cmp = cmp;\n this.track = track;\n this.thumbElement = thumbElement;\n this.document = document;\n // Stream that emits dragging state\n this._dragging = new Subject();\n this.dragging = this._dragging.pipe(distinctUntilChanged());\n }\n get trackMax() {\n return this.track.size - this.size;\n }\n // Get thumb client rect\n get clientRect() {\n return this.thumbElement.getBoundingClientRect();\n }\n // Stream that emits when scrollbar thumb is clicked\n get clicked() {\n return fromEvent(this.thumbElement, 'mousedown', {\n passive: true\n }).pipe(stopPropagation());\n }\n // Calculate and update thumb position and size\n update() {\n const size = calculateThumbSize(this.track.size, this.viewportScrollSize, this.cmp.minThumbSize);\n const position = calculateThumbPosition(this.viewportScrollOffset, this.viewportScrollMax, this.trackMax);\n animationFrameScheduler.schedule(() => this.updateStyles(this.handleDirection(position, this.trackMax), size));\n }\n /**\r\n * Stream that emits the 'scrollTo' position when a scrollbar thumb element is dragged\r\n * This function is called by thumb drag event using viewport or scrollbar pointer events\r\n */\n dragged(event) {\n let trackMaxStart;\n let scrollMaxStart;\n const dragStart = of(event).pipe(preventSelection(this.document), tap(() => {\n // Capture scrollMax and trackMax once\n trackMaxStart = this.trackMax;\n scrollMaxStart = this.viewportScrollMax;\n this.setDragging(true);\n }));\n const dragging = fromEvent(this.document, 'mousemove', {\n capture: true,\n passive: true\n }).pipe(stopPropagation());\n const dragEnd = fromEvent(this.document, 'mouseup', {\n capture: true\n }).pipe(stopPropagation(), enableSelection(this.document), tap(() => this.setDragging(false)));\n return dragStart.pipe(pluck(this.pageProperty), map(pageOffset => pageOffset - this.dragStartOffset), mergeMap(mouseDownOffset => dragging.pipe(pluck(this.clientProperty),\n // Calculate how far the pointer is from the top/left of the scrollbar (minus the dragOffset).\n map(mouseOffset => mouseOffset - this.track.offset), map(offset => scrollMaxStart * (offset - mouseDownOffset) / trackMaxStart), map(position => this.handleDrag(position, scrollMaxStart)), tap(position => this.scrollTo(position)), takeUntil(dragEnd))));\n }\n }\n ThumbAdapter.ɵfac = function ThumbAdapter_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ThumbAdapter)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(TrackAdapter), i0.ɵɵdirectiveInject(HTMLElement), i0.ɵɵdirectiveInject(Document));\n };\n ThumbAdapter.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: ThumbAdapter,\n outputs: {\n dragging: \"dragging\"\n }\n });\n return ThumbAdapter;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n/**\r\n * Calculate scrollbar thumb size\r\n */\nfunction calculateThumbSize(trackSize, contentSize, minThumbSize) {\n const scrollbarRatio = trackSize / contentSize;\n const thumbSize = scrollbarRatio * trackSize;\n return Math.max(~~thumbSize, minThumbSize);\n}\n/**\r\n * Calculate scrollbar thumb position\r\n */\nfunction calculateThumbPosition(scrollPosition, scrollMax, trackMax) {\n return scrollPosition * trackMax / scrollMax;\n}\nlet ThumbXDirective = /*#__PURE__*/(() => {\n class ThumbXDirective extends ThumbAdapter {\n constructor(cmp, track, element, document, dir) {\n super(cmp, track, element.nativeElement, document);\n this.cmp = cmp;\n this.track = track;\n this.element = element;\n this.document = document;\n this.dir = dir;\n }\n get clientProperty() {\n return 'clientX';\n }\n get pageProperty() {\n return 'pageX';\n }\n get viewportScrollSize() {\n return this.cmp.viewport.scrollWidth;\n }\n get viewportScrollOffset() {\n return this.cmp.viewport.scrollLeft;\n }\n get viewportScrollMax() {\n return this.cmp.viewport.scrollMaxX;\n }\n get dragStartOffset() {\n return this.clientRect.left + this.document.defaultView.pageXOffset || 0;\n }\n get size() {\n return this.thumbElement.clientWidth;\n }\n updateStyles(position, size) {\n this.thumbElement.style.width = `${size}px`;\n this.thumbElement.style.transform = `translate3d(${position}px, 0, 0)`;\n }\n handleDrag(position, scrollMax) {\n if (this.dir.value === 'rtl') {\n if (this.cmp.manager.rtlScrollAxisType === 1 /* RtlScrollAxisType.NEGATED */) {\n return position - scrollMax;\n }\n if (this.cmp.manager.rtlScrollAxisType === 2 /* RtlScrollAxisType.INVERTED */) {\n return scrollMax - position;\n }\n // Keeping this as a memo\n // if (this.rtlScrollAxisType === RtlScrollAxisType.NORMAL) {\n // return position;\n // }\n }\n return position;\n }\n handleDirection(position, trackMax) {\n if (this.dir.value === 'rtl') {\n if (this.cmp.manager.rtlScrollAxisType === 2 /* RtlScrollAxisType.INVERTED */) {\n return -position;\n }\n if (this.cmp.manager.rtlScrollAxisType === 0 /* RtlScrollAxisType.NORMAL */) {\n return position - trackMax;\n }\n // Keeping this as a memo\n // if (this.rtlScrollAxisType === RtlScrollAxisType.NEGATED) {\n // return position;\n // }\n }\n return position;\n }\n setDragging(value) {\n this.cmp.setDragging({\n horizontalDragging: value\n });\n }\n scrollTo(position) {\n this.cmp.viewport.scrollXTo(position);\n }\n }\n ThumbXDirective.ɵfac = function ThumbXDirective_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ThumbXDirective)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(TrackXDirective), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i3.Directionality));\n };\n ThumbXDirective.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: ThumbXDirective,\n selectors: [[\"\", \"scrollbarThumbX\", \"\"]],\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n return ThumbXDirective;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet ThumbYDirective = /*#__PURE__*/(() => {\n class ThumbYDirective extends ThumbAdapter {\n constructor(cmp, track, element, document) {\n super(cmp, track, element.nativeElement, document);\n this.cmp = cmp;\n this.track = track;\n this.element = element;\n this.document = document;\n }\n get pageProperty() {\n return 'pageY';\n }\n get viewportScrollSize() {\n return this.cmp.viewport.scrollHeight;\n }\n get viewportScrollOffset() {\n return this.cmp.viewport.scrollTop;\n }\n get viewportScrollMax() {\n return this.cmp.viewport.scrollMaxY;\n }\n get clientProperty() {\n return 'clientY';\n }\n get dragStartOffset() {\n return this.clientRect.top + this.document.defaultView.pageYOffset || 0;\n }\n get size() {\n return this.thumbElement.clientHeight;\n }\n updateStyles(position, size) {\n this.thumbElement.style.height = `${size}px`;\n this.thumbElement.style.transform = `translate3d(0px, ${position}px, 0)`;\n }\n handleDrag(position) {\n return position;\n }\n handleDirection(position) {\n return position;\n }\n setDragging(value) {\n this.cmp.setDragging({\n verticalDragging: value\n });\n }\n scrollTo(position) {\n this.cmp.viewport.scrollYTo(position);\n }\n }\n ThumbYDirective.ɵfac = function ThumbYDirective_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ThumbYDirective)(i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(TrackYDirective), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(DOCUMENT));\n };\n ThumbYDirective.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: ThumbYDirective,\n selectors: [[\"\", \"scrollbarThumbY\", \"\"]],\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n return ThumbYDirective;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n// @dynamic\nlet Scrollbar = /*#__PURE__*/(() => {\n class Scrollbar {\n constructor(el, cmp, platform, document, zone) {\n this.el = el;\n this.cmp = cmp;\n this.platform = platform;\n this.document = document;\n this.zone = zone;\n // Stream that emits to unsubscribe from all streams\n this.destroyed = new Subject();\n }\n /**\r\n * Activate scrollbar pointer events\r\n */\n activatePointerEvents() {\n // Stream that emits when scrollbar thumb is dragged\n let thumbDragEvent;\n // Stream that emits when scrollbar track is clicked\n let trackClickEvent;\n // Stream that emits when scrollbar track is hovered\n let trackHoveredEvent;\n // Set the method used for the pointer events option\n if (this.cmp.pointerEventsMethod === 'viewport') {\n // Pointer events using the viewport\n this.viewportTrackClicked = new Subject();\n this.viewportThumbClicked = new Subject();\n // Activate the pointer events of the viewport directive\n this.cmp.viewport.activatePointerEvents(this.cmp.viewportPropagateMouseMove, this.destroyed);\n // Set streams\n thumbDragEvent = this.viewportThumbClicked;\n trackClickEvent = this.viewportTrackClicked;\n trackHoveredEvent = this.cmp.viewport.hovered.pipe(\n // Check if track is hovered\n map(e => e ? isWithinBounds(e, this.el.getBoundingClientRect()) : false), distinctUntilChanged(),\n // Enable / disable text selection\n tap(hovered => this.document.onselectstart = hovered ? () => false : null));\n this.cmp.viewport.clicked.pipe(tap(e => {\n if (e) {\n if (isWithinBounds(e, this.thumb.clientRect)) {\n this.viewportThumbClicked.next(e);\n } else if (isWithinBounds(e, this.track.clientRect)) {\n this.cmp.setClicked(true);\n this.viewportTrackClicked.next(e);\n }\n } else {\n this.cmp.setClicked(false);\n }\n }), takeUntil(this.destroyed)).subscribe();\n } else {\n // Pointer events method is using 'scrollbar'\n thumbDragEvent = this.thumb.clicked;\n trackClickEvent = this.track.clicked;\n trackHoveredEvent = this.hovered;\n }\n return merge(\n // Activate scrollbar hovered event\n trackHoveredEvent.pipe(tap(e => this.setHovered(e))),\n // Activate scrollbar thumb drag event\n thumbDragEvent.pipe(switchMap(e => this.thumb.dragged(e))),\n // Activate scrollbar track click event\n trackClickEvent.pipe(switchMap(e => this.track.onTrackClicked(e, this.thumb.size, this.viewportScrollSize))));\n }\n // Stream that emits when the track element is hovered\n get hovered() {\n const mouseEnter = fromEvent(this.el, 'mouseenter', {\n passive: true\n }).pipe(stopPropagation(), map(() => true));\n const mouseLeave = fromEvent(this.el, 'mouseleave', {\n passive: true\n }).pipe(stopPropagation(), map(() => false));\n return merge(mouseEnter, mouseLeave);\n }\n ngOnInit() {\n this.zone.runOutsideAngular(() => {\n // Activate pointer events on Desktop only\n if (!(this.platform.IOS || this.platform.ANDROID) && !this.cmp.pointerEventsDisabled) {\n this.activatePointerEvents().pipe(takeUntil(this.destroyed)).subscribe();\n }\n // Update scrollbar thumb when viewport is scrolled and when scrollbar component is updated\n merge(this.cmp.scrolled, this.cmp.updated).pipe(tap(() => this.thumb?.update()), takeUntil(this.destroyed)).subscribe();\n });\n }\n ngOnDestroy() {\n this.destroyed.next();\n this.destroyed.complete();\n // Clean up viewport streams if used\n if (this.viewportThumbClicked && this.viewportTrackClicked) {\n this.viewportTrackClicked.complete();\n this.viewportThumbClicked.complete();\n }\n }\n }\n Scrollbar.ɵfac = function Scrollbar_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || Scrollbar)(i0.ɵɵdirectiveInject(HTMLElement), i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(i2.Platform), i0.ɵɵdirectiveInject(Document), i0.ɵɵdirectiveInject(i0.NgZone));\n };\n Scrollbar.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: Scrollbar\n });\n return Scrollbar;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet ScrollbarY = /*#__PURE__*/(() => {\n class ScrollbarY extends Scrollbar {\n constructor(el, cmp, platform, document, zone) {\n super(el.nativeElement, cmp, platform, document, zone);\n this.cmp = cmp;\n this.platform = platform;\n this.document = document;\n this.zone = zone;\n }\n get viewportScrollSize() {\n return this.cmp.viewport.scrollHeight;\n }\n setHovered(value) {\n this.cmp.setHovered({\n verticalHovered: value\n });\n }\n }\n ScrollbarY.ɵfac = function ScrollbarY_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ScrollbarY)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(i2.Platform), i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i0.NgZone));\n };\n ScrollbarY.ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: ScrollbarY,\n selectors: [[\"scrollbar-y\"]],\n viewQuery: function ScrollbarY_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(TrackYDirective, 7);\n i0.ɵɵviewQuery(ThumbYDirective, 7);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.track = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.thumb = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function ScrollbarY_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"scrollbar-control\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 2,\n vars: 6,\n consts: [[\"scrollbarTrackY\", \"\"], [\"scrollbarThumbY\", \"\"]],\n template: function ScrollbarY_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵelement(1, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵclassMapInterpolate1(\"ng-scrollbar-track \", ctx.cmp.trackClass, \"\");\n i0.ɵɵadvance();\n i0.ɵɵclassMapInterpolate1(\"ng-scrollbar-thumb \", ctx.cmp.thumbClass, \"\");\n }\n },\n dependencies: [ThumbYDirective, TrackYDirective],\n styles: [\".ng-scrollbar-wrapper>scrollbar-y.scrollbar-control{width:var(--vertical-scrollbar-total-size)} .ng-scrollbar-wrapper>scrollbar-y.scrollbar-control>.ng-scrollbar-track{width:var(--vertical-scrollbar-size);height:calc(100% - var(--scrollbar-padding) * 2)} .ng-scrollbar-wrapper>scrollbar-y.scrollbar-control>.ng-scrollbar-track>.ng-scrollbar-thumb{height:0;width:100%} .ng-scrollbar-wrapper[verticalHovered=true]>scrollbar-y.scrollbar-control .ng-scrollbar-thumb, .ng-scrollbar-wrapper[verticalDragging=true]>scrollbar-y.scrollbar-control .ng-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover-color)} .ng-scrollbar-wrapper[deactivated=false]>scrollbar-y.scrollbar-control{top:0;bottom:0} .ng-scrollbar-wrapper[deactivated=false][dir=ltr]>scrollbar-y.scrollbar-control{right:0;left:auto;left:initial} .ng-scrollbar-wrapper[deactivated=false][dir=ltr][position=invertY]>scrollbar-y.scrollbar-control, .ng-scrollbar-wrapper[deactivated=false][dir=ltr][position=invertAll]>scrollbar-y.scrollbar-control{left:0;right:auto;right:initial} .ng-scrollbar-wrapper[deactivated=false][dir=rtl]>scrollbar-y.scrollbar-control{left:0;right:auto;right:initial} .ng-scrollbar-wrapper[deactivated=false][dir=rtl][position=invertY]>scrollbar-y.scrollbar-control, .ng-scrollbar-wrapper[deactivated=false][dir=rtl][position=invertAll]>scrollbar-y.scrollbar-control{left:auto;left:initial;right:0} .ng-scrollbar-wrapper[deactivated=false][track=all]>scrollbar-y.scrollbar-control[fit=true]{bottom:var(--scrollbar-total-size);top:0} .ng-scrollbar-wrapper[deactivated=false][track=all][position=invertX]>scrollbar-y.scrollbar-control[fit=true], .ng-scrollbar-wrapper[deactivated=false][track=all][position=invertAll]>scrollbar-y.scrollbar-control[fit=true]{top:var(--scrollbar-total-size);bottom:0}\"],\n changeDetection: 0\n });\n return ScrollbarY;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet ScrollbarX = /*#__PURE__*/(() => {\n class ScrollbarX extends Scrollbar {\n constructor(el, cmp, platform, document, zone) {\n super(el.nativeElement, cmp, platform, document, zone);\n this.cmp = cmp;\n this.platform = platform;\n this.document = document;\n this.zone = zone;\n }\n get viewportScrollSize() {\n return this.cmp.viewport.scrollWidth;\n }\n setHovered(value) {\n this.cmp.setHovered({\n horizontalHovered: value\n });\n }\n }\n ScrollbarX.ɵfac = function ScrollbarX_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || ScrollbarX)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(NgScrollbarBase), i0.ɵɵdirectiveInject(i2.Platform), i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i0.NgZone));\n };\n ScrollbarX.ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: ScrollbarX,\n selectors: [[\"scrollbar-x\"]],\n viewQuery: function ScrollbarX_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(TrackXDirective, 7);\n i0.ɵɵviewQuery(ThumbXDirective, 7);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.track = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.thumb = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function ScrollbarX_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"scrollbar-control\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 2,\n vars: 6,\n consts: [[\"scrollbarTrackX\", \"\"], [\"scrollbarThumbX\", \"\"]],\n template: function ScrollbarX_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵelement(1, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵclassMapInterpolate1(\"ng-scrollbar-track \", ctx.cmp.trackClass, \"\");\n i0.ɵɵadvance();\n i0.ɵɵclassMapInterpolate1(\"ng-scrollbar-thumb \", ctx.cmp.thumbClass, \"\");\n }\n },\n dependencies: [ThumbXDirective, TrackXDirective],\n styles: [\".ng-scrollbar-wrapper>scrollbar-x.scrollbar-control{height:var(--horizontal-scrollbar-total-size)} .ng-scrollbar-wrapper>scrollbar-x.scrollbar-control>.ng-scrollbar-track{height:var(--horizontal-scrollbar-size);width:calc(100% - var(--scrollbar-padding) * 2)} .ng-scrollbar-wrapper>scrollbar-x.scrollbar-control>.ng-scrollbar-track>.ng-scrollbar-thumb{width:0;height:100%} .ng-scrollbar-wrapper[horizontalHovered=true]>scrollbar-x.scrollbar-control .ng-scrollbar-thumb, .ng-scrollbar-wrapper[horizontalDragging=true]>scrollbar-x.scrollbar-control .ng-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover-color)} .ng-scrollbar-wrapper[position=invertX]>scrollbar-x.scrollbar-control, .ng-scrollbar-wrapper[position=invertAll]>scrollbar-x.scrollbar-control{top:0;bottom:auto;bottom:initial} .ng-scrollbar-wrapper[deactivated=false]>scrollbar-x.scrollbar-control{left:0;right:0;bottom:0;top:auto;top:initial} .ng-scrollbar-wrapper[deactivated=false][position=invertX]>scrollbar-x.scrollbar-control, .ng-scrollbar-wrapper[deactivated=false][position=invertAll]>scrollbar-x.scrollbar-control{top:0;bottom:auto;bottom:initial} .ng-scrollbar-wrapper[deactivated=false][track=all][dir=ltr]>scrollbar-x.scrollbar-control[fit=true]{right:var(--scrollbar-total-size);left:0} .ng-scrollbar-wrapper[deactivated=false][track=all][dir=ltr][position=invertY]>scrollbar-x.scrollbar-control[fit=true], .ng-scrollbar-wrapper[deactivated=false][track=all][dir=ltr][position=invertAll]>scrollbar-x.scrollbar-control[fit=true]{left:var(--scrollbar-total-size);right:0} .ng-scrollbar-wrapper[deactivated=false][track=all][dir=rtl]>scrollbar-x.scrollbar-control[fit=true]{left:var(--scrollbar-total-size);right:0} .ng-scrollbar-wrapper[deactivated=false][track=all][dir=rtl][position=invertY]>scrollbar-x.scrollbar-control[fit=true], .ng-scrollbar-wrapper[deactivated=false][track=all][dir=rtl][position=invertAll]>scrollbar-x.scrollbar-control[fit=true]{right:var(--scrollbar-total-size);left:0}\"],\n changeDetection: 0\n });\n return ScrollbarX;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet NgScrollbar = /*#__PURE__*/(() => {\n class NgScrollbar {\n constructor(el, zone, changeDetectorRef, dir, smoothScroll, manager) {\n this.el = el;\n this.zone = zone;\n this.changeDetectorRef = changeDetectorRef;\n this.dir = dir;\n this.smoothScroll = smoothScroll;\n this.manager = manager;\n this._disabled = false;\n this._sensorDisabled = this.manager.globalOptions.sensorDisabled;\n this._pointerEventsDisabled = this.manager.globalOptions.pointerEventsDisabled;\n this._autoHeightDisabled = this.manager.globalOptions.autoHeightDisabled;\n this._autoWidthDisabled = this.manager.globalOptions.autoWidthDisabled;\n this._viewportPropagateMouseMove = this.manager.globalOptions.viewportPropagateMouseMove;\n /** A class forwarded to scrollable viewport element */\n this.viewClass = this.manager.globalOptions.viewClass;\n /** A class forwarded to the scrollbar track element */\n this.trackClass = this.manager.globalOptions.trackClass;\n /** A class forwarded to the scrollbar thumb element */\n this.thumbClass = this.manager.globalOptions.thumbClass;\n /** Minimum scrollbar thumb size */\n this.minThumbSize = this.manager.globalOptions.minThumbSize;\n /** The duration which the scrolling takes to reach its target when scrollbar rail is clicked */\n this.trackClickScrollDuration = this.manager.globalOptions.trackClickScrollDuration;\n /**\r\n * Sets the pointer events method\r\n * Use viewport pointer events to handle dragging and track click (This makes scrolling work when mouse is over the scrollbar)\r\n * Use scrollbar pointer events to handle dragging and track click\r\n */\n this.pointerEventsMethod = this.manager.globalOptions.pointerEventsMethod;\n /**\r\n * Sets the supported scroll track of the viewport, there are 3 options:\r\n *\r\n * - `vertical` Use both vertical and horizontal scrollbar\r\n * - `horizontal` Use both vertical and horizontal scrollbar\r\n * - `all` Use both vertical and horizontal scrollbar\r\n */\n this.track = this.manager.globalOptions.track;\n /**\r\n * When to show the scrollbar, and there are 3 options:\r\n *\r\n * - `native` (default) Scrollbar will be visible when viewport is scrollable like with native scrollbar\r\n * - `hover` Scrollbars are hidden by default, only visible on scrolling or hovering\r\n * - `always` Scrollbars are always shown even if the viewport is not scrollable\r\n */\n this.visibility = this.manager.globalOptions.visibility;\n /**\r\n * Sets the appearance of the scrollbar, there are 2 options:\r\n *\r\n * - `standard` (default) scrollbar space will be reserved just like with native scrollbar.\r\n * - `compact` scrollbar doesn't reserve any space, they are placed over the viewport.\r\n */\n this.appearance = this.manager.globalOptions.appearance;\n /**\r\n * Sets the position of each scrollbar, there are 4 options:\r\n *\r\n * - `native` (Default) Use the default position like in native scrollbar.\r\n * - `invertY` Inverts vertical scrollbar position\r\n * - `invertX` Inverts Horizontal scrollbar position\r\n * - `invertAll` Inverts both scrollbar positions\r\n */\n this.position = this.manager.globalOptions.position;\n /** Debounce interval for detecting changes via ResizeObserver */\n this.sensorDebounce = this.manager.globalOptions.sensorDebounce;\n /** Scroll Audit Time */\n this.scrollAuditTime = this.manager.globalOptions.scrollAuditTime;\n /** Steam that emits when scrollbar is updated */\n this.updated = new EventEmitter();\n /** Set of attributes added on the scrollbar wrapper */\n this.state = {};\n /** Stream that destroys components' observables */\n this.destroyed = new Subject();\n }\n /** Disable custom scrollbar and switch back to native scrollbar */\n get disabled() {\n return this._disabled;\n }\n set disabled(disabled) {\n this._disabled = coerceBooleanProperty(disabled);\n }\n /** Whether ResizeObserver is disabled */\n get sensorDisabled() {\n return this._sensorDisabled;\n }\n set sensorDisabled(disabled) {\n this._sensorDisabled = coerceBooleanProperty(disabled);\n }\n /** A flag used to enable/disable the scrollbar thumb dragged event */\n get pointerEventsDisabled() {\n return this._pointerEventsDisabled;\n }\n set pointerEventsDisabled(disabled) {\n this._pointerEventsDisabled = coerceBooleanProperty(disabled);\n }\n /** Enable viewport mousemove event propagation (only when pointerEventsMethod=\"viewport\") */\n get viewportPropagateMouseMove() {\n return this._viewportPropagateMouseMove;\n }\n set viewportPropagateMouseMove(disabled) {\n this._viewportPropagateMouseMove = coerceBooleanProperty(disabled);\n }\n /** Disable auto-height */\n get autoHeightDisabled() {\n return this._autoHeightDisabled;\n }\n set autoHeightDisabled(disabled) {\n this._autoHeightDisabled = coerceBooleanProperty(disabled);\n }\n /** Disable auto-width */\n get autoWidthDisabled() {\n return this._autoWidthDisabled;\n }\n set autoWidthDisabled(disabled) {\n this._autoWidthDisabled = coerceBooleanProperty(disabled);\n }\n get nativeElement() {\n return this.el.nativeElement;\n }\n /**\r\n * Update local state with each change detection\r\n */\n updateState() {\n let verticalUsed = false;\n let horizontalUsed = false;\n let isVerticallyScrollable = false;\n let isHorizontallyScrollable = false;\n // Check if vertical scrollbar should be displayed\n if (this.track === 'all' || this.track === 'vertical') {\n isVerticallyScrollable = this.viewport.scrollHeight > this.viewport.clientHeight;\n verticalUsed = this.visibility === 'always' || isVerticallyScrollable;\n }\n // Check if horizontal scrollbar should be displayed\n if (this.track === 'all' || this.track === 'horizontal') {\n isHorizontallyScrollable = this.viewport.scrollWidth > this.viewport.clientWidth;\n horizontalUsed = this.visibility === 'always' || isHorizontallyScrollable;\n }\n // Update inner wrapper attributes\n this.setState({\n position: this.position,\n track: this.track,\n appearance: this.appearance,\n visibility: this.visibility,\n deactivated: this.disabled,\n dir: this.dir.value,\n pointerEventsMethod: this.pointerEventsMethod,\n verticalUsed,\n horizontalUsed,\n isVerticallyScrollable,\n isHorizontallyScrollable\n });\n }\n setState(state) {\n this.state = {\n ...this.state,\n ...state\n };\n this.changeDetectorRef.detectChanges();\n }\n getScrolledByDirection(property) {\n let event;\n return this.scrolled.pipe(tap(e => event = e), pluck('target', property), pairwise(), filter(([prev, curr]) => prev !== curr), map(() => event));\n }\n /**\r\n * Set hovered state if a scrollbar is being hovered\r\n */\n setHovered(hovered) {\n this.zone.run(() => this.setState({\n ...hovered\n }));\n }\n /**\r\n * Set dragging state if a scrollbar is being dragged\r\n */\n setDragging(dragging) {\n this.zone.run(() => this.setState({\n ...dragging\n }));\n }\n /**\r\n * Set clicked state if a scrollbar track is being click\r\n */\n setClicked(scrollbarClicked) {\n this.zone.run(() => this.setState({\n scrollbarClicked\n }));\n }\n ngOnInit() {\n // Set the viewport based on user choice\n this.zone.runOutsideAngular(() => {\n if (this.customViewPort) {\n this.viewport = this.customViewPort;\n this.defaultViewPort.setAsWrapper();\n } else {\n this.viewport = this.defaultViewPort;\n }\n // Activate the selected viewport\n this.viewport.setAsViewport(this.viewClass);\n let scrollStream = fromEvent(this.viewport.nativeElement, 'scroll', {\n passive: true\n });\n // Throttle scroll event if 'scrollAuditTime' is set\n scrollStream = this.scrollAuditTime ? scrollStream.pipe(auditTime(this.scrollAuditTime)) : scrollStream;\n // Initialize scroll streams\n this.scrolled = scrollStream.pipe(takeUntil(this.destroyed));\n this.verticalScrolled = this.getScrolledByDirection('scrollTop');\n this.horizontalScrolled = this.getScrolledByDirection('scrollLeft');\n });\n }\n ngOnChanges(changes) {\n // Update only when the viewport is initialized\n if (this.viewport) {\n this.update();\n }\n }\n ngAfterViewInit() {\n // Initial update\n this.update();\n // Update on dir changes\n this.dir.change.pipe(tap(() => this.update()), takeUntil(this.destroyed)).subscribe();\n }\n ngOnDestroy() {\n this.destroyed.next();\n this.destroyed.complete();\n }\n /**\r\n * Update local state and the internal scrollbar controls\r\n */\n update() {\n if (!this.autoHeightDisabled) {\n this.updateHeight();\n }\n if (!this.autoWidthDisabled) {\n this.updateWidth();\n }\n // Re-evaluate the state after setting height or width\n this.updateState();\n this.updated.next();\n }\n /**\r\n * Smooth scroll functions\r\n */\n scrollTo(options) {\n return this.smoothScroll.scrollTo(this.viewport.nativeElement, options);\n }\n /**\r\n * Scroll to element by reference or selector\r\n */\n scrollToElement(target, options) {\n return this.smoothScroll.scrollToElement(this.viewport.nativeElement, target, options);\n }\n updateHeight() {\n // Auto-height: Set component height to content height\n if (this.appearance === 'standard' && this.scrollbarX) {\n // if scrollbar-x is displayed in standard mode\n this.nativeElement.style.height = `${this.viewport.contentHeight + this.scrollbarX.nativeElement.clientHeight}px`;\n } else {\n this.nativeElement.style.height = `${this.viewport.contentHeight}px`;\n }\n }\n updateWidth() {\n // Auto-width: Set component minWidth to content width\n if (this.appearance === 'standard' && this.scrollbarY) {\n // if scrollbar-y is displayed in standard mode\n this.nativeElement.style.width = `${this.viewport.contentWidth + this.scrollbarY.nativeElement.clientWidth}px`;\n } else {\n this.nativeElement.style.width = `${this.viewport.contentWidth}px`;\n }\n }\n }\n NgScrollbar.ɵfac = function NgScrollbar_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || NgScrollbar)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.Directionality), i0.ɵɵdirectiveInject(i2$1.SmoothScrollManager), i0.ɵɵdirectiveInject(ScrollbarManager));\n };\n NgScrollbar.ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: NgScrollbar,\n selectors: [[\"ng-scrollbar\"]],\n contentQueries: function NgScrollbar_ContentQueries(rf, ctx, dirIndex) {\n if (rf & 1) {\n i0.ɵɵcontentQuery(dirIndex, ScrollViewport, 7);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customViewPort = _t.first);\n }\n },\n viewQuery: function NgScrollbar_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c0, 5, ElementRef);\n i0.ɵɵviewQuery(_c1, 5, ElementRef);\n i0.ɵɵviewQuery(ScrollViewport, 7);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollbarY = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollbarX = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultViewPort = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function NgScrollbar_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"ng-scrollbar\", true);\n }\n },\n inputs: {\n disabled: \"disabled\",\n sensorDisabled: \"sensorDisabled\",\n pointerEventsDisabled: \"pointerEventsDisabled\",\n viewportPropagateMouseMove: \"viewportPropagateMouseMove\",\n autoHeightDisabled: \"autoHeightDisabled\",\n autoWidthDisabled: \"autoWidthDisabled\",\n viewClass: \"viewClass\",\n trackClass: \"trackClass\",\n thumbClass: \"thumbClass\",\n minThumbSize: \"minThumbSize\",\n trackClickScrollDuration: \"trackClickScrollDuration\",\n pointerEventsMethod: \"pointerEventsMethod\",\n track: \"track\",\n visibility: \"visibility\",\n appearance: \"appearance\",\n position: \"position\",\n sensorDebounce: \"sensorDebounce\",\n scrollAuditTime: \"scrollAuditTime\"\n },\n outputs: {\n updated: \"updated\"\n },\n exportAs: [\"ngScrollbar\"],\n features: [i0.ɵɵProvidersFeature([{\n provide: NgScrollbarBase,\n useExisting: NgScrollbar\n }]), i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c2,\n decls: 6,\n vars: 4,\n consts: [[\"scrollbarX\", \"\"], [\"scrollbarY\", \"\"], [1, \"ng-scrollbar-wrapper\", 3, \"ngAttr\"], [1, \"ng-scroll-viewport-wrapper\", 3, \"resizeSensor\", \"sensorDebounce\", \"sensorDisabled\"], [\"scrollViewport\", \"\", \"hideNativeScrollbar\", \"\"], [4, \"ngIf\"]],\n template: function NgScrollbar_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 2)(1, \"div\", 3);\n i0.ɵɵlistener(\"resizeSensor\", function NgScrollbar_Template_div_resizeSensor_1_listener() {\n return ctx.update();\n });\n i0.ɵɵelementStart(2, \"div\", 4)(3, \"div\");\n i0.ɵɵprojection(4);\n i0.ɵɵelementEnd()()();\n i0.ɵɵtemplate(5, NgScrollbar_ng_container_5_Template, 3, 2, \"ng-container\", 5);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"ngAttr\", ctx.state);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"sensorDebounce\", ctx.sensorDebounce)(\"sensorDisabled\", ctx.sensorDisabled);\n i0.ɵɵadvance(4);\n i0.ɵɵproperty(\"ngIf\", !ctx.disabled);\n }\n },\n dependencies: [i4.NgIf, ScrollViewport, HideNativeScrollbar, NgAttr, ResizeSensor, ScrollbarY, ScrollbarX],\n styles: [\".ng-scrollbar-measure{scrollbar-width:none;-ms-overflow-style:none} .ng-scrollbar-measure::-webkit-scrollbar{display:none}[_nghost-%COMP%]{--scrollbar-border-radius: 7px;--scrollbar-padding: 4px;--scrollbar-track-color: transparent;--scrollbar-thumb-color: rgba(0, 0, 0, .2);--scrollbar-thumb-hover-color: var(--scrollbar-thumb-color);--scrollbar-size: 5px;--scrollbar-hover-size: var(--scrollbar-size);--scrollbar-overscroll-behavior: initial;--scrollbar-transition-duration: .4s;--scrollbar-transition-delay: .8s;--scrollbar-thumb-transition: height ease-out .15s, width ease-out .15s;--scrollbar-track-transition: height ease-out .15s, width ease-out .15s;display:block;position:relative;height:100%;max-height:100%;max-width:100%;box-sizing:content-box!important}[_nghost-%COMP%] > .ng-scrollbar-wrapper[_ngcontent-%COMP%]{--scrollbar-total-size: calc(var(--scrollbar-size) + var(--scrollbar-padding) * 2);--vertical-scrollbar-size: var(--scrollbar-size);--horizontal-scrollbar-size: var(--scrollbar-size);--vertical-scrollbar-total-size: calc(var(--vertical-scrollbar-size) + var(--scrollbar-padding) * 2);--horizontal-scrollbar-total-size: calc(var(--horizontal-scrollbar-size) + var(--scrollbar-padding) * 2)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalHovered=true][_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalDragging=true][_ngcontent-%COMP%]{--vertical-scrollbar-size: var(--scrollbar-hover-size);--vertical-scrollbar-total-size: calc(var(--vertical-scrollbar-size) + var(--scrollbar-padding) * 2);cursor:default}[_nghost-%COMP%] > .ng-scrollbar-wrapper[horizontalHovered=true][_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[horizontalDragging=true][_ngcontent-%COMP%]{--horizontal-scrollbar-size: var(--scrollbar-hover-size);--horizontal-scrollbar-total-size: calc(var(--horizontal-scrollbar-size) + var(--scrollbar-padding) * 2);cursor:default}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=ltr][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{left:0;right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=rtl][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{left:var(--scrollbar-total-size);right:0}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-left:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-left:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=ltr][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=ltr][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{left:var(--scrollbar-total-size);right:0}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-left:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=ltr][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-left:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=rtl][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=rtl][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{left:0;right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertY][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][verticalUsed=true][position=invertAll][dir=rtl][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-right:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{top:0;bottom:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-bottom:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-bottom:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertX][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertAll][pointerEventsMethod=scrollbar][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{top:var(--scrollbar-total-size);bottom:0}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertX][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertX][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertAll][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertAll][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{padding-top:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertX][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertX][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertAll][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%] > .ng-scroll-content[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][appearance=standard][horizontalUsed=true][position=invertAll][pointerEventsMethod=viewport][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport>.ng-scroll-content{padding-top:var(--scrollbar-total-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{scrollbar-width:none;-ms-overflow-style:none}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport::-webkit-scrollbar{display:none}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-native-scrollbar-hider[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-native-scrollbar-hider{bottom:var(--native-scrollbar-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][verticalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-native-scrollbar-hider[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][verticalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-native-scrollbar-hider{left:0;right:var(--native-scrollbar-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][verticalUsed=true][dir=rtl][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-native-scrollbar-hider[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][verticalUsed=true][dir=rtl][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-native-scrollbar-hider{right:0;left:var(--native-scrollbar-size)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][visibility=hover][_ngcontent-%COMP%] > .scrollbar-control[_ngcontent-%COMP%]{opacity:0;transition-property:opacity;transition-duration:var(--scrollbar-transition-duration);transition-delay:var(--scrollbar-transition-delay)}[_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][visibility=hover][_ngcontent-%COMP%]:hover > .scrollbar-control[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][visibility=hover][_ngcontent-%COMP%]:active > .scrollbar-control[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[deactivated=false][visibility=hover][_ngcontent-%COMP%]:focus > .scrollbar-control[_ngcontent-%COMP%]{opacity:1;transition-duration:var(--scrollbar-transition-duration);transition-delay:0ms}[_nghost-%COMP%] > .ng-scrollbar-wrapper[horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{overflow-x:auto;overflow-y:hidden}[_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{overflow-y:auto;overflow-x:hidden}[_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalUsed=true][horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > .ng-scroll-viewport[_ngcontent-%COMP%], [_nghost-%COMP%] > .ng-scrollbar-wrapper[verticalUsed=true][horizontalUsed=true][_ngcontent-%COMP%] > .ng-scroll-viewport-wrapper[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > *[_ngcontent-%COMP%] > .ng-scroll-viewport{overflow:auto}.ng-scroll-viewport-wrapper[_ngcontent-%COMP%]{overflow:hidden}.ng-scroll-viewport[_ngcontent-%COMP%]{-webkit-overflow-scrolling:touch;contain:strict;will-change:scroll-position;overscroll-behavior:var(--scrollbar-overscroll-behavior)} .ng-scroll-content{display:inline-block;min-width:100%}.ng-scrollbar-wrapper[_ngcontent-%COMP%], .ng-scroll-viewport-wrapper[_ngcontent-%COMP%], .ng-scroll-layer[_ngcontent-%COMP%], .ng-scroll-viewport{position:absolute;left:0;right:0;top:0;bottom:0}\", \".ng-scrollbar-wrapper[pointerEventsMethod=viewport]>.scrollbar-control{pointer-events:none} .ng-scrollbar-wrapper[horizontalDragging=true]>.ng-scroll-viewport-wrapper>.ng-scroll-viewport, .ng-scrollbar-wrapper[horizontalDragging=true]>.ng-scroll-viewport-wrapper>*>*> .ng-scroll-viewport, .ng-scrollbar-wrapper[verticalDragging=true]>.ng-scroll-viewport-wrapper>.ng-scroll-viewport, .ng-scrollbar-wrapper[verticalDragging=true]>.ng-scroll-viewport-wrapper>*>*> .ng-scroll-viewport, .ng-scrollbar-wrapper[scrollbarClicked=true]>.ng-scroll-viewport-wrapper>.ng-scroll-viewport, .ng-scrollbar-wrapper[scrollbarClicked=true]>.ng-scroll-viewport-wrapper>*>*> .ng-scroll-viewport{-webkit-user-select:none;-moz-user-select:none;user-select:none} .ng-scrollbar-wrapper>.scrollbar-control{position:absolute;display:flex;justify-content:center;align-items:center;transition:var(--scrollbar-track-transition)} .ng-scrollbar-wrapper>.scrollbar-control[scrollable=false] .ng-scrollbar-thumb{display:none} .ng-scrollbar-track{height:100%;width:100%;z-index:1;border-radius:var(--scrollbar-border-radius);background-color:var(--scrollbar-track-color);overflow:hidden;transition:var(--scrollbar-track-transition);cursor:default} .ng-scrollbar-thumb{box-sizing:border-box;position:relative;border-radius:inherit;background-color:var(--scrollbar-thumb-color);transform:translateZ(0);transition:var(--scrollbar-thumb-transition)}\"],\n changeDetection: 0\n });\n return NgScrollbar;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet NgScrollbarModule = /*#__PURE__*/(() => {\n class NgScrollbarModule {\n static withConfig(options) {\n return {\n ngModule: NgScrollbarModule,\n providers: [{\n provide: NG_SCROLLBAR_OPTIONS,\n useValue: options\n }]\n };\n }\n }\n NgScrollbarModule.ɵfac = function NgScrollbarModule_Factory(__ngFactoryType__) {\n return new (__ngFactoryType__ || NgScrollbarModule)();\n };\n NgScrollbarModule.ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: NgScrollbarModule\n });\n NgScrollbarModule.ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule, BidiModule, PortalModule, PlatformModule, SmoothScrollModule]\n });\n return NgScrollbarModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\n\n/*\r\n * Public API Surface of ngx-scrollbar\r\n */\n\n/**\r\n * Generated bundle index. Do not edit.\r\n */\n\nexport { NG_SCROLLBAR_OPTIONS, NgScrollbar, NgScrollbarModule, ScrollViewport, ScrollbarManager };\n"],"mappings":"oHAAA,IAAAA,EAAAC,EAAA,CAAAC,GAAAC,IAAA,cAOA,IAAIC,EAAoB,EACpBC,EAAmB,KACnBC,EAAwB,KACxBC,EAA6B,GAC7BC,EAAmB,GACnBC,EAAkB,GAAOD,EAAmB,GAC5CE,EAAwB,OAAO,cAAiB,WACpD,SAASC,EAAEC,EAAKC,EAAK,CACnB,MAAO,GAAM,EAAMA,EAAM,EAAMD,CACjC,CACA,SAASE,EAAEF,EAAKC,EAAK,CACnB,MAAO,GAAMA,EAAM,EAAMD,CAC3B,CACA,SAASG,EAAEH,EAAK,CACd,MAAO,GAAMA,CACf,CAGA,SAASI,EAAWC,EAAIL,EAAKC,EAAK,CAChC,QAASF,EAAEC,EAAKC,CAAG,EAAII,EAAKH,EAAEF,EAAKC,CAAG,GAAKI,EAAKF,EAAEH,CAAG,GAAKK,CAC5D,CAGA,SAASC,EAASD,EAAIL,EAAKC,EAAK,CAC9B,MAAO,GAAMF,EAAEC,EAAKC,CAAG,EAAII,EAAKA,EAAK,EAAMH,EAAEF,EAAKC,CAAG,EAAII,EAAKF,EAAEH,CAAG,CACrE,CACA,SAASO,EAAgBC,EAAIC,EAAIC,EAAIC,EAAKC,EAAK,CAC7C,IAAIC,EACFC,EACAC,EAAI,EACN,GACED,EAAWL,GAAMC,EAAKD,GAAM,EAC5BI,EAAWT,EAAWU,EAAUH,EAAKC,CAAG,EAAIJ,EACxCK,EAAW,EACbH,EAAKI,EAELL,EAAKK,QAEA,KAAK,IAAID,CAAQ,EAAInB,GAAyB,EAAEqB,EAAIpB,GAC7D,OAAOmB,CACT,CACA,SAASE,EAAqBR,EAAIS,EAASN,EAAKC,EAAK,CACnD,QAASG,EAAI,EAAGA,EAAIvB,EAAmB,EAAEuB,EAAG,CAC1C,IAAIG,EAAeZ,EAASW,EAASN,EAAKC,CAAG,EAC7C,GAAIM,IAAiB,EACnB,OAAOD,EAET,IAAIJ,EAAWT,EAAWa,EAASN,EAAKC,CAAG,EAAIJ,EAC/CS,GAAWJ,EAAWK,CACxB,CACA,OAAOD,CACT,CACA,SAASE,EAAaC,EAAG,CACvB,OAAOA,CACT,CACA7B,EAAO,QAAU,SAAgBoB,EAAKU,EAAKT,EAAKU,EAAK,CACnD,GAAI,EAAE,GAAKX,GAAOA,GAAO,GAAK,GAAKC,GAAOA,GAAO,GAC/C,MAAM,IAAI,MAAM,yCAAyC,EAE3D,GAAID,IAAQU,GAAOT,IAAQU,EACzB,OAAOH,EAKT,QADII,EAAezB,EAAwB,IAAI,aAAaF,CAAgB,EAAI,IAAI,MAAMA,CAAgB,EACjG,EAAI,EAAG,EAAIA,EAAkB,EAAE,EACtC2B,EAAa,CAAC,EAAInB,EAAW,EAAIP,EAAiBc,EAAKC,CAAG,EAE5D,SAASY,EAAShB,EAAI,CAIpB,QAHIiB,EAAgB,EAChBC,EAAgB,EAChBC,EAAa/B,EAAmB,EAC7B8B,IAAkBC,GAAcJ,EAAaG,CAAa,GAAKlB,EAAI,EAAEkB,EAC1ED,GAAiB5B,EAEnB,EAAE6B,EAGF,IAAIE,GAAQpB,EAAKe,EAAaG,CAAa,IAAMH,EAAaG,EAAgB,CAAC,EAAIH,EAAaG,CAAa,GACzGG,EAAYJ,EAAgBG,EAAO/B,EACnCiC,EAAexB,EAASuB,EAAWlB,EAAKC,CAAG,EAC/C,OAAIkB,GAAgBrC,EACXuB,EAAqBR,EAAIqB,EAAWlB,EAAKC,CAAG,EAC1CkB,IAAiB,EACnBD,EAEAtB,EAAgBC,EAAIiB,EAAeA,EAAgB5B,EAAiBc,EAAKC,CAAG,CAEvF,CACA,OAAO,SAAsBQ,EAAG,CAE9B,OAAIA,IAAM,EACD,EAELA,IAAM,EACD,EAEFhB,EAAWoB,EAASJ,CAAC,EAAGC,EAAKC,CAAG,CACzC,CACF,ICgDA,IAAIS,GAA2B,IAAM,CACnC,IAAMC,EAAN,MAAMA,CAAW,CAcjB,EAZIA,EAAK,UAAO,SAA4BC,EAAmB,CACzD,OAAO,IAAKA,GAAqBD,EACnC,EAGAA,EAAK,UAAyBE,EAAiB,CAC7C,KAAMF,CACR,CAAC,EAGDA,EAAK,UAAyBG,EAAiB,CAAC,CAAC,EAZrD,IAAMJ,EAANC,EAeA,OAAOD,CACT,GAAG,ECicH,IAAIK,GAA6B,IAAM,CACrC,IAAMC,EAAN,MAAMA,CAAa,CAcnB,EAZIA,EAAK,UAAO,SAA8BC,EAAmB,CAC3D,OAAO,IAAKA,GAAqBD,EACnC,EAGAA,EAAK,UAAyBE,EAAiB,CAC7C,KAAMF,CACR,CAAC,EAGDA,EAAK,UAAyBG,EAAiB,CAAC,CAAC,EAZrD,IAAMJ,EAANC,EAeA,OAAOD,CACT,GAAG,ECtnBH,IAAAK,EAAyB,SACzB,IAAMC,GAAwB,IAAIC,EAAe,uBAAuB,EAoOxE,IAAIC,GAAmC,IAAM,CAC3C,MAAMA,CAAmB,CAAC,CAC1B,OAAAA,EAAmB,UAAO,SAAoCC,EAAmB,CAC/E,OAAO,IAAKA,GAAqBD,EACnC,EACAA,EAAmB,UAAyBE,EAAiB,CAC3D,KAAMF,CACR,CAAC,EACDA,EAAmB,UAAyBG,EAAiB,CAAC,CAAC,EACxDH,CACT,GAAG,ECtDH,IAAMI,GAAuB,IAAIC,EAAe,sBAAsB,EAkqCtE,IAAIC,IAAkC,IAAM,CAC1C,MAAMA,CAAkB,CACtB,OAAO,WAAWC,EAAS,CACzB,MAAO,CACL,SAAUD,EACV,UAAW,CAAC,CACV,QAASE,GACT,SAAUD,CACZ,CAAC,CACH,CACF,CACF,CACA,OAAAD,EAAkB,UAAO,SAAmCG,EAAmB,CAC7E,OAAO,IAAKA,GAAqBH,EACnC,EACAA,EAAkB,UAAyBI,EAAiB,CAC1D,KAAMJ,CACR,CAAC,EACDA,EAAkB,UAAyBK,EAAiB,CAC1D,QAAS,CAACC,EAAcC,EAAYC,EAAcC,EAAgBC,CAAkB,CACtF,CAAC,EACMV,CACT,GAAG","names":["require_src","__commonJSMin","exports","module","NEWTON_ITERATIONS","NEWTON_MIN_SLOPE","SUBDIVISION_PRECISION","SUBDIVISION_MAX_ITERATIONS","kSplineTableSize","kSampleStepSize","float32ArraySupported","A","aA1","aA2","B","C","calcBezier","aT","getSlope","binarySubdivide","aX","aA","aB","mX1","mX2","currentX","currentT","i","newtonRaphsonIterate","aGuessT","currentSlope","LinearEasing","x","mY1","mY2","sampleValues","getTForX","intervalStart","currentSample","lastSample","dist","guessForT","initialSlope","BidiModule","_BidiModule","__ngFactoryType__","ɵɵdefineNgModule","ɵɵdefineInjector","PortalModule","_PortalModule","__ngFactoryType__","ɵɵdefineNgModule","ɵɵdefineInjector","import_bezier_easing","SMOOTH_SCROLL_OPTIONS","InjectionToken","SmoothScrollModule","__ngFactoryType__","ɵɵdefineNgModule","ɵɵdefineInjector","NG_SCROLLBAR_OPTIONS","InjectionToken","NgScrollbarModule","options","NG_SCROLLBAR_OPTIONS","__ngFactoryType__","ɵɵdefineNgModule","ɵɵdefineInjector","CommonModule","BidiModule","PortalModule","PlatformModule","SmoothScrollModule"],"x_google_ignoreList":[0,1,2,3,4]}