(() => {\n const iconData = this.iconData();\n const status = this.status();\n const childStatus = this.childStatus();\n\n let svg = `${iconData?.code ?? \"\"}
`;\n\n if (status) {\n svg += `${this.getIconByStatus(status)}
`;\n }\n\n if (childStatus) {\n svg += `${this.getIconByStatus(childStatus)}
`;\n }\n\n return this.sanitizer.bypassSecurityTrustHtml(svg);\n });\n\n private a11y = computed(() => {\n const statusParts: string[] = [];\n const status = this.status();\n const childStatus = this.childStatus();\n\n if (status) {\n statusParts.push(status.toLowerCase());\n }\n if (childStatus) {\n statusParts.push(childStatus.toLowerCase());\n }\n\n return computeA11yForGraphic({\n decorative: this.decorative(),\n explicitRole: this.explicitRole(),\n label: this.ariaLabel() || this.icon() || null,\n hasAlt: false,\n statusParts,\n });\n });\n\n public computedRole = computed(() => this.a11y().role);\n public computedAriaHidden = computed(() => this.a11y().ariaHidden);\n public computedAriaLabel = computed(() => this.a11y().ariaLabel);\n\n public getIconByStatus(status: string): string {\n if (!status) {\n return \"\";\n }\n return this.iconService.getStatusIcon(status);\n }\n}\n","\n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterContentChecked,\n Attribute,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { fromEvent, merge, Subject, timer } from \"rxjs\";\nimport { filter, takeUntil } from \"rxjs/operators\";\n\nimport { ButtonSizeType } from \"./public-api\";\nimport { buttonConstants } from \"../../constants/button.constants\";\nimport { LoggerService } from \"../../services/log-service\";\n\n// ./../examples/index.html#/button\n\n@Component({\n selector: \"[nui-button]\",\n templateUrl: \"./button.component.html\",\n host: {\n \"[attr.aria-busy]\": \"isBusy || null\",\n class: \"nui-button btn\",\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrls: [\"./button.component.less\"],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class ButtonComponent implements OnInit, OnDestroy, AfterContentChecked {\n /**\n * Optionally, specify the display style. Supported values are \"default\", \"primary\", \"action\", and \"destructive\".\n */\n @Input() public displayStyle: string;\n /**\n * Optionally, specify an icon to be displayed within the button.\n */\n @Input() public icon: string;\n /**\n * Optionally, specify an icon color. Note: The icon color for displayStyle \"primary\" is \"white\" and is not configurable.\n */\n @Input() public get iconColor(): string {\n return this._iconColor ? this._iconColor : \"\";\n }\n public set iconColor(value: string) {\n this._iconColor = value;\n }\n /**\n * Optionally, modify the placement of the icon. If true, the icon is placed to the right of the button's text; otherwise, it's\n * placed to the left.\n */\n @Input() public iconRight: boolean;\n /**\n * Optionally, set the current busy state of the button.\n */\n @Input() public isBusy: boolean;\n /**\n * Optionally, set whether to apply special styling for a button consisting of an icon by itself with no accompanying text\n * (the special styling reduces min-width, adjusts padding, etc.). Note: If no value is provided for this input and\n * the button has no inner content, the empty button styling will still be applied.\n */\n @Input() public isEmpty: boolean;\n\n /** Sets aria-label for the component */\n @Input() public ariaLabel: string = \"\";\n\n /**\n * Optionally, set whether to fire a \"click\" event repeatedly while the button is pressed.\n */\n @Input() public isRepeat = false;\n /**\n * Optionally, set the size of the button. Supported values are \"compact\", \"default\", and \"large\".\n */\n // TODO: Remove this setter/getter logic in scope of NUI-3475\n @Input() public get size(): ButtonSizeType {\n return this._size;\n }\n public set size(value: ButtonSizeType) {\n this._size =\n (value as string) === \"small\" ? ButtonSizeType.compact : value;\n }\n\n @HostBinding(\"class.btn-lg\")\n public get sizeClassLarge(): boolean {\n return this.size === \"large\";\n }\n\n @HostBinding(\"class.btn-xs\")\n public get sizeClassCompact(): boolean {\n return this.size === \"compact\";\n }\n\n @HostBinding(\"class.icon-right\")\n public get iconRightClass(): boolean {\n return this.iconRight;\n }\n\n @HostBinding(\"class.icon-left\")\n public get iconleftClass(): boolean {\n return !this.iconRight;\n }\n\n @HostBinding(\"class.is-busy\")\n public get isBusyClass(): boolean {\n return this.isBusy;\n }\n\n @HostBinding(\"class.is-empty\")\n public get isEmptyClass(): boolean {\n return this.isEmpty ?? this._isContentEmpty;\n }\n\n @HostBinding(\"class.btn-primary\")\n public get dispStylePrimClass(): boolean {\n return this.displayStyle === \"primary\";\n }\n\n @HostBinding(\"class.btn-action\")\n public get dispStyleActionClass(): boolean {\n return this.displayStyle === \"action\";\n }\n\n @HostBinding(\"class.btn-destructive\")\n public get displayStyleDestructiveClass(): boolean {\n return this.displayStyle === \"destructive\";\n }\n\n @HostBinding(\"class.btn-default\")\n public get dispStyleDefaultClass(): boolean {\n return (\n this.displayStyle === \"default\" ||\n !(\n this.dispStylePrimClass ||\n this.dispStyleActionClass ||\n this.displayStyleDestructiveClass\n )\n );\n }\n\n @HostBinding(\"attr.aria-label\")\n public get ariaIconLabel(): string {\n return this.ariaLabel || this.getAriaLabel();\n }\n\n @ViewChild(\"contentContainer\", { static: true, read: ViewContainerRef })\n private contentContainer: ViewContainerRef;\n\n private ngUnsubscribe: Subject = new Subject();\n private _iconColor: string;\n private _isContentEmpty: boolean;\n private _size: ButtonSizeType;\n\n constructor(\n @Attribute(\"type\") private type: string,\n private el: ElementRef,\n private logger: LoggerService\n ) {\n if (this.getHostElement().tagName === \"BUTTON\" && !type) {\n this.logger.error(\n `No type specified for button element. To avoid potential problems, the \"type\" attribute \\\nshould be set explicitly: `,\n el.nativeElement\n );\n }\n }\n\n public ngOnInit(): void {\n this.setupRepeatEvent();\n }\n\n public ngAfterContentChecked(): void {\n if (this.isEmpty === undefined) {\n this.setIsContentEmptyValue();\n }\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n /**\n * Passes correct size of icon to inner HTML template.\n */\n public getIconSize(): string {\n return this.size\n ? buttonConstants.iconSizeMap[this.size.toLowerCase()]\n : \"\";\n }\n\n /**\n * Passes correct styles to inner HTML template for displaying busy state.\n */\n public getRippleContainerStyle(): Partial {\n const host = this.getHostElement();\n const d = Math.max(host.offsetWidth, host.offsetHeight);\n const x = Math.floor((host.offsetWidth - d) / 2);\n const y = Math.floor((host.offsetHeight - d) / 2);\n\n return {\n left: `${x}px`,\n top: `${y}px`,\n width: `${d}px`,\n height: `${d}px`,\n };\n }\n\n private getAriaLabel() {\n // In chrome once innerText gets touched in a native element this caused issues in table-sticky-header NUI-6033\n return this._isContentEmpty\n ? this.icon\n : this.contentContainer.element.nativeElement.textContent.trim();\n }\n\n private setIsContentEmptyValue() {\n const innerHTML = this.contentContainer.element.nativeElement.innerHTML;\n this._isContentEmpty = !innerHTML || !innerHTML.trim();\n }\n\n private setupRepeatEvent() {\n const hostElement = this.getHostElement();\n const mouseUp$ = fromEvent(hostElement, \"mouseup\").pipe(\n takeUntil(this.ngUnsubscribe)\n );\n const mouseLeave$ = fromEvent(hostElement, \"mouseleave\").pipe(\n takeUntil(this.ngUnsubscribe)\n );\n fromEvent(hostElement, \"mousedown\")\n .pipe(\n takeUntil(this.ngUnsubscribe),\n filter(() => this.isRepeat)\n )\n .subscribe(() => {\n const repeatSubscription = timer(\n buttonConstants.repeatDelay,\n buttonConstants.repeatInterval\n )\n .pipe(\n takeUntil(\n merge(mouseUp$, mouseLeave$, this.ngUnsubscribe)\n )\n )\n .subscribe(() => {\n if (hostElement.disabled) {\n repeatSubscription.unsubscribe();\n } else {\n hostElement.click();\n }\n });\n });\n }\n\n private getHostElement() {\n return this.el.nativeElement;\n }\n}\n","\n \n \n\n\n\n \n
\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/* eslint-disable */\n/** @ignore */\nexport const imagesData = [\n {\n svgFile: \"watermark-data.svg\",\n name: \"no-data-to-show\",\n brushType: \"filled\",\n code: \"\",\n },\n {\n svgFile: \"watermark-search.svg\",\n name: \"no-search-results\",\n brushType: \"filled\",\n code: \"\",\n },\n];\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { InjectionToken } from \"@angular/core\";\n\nimport { IImagesPresetItem } from \"../lib/image/public-api\";\n\nexport const imagesPresetToken = new InjectionToken>(\n \"IMAGES_PRESET\"\n);\n\n// This ts file used to supply the image data for the whole nui library. However, there is an angular bug that prevents\n// loading certain files in this manner: https://github.com/angular/angular/issues/20931\n// To get around this, we changed all references to the images to be direct. This can be reverted after the angular\n// bug has been addressed.\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const unitConversionToken = new InjectionToken(\n \"unit-conversion.constant\"\n);\n\nexport interface IUnitConversionConstants {\n generic: string[];\n bytes: string[];\n bytesPerSecond: string[];\n bitsPerSecond: string[];\n hertz: string[];\n milliseconds: string[];\n percent: string[];\n}\n\nexport type TUnitConversionBases = {\n [Key in keyof IUnitConversionConstants]: number[] | number;\n};\n\n/** Standard base values used in unit conversion */\nexport enum UnitBase {\n Standard = 1000,\n Bytes = 1024,\n}\n\n/**\n * Unit display values used in unit conversion\n */\nexport const unitConversionConstants: IUnitConversionConstants = {\n generic: [\"\", \"K\", \"M\", \"B\", \"T\", \"Qa\", \"Qi\", \"Sx\", \"Sp\"],\n bytes: [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"],\n bytesPerSecond: [\n \"Bps\",\n \"kBps\",\n \"MBps\",\n \"GBps\",\n \"TBps\",\n \"PBps\",\n \"EBps\",\n \"ZBps\",\n \"YBps\",\n ],\n bitsPerSecond: [\n \"bps\",\n \"kbps\",\n \"Mbps\",\n \"Gbps\",\n \"Tbps\",\n \"Pbps\",\n \"Ebps\",\n \"Zbps\",\n \"Ybps\",\n ],\n hertz: [\"Hz\", \"kHz\", \"MHz\", \"GHz\", \"THz\", \"PHz\", \"EHz\", \"ZHz\", \"YHz\"],\n milliseconds: [\"ms\", \"s\", \"m\", \"h\", \"d\"],\n percent: [\"%\"],\n};\n\nexport const unitConversionBases: TUnitConversionBases = {\n generic: UnitBase.Standard,\n bytes: UnitBase.Bytes,\n bytesPerSecond: UnitBase.Standard,\n bitsPerSecond: UnitBase.Standard,\n hertz: UnitBase.Standard,\n milliseconds: [1, 1_000, 60_000, 3_600_000, 86_400_000],\n percent: UnitBase.Standard,\n};\n\n/** Available options for unit conversion */\nexport type UnitOption = keyof IUnitConversionConstants;\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport enum SelectionType {\n All = \"Select all items on this page\",\n UnselectAll = \"Unselect all items on this page\",\n None = \"Unselect all items\",\n AllPages = \"Select all items on all pages\",\n}\n\nexport enum CheckboxStatus {\n Checked = \"checked\",\n Indeterminate = \"indeterminate\",\n Unchecked = \"unchecked\",\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport interface ISortedItem {\n sortBy: any;\n direction: SorterDirection;\n}\n\nexport interface ISorterChanges {\n newValue: ISortedItem;\n oldValue: ISortedItem;\n}\n\nexport enum SorterDirection {\n ascending = \"asc\",\n descending = \"desc\",\n original = \"original\", // This means that sorting will not be applied\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { BehaviorSubject, Subject } from \"rxjs\";\n\nimport { IMenuGroup } from \"../../lib/menu/public-api\";\nimport { RepeatSelectionMode } from \"../../lib/repeat/types\";\nimport { CheckboxStatus, SelectionType } from \"../../lib/selector/public-api\";\nimport { SorterDirection } from \"../../lib/sorter/public-api\";\nimport { ISelection } from \"../public-api\";\n\nexport interface IFilterItem {\n [key: string]: T;\n}\nexport interface IFilterGroup {\n [key: string]: T;\n}\nexport interface IMultiFilterMetadata {\n allCategories: string[];\n}\nexport interface IMultiFilter {\n [key: string]: IFilter;\n}\nexport interface IFilteringOutputs {\n [key: string]: any;\n}\nexport interface INovaFilteringOutputs extends IFilteringOutputs {\n repeat?: Repeat;\n paginator?: Paginator;\n selector?: Selector;\n}\nexport interface Repeat {\n itemsSource: any[];\n selectedItems?: any[];\n}\nexport interface Selector {\n selectorState?: ISelectorState;\n selection?: ISelection;\n}\nexport interface Paginator {\n total: number;\n reset?: boolean;\n}\nexport interface IFilterPub {\n onDestroy$?: Subject;\n detectFilterChanges?: boolean;\n resetFilter?: () => void;\n getFilters: () => F;\n}\nexport interface IFilters {\n [key: string]: any;\n}\nexport interface INovaFilters extends IFilters {\n search?: IFilter;\n paginator?: IFilter>;\n sorter?: IFilter;\n timerange?: IFilter>;\n selection?: any;\n virtualScroll?: IFilter>;\n [key: string]: IFilter | undefined;\n}\nexport interface IFilteringParticipant {\n componentInstance: IFilterPub;\n}\nexport interface ISorterFilter {\n sortBy: string;\n direction: SorterDirection;\n}\nexport interface IRepeatFilter {\n selection: any[];\n itemsSource: any[];\n selectionMode: RepeatSelectionMode;\n selectionHasChanged: boolean;\n}\nexport interface ISelectorFilter {\n selectorState: ISelectorState;\n status: SelectionType;\n}\nexport interface ISelectorState {\n checkboxStatus: CheckboxStatus;\n selectorItems: IMenuGroup[];\n}\nexport interface IFilter extends IFilters {\n type: string;\n value: T;\n metadata?: E;\n}\nexport interface IRange {\n start: T;\n end: T;\n}\nexport interface IFilteringParticipants {\n [key: string]: IFilteringParticipant;\n}\nexport const defaultFilters: INovaFilters = {\n search: {\n type: \"string\",\n value: \"\",\n },\n sorter: {\n type: \"sorter\",\n value: {\n sortBy: \"\",\n direction: SorterDirection.original,\n },\n },\n paginator: {\n type: \"range\",\n value: {\n start: 0,\n end: 5,\n },\n },\n};\n\nexport interface IDataSourceError {\n type: string | number;\n message?: string;\n}\n\nexport interface IDataSourceOutput {\n result: T;\n error?: IDataSourceError;\n}\n\nexport interface IDataSource {\n outputsSubject: Subject>;\n busy?: Subject;\n features?: IDataSourceFeaturesConfiguration;\n dataFieldsConfig?: IDataFieldsConfig;\n applyFilters(): Promise;\n registerComponent(components: Partial): void;\n deregisterComponent?(componentKey: string): void;\n getFilters?(): IFilters;\n resetFilterComponent?(componentName: string): boolean;\n}\n\nexport interface IDataSourceFeaturesConfiguration {\n featuresChanged: Subject;\n getSupportedFeatures: () => IDataSourceFeatures | undefined;\n setSupportedFeatures: (features: IDataSourceFeatures) => void;\n getFeatureConfig: (key: string) => IDataSourceFeature | undefined; // should it be?\n}\n\nexport interface IDataSourceFeatures {\n search?: IDataSourceFeature;\n sorting?: IDataSourceFeature;\n pagination?: IDataSourceFeature;\n [key: string]: IDataSourceFeature | undefined;\n}\n\nexport interface IDataSourceFeature {\n enabled: boolean;\n metadata?: {\n [key: string]: any;\n };\n}\n\nexport interface IDataSourceDrilldown extends IDataSource {\n busy?: BehaviorSubject;\n}\n\nexport interface IDataFieldsConfig {\n dataFields$: BehaviorSubject;\n}\n\n// TODO: mark dataType field as optional in vNext, because previously it was used only for TableWidget,\n// but IDataField is using in DataSource now so that consumers are required to fill these fields - will be done in the scope of NUI-5836\nexport interface IDataField {\n id: string;\n label: string;\n dataType: string;\n sortable?: boolean;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { ComponentRef, EventEmitter } from \"@angular/core\";\nimport noop from \"lodash/noop\";\n\nimport { DialogBackdropComponent } from \"./dialog-backdrop.component\";\nimport { ContentRef } from \"../../services/content-ref\";\n\n/**\n * @ignore\n */\nexport class NuiDialogRef {\n private resolve: (result?: any) => void;\n private reject: (reason?: any) => void;\n\n get componentInstance(): any {\n if (this.contentRef && this.contentRef.componentRef) {\n return this.contentRef.componentRef.instance;\n }\n }\n\n public closed$ = new EventEmitter();\n public beforeDismissed$ = new EventEmitter();\n\n result: Promise;\n\n constructor(\n public windowCmptRef?: ComponentRef,\n private contentRef?: ContentRef,\n private backdropCmptRef?: ComponentRef,\n private beforeDismiss?: Function\n ) {\n windowCmptRef?.instance.dismissEvent.subscribe((reason: any) => {\n this.dismiss(reason);\n });\n if (windowCmptRef?.instance.closeEvent) {\n windowCmptRef.instance.closeEvent.subscribe((result: any) => {\n this.close(result);\n });\n }\n\n this.result = new Promise((resolve, reject) => {\n this.resolve = resolve;\n this.reject = reject;\n });\n this.result.then(null, noop);\n }\n\n public close(result?: any): void {\n if (this.windowCmptRef) {\n this.resolve(result);\n this.removeDialogElements();\n this.closed$.emit(result);\n }\n }\n\n public dismiss(reason?: any): void {\n if (this.windowCmptRef) {\n this.beforeDismissed$.emit(reason);\n if (!this.beforeDismiss || this.beforeDismiss(reason) !== false) {\n this.reject(reason);\n this.removeDialogElements();\n this.closed$.emit(reason);\n }\n }\n }\n\n private removeDialogElements() {\n const windowNativeEl = this.windowCmptRef?.location.nativeElement;\n windowNativeEl.parentNode.removeChild(windowNativeEl);\n this.windowCmptRef?.destroy();\n\n if (this.backdropCmptRef) {\n const backdropNativeEl =\n this.backdropCmptRef.location.nativeElement;\n backdropNativeEl.parentNode.removeChild(backdropNativeEl);\n this.backdropCmptRef.destroy();\n }\n\n if (this.contentRef && this.contentRef.viewRef) {\n this.contentRef.viewRef.destroy();\n }\n\n this.windowCmptRef = undefined;\n this.backdropCmptRef = undefined;\n this.contentRef = undefined;\n }\n}\n/** @ignore */\nexport class NuiActiveDialog {\n close(result?: any): void {\n noop();\n }\n dismiss(reason?: any): void {\n noop();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Subject, Subscription } from \"rxjs\";\n\nimport { NotificationHandler } from \"./notification-service\";\n\nexport * from \"./data-source/public-api\";\n\nexport interface IEventPropagationService {\n targetShouldPropagate(event: Event): boolean;\n}\n\nexport { NuiActiveDialog } from \"../lib/dialog/dialog-ref\";\n\nexport interface IEdgeDetectionResult {\n placed: {\n top: boolean;\n right: boolean;\n bottom: boolean;\n left: boolean;\n };\n aligned: {\n top: boolean;\n right: boolean;\n bottom: boolean;\n left: boolean;\n };\n}\n\nexport interface IEdgeDetectionCoordinates {\n left: number;\n top: number;\n}\n\nexport interface IEdgeDetectionProperties {\n position: IEdgeDetectionCoordinates;\n height: number;\n}\nexport interface IEdgeDetectionService {\n canBe(\n basePointElement: Element,\n placedElement: Element\n ): IEdgeDetectionResult;\n}\n\nexport interface IEdgeDefinerMeasurements {\n position: IEdgeDetectionCoordinates;\n width: number;\n height: number;\n scrollY: number;\n scrollX: number;\n}\n\nexport interface ISearchService {\n search(\n items: any[],\n properties: string[],\n searchValue: any,\n dateFormat?: string\n ): any[];\n}\n\nexport interface INotificationService {\n subscribe(channel: string, handler: NotificationHandler): Subscription;\n post(channel: string, args: any): void;\n}\n\n/** @ignore */\nexport interface ITransientCache {\n put: (key: string, value: any, lifetime: number) => Promise;\n get: (key: string) => any;\n remove: (key: string) => void;\n removeAll: () => void;\n destroy: () => void;\n entryCount: () => number;\n size: () => number;\n}\n\n/**\n * The result of a unit conversion returned by the UnitConversionService's convert method\n */\nexport interface IUnitConversionResult {\n /** Serves as an index into the exported 'unitConversionConstants' for determining which unit string display value to use. */\n order: number;\n /** The converted value as a string */\n value: string;\n /** The converted value in exponential form */\n scientificNotation: string;\n /** The maximum number of significant digits to display to the right of the decimal */\n scale?: number;\n}\n\nexport interface ISelection {\n exclude: any[];\n include: any[];\n isAllPages: boolean;\n}\n\nexport class SelectionModel implements ISelection {\n public exclude: any[] = [];\n public include: any[] = [];\n public isAllPages: boolean = false;\n\n constructor(selection: Partial = {}) {\n Object.assign(this, selection);\n }\n}\n\nexport class IEvent {\n id?: string;\n payload?: T;\n [key: string]: any;\n}\n\nexport interface IEventDefinition {\n id: string;\n subjectFactory?: () => Subject;\n}\n\nexport class EventDefinition implements IEventDefinition> {\n constructor(\n public id: string,\n public subjectFactory?: () => Subject>\n ) {}\n\n public toString(): string {\n return this.id;\n }\n}\n\nexport interface IVirtualPageConfig {\n /**\n * The required property that should be passed on initialization.\n * IMPORTANT: It should be equal to pageSize requested from the server.\n */\n pageSize: number;\n /**\n * Set this boolean to false if the first batch of data will be loaded/requested\n * externally by a different entity (ex. search, sort, etc.).\n * When true, VirtualViewportManager will request/emit the first page range event automatically.\n */\n emitFirstPage?: boolean;\n}\n\n/**\n * VirtualViewportManager reset configuration options\n */\nexport interface IVirtualViewportResetOptions\n extends Required> {\n /**\n * Set this boolean to false if the first batch of data will be loaded/requested\n * externally by a different entity (ex. search, sort, etc.).\n * When true, VirtualViewportManager will request/emit the first page range event automatically.\n * Default: true\n */\n emitFirstPage: boolean;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { CdkDrag, DropListRef } from \"@angular/cdk/drag-drop\";\nimport { TrackByFunction } from \"@angular/core\";\n\nexport enum RepeatSelectionMode {\n multi = \"multi\",\n single = \"single\",\n singleWithRequiredSelection = \"singleWithRequiredSelection\",\n radio = \"radio\",\n radioWithNonRequiredSelection = \"radioWithNonRequiredSelection\",\n none = \"none\",\n}\n\nexport enum PaddingOptions {\n normal = \"normal\",\n compact = \"compact\",\n}\n\nexport interface IItemsReorderedEvent {\n previousIndex: number;\n currentIndex: number;\n item: CdkDrag;\n previousState: T[];\n currentState: T[];\n dropListRef: DropListRef;\n}\n\nexport interface ITypedRepeatItem {\n disabled?: boolean;\n}\n\nexport type IRepeatItem = ITypedRepeatItem | any;\n\nexport interface IRepeatItemConfig {\n isDisabled?: (params: T) => boolean;\n isDraggable?: (params: T) => boolean;\n trackBy?: TrackByFunction;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable, Optional, TrackByFunction } from \"@angular/core\";\nimport _differenceWith from \"lodash/differenceWith\";\nimport _intersectionWith from \"lodash/intersectionWith\";\nimport _isEqual from \"lodash/isEqual\";\nimport _isUndefined from \"lodash/isUndefined\";\nimport _reject from \"lodash/reject\";\nimport _unionWith from \"lodash/unionWith\";\n\nimport { CheckboxStatus, SelectionType } from \"./public-api\";\nimport { LoggerService } from \"../../services/log-service\";\nimport {\n ISelection,\n ISelectorState,\n SelectionModel,\n} from \"../../services/public-api\";\nimport { IMenuGroup } from \"../menu/public-api\";\nimport { RepeatSelectionMode } from \"../repeat/types\";\n\n/**\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class SelectorService {\n /**\n * Map if SelectionType to internationalized selector options\n */\n public i18nTitleMap: Record = {};\n\n constructor(@Optional() private logger?: LoggerService) {\n this.i18nTitleMap[\n SelectionType.All\n ] = $localize`Select all items on this page`;\n this.i18nTitleMap[\n SelectionType.AllPages\n ] = $localize`Select all items on all pages`;\n this.i18nTitleMap[SelectionType.None] = $localize`Unselect all items`;\n this.i18nTitleMap[\n SelectionType.UnselectAll\n ] = $localize`Unselect all items on this page`;\n }\n\n // TODO: think about an ability to provide isEqual function from outside\n\n /**\n * Allows to react on changes of a selector component.\n * If user has selected one of the options in a selector (Select all items pages, Select all items on all pages),\n * the new selection object should be created.\n * @param {ISelection} currentSelection\n * @param {any[]} currentItems Items on current page\n * @param {SelectionType} selectorValue\n * @param {number} totalItems\n * @param trackBy\n * @param {boolean} virtualScroll Enables virtual scroll selection behavior\n * @returns {ISelection} New selection object\n */\n public applySelector(\n currentSelection: ISelection,\n currentItems: any[],\n selectorValue: SelectionType,\n totalItems: number,\n trackBy: TrackByFunction = (i, d) => d,\n virtualScroll?: boolean\n ): ISelection {\n if (virtualScroll) {\n if (\n selectorValue === SelectionType.AllPages ||\n selectorValue === SelectionType.All\n ) {\n return new SelectionModel({ isAllPages: true });\n }\n return new SelectionModel();\n }\n\n if (selectorValue === SelectionType.AllPages) {\n return new SelectionModel({ isAllPages: true });\n }\n\n const trackedItems = currentItems.map((value, index) =>\n trackBy(index, value)\n );\n if (currentSelection.isAllPages) {\n if (selectorValue === SelectionType.All) {\n return new SelectionModel({\n isAllPages: true,\n exclude: _differenceWith(\n currentSelection.exclude,\n trackedItems,\n _isEqual\n ),\n });\n }\n\n if (selectorValue === SelectionType.UnselectAll) {\n return new SelectionModel({\n isAllPages: true,\n exclude: _unionWith(\n currentSelection.exclude,\n trackedItems,\n _isEqual\n ),\n });\n }\n } else {\n if (selectorValue === SelectionType.All) {\n return new SelectionModel({\n include: _unionWith(\n currentSelection.include,\n trackedItems,\n _isEqual\n ),\n });\n }\n\n if (selectorValue === SelectionType.UnselectAll) {\n return new SelectionModel({\n include: _differenceWith(\n currentSelection.include,\n trackedItems,\n _isEqual\n ),\n });\n }\n }\n\n return new SelectionModel();\n }\n\n /**\n * You may need to obtain the set of items that are selected given selection object and some set of items.\n * @param {ISelection} selection\n * @param {any[]} items\n * @param comparator\n * @returns {any[]} Set of items\n */\n public getSelectedItems(selection: ISelection, items: any[], comparator: (a: any, b: any) => boolean = _isEqual): any[] {\n if (selection.isAllPages) {\n return _differenceWith(items, selection.exclude, comparator);\n } else {\n return _intersectionWith(items, selection.include, comparator);\n }\n }\n\n /**\n * Allows to react on changes of selected items (for selector).\n * If user selects some items directly in a list, selector state may change\n * @param {ISelection} currentSelection\n * @param {number} totalOnCurrentPage\n * @param {number} selectedOnCurrentPage\n * @param totalItems\n * @param selectedOnAllPages\n * @param {boolean} virtualScroll Enables virtual scroll selection behavior\n * @returns {ISelectorState}\n */\n public getSelectorState(\n currentSelection: ISelection,\n totalOnCurrentPage: number,\n selectedOnCurrentPage: number,\n totalItems?: number,\n selectedOnAllPages?: number,\n virtualScroll?: boolean\n ): ISelectorState {\n // Note: short cutting the flow in case we're preforming the selection in\n // virtual scroll mode where we can't have options for selection, just select all and unselect all\n if (virtualScroll) {\n // Note: In case user manually selected all the items we should set the Checked state\n if (selectedOnAllPages === totalItems) {\n return {\n checkboxStatus: CheckboxStatus.Checked,\n selectorItems: [],\n };\n }\n\n if (currentSelection.isAllPages) {\n return {\n // Note: In case master checkbox is in the checked state we should ensure\n // that we don't have any excluded items to prevent displaying Checked state\n checkboxStatus: currentSelection.exclude.length\n ? CheckboxStatus.Indeterminate\n : CheckboxStatus.Checked,\n selectorItems: [],\n };\n } else {\n return {\n // Note: In case master checkbox is in the unchecked state we should ensure\n // that we don't have any included items to prevent displaying Unchecked state\n checkboxStatus: currentSelection.include.length\n ? CheckboxStatus.Indeterminate\n : CheckboxStatus.Unchecked,\n selectorItems: [],\n };\n }\n }\n\n if (selectedOnCurrentPage === 0) {\n if (totalOnCurrentPage === totalItems) {\n return {\n checkboxStatus: CheckboxStatus.Unchecked,\n selectorItems: this.getFlatSelectorItems([\n SelectionType.All,\n ]),\n };\n }\n if (selectedOnAllPages && selectedOnAllPages > 0) {\n return {\n checkboxStatus: CheckboxStatus.Unchecked,\n selectorItems: this.getFlatSelectorItems([\n SelectionType.All,\n SelectionType.AllPages,\n SelectionType.None,\n ]),\n };\n }\n\n return {\n checkboxStatus: CheckboxStatus.Unchecked,\n selectorItems: this.getFlatSelectorItems([\n SelectionType.AllPages,\n SelectionType.All,\n ]),\n };\n }\n // case when we have only one page. Clarified with UX team that when we have one page we need to have SelectionType.All\n if (\n selectedOnCurrentPage < totalOnCurrentPage &&\n totalOnCurrentPage === totalItems\n ) {\n return {\n checkboxStatus: CheckboxStatus.Indeterminate,\n selectorItems: this.getFlatSelectorItems([\n SelectionType.All,\n SelectionType.None,\n ]),\n };\n }\n\n if (selectedOnCurrentPage === totalOnCurrentPage) {\n return {\n checkboxStatus: CheckboxStatus.Checked,\n selectorItems:\n currentSelection.isAllPages &&\n currentSelection.exclude.length === 0\n ? this.getFlatSelectorItems([SelectionType.None])\n : this.getFlatSelectorItems([\n SelectionType.AllPages,\n SelectionType.None,\n ]),\n };\n }\n\n return {\n checkboxStatus: CheckboxStatus.Indeterminate,\n selectorItems: this.getFlatSelectorItems([\n SelectionType.All,\n SelectionType.AllPages,\n SelectionType.None,\n ]),\n };\n }\n\n /**\n * Allows to react on selection.\n * @param {ISelection} prevSelection Previous selection\n * @param {any[]} selectedItems Selected items on the current page\n * @param {any[]} items Items on the current page\n * @param {RepeatSelectionMode} selectionMode One of possible repeater selection modes\n * @param {number} totalItems Deprecated in v9 - Unused - Removal: NUI-5809\n * @returns {ISelection} New selection\n */\n public selectItems(\n prevSelection: ISelection,\n selectedItems: any[],\n items: any[],\n selectionMode: RepeatSelectionMode,\n totalItems?: number\n ): ISelection {\n if (!_isUndefined(totalItems)) {\n this.logger?.warn(\n \"'totalItems' parameter of SelectorService.selectItems is unused and deprecated. As of Nova v9, this \\\n argument may be omitted. Removal: NUI-5896\"\n );\n }\n\n if (\n selectionMode === RepeatSelectionMode.radio ||\n selectionMode === RepeatSelectionMode.single ||\n selectionMode ===\n RepeatSelectionMode.radioWithNonRequiredSelection ||\n selectionMode === RepeatSelectionMode.singleWithRequiredSelection\n ) {\n return new SelectionModel({ include: selectedItems });\n }\n\n // This is just common sense: if selection mode can be dynamically changed this may be useful\n if (selectionMode === RepeatSelectionMode.none) {\n return new SelectionModel();\n }\n\n const includedItems = this.getIncludedItems(\n prevSelection,\n items,\n selectedItems\n );\n\n if (prevSelection.isAllPages) {\n return new SelectionModel({\n isAllPages: prevSelection.isAllPages,\n exclude: this.getExcludedItems(\n prevSelection,\n items,\n selectedItems\n ),\n });\n }\n\n return new SelectionModel({\n isAllPages: prevSelection.isAllPages,\n include: includedItems,\n });\n }\n\n // items are all items in current repeater\n private getIncludedItems(\n prevSelection: ISelection,\n items: any[],\n selectedItems: any[]\n ): any[] {\n const unselectedItems = _differenceWith(items, selectedItems, _isEqual);\n const includedItems = _reject(prevSelection.include, (includedItem) =>\n unselectedItems.some((unselectedItem) =>\n _isEqual(includedItem, unselectedItem)\n )\n );\n return _unionWith(includedItems, selectedItems, _isEqual);\n }\n\n private getExcludedItems(\n prevSelection: ISelection,\n items: any[],\n selectedItems: any[]\n ): any[] {\n const excludedItems = _reject(prevSelection.exclude, (excludedItem) =>\n selectedItems.some((item) => _isEqual(excludedItem, item))\n );\n const unselectedItemsOnPage = _differenceWith(\n items,\n selectedItems,\n _isEqual\n );\n\n return unselectedItemsOnPage.reduce((memo, item) => {\n const isItemExcluded = excludedItems.some((excludedItem) =>\n _isEqual(excludedItem, item)\n );\n if (!isItemExcluded) {\n memo.push(item);\n }\n return memo;\n }, excludedItems);\n }\n\n private getFlatSelectorItems(arr: SelectionType[]): IMenuGroup[] {\n return [\n {\n itemsSource: arr.map((element: SelectionType) => ({\n value: element,\n title: this.i18nTitleMap[element],\n })),\n },\n ];\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Pipe, PipeTransform } from \"@angular/core\";\nimport { SafeHtml } from \"@angular/platform-browser\";\nimport escape from \"lodash/escape\";\nimport escapeRegExp from \"lodash/escapeRegExp\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isString from \"lodash/isString\";\n\n/**\n * ./../examples/index.html#/pipes/highlight\n *\n * The nuiHighlight pipe is used to mark a portion of text. It will search the provided text for the specified string and highlight it. Returns HTML.\n * Can only be used with `innerHTML` directive. Escapes all the characters by default and highlights every match in the string.\n *\n * __Parameters :__\n *\n * text - The source text.\n *\n * search - The search term to be highlighted.\n *\n * __Usage :__\n * \"text\" | nuiHighlight : \"search\"\n *\n * __Examples :__\n *\n * {{ \"hello world\" | nuiHighlight:\"world\" }}\n *\n * formats to: hello <span class=\"nui-highlighted\">world</span>\n *\n *\n * {{ \"hello <span class=\"x\">FOO</span> bar\" | nuiHighlight:\"bar\" }}\n *\n * formats to: hello <span class="x">FOO</span><span class=\"nui-highlighted\">bar</span>;\n */\n@Pipe({\n name: \"nuiHighlight\",\n standalone: false,\n})\nexport class HighlightPipe implements PipeTransform {\n private readonly deduplicateStarsRegex = new RegExp(\"(\\\\\\\\\\\\*)+\", \"gi\");\n\n public transform(text: string, search: string): SafeHtml {\n if (!isString(search) || isEmpty(search)) {\n return this.escapeItem(text);\n }\n const regex = new RegExp(\n \"(\" + this.getHighlightRegex(search) + \")\",\n \"i\"\n );\n const matchRes = Array.from(text.split(regex));\n let result = \"\";\n for (let i = 0; i < matchRes.length; i++) {\n const isMatch = i % 2 !== 0;\n if (isMatch) {\n result += `${this.escapeItem(\n matchRes[i]\n )}`;\n } else {\n result += this.escapeItem(matchRes[i]);\n }\n }\n return result;\n }\n\n public escapeItem(item: string): string {\n return escape(item);\n }\n\n private getHighlightRegex = (text: string) => {\n const escaped = escapeRegExp(text);\n return escaped.replace(this.deduplicateStarsRegex, () => \".*\");\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Pipe, PipeTransform } from \"@angular/core\";\nimport take from \"lodash/take\";\n\n/**\n * Filter used for limiting amount of items in array\n *\n * __Parameters :__\n *\n * limit - basically, length of the resulting array\n *\n * __Usage :__\n * array | limitTo:limit\n *\n * __Example :__\n * {{ [1,2,3,4,5,6,7] | limitTo:3 }}\n *\n */\n@Pipe({\n name: \"limitTo\",\n standalone: false,\n})\nexport class LimitToPipe implements PipeTransform {\n transform(collection: any[], limitTo: number): any[] {\n return take(collection, limitTo);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { KeyValue } from \"@angular/common\";\nimport { Pipe, PipeTransform } from \"@angular/core\";\n\n/**\n * Pipe for transforming Map to KeyValue array without ordering\n *\n * __Parameters :__\n *\n * input - source Map\n *\n * __Usage :__\n * Map | nuiMapKeyValue\n *\n * __Example :__\n * \"let items of itemsMap | nuiMapKeyValue\"\n *\n */\n@Pipe({\n name: \"nuiMapKeyValue\",\n standalone: false,\n})\nexport class MapKeyValuePipe implements PipeTransform {\n public transform(input: ReadonlyMap): Array> {\n return Array.from(input.entries(), ([key, value]) => ({ key, value }));\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\nimport { LoggerService } from \"./log-service\";\nimport { IUnitConversionResult } from \"./public-api\";\nimport {\n UnitBase,\n unitConversionConstants,\n UnitOption,\n} from \"../constants/unit-conversion.constants\";\n\n/**\n * ./../examples/index.html#/common/unit-conversion-service\n *\n * Service for converting a raw value to a larger unit approximation of the value--for example, 1024 B to 1 MB, 12345 Hz to 12.35 kHz, etc.\n */\n@Injectable({ providedIn: \"root\" })\nexport class UnitConversionService {\n constructor(private logger: LoggerService) {}\n\n /**\n * Converts a raw value to a larger unit approximation of the value. For example, 1024 B to 1 KB, 12345 Hz to 12.35 kHz, etc.\n *\n * @param value The value to convert\n * @param base The base to use for the exponential expression when calculating the conversion result\n *\n * @returns {{ [Key in keyof Pick]: number }} The value and order of conversion\n */\n private convertLinear(\n value: number,\n base: number\n ): { [Key in keyof Pick]: number } {\n let resultValue: number;\n let resultOrder: number;\n\n if (value === 0) {\n return {\n value: 0,\n order: 0,\n };\n }\n\n resultOrder = Math.floor(\n Math.log(Math.abs(value)) / Math.log(base)\n );\n resultValue = value / Math.pow(base, Math.floor(resultOrder));\n\n if (Math.abs(value) > 0 && Math.abs(value) < 1) {\n return {\n value: value,\n order: 0,\n };\n }\n\n // fix the precision edge case\n const valueCeiled = Math.ceil(resultValue);\n if (valueCeiled % base === 0) {\n resultValue = valueCeiled / base;\n resultOrder += 1;\n }\n\n return {\n value: resultValue,\n order: resultOrder,\n };\n }\n\n /**\n * Converts a raw value to a larger unit approximation of the value. For example, 1100ms to 1.1s, 66000ms to 1.1m, etc.\n *\n * @param value The value to convert\n * @param factors Array of factors to use for calculating smallest possible not zero result\n *\n * @returns {{ [Key in keyof Pick]: number }} The value and order of conversion\n */\n private convertNonLinear(\n value: number,\n factors: number[]\n ): { [Key in keyof Pick]: number } {\n const sortedFactors = factors.sort((a, b) => a > b ? -1 : a < b ? 1 : 0);\n const highestFactorIndex = sortedFactors.findIndex((factor) => value / factor >= 1);\n const highestFactor = factors[highestFactorIndex];\n\n if (Math.abs(value) > 0 && Math.abs(value) < 1) {\n return {\n value: value,\n order: 0,\n };\n }\n\n return {\n value: value / highestFactor,\n order: highestFactorIndex === -1 ? 0 : factors.length - highestFactorIndex - 1,\n };\n }\n\n /**\n * Converts a raw value to a larger unit approximation of the value. For example, 1024 B to 1 KB, 12345 Hz to 12.35 kHz, 66000ms to 1.1m, etc.\n *\n * @param value The value to convert\n * @param base The base or array of factors to use for calculating the conversion result\n * @param scale The number of significant digits to the right of the decimal to include in the resulting converted value\n *\n * @returns {IUnitConversionResult} The conversion result\n */\n convert(\n value: number,\n base: number | number[] = UnitBase.Standard,\n scale: number = 1\n ): IUnitConversionResult {\n const result = Array.isArray(base) ?\n this.convertNonLinear(value, base) :\n this.convertLinear(value, base);\n\n let strValue: string;\n\n if (value !== 0) {\n strValue = parseFloat(result.value.toFixed(scale)).toString();\n } else {\n result.order = 0;\n strValue = value.toString();\n }\n\n return {\n value: strValue,\n order: result.order,\n scientificNotation: value?.toExponential(scale),\n scale,\n };\n }\n\n /**\n * Gets the display string of a conversion result\n *\n * @param conversion The result of an invocation of this service's convert method\n * @param unit The unit used in the conversion\n * @param plusSign Whether to prepend the display string with a '+'\n * @param nanDisplay The string to display in case the conversion result is NaN or Infinity\n *\n * @returns {string} The display string of the conversion result\n */\n public getFullDisplay(\n conversion: IUnitConversionResult,\n unit: UnitOption,\n plusSign = false,\n nanDisplay = \"---\"\n ): string {\n const isValidNumber = this.isValidNumber(conversion.value);\n const spacing = unit !== \"generic\" && isValidNumber ? \" \" : \"\";\n let unitDisplay = isValidNumber\n ? this.getUnitDisplay(conversion, unit)\n : \"\";\n\n // The generic unit is not currently i18n friendly\n const localizeValue = unit !== \"generic\";\n\n let displayValue: string;\n\n if (!unitDisplay && isValidNumber && conversion.order) {\n unitDisplay = this.getUnitDisplayBaseValue(unit);\n displayValue = this.getScientificDisplay(\n conversion,\n plusSign,\n nanDisplay\n );\n } else {\n displayValue = this.getValueDisplay(\n conversion,\n plusSign,\n nanDisplay,\n localizeValue\n );\n }\n return `${displayValue}${spacing}${unitDisplay}`;\n }\n\n /**\n * Gets the converted value display string\n *\n * @param conversion The result of an invocation of this service's convert method\n * @param plusSign Whether to prepend the display string with a '+'\n * @param nanDisplay The string to display in case the conversion result is NaN or Infinity\n * @param localize Whether to localize the value for display. Note: It's not recommended to localize values for\n * the \"generic\" unit, e.g. \"1.1K\" for 1100, as the \"generic\" unit is currently not i18n friendly\n *\n * @returns {string} The converted value display string\n */\n public getValueDisplay(\n conversion: IUnitConversionResult,\n plusSign = false,\n nanDisplay = \"---\",\n localize = true\n ): string {\n if (!this.isValidNumber(conversion.value)) {\n return nanDisplay;\n }\n\n const outputValue = localize\n ? parseFloat(conversion.value).toLocaleString(undefined, {\n maximumFractionDigits: conversion.scale,\n })\n : conversion.value;\n const prefix =\n plusSign && parseInt(conversion.value, 10) > 0 ? \"+\" : \"\";\n return `${prefix}${outputValue}`;\n }\n\n /**\n * Gets the converted unit display string\n *\n * @param conversion The result of an invocation of this service's convert method\n * @param unit The basic unit used in the conversion\n *\n * @returns {string} The converted unit display string\n */\n public getUnitDisplay(\n conversion: IUnitConversionResult,\n unit: UnitOption\n ): string {\n return unitConversionConstants[unit][conversion.order];\n }\n\n /**\n * Gets the base value of the converted unit\n *\n * @param unit The basic unit used in the conversion\n *\n * @returns {string} The abbreviation for the smallest unit of the provided UnitOption\n */\n public getUnitDisplayBaseValue(unit: UnitOption): string {\n return unitConversionConstants[unit][0];\n }\n\n /**\n * Gets the converted value display string in scientific notation\n *\n * @param conversion The result of an invocation of this service's convert method\n * @param plusSign Whether to prepend the display string with a '+'\n * @param nanDisplay The string to display in case the conversion result is NaN or Infinity\n *\n * @returns {string} The converted value display string in scientific notation\n */\n public getScientificDisplay(\n conversion: IUnitConversionResult,\n plusSign = false,\n nanDisplay = \"---\"\n ): string {\n if (!this.isValidNumber(conversion.value)) {\n return nanDisplay;\n }\n const prefix =\n plusSign && parseInt(conversion.value, 10) > 0 ? \"+\" : \"\";\n\n return `${prefix}${conversion.scientificNotation}`;\n }\n\n private isValidNumber(value: any): boolean {\n return !isNaN(parseFloat(value)) && isFinite(parseInt(value, 10));\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Pipe, PipeTransform } from \"@angular/core\";\n\nimport {\n unitConversionBases,\n UnitOption,\n} from \"../constants/unit-conversion.constants\";\nimport { UnitConversionService } from \"../services/unit-conversion.service\";\n\n/**\n * ./../examples/index.html#/pipes/unit-conversion\n *\n * Pipe for converting a large quantity of a small basic unit to a smaller approximation of the same quantity in a larger unit. This can be useful for\n * displaying larger values in a limited amount of space.\n */\n@Pipe({\n name: \"unitConversion\",\n standalone: false,\n})\nexport class UnitConversionPipe implements PipeTransform {\n constructor(private unitConversionService: UnitConversionService) {}\n\n /**\n * Gets a string representation of the conversion of a large quantity of a small basic unit to a smaller quantity of a larger unit.\n * For example, a quantity of 1024 in bytes is output as \"1 KB\".\n *\n * @param value The value to convert\n * @param scale The number of significant digits to the right of the decimal to include in the converted value\n * @param plusSign Specify whether to prefix positive values with a '+'\n * @param unit The basic unit to use for the conversion result's unit label\n *\n * @returns {string} The conversion result appended with the converted unit label\n */\n transform(\n value: any,\n scale: number = 0,\n plusSign: boolean = false,\n unit: UnitOption = \"bytes\"\n ): string {\n const base = unitConversionBases[unit];\n const result = this.unitConversionService.convert(\n value as number,\n base,\n scale\n );\n\n return this.unitConversionService.getFullDisplay(\n result,\n unit,\n plusSign\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable } from \"@angular/core\";\n\n// TODO: Refactor class to use strongly typed values\n/**\n * Service providing DOM utilities\n */\n/**\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class DomUtilService {\n constructor(@Inject(DOCUMENT) private document: any) {}\n\n /**\n * Gets the closest parent element matching the specified selector\n * @param elem the source element\n * @param selector the selector to match\n * @returns the matching element\n */\n public getClosest = (\n elem: HTMLElement | undefined,\n selector: string\n ): HTMLElement | null => {\n // Element.matches() polyfill\n if (!Element.prototype.matches) {\n Element.prototype.matches =\n (Element.prototype as any).msMatchesSelector ||\n Element.prototype.webkitMatchesSelector ||\n function (slctr: string): boolean {\n const matches =\n // @ts-ignore: 'this' implicitly has type 'any' because it does not have a type annotation\n // An outer value of 'this' is shadowed by this container.\n (this.document || this.ownerDocument).querySelectorAll(\n slctr\n );\n let index = matches.length - 1;\n // @ts-ignore: 'this' implicitly has type 'any' because it does not have a type annotation\n // An outer value of 'this' is shadowed by this container.\n while (index >= 0 && matches.item(index) !== this) {\n --index;\n }\n return index > -1;\n };\n }\n\n // Get the closest matching element\n for (\n ;\n elem && elem !== this.document;\n elem = elem.parentElement ?? undefined\n ) {\n if (elem?.matches(selector)) {\n return elem;\n }\n }\n return null;\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable } from \"@angular/core\";\nimport _capitalize from \"lodash/capitalize\";\nimport _get from \"lodash/get\";\nimport _isNil from \"lodash/isNil\";\nimport _parseInt from \"lodash/parseInt\";\n\nimport { DomUtilService } from \"./dom-util.service\";\nimport { LoggerService } from \"./log-service\";\nimport {\n IEdgeDefinerMeasurements,\n IEdgeDetectionProperties,\n IEdgeDetectionResult,\n} from \"./public-api\";\n\n/**\n * ./../examples/index.html#/common/edge-detection-service\n */\n\n/**\n * @dynamic\n * @ignore\n * Service that helps to calculate free space for dynamic elements (popover, dropdown, etc.) and define the best\n * direction to show them. There are two ways how detection can be made:\n * 1) default one - detection is made within viewport area.\n * 2) custom container can be used for detection. Identify such container using 'nui-edge-definer' CSS-class.\n *\n * __Name :__\n * Edge Detection Service\n */\n\n@Injectable({ providedIn: \"root\" })\nexport class EdgeDetectionService {\n public edgeDefinerSelector = \".nui-edge-definer\";\n public initialEdgeDetectionResult: IEdgeDetectionResult;\n\n constructor(\n @Inject(DomUtilService) private domUtilService: DomUtilService,\n @Inject(DOCUMENT) private document: Document,\n private logger: LoggerService\n ) {\n this.initialEdgeDetectionResult = {\n placed: {\n top: false,\n right: false,\n bottom: false,\n left: false,\n },\n aligned: {\n top: false,\n right: false,\n bottom: false,\n left: false,\n },\n };\n }\n\n public canBe = (\n basePoint: HTMLElement,\n placed: HTMLElement,\n edgeDefinerElement?: Element\n ): IEdgeDetectionResult | undefined => {\n if (!basePoint || !placed) {\n this.logger.error(\n \"basePoint: Element and placed: Element arguments are required!\"\n );\n return;\n }\n\n const result = this.initialEdgeDetectionResult;\n const edgeDefiner =\n edgeDefinerElement ||\n this.domUtilService.getClosest(basePoint, this.edgeDefinerSelector);\n const basePosition = this.offset(basePoint).position;\n const baseWidth = this.outer(basePoint, \"width\");\n const baseHeight = this.outer(basePoint, \"height\");\n const depositWidth = this.outer(placed, \"width\");\n const depositHeight = this.outer(placed, \"height\");\n const container = this.getEdgeDefinerMeasurements(edgeDefiner);\n\n if (_isNil(this.document.defaultView)) {\n throw new Error(\"Document defaultView is not available\");\n }\n\n result.placed.top =\n basePosition.top - container.position.top - depositHeight >\n this.document.defaultView.pageYOffset;\n result.placed.right =\n basePosition.left -\n container.position.left +\n baseWidth +\n depositWidth <\n container.width + this.document.defaultView.pageXOffset;\n result.placed.bottom = edgeDefiner\n ? basePosition.top + baseHeight + depositHeight <\n container.position.top + container.height\n : basePosition.top -\n container.position.top +\n baseHeight +\n depositHeight <\n container.height + this.document.defaultView.pageYOffset;\n result.placed.left =\n basePosition.left - container.position.left - depositWidth >\n this.document.defaultView.pageXOffset;\n\n result.aligned.top =\n basePosition.top - container.position.top + depositHeight <\n this.document.defaultView.pageYOffset + container.height;\n result.aligned.right =\n basePosition.left -\n container.position.left +\n baseWidth -\n depositWidth >\n this.document.defaultView.pageXOffset;\n result.aligned.bottom =\n basePosition.top -\n container.position.top +\n baseHeight -\n depositHeight >\n this.document.defaultView.pageYOffset;\n result.aligned.left =\n basePosition.left - container.position.left + depositWidth <\n this.document.defaultView.pageXOffset + container.width;\n\n return result;\n };\n\n private outer(element: HTMLElement, dimension: \"width\" | \"height\"): number {\n const clientValue = _get(element, `offset${_capitalize(dimension)}`);\n if (clientValue) {\n return clientValue;\n }\n return _parseInt(_get(getComputedStyle(element), dimension));\n }\n\n private offset(element: HTMLElement): IEdgeDetectionProperties {\n const rect = element.getBoundingClientRect();\n const scrollLeft =\n this.document.defaultView?.pageXOffset ||\n this.document.documentElement.scrollLeft;\n const scrollTop =\n this.document.defaultView?.pageYOffset ||\n this.document.documentElement.scrollTop;\n const rectHeight = rect.top < 0 ? rect.height + rect.top : rect.height;\n return {\n position: {\n top: rect.top + scrollTop,\n left: rect.left + scrollLeft,\n },\n height: rectHeight,\n };\n }\n\n private getEdgeDefinerMeasurements(\n edgeDefiner: Element\n ): IEdgeDefinerMeasurements {\n if (edgeDefiner) {\n return {\n position: this.offset(edgeDefiner as HTMLElement).position,\n width: edgeDefiner.clientWidth,\n height: this.offset(edgeDefiner as HTMLElement).height,\n scrollY: edgeDefiner.scrollTop,\n scrollX: edgeDefiner.scrollLeft,\n };\n }\n\n if (_isNil(this.document.defaultView)) {\n throw new Error(\"Document defaultView is not available\");\n }\n\n return {\n position: { top: 0, left: 0 },\n width: this.document.defaultView.innerWidth,\n height: this.document.defaultView.innerHeight,\n scrollY: this.document.defaultView.pageYOffset,\n scrollX: this.document.defaultView.pageXOffset,\n };\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable, OnDestroy } from \"@angular/core\";\nimport each from \"lodash/each\";\nimport { Observable, ReplaySubject, Subject, Subscription } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { IEventDefinition } from \"./public-api\";\n\n/**\n * @ignore\n */\n@Injectable()\nexport class EventBus implements OnDestroy {\n public streamAdded = new ReplaySubject();\n private streams: { [key: string]: Subject } = {};\n\n // Workaround to avoid refactoring of EventBus that is using by default NuiEvent as generic type\n // But we're storing a generic set of data types in our registered subjects\n public getStream(event: IEventDefinition): Subject {\n if (!this.streams[event.id]) {\n const subject = event.subjectFactory\n ? event.subjectFactory()\n : new Subject();\n\n // we're decorating the payload with the stream id\n const originalNext = subject.next.bind(subject);\n subject.next = (value?: T) =>\n originalNext(Object.assign(value || {}, { id: event.id }));\n this.streams[event.id] = subject as unknown as Subject;\n\n this.streamAdded.next(event.id);\n }\n return this.streams[event.id] as unknown as Subject;\n }\n\n public ngOnDestroy(): void {\n each(Object.keys(this.streams), (key: string) => {\n this.streams[key].complete();\n });\n }\n\n public subscribe(\n event: IEventDefinition,\n next: (value: T) => void,\n error?: (error: any) => void,\n complete?: () => void\n ): Subscription {\n return this.getStream(event).subscribe(next, error, complete);\n }\n\n public subscribeUntil(\n event: IEventDefinition,\n until: Observable,\n next: (value: T) => void,\n error?: (error: any) => void,\n complete?: () => void\n ): Subscription {\n return this.getStream(event)\n .pipe(takeUntil(until))\n .subscribe(next, error, complete);\n }\n\n public next(event: IEventDefinition, value: T): void {\n return this.getStream(event).next(value);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { IEventDefinition } from \"../services/public-api\";\n\nexport const DOCUMENT_CLICK_EVENT: IEventDefinition = {\n id: \"document-click\",\n};\nexport const COMPLETE_RESIZE_EVENT: IEventDefinition = {\n id: \"complete-resize\",\n};\nexport const CHECKBOX_KEYDOWN_EVENT: IEventDefinition = {\n id: \"checkbox-keydown\",\n};\nexport const CLOSE_POPOVER_EVENT: IEventDefinition = {\n id: \"close-popover\",\n};\nexport const POPOVER_CLOSED_EVENT: IEventDefinition = {\n id: \"popover-closed\",\n};\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable, OnDestroy, Renderer2, RendererFactory2 } from \"@angular/core\";\n\nimport { EventBus } from \"./event-bus\";\nimport { DOCUMENT_CLICK_EVENT } from \"../constants/event.constants\";\n\n/**\n * Service to share events among components in nova\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class EventBusService extends EventBus implements OnDestroy {\n private renderer: Renderer2;\n private listenerUnsubscriber?: () => void;\n\n constructor(rendererFactory: RendererFactory2) {\n super();\n // Angular does not allow to easily use renderer in services. This is a workaround\n this.renderer = rendererFactory.createRenderer(null, null);\n // This is moved from popup code.\n // Every event that is triggered for document should be handled by popup,\n // but we should register listener only once\n this.listenerUnsubscriber = this.renderer.listen(\"document\", \"click\", (event: MouseEvent) => {\n // separate stream to detect document-body clicks in case of popup in popover\n this.getStream(DOCUMENT_CLICK_EVENT).next(event);\n });\n }\n\n public ngOnDestroy(): void {\n super.ngOnDestroy();\n this.listenerUnsubscriber?.();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport includes from \"lodash/includes\";\nimport isUndefined from \"lodash/isUndefined\";\n\nimport { IEventPropagationService } from \"./public-api\";\n\n/**\n * ./../examples/index.html#/common/event-propagation-service\n */\n\n/**\n * Service that provides event propagation rules for NUI components.\n *\n * __Name :__\n * Event Propagation service\n *\n */\n\n/** @ignore */\n@Injectable({ providedIn: \"root\" })\nexport class EventPropagationService implements IEventPropagationService {\n private preventedTargetSelectors: string[] = [\n \"a\",\n \"nui-checkbox-mark\",\n \"nui-checkbox-glyph\",\n \"nui-checkbox-input\",\n \"input\",\n \"button\",\n ];\n\n // nui-button uses transclusion and so we need to check the parent too\n private preventedTargetParentSelectors: string[] = [\n \"button\",\n \"nui-button-content\",\n ];\n\n private should: boolean;\n\n /**\n * __Description:__\n * Returns a boolean which indicates if event should propagate based on predefined list of selectors.\n * @param event Event to handle propagation.\n * @returns Value indicating whether that event should be propagated.\n */\n public targetShouldPropagate(event: Event): boolean {\n // TODO: Refactor event.target logic, incorrect type, EventTarget type does not contain parentElement property\n const element = event.target;\n const parentElement: HTMLElement | undefined =\n element.parentElement ?? undefined;\n this.should = true;\n\n if (isUndefined(parentElement)) {\n throw new Error(\"parentElement is not defined\");\n }\n\n this.compareElementSelector(this.preventedTargetSelectors, element);\n this.compareElementSelector(\n this.preventedTargetParentSelectors,\n parentElement\n );\n\n return this.should;\n }\n\n /**\n * __Description:__\n * Helper compare function\n * @param selectors Selectors list to compare with.\n * @param element Event's target element or its parent.\n * @returns Value indicating whether that event should be propagated.\n */\n private compareElementSelector(selectors: string[], element: Element) {\n selectors.forEach((selector: string) => {\n if (\n element.tagName.toLowerCase() === selector ||\n includes(element.classList, selector)\n ) {\n return (this.should = false);\n }\n });\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\n\n/**\n * This class can help with storing and managing the history of state mutations\n */\n@Injectable()\nexport class HistoryStorage {\n private stack: T[] = [];\n\n /**\n * The index of current history element (equals -1 when there are no items, 0 for first item)\n */\n public index = -1;\n\n /**\n * Add a new record to the storage\n *\n * @param value\n */\n public save(value: T): T {\n this.stack.splice(this.index + 1, this.length, value);\n this.index = this.length - 1;\n return this.current();\n }\n\n /**\n * Rewind the history and return the record before the last one. A redo will still be available after this.\n */\n public undo(): T {\n if (this.index > 0) {\n this.index--;\n }\n return this.current();\n }\n\n /**\n * Moves on to the next step in history if undo was previously triggered\n */\n public redo(): T {\n if (this.index < this.length - 1) {\n this.index++;\n }\n return this.current();\n }\n\n /**\n * Clears the storage\n */\n public reset(): void {\n this.index = -1;\n this.stack = [];\n }\n\n /**\n * Clears the storage and saves the initial value or preserves the previous one\n */\n public restart(value: T = this.stack[0]): T {\n this.reset();\n if (typeof value === \"undefined\") {\n return value;\n }\n return this.save(value);\n }\n\n /**\n * Returns the currently valid stored element\n */\n public current(): T {\n return this.stack[this.index];\n }\n\n /**\n * Returns the current history step (starts from 0 when there are no items, 1 for one item)\n */\n public get step(): number {\n return this.index + 1;\n }\n\n /**\n * Number of total saved steps in the history\n */\n public get length(): number {\n return this.stack.length;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport { Subject, Subscription } from \"rxjs\";\n\nimport { INotificationService } from \"./public-api\";\n\nexport type NotificationHandler = (args: any) => void;\n\n/**\n * @ngdoc service\n *\n * @name nui.services:nuiNotificationService\n *\n * @description\n * Service that provides generic notifications to consumers that subscribe.\n */\n\n/**\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class NotificationService implements INotificationService {\n private channels: { [channelId: string]: Subject } = {};\n\n private ensureChannel(channelId: string): Subject {\n return (\n this.channels[channelId] ||\n (this.channels[channelId] = new Subject())\n );\n }\n\n public subscribe(\n channelId: string,\n action: NotificationHandler\n ): Subscription {\n const channel = this.ensureChannel(channelId);\n return channel.subscribe(action);\n }\n\n public post(channelId: string, args: any): void {\n const channel = this.channels[channelId];\n if (!channel) {\n console.warn(`post on nonexistent channel #${channelId}`);\n return;\n }\n channel.next(args);\n }\n}\n\nexport default NotificationService;\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable } from \"@angular/core\";\nimport _isNil from \"lodash/isNil\";\n\n/**\n * Service for calculating element's position (e.g. tooltip, popover).\n * For now has one public method 'getCoordinates' (see method description).\n */\n\ntype OurCSS = CSSStyleDeclaration & { [key: string]: any };\n\n/**\n * @dynamic\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class PositionService {\n constructor(@Inject(DOCUMENT) private document: Document) {}\n /**\n * __Description:__\n * Takes two HTMLElements (hostElement and targetElement) and calculates a position for the targetElement.\n * @param hostElement If you want to display tooltip for some textbox, hostElement is textbox.\n * @param targetElement Tooltip (or popover) element, for which position will be returned.\n * @param placementAndAlign String in format \"placement-align\", e.g. \"top-center\".\n * 'Placement' could be 'right', 'left', 'top' (default), 'bottom'. It defines how target will be placed\n * to the host.\n * 'Align' could be 'right', 'left', 'top', 'bottom' and 'center' (default). It defines whether one of the target's\n * edges will be aligned to host's one. Be aware that horizontal placements need vertical alignment and vice verca.\n * Possible values of 'placementAndAlign' could be: 'top' (the same as 'top-center'), 'top-right', 'left-bottom',\n * 'bottom-left' etc.\n * @param appendToBody Specifies whether target element is appended to the body.\n * When not, service seeks for the first positioned parent of host.\n * @returns Object literal { top:number, left:number } that contains\n * coordinates for the top left corner of targetElement.\n */\n public getPosition(\n hostElement: HTMLElement,\n targetElement: HTMLElement,\n placementAndAlign: string,\n appendToBody?: boolean\n ): { top: number; left: number } {\n const placement = placementAndAlign.split(\"-\")[0];\n const align = placementAndAlign.split(\"-\")[1];\n let shiftByX: number;\n let shiftByY: number;\n const hostElementPosition = appendToBody\n ? this.offset(hostElement)\n : this.position(hostElement);\n switch (align) {\n case \"right\":\n shiftByX =\n hostElementPosition.width - targetElement.offsetWidth;\n shiftByY =\n (hostElementPosition.height - targetElement.offsetHeight) /\n 2;\n break;\n case \"left\":\n shiftByX = 0;\n shiftByY =\n (hostElementPosition.height - targetElement.offsetHeight) /\n 2;\n break;\n case \"top\":\n shiftByX =\n (hostElementPosition.width - targetElement.offsetWidth) / 2;\n shiftByY = 0;\n break;\n case \"bottom\":\n shiftByX =\n (hostElementPosition.width - targetElement.offsetWidth) / 2;\n shiftByY =\n hostElementPosition.height - targetElement.offsetHeight;\n break;\n case \"center\":\n default:\n shiftByX =\n (hostElementPosition.width - targetElement.offsetWidth) / 2;\n shiftByY =\n (hostElementPosition.height - targetElement.offsetHeight) /\n 2;\n break;\n }\n let targetElementPosition: { top: number; left: number };\n switch (placement) {\n case \"right\":\n targetElementPosition = {\n top: hostElementPosition.top + shiftByY,\n left: hostElementPosition.left + hostElementPosition.width,\n };\n break;\n case \"left\":\n targetElementPosition = {\n top: hostElementPosition.top + shiftByY,\n left: hostElementPosition.left - targetElement.offsetWidth,\n };\n break;\n case \"bottom\":\n targetElementPosition = {\n top: hostElementPosition.top + hostElementPosition.height,\n left: hostElementPosition.left + shiftByX,\n };\n break;\n case \"top\":\n default:\n targetElementPosition = {\n top: hostElementPosition.top - targetElement.offsetHeight,\n left: hostElementPosition.left + shiftByX,\n };\n break;\n }\n return targetElementPosition;\n }\n\n private position(nativeElement: HTMLElement): {\n width: number;\n height: number;\n top: number;\n left: number;\n } {\n let offsetParentBoundingClientRect = { top: 0, left: 0 };\n const elementBoundingClientRect = this.offset(nativeElement);\n const offsetParentElement = this.parentOffsetEl(nativeElement);\n\n if (offsetParentElement !== this.document) {\n offsetParentBoundingClientRect = this.offset(offsetParentElement);\n offsetParentBoundingClientRect.top +=\n offsetParentElement.clientTop - offsetParentElement.scrollTop;\n offsetParentBoundingClientRect.left +=\n offsetParentElement.clientLeft - offsetParentElement.scrollLeft;\n }\n\n const boundingClientRect = nativeElement.getBoundingClientRect();\n\n return {\n width: boundingClientRect.width || nativeElement.offsetWidth,\n height: boundingClientRect.height || nativeElement.offsetHeight,\n top:\n elementBoundingClientRect.top -\n offsetParentBoundingClientRect.top,\n left:\n elementBoundingClientRect.left -\n offsetParentBoundingClientRect.left,\n };\n }\n\n private offset(nativeElement: any): {\n width: number;\n height: number;\n top: number;\n left: number;\n } {\n const boundingClientRect = nativeElement.getBoundingClientRect();\n if (_isNil(this.document.defaultView)) {\n throw new Error(\"Document defaultView is not available\");\n }\n\n return {\n width: boundingClientRect.width || nativeElement.offsetWidth,\n height: boundingClientRect.height || nativeElement.offsetHeight,\n top:\n boundingClientRect.top +\n (this.document.defaultView.pageYOffset ||\n this.document.documentElement.scrollTop),\n left:\n boundingClientRect.left +\n (this.document.defaultView.pageXOffset ||\n this.document.documentElement.scrollLeft),\n };\n }\n\n private getStyle(nativeElement: HTMLElement, cssProp: string): string {\n if (_isNil(this.document.defaultView)) {\n throw new Error(\"Document defaultView is not available\");\n }\n\n if (this.document.defaultView.getComputedStyle) {\n return (\n this.document.defaultView.getComputedStyle(\n nativeElement\n ) as OurCSS\n )[cssProp];\n }\n\n // finally try and get inline style\n return (nativeElement.style as OurCSS)[cssProp];\n }\n\n private isStaticPositioned(nativeElement: HTMLElement): boolean {\n return (\n (this.getStyle(nativeElement, \"position\") || \"static\") === \"static\"\n );\n }\n\n private parentOffsetEl(nativeElement: HTMLElement): any {\n let offsetParent: any = nativeElement.offsetParent || this.document;\n\n while (\n offsetParent &&\n offsetParent !== this.document &&\n this.isStaticPositioned(offsetParent)\n ) {\n offsetParent = offsetParent.offsetParent;\n }\n\n return offsetParent || this.document;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DatePipe } from \"@angular/common\";\nimport { Injectable } from \"@angular/core\";\nimport has from \"lodash/has\";\nimport isArray from \"lodash/isArray\";\nimport isDate from \"lodash/isDate\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isNumber from \"lodash/isNumber\";\nimport isString from \"lodash/isString\";\nimport isUndefined from \"lodash/isUndefined\";\nimport keys from \"lodash/keys\";\nimport startsWith from \"lodash/startsWith\";\n\nimport { LoggerService } from \"./log-service\";\nimport { ISearchService } from \"./public-api\";\n\n/**\n * ./../examples/index.html#/common/search-service\n */\n\n/**\n * Service that provides searching algorithms.\n *\n * __Name :__\n * Search service\n *\n */\n/**\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class SearchService implements ISearchService {\n /**\n * __Description :__\n * Search the value on the items within the given properties.\n *\n * __Parameters :__\n *\n * {any[]} items Items to search within.\n *\n * {string[]} properties Properties where the search is applied. If no property specified, search is\n * applied on all fields.\n *\n * {string|number|date} searchValue The searched value that is used as a string or string fragment. Empty\n * string returns the whole array.\n *\n * {string} [dateFormat=\"mediumDate\"] The Angular date format that is used for searching on Date type\n * properties.\n *\n * return {any[]} Items resulted after the search.\n *\n */\n constructor(private logger: LoggerService, private datePipe: DatePipe) {}\n\n public search = (\n items: T[],\n properties: string[],\n searchValue: any,\n dateFormat?: string\n ): T[] => {\n // TODO: in case of interest, create options as object, put dateFormat in, put caseSensitive in\n if (!isArray(items)) {\n this.logger.error(\n \"nuiSearchService needs items parameter as an Array\"\n );\n }\n if (!isArray(properties)) {\n this.logger.error(\n \"nuiSearchService needs properties parameter as an Array\"\n );\n }\n if (isEmpty(properties)) {\n properties = this.getSearchableColumns(items);\n this.logger.warn(\n \"No properties specified to search on, so all of the fields will be used\"\n );\n }\n if (isUndefined(searchValue)) {\n this.logger.warn(\n \"No searchValue specified to search by, the whole list will be the result\"\n );\n return items;\n }\n\n return this.filterResults(items, properties, searchValue, dateFormat);\n };\n\n protected filterResults(\n items: T[],\n properties: string[],\n searchValue: any,\n dateFormat?: string\n ): T[] {\n return items.filter((item) => {\n if (isString(item) || isNumber(item)) {\n return this.filterPredicate(item, searchValue);\n }\n for (const prop of properties) {\n let value = has(item, prop) ? (item as any)[prop] : item;\n\n if (isDate(value)) {\n value = this.transformDate(value, dateFormat);\n }\n if (isDate(searchValue)) {\n searchValue = this.transformDate(searchValue, dateFormat);\n }\n if (value && this.filterPredicate(value, searchValue)) {\n return true;\n }\n }\n });\n }\n\n protected transformDate(\n value: Date,\n dateFormat: string | undefined\n ): string | null {\n return this.datePipe.transform(value, dateFormat);\n }\n\n protected filterPredicate(item: any, searchValue: any): boolean {\n return (\n item\n .toString()\n .toLowerCase()\n .indexOf(searchValue.toString().toLowerCase()) !== -1\n );\n }\n\n protected getSearchableColumns = (items: any[]): string[] => {\n const props: { [key: string]: boolean } = {};\n for (const item of items) {\n keys(item).map((key: any) => {\n if (!startsWith(key, \"$\")) {\n props[key] = true;\n }\n });\n }\n return keys(props);\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT, isPlatformBrowser } from \"@angular/common\";\nimport { Inject, Injectable, PLATFORM_ID } from \"@angular/core\";\nimport forOwn from \"lodash/forOwn\";\nimport includes from \"lodash/includes\";\nimport isBoolean from \"lodash/isBoolean\";\nimport isDate from \"lodash/isDate\";\nimport isFunction from \"lodash/isFunction\";\nimport isNil from \"lodash/isNil\";\nimport isNumber from \"lodash/isNumber\";\nimport isObject from \"lodash/isObject\";\nimport isString from \"lodash/isString\";\n\n/** @ignore */\nenum ByteCount {\n String = 2,\n Boolean = 4,\n Number = 8,\n}\n\n/** @ignore */\nexport enum BrowserName {\n Chrome = \"Chrome\",\n Edge = \"Edge\",\n Firefox = \"Firefox\",\n Opera = \"Opera\",\n Safari = \"Safari\",\n}\n\n/** @ignore */\nexport interface BrowserInfo {\n name(): string | undefined;\n version(): string | undefined;\n isChrome(): boolean;\n isEdge(): boolean;\n isFirefox(): boolean;\n isOpera(): boolean;\n isSafari(): boolean;\n mobileDevice: {\n isAndroid(): boolean;\n isBlackberry(): boolean;\n isIOS(): boolean;\n isOpera(): boolean;\n isAny(): boolean;\n };\n}\n\n/**\n * Service providing common utilities\n */\n\n/**\n * @dynamic\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class UtilService {\n public static getSvgFromString(s: string): DocumentFragment {\n const div = document.createElementNS(\n \"http://www.w3.org/1999/xhtml\",\n \"div\"\n );\n div.innerHTML = ``;\n const frag = document.createDocumentFragment();\n while (div.firstChild?.firstChild) {\n frag.appendChild(div.firstChild.firstChild);\n }\n return frag;\n }\n\n public static getEventPath(event: MouseEvent): EventTarget[] {\n if (isFunction(event.composedPath)) {\n return event.composedPath();\n }\n\n let element: HTMLElement | null = event.target as HTMLElement;\n\n // Hack for EDGE\n if (!(element as any).path) {\n element = event.currentTarget as HTMLElement;\n }\n\n const path = [];\n while (element) {\n path.push(element);\n if (element.tagName === \"HTML\") {\n path.push(document);\n path.push(window);\n return path;\n }\n element = element.parentElement;\n }\n\n return [];\n }\n\n private nextUniqueId = [\"0\", \"0\", \"0\"];\n private browserName?: string;\n\n public isBrowser(): boolean {\n return isPlatformBrowser(this.platformId);\n }\n\n /**\n * Object for getting information about the browser\n */\n public get browser(): BrowserInfo | undefined {\n if (this.isBrowser()) {\n return {\n name: () => this.browserName,\n version: () => this.getBrowserVersion(),\n isChrome: () => this.browserName === BrowserName.Chrome,\n isEdge: () => this.browserName === BrowserName.Edge,\n isFirefox: () => this.browserName === BrowserName.Firefox,\n isOpera: () => this.browserName === BrowserName.Opera,\n isSafari: () => this.browserName === BrowserName.Safari,\n mobileDevice: {\n isAndroid: () =>\n this.document.defaultView?.navigator.userAgent.match(\n /Android/i\n ) !== null,\n isBlackberry: () =>\n this.document.defaultView?.navigator.userAgent.match(\n /BlackBerry|BB10/i\n ) !== null,\n isIOS: () =>\n this.document.defaultView?.navigator.userAgent.match(\n /iPhone|iPad|iPod/i\n ) !== null,\n isOpera: () =>\n this.document.defaultView?.navigator.userAgent.match(\n /Opera Mini/i\n ) !== null,\n isAny: () =>\n !!(\n this.browser?.mobileDevice.isIOS() ||\n this.browser?.mobileDevice.isAndroid() ||\n this.browser?.mobileDevice.isBlackberry() ||\n this.browser?.mobileDevice.isOpera()\n ),\n },\n };\n }\n }\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n @Inject(PLATFORM_ID) private platformId: object\n ) {\n this.browserName = this.getBrowser();\n }\n\n /**\n * Formats the target string in the same way as .NET's String.format\n * @param target the target string\n * @param params one or more numbers, booleans, or strings to insert\n * into the target string at the specified location(s)\n * @returns the formatted string\n */\n public formatString(target: string, ...params: Array): string {\n const toString = (obj: any, format: any) => {\n const ctor = ((o: any) => {\n if (typeof o === \"number\") {\n return Number;\n } else if (typeof o === \"boolean\") {\n return Boolean;\n } else if (typeof o === \"string\") {\n return String;\n } else {\n return o.constructor;\n }\n })(obj);\n const proto = ctor.prototype;\n const formatter =\n typeof obj !== \"string\"\n ? proto\n ? proto.format || proto.toString\n : obj.format || obj.toString\n : obj.toString;\n if (formatter) {\n if (typeof format === \"undefined\" || format === \"\") {\n return formatter.call(obj);\n } else {\n return formatter.call(obj, format);\n }\n } else {\n return \"\";\n }\n };\n\n target = target.replace(\n /\\{\\{|\\}\\}|\\{([^}: ]+?)(?::([^}]*?))?\\}/g,\n (match, num, format) => {\n if (match === \"{{\") {\n return \"{\";\n }\n if (match === \"}}\") {\n return \"}\";\n }\n if (\n typeof params[num] !== \"undefined\" &&\n params[num] !== null\n ) {\n return toString(params[num], format);\n } else {\n return \"\";\n }\n }\n );\n\n return target;\n }\n\n private getBrowser() {\n if (isPlatformBrowser(this.platformId)) {\n const ua = this.document.defaultView?.navigator.userAgent;\n\n if (isNil(ua)) {\n throw new Error(\"UserAgent is not available\");\n }\n\n let tem;\n let M: RegExpMatchArray | [] =\n ua.match(\n /(edge|opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i\n ) || [];\n if (M[1] === \"Chrome\") {\n tem = ua.match(/\\bOPR\\/(\\d+)/);\n if (tem != null) {\n return BrowserName.Opera;\n }\n tem = ua.match(/\\bEdge\\/(\\d+)/);\n if (tem != null) {\n return BrowserName.Edge;\n }\n }\n M = (\n (M[2]\n ? [M[1], M[2]]\n : [\n this.document.defaultView?.navigator.appName,\n this.document.defaultView?.navigator.appVersion,\n \"-?\",\n ])\n );\n if ((tem = ua.match(/version\\/(\\d+)/i)) != null) {\n M.splice(1, 1, tem[1]);\n }\n return M[0];\n }\n }\n\n private getBrowserVersion() {\n if (isPlatformBrowser(this.platformId)) {\n const ua = this.document.defaultView?.navigator.userAgent;\n\n if (isNil(ua)) {\n throw new Error(\"UserAgent is not available\");\n }\n\n let tem,\n M =\n ua.match(\n /(edge|opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i\n ) || [];\n if (/trident/i.test(M[1])) {\n tem = /\\brv[ :]+(\\d+)/g.exec(ua) || [];\n return tem[1] || \"\";\n }\n if (M[1] === \"Chrome\") {\n tem = ua.match(/\\bOPR\\/(\\d+)/);\n if (tem != null) {\n return tem[1];\n }\n tem = ua.match(/\\bEdge\\/(\\d+)/);\n if (tem != null) {\n return tem[1];\n }\n }\n M = (\n (M[2]\n ? [M[1], M[2]]\n : [\n this.document.defaultView?.navigator.appName,\n this.document.defaultView?.navigator.appVersion,\n \"-?\",\n ])\n );\n if ((tem = ua.match(/version\\/(\\d+)/i)) != null) {\n M.splice(1, 1, tem[1]);\n }\n return M[1];\n }\n }\n\n /**\n * nextUid, from angular.js.\n * A consistent way of creating unique IDs in angular. The ID is a sequence of alpha numeric\n * characters such as \"012ABC\". The reason why we are not using simply a number counter is that\n * the number string gets longer over time, and it can also overflow, where as the nextId\n * will grow much slower, it is a string, and it will never overflow.\n *\n\n */\n public nextUid(): string {\n let index = this.nextUniqueId.length;\n let digit: number;\n\n while (index) {\n index--;\n digit = this.nextUniqueId[index].charCodeAt(0);\n\n if (digit === 57 /* \"9\" */) {\n this.nextUniqueId[index] = \"A\";\n return this.nextUniqueId.join(\"\");\n }\n if (digit === 90 /* \"Z\" */) {\n this.nextUniqueId[index] = \"0\";\n } else {\n this.nextUniqueId[index] = String.fromCharCode(digit + 1);\n return this.nextUniqueId.join(\"\");\n }\n }\n\n this.nextUniqueId.unshift(\"0\");\n return this.nextUniqueId.join(\"\");\n }\n\n /**\n * Returns the approximate memory footprint (byte count) of the object specified\n\n */\n public sizeof = (object: any): number => {\n const visitedObjects: any[] = [];\n return this.calculateSizeof(object, visitedObjects);\n };\n\n private calculateSizeof = (object: any, visitedObjects: any[]): number => {\n if (isString(object)) {\n return object.length * ByteCount.String;\n } else if (isBoolean(object)) {\n return ByteCount.Boolean;\n } else if (isNumber(object)) {\n return ByteCount.Number;\n } else if (isObject(object)) {\n visitedObjects.push(object);\n let bytes = 0;\n\n forOwn(object, (value: any, key: any) => {\n bytes += this.calculateSizeof(key, visitedObjects);\n // short-circuit circular refs\n if (!includes(visitedObjects, value)) {\n bytes += this.calculateSizeof(value, visitedObjects);\n }\n });\n\n return bytes;\n } else {\n return 0;\n }\n };\n\n public dateEquals(date1?: Date, date2?: Date): boolean {\n if (isNil(date1) && isNil(date2)) {\n return date1 === date2;\n }\n\n if (!isDate(date1) || !isDate(date2)) {\n return false;\n }\n\n return date1?.valueOf() === date2?.valueOf();\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport { timer } from \"rxjs\";\nimport { map } from \"rxjs/operators\";\n\nimport { ITransientCache } from \"./public-api\";\nimport { UtilService } from \"./util.service\";\n\ninterface ICache {\n [key: string]: any;\n}\n\n/** @ignore */\n@Injectable({ providedIn: \"root\" })\nexport class TransientCacheService implements ITransientCache {\n private cache: ICache = {};\n\n constructor(private utilService: UtilService) {}\n\n public put = async (\n key: string,\n value: any,\n lifetime: number\n ): Promise => {\n if (typeof key === \"undefined\" || key === null) {\n return Promise.reject(\"no key\");\n }\n if (typeof value === \"undefined\" || value === null) {\n return Promise.reject(\"no value\");\n }\n this.cache[key] = value;\n\n return timer(lifetime)\n .pipe(\n map(() => {\n this.remove(key);\n })\n )\n .toPromise();\n };\n\n public remove = (key: string): void => {\n delete this.cache[key];\n };\n\n public get = (key: string): any => this.cache[key];\n\n public removeAll = (): void => {\n for (const key in this.cache) {\n if (this.cache.hasOwnProperty(key)) {\n this.remove(key);\n }\n }\n };\n\n public destroy = (): void => {\n this.removeAll();\n };\n\n public entryCount = (): number => Object.keys(this.cache).length;\n\n public size = (): number => {\n let byteCount = 0;\n\n for (const key in this.cache) {\n if (this.cache.hasOwnProperty(key)) {\n byteCount +=\n this.utilService.sizeof(key) +\n this.utilService.sizeof(this.get(key));\n }\n }\n\n return byteCount;\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Predicate } from \"@angular/core\";\n\nexport const isTargetAnAnchor = (event: Event): boolean =>\n event.target instanceof HTMLAnchorElement;\n\nexport const isTargetNotAnAnchor = (event: Event): boolean =>\n !isTargetAnAnchor(event);\n\nexport type IEventFilter = Predicate;\n\nexport const makePredicate = (value: IEventFilter | boolean): IEventFilter =>\n typeof value === \"boolean\" ? () => value : value;\n","import {\n Directive,\n EventEmitter,\n HostListener,\n Input,\n Output,\n} from \"@angular/core\";\n\nimport { IEventFilter, isTargetNotAnAnchor, makePredicate } from \"./public-api\";\n\n@Directive({\n selector: \"[nuiClickFilter]\",\n standalone: false,\n})\nexport class ClickFilterDirective {\n private _cancelBubble: IEventFilter = makePredicate(true);\n private _preventDefault: IEventFilter = isTargetNotAnAnchor;\n\n @Input() public set cancelBubble(value: IEventFilter | boolean | null) {\n this._cancelBubble = makePredicate(value ?? true);\n }\n\n @Input() public set preventDefault(value: IEventFilter | boolean | null) {\n this._preventDefault = makePredicate(value ?? isTargetNotAnAnchor);\n }\n\n @Output() public passed$ = new EventEmitter();\n @Output() public canceled$ = new EventEmitter();\n @Output() public prevented$ = new EventEmitter();\n\n @HostListener(\"click\", [\"$event\"])\n public handleEvent(event: Event): void {\n let passed = true;\n if (this._cancelBubble(event)) {\n event.stopPropagation();\n event.stopImmediatePropagation();\n this.canceled$.emit(event);\n passed = false;\n }\n if (this._preventDefault(event)) {\n event.preventDefault();\n this.prevented$.emit(event);\n passed = false;\n }\n if (passed) {\n this.passed$.emit(event);\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Directive, HostListener } from \"@angular/core\";\n\nimport { DOCUMENT_CLICK_EVENT } from \"../../../constants/event.constants\";\nimport { EventBusService } from \"../../../services/event-bus.service\";\n\n/**\n *\n * Required Modules
\n * \n * - \n *
NuiCommonModule\n * \n *
\n *\n */\n\n@Directive({\n selector: \"[nuiClickInterceptor]\",\n standalone: false,\n})\nexport class ClickInterceptorDirective {\n @HostListener(\"click\", [\"$event\"])\n catchClick(event: MouseEvent): void {\n event.stopPropagation();\n this.eventBusService.getStream(DOCUMENT_CLICK_EVENT).next(event);\n }\n\n constructor(private eventBusService: EventBusService) {}\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport {\n Directive,\n EventEmitter,\n HostListener,\n Inject,\n Input,\n OnInit,\n Output,\n} from \"@angular/core\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isEqual from \"lodash/isEqual\";\nimport isString from \"lodash/isString\";\n\nimport { LoggerService } from \"../../../services/log-service\";\n\n/**\n * ./../examples/index.html#/common/clipboard\n */\n\n/**\n * @ignore\n * @dynamic\n * Directive that provides copy to clipboard functionality.\n */\n@Directive({\n selector: \"[nuiClipboard]\",\n standalone: false,\n})\nexport class ClipboardDirective implements OnInit {\n /* eslint-disable @angular-eslint/no-input-rename */\n /**\n * Text to be copied to the clipboard\n */\n @Input(\"nuiClipboard\") public textToCopy: string;\n /* eslint-enable @angular-eslint/no-input-rename */\n\n /**\n * Event that is fired when text was copied to the clipboard successfully\n */\n @Output() public clipboardSuccess = new EventEmitter();\n /**\n * Event that is fired when copy text was failed\n */\n @Output() public clipboardError = new EventEmitter();\n\n private hasCopySupport = false;\n\n /**\n * Replaces element click behavior with clipboard copy event\n */\n @HostListener(\"click\", [\"$event\"])\n public onClick(e: Event): void {\n if (isEqual(this.hasCopySupport, true)) {\n e.preventDefault();\n return this.copyText();\n } else {\n this.clipboardError.emit();\n return this.logger.error(\n \"document copy operation is not supported\"\n );\n }\n }\n\n constructor(\n private logger: LoggerService,\n @Inject(DOCUMENT) private document: Document\n ) {}\n\n public ngOnInit(): void {\n try {\n this.hasCopySupport = this.document.queryCommandSupported(\"copy\");\n } catch (ex) {\n this.logger.error(ex.message);\n }\n }\n\n private copyText(): void {\n if (isEmpty(this.textToCopy) || !isString(this.textToCopy)) {\n return this.logger.warn(\n \"notext\",\n \"nuiClipboard text is empty or not a string\"\n );\n }\n\n const node = this.createNode(this.textToCopy);\n\n try {\n const selection = this.document.getSelection();\n this.document.body.appendChild(node);\n node.select();\n this.document.execCommand(\"copy\");\n selection?.removeAllRanges();\n this.clipboardSuccess.emit();\n } catch (ex) {\n this.logger.error(ex.message);\n this.clipboardError.emit();\n } finally {\n this.document.body.removeChild(node);\n }\n }\n\n private createNode = (text: string): HTMLTextAreaElement => {\n const node = this.document.createElement(\"textarea\");\n\n node.style.position = \"absolute\";\n node.style.left = \"-10000px\";\n node.textContent = text;\n\n return node;\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Injectable } from \"@angular/core\";\nimport _isNil from \"lodash/isNil\";\nimport _isObject from \"lodash/isObject\";\nimport { Observable, Subject } from \"rxjs\";\n\nimport { IDragPayload, IDragState } from \"./public-api\";\n\n/**\n * @ignore\n */\n@Injectable({ providedIn: \"root\" })\nexport class DragAndDropService {\n private onDragStateSubject = new Subject();\n private dragPayload: any;\n\n public get onDragStateChanged(): Observable {\n return this.onDragStateSubject.asObservable();\n }\n\n public setDragPayload(payload: any, event: DragEvent): void {\n this.dragPayload = payload;\n const stringifiedPayload = _isObject(payload)\n ? JSON.stringify(payload)\n : payload;\n event.dataTransfer?.setData(\"Text\", stringifiedPayload);\n event.dataTransfer?.setData(\"text/plain\", stringifiedPayload);\n this.onDragStateSubject.next({\n payload: this.dragPayload,\n isInProgress: true,\n });\n }\n\n public getDragPayload(event: DragEvent): IDragPayload {\n if (_isNil(this.dragPayload)) {\n return { data: this.extractDragObject(event), isExternal: true };\n }\n return { data: this.dragPayload, isExternal: false };\n }\n\n public resetPayload(): void {\n this.onDragStateSubject.next({\n payload: this.dragPayload,\n isInProgress: false,\n });\n this.dragPayload = undefined;\n }\n\n private extractDragObject(event: DragEvent): any {\n const payload =\n event.dataTransfer?.getData(\"Text\") ||\n event.dataTransfer?.getData(\"text/plain\");\n try {\n return JSON.parse(payload || \"\");\n } catch (e) {\n return payload;\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport const scrollConstants = {\n verticalScrollPercentage: 30,\n horizontalScrollPercentage: 30,\n checkIntervalInMs: 30,\n accelerationFactor: 0.5,\n dragOverThrottleInMs: 100,\n adornerUpdateThrottleInMs: 16,\n};\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport {\n Directive,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n Inject,\n Input,\n NgZone,\n OnInit,\n Output,\n} from \"@angular/core\";\nimport throttle from \"lodash/throttle\";\n\nimport { DragAndDropService } from \"./drag-and-drop.service\";\nimport { scrollConstants } from \"./dragdrop.constants\";\nimport { IDragEvent } from \"./public-api\";\nimport { UtilService } from \"../../../services/util.service\";\n\n/**\n * Directive that provides draggable behavior for an element\n *\n * __Usage:__\n *\n * Bind this directive to an element to add a draggable behavior to it.\n *\n * `Some content
`\n *\n * Make sure that this zone has some content, because draggable directive doesn't set any height\n * to the element. This won't work:\n *\n * ``\n *\n * Don't forget to assign some payload (data for transmission from draggable to droppable).\n * It can be an `Object`, string or whatever can be converted to a string:\n *\n * ``\n *\n * To subscribe to an event `dragStart, dragEnd` just transmit an attribute\n *\n * ``\n *\n * And `dragStart` method will look like that:\n *\n * `public dragStart(dropEvent: DragEvent) {\n * //dropEvent - HTML 5 drag event (native)\n * };`\n *\n * ./../examples/index.html#/dragdrop\n *\n * @dynamic\n * @ignore\n */\n@Directive({\n selector: \"[nuiDraggable]\",\n standalone: false,\n})\nexport class DraggableDirective implements OnInit {\n private static draggableClass = \"nui-drag__draggable\";\n private static draggingClass = \"nui-drag--dragging\";\n private static dragSourceClass = \"nui-drag__drag-source\";\n private static adornerClass = \"nui-drag__drag-container\";\n private static adornerHaloClass = \"nui-drag__drag-halo\";\n private static dragsourceOverlayClass = \"nui-drag__drag-source--overlay\";\n\n @Input() adornerDragClass: string;\n @Input() payload: any;\n @Output() dragStart = new EventEmitter();\n @Output() dragEnd = new EventEmitter();\n\n private adorner?: HTMLElement;\n private dragsourceOverlay?: HTMLElement;\n private moveDragAdorner = throttle(\n (coordinates: { x: number; y: number }) => {\n requestAnimationFrame(() => {\n if (this.adorner) {\n this.adorner.style.left = coordinates.x + \"px\";\n this.adorner.style.top = coordinates.y + \"px\";\n }\n this.autoScroll(coordinates.x, coordinates.y);\n });\n },\n scrollConstants.adornerUpdateThrottleInMs\n );\n\n @HostBinding(`class.${DraggableDirective.draggableClass}`)\n @HostBinding(\"attr.draggable\")\n draggable: boolean;\n\n @HostListener(\"dragstart\", [\"$event\"])\n onDragStart(event: IDragEvent): void {\n this.dragStart.emit(event);\n this.document.defaultView?.getSelection()?.removeAllRanges();\n window.getSelection()?.removeAllRanges();\n this.dragsourceOverlay = this.createDragVisuals(event);\n this.setImageAndData(event);\n /*\n runOutsideAngular is used when some action has to be performed outside\n angular zone. Therefore, this action won't trigger change detection.\n */\n this.zone.runOutsideAngular(() => {\n this.document.addEventListener(\"dragover\", this.mouseHook);\n });\n event.stopPropagation();\n }\n\n @HostListener(\"dragend\", [\"$event\"])\n onDragEnd(event: IDragEvent): void {\n this.dragEnd.emit(event);\n this.elRef.nativeElement.classList.remove(\n DraggableDirective.dragSourceClass\n );\n if (this.adorner) {\n this.adorner.remove();\n this.adorner = undefined;\n }\n\n if (this.dragsourceOverlay) {\n this.dragsourceOverlay.remove();\n this.dragsourceOverlay = undefined;\n }\n this.dragAndDropService.resetPayload();\n event.stopPropagation();\n\n this.zone.runOutsideAngular(() => {\n this.document.removeEventListener(\"dragover\", this.mouseHook);\n });\n }\n\n constructor(\n private elRef: ElementRef,\n private zone: NgZone,\n private utilService: UtilService,\n private dragAndDropService: DragAndDropService,\n @Inject(DOCUMENT) private document: Document\n ) {}\n\n public ngOnInit(): void {\n this.draggable = true;\n }\n\n private mouseHook = (event: DragEvent) => {\n const clientX = event.clientX;\n const clientY = event.clientY;\n this.moveDragAdorner({ x: clientX, y: clientY });\n };\n\n private createDragVisuals = (event: DragEvent) => {\n // copy the node being dragged, and add effects\n this.adorner = this.document.createElement(\"div\");\n this.adorner.style.left = event.clientX + \"px\";\n this.adorner.style.top = event.clientY + \"px\";\n this.adorner.classList.add(DraggableDirective.adornerClass);\n if (this.adornerDragClass) {\n this.adorner.classList.add(this.adornerDragClass);\n }\n const adornerHalo = this.document.createElement(\"div\");\n adornerHalo.classList.add(DraggableDirective.adornerHaloClass);\n this.adorner.appendChild(adornerHalo);\n\n // Safari shows the dragImage natively, so we don't have to fake it\n if (!this.utilService.browser?.isSafari()) {\n const copiedNode = (event.currentTarget).cloneNode(true);\n copiedNode.style.width =\n this.elRef.nativeElement.offsetWidth + \"px\";\n copiedNode.style.height =\n this.elRef.nativeElement.offsetHeight + \"px\";\n copiedNode.classList.add(DraggableDirective.draggingClass);\n copiedNode.removeAttribute(\"draggable\");\n this.adorner.appendChild(copiedNode);\n }\n\n // if there is a place to attach to, do it. Otherwise, place it after the copied node\n\n this.elRef.nativeElement.parentNode.appendChild(this.adorner);\n\n // this should be the overlay that fades out the existing node\n const dragSourceOverlay = this.document.createElement(\"div\");\n dragSourceOverlay.classList.add(\n DraggableDirective.dragsourceOverlayClass\n );\n\n // Fix for Google Chrome, appending of overlay in regular way cause unreasonable dispatch of \"dragend\" event\n setTimeout(() => {\n this.elRef.nativeElement.appendChild(dragSourceOverlay);\n }, 0);\n\n this.elRef.nativeElement.classList.add(\n DraggableDirective.dragSourceClass\n );\n\n return dragSourceOverlay;\n };\n\n private setImageAndData(event: DragEvent) {\n if (\n (typeof DragEvent !== \"undefined\" && event instanceof DragEvent) ||\n event.dataTransfer\n ) {\n if (event.dataTransfer?.setDragImage) {\n if (this.utilService.browser?.isSafari()) {\n // Safari supports dragImage in a usable way\n event.dataTransfer.setDragImage(\n this.elRef.nativeElement,\n 0,\n -10\n );\n } else {\n // but other browsers don't so we have to disable it\n const emptyItem = this.document.createElement(\"div\");\n event.dataTransfer.setDragImage(emptyItem, 0, 0);\n }\n }\n\n if (!event.dataTransfer) {\n throw new Error(\"Event do not contain dataTransfer property\");\n }\n event.dataTransfer.dropEffect = \"copy\";\n\n this.dragAndDropService.setDragPayload(this.payload, event);\n }\n }\n\n private autoScroll(clientX: number, clientY: number) {\n if (!clientX || !clientY) {\n return;\n }\n\n if (!this.document.defaultView) {\n throw new Error(\"Document does not contain defaultView property\");\n }\n const verticalDistPercentage =\n (clientY / this.document.defaultView.innerHeight) * 100;\n const horizontalDistPercentage =\n (clientX / this.document.defaultView.innerWidth) * 100;\n const topScrollBoundary = scrollConstants.verticalScrollPercentage;\n const bottomScrollBoundary =\n 100 - scrollConstants.verticalScrollPercentage;\n const leftScrollBoundary = scrollConstants.horizontalScrollPercentage;\n const rightScrollBoundary =\n 100 - scrollConstants.horizontalScrollPercentage;\n\n let newX = this.document.defaultView.pageXOffset;\n let newY = this.document.defaultView.pageYOffset;\n\n let scrollNeeded = false;\n if (verticalDistPercentage < topScrollBoundary) {\n const throttleDistance =\n (topScrollBoundary - verticalDistPercentage) *\n scrollConstants.accelerationFactor;\n newY = newY - throttleDistance;\n scrollNeeded = true;\n }\n if (verticalDistPercentage > bottomScrollBoundary) {\n const throttleDistance =\n (verticalDistPercentage - bottomScrollBoundary) *\n scrollConstants.accelerationFactor;\n newY = newY + throttleDistance;\n scrollNeeded = true;\n }\n if (horizontalDistPercentage < leftScrollBoundary) {\n const throttleDistance =\n (leftScrollBoundary - horizontalDistPercentage) *\n scrollConstants.accelerationFactor;\n newX = newX - throttleDistance;\n scrollNeeded = true;\n }\n if (horizontalDistPercentage > rightScrollBoundary) {\n const throttleDistance =\n (horizontalDistPercentage - rightScrollBoundary) *\n scrollConstants.accelerationFactor;\n newX = newX + throttleDistance;\n scrollNeeded = true;\n }\n if (scrollNeeded) {\n this.document.defaultView.scrollTo(newX, newY);\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Directive,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n Output,\n} from \"@angular/core\";\nimport _isNil from \"lodash/isNil\";\nimport throttle from \"lodash/throttle\";\nimport { Subscription } from \"rxjs\";\n\nimport { DragAndDropService } from \"./drag-and-drop.service\";\nimport { scrollConstants } from \"./dragdrop.constants\";\nimport {\n IDragEvent,\n IDragPayload,\n IDragState,\n IDropEvent,\n IDropValidator,\n} from \"./public-api\";\n\n/**\n * Directive that provides behavior of droppable zone for an element\n *\n * __Usage:__\n *\n * Bind this directive to an element that will be a zone for dropping elements there.\n *\n * `Some content
`\n *\n * Make sure that this zone has some content, because droppable directive doesn't set any height\n * to the element. This won't work:\n *\n * ``\n *\n * To subscribe to an event `dragOver, dragEnter, dragLeave, dropSuccess` just transmit an attribute\n *\n * ``\n *\n * And `onDropObject` method will look like that:\n *\n * `public onDropObject(dropEvent: INuiDropEvent) {\n *\n * const extractedData = dropEvent.payload; //some data that you passed to draggable directive\n *\n * const actualEvent = dropEvent.event; // an HTML 5 event (native)\n *\n * };`\n * If you want to validate if data can be dropped you can set validator.\n * By default if you don't specify it all drags will be accepted.\n *\n * ``\n *\n * Validator is an object that should implement IDropValidator interface.\n *\n * `interface IDropValidator {\n * isValidDropTarget(payload: any, isExternal?: boolean): boolean;\n * };`\n * Payload is an dragged payload, and isExternal will be set to true if source of drag is NOT nui-draggable (it can be some other document, excel file etc.)\n *\n * You can also specify css classes that will be set:\n *\n * `dragOverClass` - will set this class when drag is over and validator returns true or there is no validator\n *\n * `invalidDragOverClass` - will set this class when drag is over and validator returns false\n *\n * `dropIndicatorClass` - will set this class when you start dragging something that can be dropped on this nui-droppable\n */\n/**\n * ./../examples/index.html#/dragdrop\n */\n\n/** @ignore */\n@Directive({\n selector: \"[nuiDroppable]\",\n standalone: false,\n})\nexport class DroppableDirective implements OnInit, OnDestroy {\n @Input() dragOverClass = \"nui-drag--over\";\n @Input() invalidDragOverClass: string;\n @Input() dropIndicatorClass: string;\n @Input() dropValidator: IDropValidator;\n\n @Output() dragOver = new EventEmitter();\n @Output() dragEnter = new EventEmitter();\n @Output() dragLeave = new EventEmitter();\n @Output() dropSuccess = new EventEmitter();\n\n private dragElements: Array = [];\n\n private onDragStateChangedSubscription: Subscription;\n\n private dragThrottle = throttle(\n (dragEvent: any) => {\n this.dragOver.emit(dragEvent);\n },\n scrollConstants.checkIntervalInMs,\n { trailing: false }\n );\n\n @HostListener(\"dragenter\", [\"$event\"])\n onDragEnter(event: IDragEvent): void {\n const payload = this.dragAndDropService.getDragPayload(event);\n if (this.validateDrop(payload) && this.dragElements.length === 0) {\n this.elRef.nativeElement.classList.remove(this.dropIndicatorClass);\n this.elRef.nativeElement.classList.add(this.dragOverClass);\n this.dragEnter.emit(event);\n } else if (\n this.dragElements.length === 0 &&\n this.invalidDragOverClass\n ) {\n this.elRef.nativeElement.classList.add(this.invalidDragOverClass);\n }\n this.dragElements.push(event.target);\n event.preventDefault();\n }\n\n @HostListener(\"dragover\", [\"$event\"])\n onDragOver(event: IDragEvent): void {\n const payload = this.dragAndDropService.getDragPayload(event);\n if (this.validateDrop(payload)) {\n this.dragThrottle(event);\n }\n event.preventDefault();\n }\n\n @HostListener(\"dragleave\", [\"$event\"])\n onDragLeave(event: IDragEvent): void {\n const payload = this.dragAndDropService.getDragPayload(event);\n this.dragElements = this.dragElements.filter(\n (el) => el !== event.target\n );\n if (this.validateDrop(payload) && this.dragElements.length === 0) {\n this.elRef.nativeElement.classList.remove(this.dragOverClass);\n if (!payload?.isExternal) {\n // dropIndicatorClass shouldn't be added if dragged item comes from outside of the browser - there is no easy way to remove it later.\n this.elRef.nativeElement.classList.add(this.dropIndicatorClass);\n }\n this.dragLeave.emit(event);\n } else if (\n this.dragElements.length === 0 &&\n this.invalidDragOverClass\n ) {\n this.elRef.nativeElement.classList.remove(\n this.invalidDragOverClass\n );\n }\n }\n\n @HostListener(\"drop\", [\"$event\"])\n onDrop(event: IDragEvent): boolean {\n const payload = this.dragAndDropService.getDragPayload(event);\n event.preventDefault();\n if (this.validateDrop(payload)) {\n this.dragElements = [];\n if (\n (typeof DragEvent !== \"undefined\" &&\n event instanceof DragEvent) ||\n (event).dataTransfer\n ) {\n this.dropSuccess.emit({ event, payload: payload.data });\n }\n this.elRef.nativeElement.classList.remove(this.dragOverClass);\n } else if (!_isNil(this.invalidDragOverClass)) {\n this.elRef.nativeElement.classList.remove(\n this.invalidDragOverClass\n );\n }\n this.dragAndDropService.resetPayload();\n event.stopPropagation();\n return false;\n }\n\n constructor(\n private elRef: ElementRef,\n private dragAndDropService: DragAndDropService\n ) {}\n public ngOnInit(): void {\n this.onDragStateChangedSubscription =\n this.dragAndDropService.onDragStateChanged.subscribe(\n (item: IDragState) => {\n if (\n !_isNil(this.dropIndicatorClass) &&\n this.validateDrop({\n data: item.payload,\n isExternal: false,\n })\n ) {\n if (item.isInProgress) {\n this.elRef.nativeElement.classList.add(\n this.dropIndicatorClass\n );\n } else {\n this.elRef.nativeElement.classList.remove(\n this.dropIndicatorClass\n );\n }\n }\n }\n );\n }\n\n private validateDrop(payload: IDragPayload) {\n if (!this.dropValidator) {\n return true; // if there is no drop validator specified drop is always valid\n }\n return this.dropValidator.isValidDropTarget(\n payload.data,\n payload.isExternal\n );\n }\n\n public ngOnDestroy(): void {\n if (!_isNil(this.onDragStateChangedSubscription)) {\n this.onDragStateChangedSubscription.unsubscribe();\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n Directive,\n ElementRef,\n EventEmitter,\n OnDestroy,\n Output,\n} from \"@angular/core\";\nimport filter from \"lodash/filter\";\nimport forEach from \"lodash/forEach\";\n\n/** @ignore */\ninterface IResizeEventQueue {\n events: any[];\n add(event: Function): void;\n call(): void;\n remove(event: Function): void;\n}\n/** @ignore */\ninterface IResizeElement extends HTMLElement {\n resizedAttached?: IResizeEventQueue;\n resizeSensor?: any;\n}\n\n/**\n * Directive that provides resize event for any element\n *\n * __Usage:__\n *\n * In parent components use this to subscribe to resize event:\n *\n * `@ViewChild(ResizeDirective) child: ResizeDirective;\n *\n * public checkResize = () => {\n *\n * this.child.elementResize.subscribe((event: any) => console.log(\"change\", event));\n *\n * };`\n *\n * To remove resize event handler:\n *\n * `@ViewChild(ResizeDirective) child: ResizeDirective;\n *\n * this.child.removeResize()`\n *\n */\n/**\n * ./../examples/index.html#/resize\n */\n/**\n * @ignore\n */\n@Directive({\n selector: \"[nuiResize]\",\n standalone: false,\n})\nexport class ResizeDirective implements AfterViewInit, OnDestroy {\n /**\n * Event to be triggered on element resize\n */\n @Output() public elementResize = new EventEmitter();\n\n /**\n * Class for dimension change detection\n * Using nested private class to prevent external class instantiation.\n */\n private resizeEventQueue = class implements IResizeEventQueue {\n public events: any[] = [];\n\n public add(event: Function) {\n this.events.push(event);\n }\n\n public call() {\n forEach(this.events, (event) => event.call());\n }\n\n public remove(event: Function) {\n this.events = filter(\n this.events,\n (item: Function) => item !== event\n );\n }\n };\n\n constructor(private element: ElementRef) {}\n\n public ngAfterViewInit(): void {\n this.attachResizeEvent(this.element.nativeElement, this.resizeEmit);\n }\n\n public ngOnDestroy(): void {\n this.elementResize.unsubscribe();\n this.removeResize();\n }\n\n /**\n * Removes resize listener from the element for public use. We could stop resize event\n * listener by using this method in parent through @ViewChild\n */\n public removeResize(): void {\n this.detachResizeEvent(this.element.nativeElement, this.resizeEmit);\n }\n\n /**\n * Emits resize event\n */\n private resizeEmit = (): void => {\n this.elementResize.emit(true);\n };\n\n /**\n * Add resize event which will be done by default\n */\n private attachResizeEvent(\n targetElement: IResizeElement,\n resizeCallback: Function\n ): void {\n if (targetElement.resizedAttached) {\n targetElement.resizedAttached.add(resizeCallback);\n return;\n }\n\n targetElement.resizedAttached = new this.resizeEventQueue();\n targetElement.resizedAttached.add(resizeCallback);\n\n // This elements is hidden and helping to trigger scroll event when user resize element with nuiResize.\n targetElement.resizeSensor = document.createElement(\"div\");\n targetElement.resizeSensor.className = \"resize-sensor\";\n const style =\n \"position: absolute; left: 0; top: 0; right: 0; \" +\n \"bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;\";\n const styleChild =\n \"position: absolute; left: 0; top: 0; transition: 0s;\";\n\n targetElement.resizeSensor.style.cssText = style;\n targetElement.resizeSensor.innerHTML = `\n `;\n\n targetElement.appendChild(targetElement.resizeSensor);\n\n if (targetElement.resizeSensor.offsetParent !== targetElement) {\n targetElement.style.position = \"relative\";\n }\n\n const expand = targetElement.resizeSensor.childNodes[0];\n const expandChild = expand.childNodes[1];\n const shrink = targetElement.resizeSensor.childNodes[2];\n let lastWidth = targetElement.offsetWidth;\n let lastHeight = targetElement.offsetHeight;\n let dirty: boolean;\n let rafId: number;\n let newWidth: number;\n let newHeight: number;\n\n function reset(): void {\n expandChild.style.width = \"100000px\";\n expandChild.style.height = \"100000px\";\n\n expand.scrollLeft = 100000;\n expand.scrollTop = 100000;\n\n shrink.scrollLeft = 100000;\n shrink.scrollTop = 100000;\n }\n\n reset();\n\n function onResized(): void {\n rafId = 0;\n\n if (!dirty) {\n return;\n }\n\n lastWidth = newWidth;\n lastHeight = newHeight;\n\n if (targetElement.resizedAttached) {\n targetElement.resizedAttached.call();\n }\n }\n\n function onScroll(): void {\n newWidth = targetElement.offsetWidth;\n newHeight = targetElement.offsetHeight;\n dirty = newWidth !== lastWidth || newHeight !== lastHeight;\n\n if (dirty && !rafId) {\n rafId = requestAnimationFrame(onResized);\n }\n\n reset();\n }\n\n function addEvent(\n element: IResizeElement,\n event: string,\n callback: EventListener\n ): void {\n element.addEventListener(event, callback);\n }\n\n addEvent(expand, \"scroll\", onScroll);\n addEvent(shrink, \"scroll\", onScroll);\n }\n\n /**\n * Removing resize listener from target element\n */\n private detachResizeEvent = (\n targetElement: IResizeElement,\n event: Function\n ) => {\n if (targetElement.resizedAttached && typeof event === \"function\") {\n targetElement.resizedAttached.remove(event);\n }\n if (targetElement.contains(targetElement.resizeSensor)) {\n targetElement.removeChild(targetElement.resizeSensor);\n }\n\n delete targetElement.resizeSensor;\n delete targetElement.resizedAttached;\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport const RESIZE_DEBOUNCE_TIME = 300;\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n Directive,\n ElementRef,\n EventEmitter,\n NgZone,\n OnDestroy,\n Output,\n} from \"@angular/core\";\nimport debounce from \"lodash/debounce\";\n\nimport { RESIZE_DEBOUNCE_TIME } from \"../../../constants/resize.constants\";\n\n/**\n * @ignore\n */\n@Directive({\n selector: \"[nuiResizeObserver]\",\n standalone: false,\n})\nexport class ResizeObserverDirective implements OnDestroy, AfterViewInit {\n @Output()\n public containerResize = new EventEmitter();\n public resizeHandler: Function;\n private _debounceTime = RESIZE_DEBOUNCE_TIME;\n private resizeObserver?: ResizeObserver;\n\n constructor(private _element: ElementRef, private ngZone: NgZone) {}\n\n public set debounceTime(debounceTime: number) {\n this._debounceTime = debounceTime;\n }\n\n public ngAfterViewInit(): void {\n this.resizeHandler = debounce(\n (entry) => this.containerResize.emit(entry),\n this._debounceTime\n );\n this.resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry: ResizeObserverEntry) => {\n this.ngZone.run(() => {\n this.resizeHandler(entry);\n });\n });\n });\n this.ngZone.runOutsideAngular(() => {\n this.resizeObserver?.observe(this._element.nativeElement);\n });\n }\n\n public ngOnDestroy(): void {\n if (this.resizeObserver) {\n this.resizeObserver.unobserve(this._element.nativeElement);\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/** @ignore */\nexport enum ResizeDirection {\n left = \"left\",\n right = \"right\",\n top = \"top\",\n bottom = \"bottom\",\n}\n/** @ignore */\nexport enum ResizeUnit {\n percent = \"%\",\n pixel = \"px\",\n}\n/** @ignore */\nexport interface IResizeProperties {\n appendDirection: \"left\" | \"right\" | \"top\" | \"bottom\";\n borderToCalculate: \"left\" | \"right\" | \"top\" | \"bottom\";\n cursor: \"ew-resize\" | \"ns-resize\";\n sizeToSet: \"width\" | \"height\";\n otherSizeProperty: \"width\" | \"height\";\n nativeElementSizeProperty: \"offsetHeight\" | \"offsetWidth\";\n}\n/** @ignore */\nexport const resizeDirectionHelpers: { [key: string]: IResizeProperties } = {\n right: {\n appendDirection: \"left\",\n borderToCalculate: \"right\",\n cursor: \"ew-resize\",\n sizeToSet: \"width\",\n otherSizeProperty: \"height\",\n nativeElementSizeProperty: \"offsetWidth\",\n },\n left: {\n appendDirection: \"right\",\n borderToCalculate: \"left\",\n cursor: \"ew-resize\",\n sizeToSet: \"width\",\n otherSizeProperty: \"height\",\n nativeElementSizeProperty: \"offsetWidth\",\n },\n top: {\n appendDirection: \"bottom\",\n borderToCalculate: \"top\",\n cursor: \"ns-resize\",\n sizeToSet: \"height\",\n otherSizeProperty: \"width\",\n nativeElementSizeProperty: \"offsetHeight\",\n },\n bottom: {\n appendDirection: \"top\",\n borderToCalculate: \"bottom\",\n cursor: \"ns-resize\",\n sizeToSet: \"height\",\n otherSizeProperty: \"width\",\n nativeElementSizeProperty: \"offsetHeight\",\n },\n};\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n Directive,\n ElementRef,\n EventEmitter,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n Output,\n Renderer2,\n SimpleChanges,\n} from \"@angular/core\";\nimport debounce from \"lodash/debounce\";\nimport isFunction from \"lodash/isFunction\";\nimport isUndefined from \"lodash/isUndefined\";\nimport { Subscription } from \"rxjs\";\n\nimport {\n IResizeProperties,\n ResizeDirection,\n resizeDirectionHelpers,\n ResizeUnit,\n} from \"./public-api\";\nimport { COMPLETE_RESIZE_EVENT } from \"../../../constants/event.constants\";\nimport { RESIZE_DEBOUNCE_TIME } from \"../../../constants/resize.constants\";\nimport { EventBusService } from \"../../../services/event-bus.service\";\nimport { UtilService } from \"../../../services/util.service\";\n\n/** @ignore */\nconst resizeClass = \"nui-resize-gutter\";\n\n/**\n * @ignore\n * ./../examples/index.html#/resizer\n */\n@Directive({\n selector: \"[nuiResizer]\",\n standalone: false,\n})\nexport class ResizerDirective implements AfterViewInit, OnChanges, OnDestroy {\n /**\n * Direction in which element can be resizable. can be \"top\", \"right\", \"left\" and \"bottom\"\n */\n private _direction: ResizeDirection;\n\n @Input() set resizerDirection(direction: ResizeDirection) {\n this._direction = direction;\n this.refreshStyle();\n }\n\n get resizerDirection(): ResizeDirection {\n return this._direction;\n }\n\n /**\n * Sets custom size of resizable element\n */\n protected _size: number = 16;\n\n /**\n * Disables element resizing\n */\n private _disabled: boolean = false;\n\n @Input() set resizerDisabled(isDisabled: boolean) {\n this._disabled = isDisabled;\n if (this.resizeGutter) {\n this.switchDisabledClasses();\n if (!isDisabled) {\n this.refreshStyle();\n }\n }\n }\n\n get resizerDisabled(): boolean {\n return this._disabled;\n }\n /**\n * Choose resize value of your element(pixel, percent). By default pixels are used.\n */\n @Input() public resizerValue: ResizeUnit = ResizeUnit.pixel;\n\n /**\n * Switch to mode in which resizer change parent's and sibling's flex-basis (layout-specific)\n */\n @Input() public isMultiple: boolean;\n\n /**\n * Emits new size of element on which directive was applied\n */\n @Output() public resizerSizeChanged = new EventEmitter();\n\n protected resizePropObj: IResizeProperties;\n protected parentContainerNode: HTMLElement;\n protected resizerSplit: HTMLElement;\n protected targetElement: ElementRef;\n protected resizeClass = resizeClass;\n protected resizeGutter: HTMLElement;\n protected offsetSize = this._size / 2;\n\n private _resizeElement = document.createElement(\"div\");\n private _oldSize: number = 0;\n private _isDragging: boolean = false;\n private _isFirstTimeInteracting: boolean = true;\n private _isHovering = false;\n private resizeObserver?: ResizeObserver;\n private resizeSubscription: Subscription;\n private eventSubscriptions: (() => void)[] = [];\n private mouseUpUnlisten: () => void;\n private mouseMoveUnlisten: () => void;\n private sibling: any;\n\n public constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n private utilService: UtilService,\n private _element: ElementRef,\n private ngZone: NgZone,\n private eventBusService: EventBusService\n ) {}\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes[\"resizerDirection\"] && this.resizeGutter) {\n this.appendResizeElement();\n }\n }\n\n public ngAfterViewInit(): void {\n // as derived class doesn't inherits lifecycle hooks,\n // we can reassign targetElement there, in this case we just use directive's nativeElement\n this.targetElement = this.elRef;\n this.addSubscription();\n\n if (!this.isAtTheBeginning()) {\n this.renderer.appendChild(\n this.targetElement.nativeElement,\n this._resizeElement\n );\n this.resizeGutter =\n this.targetElement.nativeElement.lastElementChild;\n } else {\n this.renderer.insertBefore(\n this.targetElement.nativeElement,\n this._resizeElement,\n this.targetElement.nativeElement.firstElementChild\n );\n this.resizeGutter =\n this.targetElement.nativeElement.firstElementChild;\n }\n this.appendResizeElement();\n this.resizeGutter.className = this.resizeClass;\n this.parentContainerNode =\n this.targetElement.nativeElement.parentElement;\n this.addResizeObserver();\n this.appendEvents();\n this.refreshStyle();\n }\n\n public ngOnDestroy(): void {\n if (this.resizeObserver) {\n this.resizeObserver.unobserve(\n this.targetElement.nativeElement.parentElement\n );\n }\n if (this.resizeSubscription) {\n this.resizeSubscription.unsubscribe();\n }\n this.unlistenEvents();\n }\n\n protected addResizeObserver(): void {\n const resizeHandler = debounce(\n (entry) => this.refreshStyle(),\n RESIZE_DEBOUNCE_TIME\n );\n this.resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry: ResizeObserverEntry) => {\n this.ngZone.run(() => {\n if (!this.resizerDisabled) {\n resizeHandler(entry);\n }\n });\n });\n });\n this.ngZone.runOutsideAngular(() => {\n this.resizeObserver?.observe(\n this.targetElement.nativeElement.parentElement\n );\n });\n }\n\n protected addSubscription(): void {\n this.resizeSubscription = this.eventBusService\n .getStream(COMPLETE_RESIZE_EVENT)\n .subscribe((resize) => this.refreshStyle());\n }\n\n protected onSizeChanged(newSize: string): void {\n this.resizerSizeChanged.emit(newSize);\n }\n\n protected refreshStyle(): void {\n if (this.resizeGutter && !this.resizerDisabled) {\n // fix safari bug about gutter height when direction is horizontal\n this.renderer.setStyle(\n this.resizeGutter,\n this.resizePropObj.sizeToSet,\n `${this._size}px`\n );\n this.renderer.setStyle(\n this.resizeGutter,\n this.resizePropObj.otherSizeProperty,\n \"100%\"\n );\n this.calculatePosition();\n this.renderer.setStyle(\n this.resizeGutter,\n \"cursor\",\n this.resizePropObj.cursor\n );\n this.switchDisabledClasses();\n }\n }\n\n protected unlistenEvents(): void {\n this.eventSubscriptions.forEach((unlistenFn) => {\n if (isFunction(unlistenFn)) {\n unlistenFn();\n }\n });\n }\n\n protected appendEvents(): void {\n this.eventSubscriptions.push(\n this.renderer.listen(\n this.resizeGutter,\n \"mouseenter\",\n ($event: MouseEvent) => this.onMouseEnter($event)\n )\n );\n this.eventSubscriptions.push(\n this.renderer.listen(this.resizeGutter, \"mouseleave\", () =>\n this.onMouseLeave()\n )\n );\n this.eventSubscriptions.push(\n this.renderer.listen(\n this.resizeGutter,\n \"mousedown\",\n ($event: MouseEvent) => this.onMouseDown($event)\n )\n );\n }\n\n protected isResizeHorizontal(): boolean {\n return (\n this.resizerDirection === ResizeDirection.left ||\n this.resizerDirection === ResizeDirection.right\n );\n }\n\n protected isAtTheBeginning(): boolean {\n return (\n this.resizerDirection === ResizeDirection.left ||\n this.resizerDirection === ResizeDirection.top\n );\n }\n\n private switchDisabledClasses(): void {\n this.resizerDisabled\n ? this.renderer.addClass(\n this.resizeGutter,\n `${this.resizeClass}-disabled`\n )\n : this.renderer.removeClass(\n this.resizeGutter,\n `${this.resizeClass}-disabled`\n );\n }\n\n private appendResizeElement() {\n if (this.resizerSplit) {\n this.renderer.removeChild(this.resizeGutter, this.resizerSplit);\n }\n this.resizerSplit = document.createElement(\"div\");\n this.renderer.addClass(this.resizerSplit, `${this.resizeClass}__split`);\n this.renderer.addClass(\n this.resizerSplit,\n `${this.resizeClass}__split-${\n this.isResizeHorizontal() ? \"horizontal\" : \"vertical\"\n }`\n );\n this.renderer.appendChild(this.resizeGutter, this.resizerSplit);\n this.resizePropObj = resizeDirectionHelpers[this.resizerDirection];\n }\n\n private unlistenResizeEvents() {\n if (isFunction(this.mouseMoveUnlisten) && !this._isHovering) {\n this.mouseMoveUnlisten();\n }\n if (isFunction(this.mouseUpUnlisten)) {\n this.mouseUpUnlisten();\n }\n }\n\n // Registers mousemove\n private onMouseEnter(event: MouseEvent) {\n this._isHovering = true;\n // Add hovering class only while mouse is not clicked\n // \"which\" is supported by Safari\n if (\n (!isUndefined(event.buttons) && event.buttons === 0) ||\n (!isUndefined(event.which) && event.which === 0)\n ) {\n this.renderer.addClass(\n this.resizeGutter,\n `${this.resizeClass}--hovering`\n );\n this.mouseMoveUnlisten = this.renderer.listen(\n document,\n \"mousemove\",\n ($event: MouseEvent) => this.onMouseMove($event)\n );\n }\n }\n\n private onMouseLeave() {\n this.renderer.removeClass(\n this.resizeGutter,\n `${this.resizeClass}--hovering`\n );\n if (!this._isDragging) {\n this._isHovering = false;\n this.unlistenResizeEvents();\n }\n }\n\n private onMouseMove(event: MouseEvent): void {\n // No need to update styles for resizer that we're not dragging\n if (this._isFirstTimeInteracting && this._isDragging) {\n this.refreshStyle();\n this._isFirstTimeInteracting = false;\n }\n if (this._isDragging) {\n this.applyNewSize(event);\n this.calculatePosition();\n }\n }\n\n // Registers mouseup\n private onMouseDown(event: MouseEvent): void {\n this.renderer.addClass(\n this.resizeGutter,\n `${this.resizeClass}--active`\n );\n // Cursor should be there until mouseUp.\n this.renderer.setStyle(\n document.documentElement,\n \"cursor\",\n this.resizePropObj.cursor\n );\n this._isDragging = true;\n this._oldSize = this.isResizeHorizontal()\n ? event.clientX\n : event.clientY;\n this.mouseUpUnlisten = this.renderer.listen(\n document,\n \"mouseup\",\n ($event: MouseEvent) => this.onMouseUp($event)\n );\n event.preventDefault(); // This disables accidental text selection while resizingw\n }\n\n private onMouseUp(event: MouseEvent): void {\n this.renderer.removeStyle(document.documentElement, \"cursor\");\n this.renderer.removeClass(\n this.resizeGutter,\n `${this.resizeClass}--active`\n );\n this._isDragging = false;\n this.eventBusService.getStream(COMPLETE_RESIZE_EVENT).next(event);\n }\n\n private calculatePosition() {\n if (this.resizerDisabled) {\n return;\n }\n const parentCoord =\n this.parentContainerNode.getBoundingClientRect()[\n this.resizePropObj.appendDirection\n ];\n const elementCoord =\n this.targetElement.nativeElement.getBoundingClientRect()[\n this.resizePropObj.borderToCalculate\n ];\n this.renderer.setStyle(\n this.resizeGutter,\n this.resizePropObj.appendDirection,\n `${Math.abs(parentCoord - elementCoord) - this.offsetSize}px`\n );\n }\n\n private applyNewSize(event: MouseEvent) {\n this.sibling = this.targetElement.nativeElement.nextSibling;\n if (!this._isDragging || this.resizerDisabled) {\n return;\n }\n const newSize = this.isResizeHorizontal()\n ? event.clientX\n : event.clientY;\n this.updateSize(newSize);\n }\n\n private updateSize(newSize: number) {\n const updatedProp = this.isMultiple\n ? \"flex-basis\"\n : this.resizePropObj.sizeToSet;\n const parentSize =\n this.parentContainerNode[\n this.resizePropObj.nativeElementSizeProperty\n ];\n const valueCoeff =\n this.resizerValue === ResizeUnit.pixel ? 1 : 100 / parentSize;\n\n // if width is already defined then use it without calculating\n const nativeElSize = `${\n this.calculateNativeElementSize(\n newSize,\n this.resizePropObj.nativeElementSizeProperty\n ) * valueCoeff\n }${this.resizerValue}`;\n const resizerPosition = `${\n this.targetElement.nativeElement[\n this.resizePropObj.nativeElementSizeProperty\n ] - this.offsetSize\n }px`;\n if (!this.isMultiple) {\n this.renderer.setStyle(\n this.targetElement.nativeElement,\n updatedProp,\n nativeElSize\n );\n } else {\n const siblingSize = `${\n this.calculateSiblingSize(\n newSize,\n this.resizePropObj.nativeElementSizeProperty\n ) * valueCoeff\n }${this.resizerValue}`;\n if (this.parentContainerNode.children.length > 2) {\n // These 2 should ALWAYS be together\n this.renderer.setStyle(this.sibling, updatedProp, siblingSize);\n this.renderer.setStyle(\n this.targetElement.nativeElement,\n updatedProp,\n nativeElSize\n );\n }\n }\n this.renderer.setStyle(\n this.resizeGutter,\n this.resizePropObj.appendDirection,\n resizerPosition\n );\n\n this.onSizeChanged(nativeElSize);\n this._oldSize = newSize;\n }\n\n private calculateNativeElementSize(\n newSize: number,\n updatedProp: string\n ): number {\n return this.isAtTheBeginning()\n ? this.targetElement.nativeElement[updatedProp] -\n (newSize - this._oldSize)\n : this.targetElement.nativeElement[updatedProp] +\n (newSize - this._oldSize);\n }\n\n private calculateSiblingSize(newSize: number, updatedProp: string): number {\n return this.isAtTheBeginning()\n ? this.sibling[updatedProp] + (newSize - this._oldSize)\n : this.sibling[updatedProp] - (newSize - this._oldSize);\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport {\n AfterViewInit,\n Directive,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnChanges,\n Output,\n SimpleChanges,\n} from \"@angular/core\";\n\n/**\n * ./../examples/index.html#/common/set-focus\n *\n * Allows focus to be databound. Note: a \"tabindex\" property may be required.\n *\n * Under the hood directive calls element.focus() and element.blur() on data bound changes.\n * If host element is not a focusable HTML element (neither \\ nor \\, e.g. \\),\n * directive tries to find an appropriate focusable one among children.\n *\n * @dynamic\n * @ignore\n */\n@Directive({\n selector: \"[nuiSetFocus]\",\n standalone: false,\n})\nexport class SetFocusDirective implements AfterViewInit, OnChanges {\n private static readonly focusablesToCapture: string[] = [\n \"input\",\n \"textarea\",\n ];\n /**\n * This property controls whether element is focused (true) or not (false).\n */\n @Input() public nuiSetFocus: boolean;\n\n @Input() public preventScroll: boolean = false;\n /**\n * Event fired on extarnal focus changes (initiated from UI by user).\n * Passed value indicates whether element gets focus (true) of lose it (false).\n * Use it when you need to synchronize inner state of directive's 'nuiSetFocus' property and bound input property.\n */\n @Output() public focusChange = new EventEmitter();\n\n private focusableElement: HTMLElement;\n\n constructor(\n private el: ElementRef,\n @Inject(DOCUMENT) private document: Document\n ) {}\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (!this.focusableElement || !changes[\"nuiSetFocus\"]) {\n return;\n }\n if (changes[\"nuiSetFocus\"].currentValue) {\n this.focusableElement.focus({ preventScroll: this.preventScroll });\n } else {\n this.focusableElement.blur();\n }\n }\n\n public ngAfterViewInit(): void {\n this.focusableElement = this.getFirstFocusable(this.el.nativeElement);\n this.focusableElement.addEventListener(\"focus\", this.onFocus);\n this.focusableElement.addEventListener(\"blur\", this.onBlur);\n if (this.nuiSetFocus) {\n this.focusableElement.focus({ preventScroll: this.preventScroll });\n }\n }\n\n private onBlur = () => {\n if (this.document.activeElement !== this.focusableElement) {\n if (this.nuiSetFocus) {\n this.nuiSetFocus = false;\n this.focusChange.emit(false);\n }\n }\n };\n\n private onFocus = () => {\n if (this.document.activeElement === this.focusableElement) {\n if (!this.nuiSetFocus) {\n this.nuiSetFocus = true;\n this.focusChange.emit(true);\n }\n }\n };\n\n private getFirstFocusable(element: HTMLElement): HTMLElement {\n const tagName = element[\"tagName\"].toLowerCase();\n let result: HTMLElement;\n if (SetFocusDirective.focusablesToCapture.indexOf(tagName) !== -1) {\n result = element;\n } else {\n const children = element.querySelectorAll(\n SetFocusDirective.focusablesToCapture.join()\n );\n result = children.length ? children[0] : element;\n }\n return result;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nexport function uuid(prefix = \"\"): string {\n let dt = new Date().getTime();\n const id = \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n // eslint-disable-next-line\n const r = (dt + Math.random() * 16) % 16 | 0;\n dt = Math.floor(dt / 16);\n // eslint-disable-next-line\n return (c === \"x\" ? r : (r & 0x3) | 0x8).toString(16);\n });\n return `${prefix}_${id}`;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n ChangeDetectorRef,\n Directive,\n ElementRef,\n HostBinding,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n SimpleChanges,\n} from \"@angular/core\";\nimport isFinite from \"lodash/isFinite\";\nimport { BehaviorSubject, Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { uuid } from \"../../../functions/uuid\";\n\nexport interface IBrokerValue {\n id: string;\n targetID: string;\n targetValue: number;\n}\n\n/**\n * @ignore\n * PROTOTYPE for DONUT ZOOMING\n *\n * This directive allows to zoom it's element to fit the dimensions of parent element\n */\n@Directive({\n selector: \"[nuiZoomContent]\",\n standalone: false,\n})\nexport class ZoomContentDirective\n implements OnDestroy, AfterViewInit, OnChanges\n{\n private readonly destroy$ = new Subject();\n\n @HostBinding(\"style.zoom\")\n public zoom = 1;\n\n @HostBinding(\"style.padding\")\n public scalePadding: string = \"0\";\n\n // Zoom inputs\n @Input() public zoomRatio = 0.9;\n @Input() public minZoomDifference = 0.1;\n @Input() public maxZoom: number;\n @Input() public minZoom: number;\n @Input() public useZoom: boolean = true;\n\n // Scale inputs\n @Input() public margin: number = 10;\n @Input() public minScale: number = 0.1;\n @Input() public maxScale: number;\n @Input() public scaleIN$: BehaviorSubject;\n @Input() public scaleOUT$: BehaviorSubject;\n\n private readonly uuid = uuid();\n private element: HTMLElement;\n private parentElement: HTMLElement;\n private elementRect: DOMRect;\n private parentRect: DOMRect;\n private latestDataFromBroker: IBrokerValue;\n\n private resizeObserver: ResizeObserver;\n\n constructor(\n element: ElementRef,\n private ngZone: NgZone,\n private cdRef: ChangeDetectorRef\n ) {\n this.element = element.nativeElement;\n\n if (!this.element.parentElement) {\n // Note: is parentElement will be null resizeObserver will crash\n throw new Error(\"Parent element is undefined\");\n }\n\n this.parentElement = this.element.parentElement;\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.scaleOUT$ && this.scaleOUT$) {\n this.scaleIN$.pipe(takeUntil(this.destroy$)).subscribe((data) => {\n this.latestDataFromBroker = { ...data };\n this.element.style.transform = `scale(${data.targetValue})`;\n this.checkScaleBoundaries(data.targetValue);\n });\n }\n this.applyTransform();\n }\n\n public ngAfterViewInit(): void {\n const resizeObserver = new ResizeObserver(() => this.onResize());\n this.ngZone.runOutsideAngular(() => {\n resizeObserver.observe(this.element);\n resizeObserver.observe(this.parentElement);\n });\n\n this.resizeObserver = resizeObserver;\n }\n\n public ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n\n if (this.resizeObserver) {\n this.resizeObserver.unobserve(this.element);\n this.resizeObserver.unobserve(this.parentElement);\n }\n }\n\n public onResize(): void {\n this.elementRect = this.element?.getBoundingClientRect();\n this.parentRect = this.parentElement?.getBoundingClientRect();\n\n if (!this.elementRect || !this.parentRect) {\n return;\n }\n\n this.applyTransform();\n }\n\n private applyTransform(): void {\n if (this.useZoom) {\n this.applyZoom();\n } else {\n this.applyScale();\n }\n }\n\n private applyZoom() {\n const widthZoom = this.parentRect.width / this.elementRect.width;\n const heightZoom = this.parentRect.height / this.elementRect.height;\n\n let zoom = Math.min(widthZoom, heightZoom) * this.zoomRatio;\n if (this.minZoom) {\n zoom = Math.max(zoom, this.minZoom);\n }\n if (this.maxZoom) {\n zoom = Math.min(zoom, this.maxZoom);\n }\n\n if (Math.abs(zoom - this.zoom) > this.minZoomDifference) {\n this.zoom = zoom;\n this.cdRef.detectChanges(); // running inside an angular zone doesn't always work\n }\n }\n\n private applyScale() {\n const parentSize = {\n width: this.parentElement.offsetWidth - 2 * this.margin,\n height: this.parentElement.offsetHeight - 2 * this.margin,\n };\n\n const scale = Math.min(\n parentSize.width / this.element.offsetWidth,\n parentSize.height / this.element.offsetHeight\n );\n\n this.scaleOUT$\n ? this.scaleOUT$.next({\n ...this.latestDataFromBroker,\n targetID: this.uuid,\n targetValue: isFinite(scale) ? scale : 0,\n })\n : (this.element.style.transform = `scale(${scale})`);\n\n this.checkScaleBoundaries(scale);\n }\n\n private checkScaleBoundaries(scale: number) {\n if (scale < this.minScale) {\n this.element.style.transform = `scale(${this.minScale})`;\n }\n\n if (this.maxScale && scale > this.maxScale) {\n this.element.style.transform = `scale(${this.maxScale})`;\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/**\n * @ignore\n */\nimport { CommonModule, DatePipe } from \"@angular/common\";\nimport { NgModule, Provider } from \"@angular/core\";\n// This is not technically used here, but it does pull in the type for $localize\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { LocalizeFn } from \"@angular/localize/init\";\n\nimport { imagesData as IMAGES_PRESET } from \"../constants/images\";\nimport { imagesPresetToken } from \"../constants/images.constants\";\nimport {\n unitConversionConstants,\n unitConversionToken,\n} from \"../constants/unit-conversion.constants\";\nimport { NUI_ENV_PROVIDER } from \"../environment\";\nimport { SelectorService } from \"../lib/selector/selector.service\";\nimport { HighlightPipe } from \"../pipes/highlight.pipe\";\nimport { LimitToPipe } from \"../pipes/limit-to.pipe\";\nimport { MapKeyValuePipe } from \"../pipes/map-key-value.pipe\";\nimport { UnitConversionPipe } from \"../pipes/unit-conversion.pipe\";\nimport { DomUtilService } from \"../services/dom-util.service\";\nimport { EdgeDetectionService } from \"../services/edge-detection.service\";\nimport { EventBusService } from \"../services/event-bus.service\";\nimport { EventPropagationService } from \"../services/event-propagation.service\";\nimport { HistoryStorage } from \"../services/history-storage\";\nimport { LoggerService } from \"../services/log-service\";\nimport { NotificationService } from \"../services/notification-service\";\nimport { PositionService } from \"../services/position.service\";\nimport { SearchService } from \"../services/search.service\";\nimport { TransientCacheService } from \"../services/transient-cache.service\";\nimport { UnitConversionService } from \"../services/unit-conversion.service\";\nimport { UtilService } from \"../services/util.service\";\nimport { ClickFilterDirective } from \"./directives/click-filter/click-filter.directive\";\nimport { ClickInterceptorDirective } from \"./directives/click-interceptor/click-interceptor.directive\";\nimport { ClipboardDirective } from \"./directives/clipboard/clipboard.directive\";\nimport { DragAndDropService } from \"./directives/dragdrop/drag-and-drop.service\";\nimport { DraggableDirective } from \"./directives/dragdrop/draggable.directive\";\nimport { DroppableDirective } from \"./directives/dragdrop/droppable.directive\";\nimport { ResizeDirective } from \"./directives/resize/resize.directive\";\nimport { ResizeObserverDirective } from \"./directives/resize-observer/resize-observer.directive\";\nimport { ResizerDirective } from \"./directives/resizer/resizer.directive\";\nimport { SetFocusDirective } from \"./directives/set-focus/set-focus.directive\";\nimport { ZoomContentDirective } from \"./directives/zoom-content/zoom-content.directive\";\n\n/**\n * @ignore\n */\n@NgModule({\n imports: [CommonModule],\n providers: [\n DragAndDropService,\n EventBusService,\n NUI_ENV_PROVIDER,\n UnitConversionService,\n UtilService,\n TransientCacheService,\n SearchService,\n DatePipe,\n PositionService,\n NotificationService,\n EventPropagationService,\n EdgeDetectionService,\n LoggerService,\n DomUtilService,\n SelectorService,\n HistoryStorage,\n { provide: \"windowObject\", useValue: window },\n {\n provide: unitConversionToken,\n useValue: unitConversionConstants,\n } as Provider,\n { provide: imagesPresetToken, useValue: IMAGES_PRESET } as Provider,\n ],\n declarations: [\n ClickFilterDirective,\n ClickInterceptorDirective,\n ClipboardDirective,\n DraggableDirective,\n DroppableDirective,\n ResizeDirective,\n ResizeObserverDirective,\n ResizerDirective,\n SetFocusDirective,\n LimitToPipe,\n HighlightPipe,\n UnitConversionPipe,\n MapKeyValuePipe,\n ZoomContentDirective,\n ],\n exports: [\n CommonModule,\n ClickFilterDirective,\n ClickInterceptorDirective,\n ClipboardDirective,\n DraggableDirective,\n DroppableDirective,\n ResizeDirective,\n ResizeObserverDirective,\n ResizerDirective,\n SetFocusDirective,\n UnitConversionPipe,\n HighlightPipe,\n MapKeyValuePipe,\n ZoomContentDirective,\n ],\n})\nexport class NuiCommonModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { IconComponent } from \"./icon.component\";\nimport { IconService } from \"./icon.service\";\nimport { NuiCommonModule } from \"../../common/common.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n imports: [NuiCommonModule, IconComponent],\n exports: [IconComponent],\n providers: [IconService],\n})\nexport class NuiIconModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { ButtonComponent } from \"./button.component\";\nimport { NuiCommonModule } from \"../../common/common.module\";\nimport { NuiIconModule } from \"../icon/icon.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n declarations: [ButtonComponent],\n imports: [NuiCommonModule, NuiIconModule],\n exports: [ButtonComponent],\n providers: [],\n})\nexport class NuiButtonModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/** @deprecated */\nexport enum KEY_CODE {\n BACKSPACE = 8,\n TAB = 9,\n ENTER = 13,\n ESCAPE = 27,\n SPACE = 32,\n PAGE_UP = 33,\n PAGE_DOWN = 34,\n END = 35,\n HOME = 36,\n LEFT_ARROW = 37,\n UP_ARROW = 38,\n RIGHT_ARROW = 39,\n DOWN_ARROW = 40,\n DELETE = 46,\n X = 88,\n ASTERISK = 106,\n PLUS = 107,\n MINUS = 109,\n TILDE = 192,\n}\n\nexport enum KEYBOARD_CODE {\n ARROW_DOWN = \"ArrowDown\",\n ARROW_LEFT = \"ArrowLeft\",\n ARROW_RIGHT = \"ArrowRight\",\n ARROW_UP = \"ArrowUp\",\n BACKSPACE = \"Backspace\",\n ENTER = \"Enter\",\n END = \"End\",\n ESCAPE = \"Escape\",\n HOME = \"Home\",\n PAGE_DOWN = \"PageDown\",\n PAGE_UP = \"PageUp\",\n SHIFT_LEFT = \"ShiftLeft\",\n SHIFT_RIGHT = \"ShiftRight\",\n SPACE = \"Space\",\n TAB = \"Tab\",\n DELETE = \"Delete\",\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/**\n * An abstract class (you can call it interface) which allows formField component to access inner components.\n * If there is some element that implements NuiFormFieldControl provided inside, the form field will be able\n * to control isInErrorState of that control.\n * Textbox, combobox, select, timepicker and datepicker are using this.\n */\nexport abstract class NuiFormFieldControl {\n /** Whether the control is in an error state. */\n public isInErrorState: boolean;\n\n // TODO: make this field required in v-next\n /** Aria label to set on the tab-focusable item. */\n public ariaLabel?: string;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n OnDestroy,\n Output,\n Renderer2,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { Subscription } from \"rxjs\";\n\nimport { CheckboxChangeEvent, ICheckboxComponent } from \"./public-api\";\nimport {\n CHECKBOX_KEYDOWN_EVENT,\n DOCUMENT_CLICK_EVENT,\n} from \"../../constants/event.constants\";\nimport { KEYBOARD_CODE } from \"../../constants/keycode.constants\";\nimport { EventBusService } from \"../../services/event-bus.service\";\nimport { NuiFormFieldControl } from \"../form-field/public-api\";\n\n@Component({\n selector: \"nui-checkbox\",\n templateUrl: \"./checkbox.component.html\",\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NuiFormFieldControl,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true,\n },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxComponent),\n multi: true,\n },\n ],\n styleUrls: [\"./checkbox.component.less\"],\n // TODO: turn on the view envapsulation in the scope of NUI-5823\n encapsulation: ViewEncapsulation.None,\n host: {\n \"[class.nui-checkbox--hovered]\": \"hovered\",\n \"[class.nui-checkbox--checked]\": \"checked\",\n },\n standalone: false,\n})\n\n/**\n * provides the same functionality as a native\n * enhanced with NUI styling.\n * ./../examples/index.html#/checkbox\n */\nexport class CheckboxComponent\n implements\n AfterViewInit,\n ICheckboxComponent,\n ControlValueAccessor,\n OnDestroy\n{\n private _checked: boolean;\n private _disabled: boolean;\n\n /**\n * Input to set aria label text\n */\n @Input() public get ariaLabel(): string {\n return this._ariaLabel;\n }\n\n // changing the value with regular @Input doesn't trigger change detection\n // so we need to do that manually in the setter\n public set ariaLabel(value: string) {\n if (value !== this._ariaLabel) {\n this._ariaLabel = value;\n this.changeDetector.markForCheck();\n }\n }\n\n /** Users ca specify the 'aria-labelledby' which will be set to the input element */\n @Input() ariaLabelledby: string | null = null;\n\n /** The 'aria-describedby' attribute is read after the element's label and field type. */\n @Input() ariaDescribedby: string;\n\n /**\n * Sets \"name\" attribute for inner input element of nui-checkbox\n */\n @Input() public name: string;\n\n /**\n * Sets \"title\" attribute for nui-checkbox label\n */\n @Input() public title = \"\";\n\n /**\n * Sets \"value\" attribute for inner input element of nui-checkbox\n */\n @Input() public value: any;\n\n /**\n * Event that is fired when nui-checkbox is toggled\n */\n @Output() public valueChange = new EventEmitter();\n\n /**\n * Used for changing nui-checkbox component styles when component is hovered\n */\n @Input() public hovered: boolean;\n\n /**\n * Sets \"checked\" attribute for inner input element of nui-checkbox\n */\n @Input()\n public get checked(): boolean {\n return this._checked;\n }\n public set checked(val: boolean) {\n if (this._checked !== val) {\n this.changeDetector.markForCheck();\n }\n this._checked = val;\n }\n\n /**\n * Sets \"required\" attribute for inner input element of nui-checkbox\n */\n @Input() public required: boolean;\n\n /**\n * Sets nui-checkbox hint that is displayed below label\n */\n @Input() public hint: string;\n\n /**\n * Used for disabling of nui-checkbox\n */\n @Input()\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(val: boolean) {\n if (this._disabled !== val) {\n this.changeDetector.markForCheck();\n }\n this._disabled = val;\n }\n\n /**\n * Used for setting of nui-checkbox indeterminate state\n */\n @Input() public indeterminate: boolean;\n\n /**\n * Reference to the inner input checkbox html element\n */\n @ViewChild(\"inputViewContainer\", { read: ViewContainerRef })\n public inputViewContainer: ViewContainerRef;\n\n @ViewChild(\"checkboxContent\")\n public checkboxContent: ElementRef;\n @ViewChild(\"checkboxLabel\")\n public checkboxLabel: ElementRef;\n\n private rendererListener: Function;\n private sub: Subscription;\n\n private _ariaLabel: string = \"Checkbox\";\n\n private keysAction = [KEYBOARD_CODE.SPACE, KEYBOARD_CODE.ENTER].map(String);\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private eventBusService: EventBusService,\n private renderer: Renderer2\n ) {}\n\n public ngAfterViewInit(): void {\n this.rendererListener = this.renderer.listen(\n this.checkboxLabel.nativeElement,\n \"keydown\",\n (event: KeyboardEvent) => {\n this.eventBusService\n .getStream(CHECKBOX_KEYDOWN_EVENT)\n .next(event);\n }\n );\n\n this.sub = this.eventBusService\n .getStream(CHECKBOX_KEYDOWN_EVENT)\n .subscribe((event) => {\n if (event.target === this.checkboxLabel.nativeElement) {\n if (this.keysAction.includes(event.code)) {\n event.stopPropagation();\n event.preventDefault();\n if (!this.disabled) {\n this.handleKeyboardActions();\n }\n }\n }\n });\n }\n\n public getAriaChecked(): \"true\" | \"false\" | \"mixed\" {\n if (this.checked) {\n return \"true\";\n }\n\n return this.indeterminate ? \"mixed\" : \"false\";\n }\n\n /**\n * Used for changing of css style when nui-checkbox is hovered\n */\n public hoverHandler(): void {\n this.hovered = !this.hovered;\n }\n\n /**\n * nui-checkbox check/uncheck state handler\n * @param event Changed nui-checkbox component\n */\n public changeHandler(event: CheckboxChangeEvent): void {\n this.valueChange.emit(event);\n const checked = !!event.target?.checked;\n this.onChange(checked);\n this.onTouched();\n this.writeValue(checked);\n }\n\n public onClick(event: MouseEvent): void {\n event.stopPropagation();\n this.eventBusService.getStream(DOCUMENT_CLICK_EVENT).next(event);\n }\n\n public onChange(value: any): void {}\n\n public onTouched(): void {}\n\n public writeValue(value: any): void {\n this.checked = value;\n }\n\n public registerOnChange(fn: (value: boolean) => void): void {\n this.onChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n public ngOnDestroy(): void {\n if (this.rendererListener) {\n this.rendererListener();\n }\n if (this.sub) {\n this.sub.unsubscribe();\n }\n }\n\n private handleKeyboardActions(): void {\n if (this.indeterminate) {\n this.inputViewContainer.element.nativeElement.checked = true;\n this.indeterminate = false;\n } else {\n this.inputViewContainer.element.nativeElement.checked =\n !this.inputViewContainer.element.nativeElement.checked;\n }\n this.inputViewContainer.element.nativeElement.dispatchEvent(\n new Event(\"change\")\n );\n }\n}\n","\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n forwardRef,\n Input,\n OnDestroy,\n Output,\n QueryList,\n Renderer2,\n} from \"@angular/core\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport _remove from \"lodash/remove\";\nimport { Subscription } from \"rxjs\";\n\nimport { CheckboxComponent } from \"./checkbox.component\";\nimport { CheckboxChangeEvent, ICheckboxComponent } from \"./public-api\";\nimport { NuiFormFieldControl } from \"../form-field/public-api\";\n\n@Component({\n selector: \"nui-checkbox-group\",\n templateUrl: \"./checkbox-group.component.html\",\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NuiFormFieldControl,\n useExisting: forwardRef(() => CheckboxGroupComponent),\n multi: true,\n },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckboxGroupComponent),\n multi: true,\n },\n ],\n host: { role: \"group\" },\n standalone: false,\n})\n/**\n * Component for combining of nui-checkbox components in to group\n * ./../examples/index.html#/checkbox-group\n */\nexport class CheckboxGroupComponent\n implements AfterViewInit, OnDestroy, ControlValueAccessor\n{\n /**\n * Sets \"name\" attribute for inner input element of nui-checkbox\n */\n @Input() public name: string;\n\n /**\n * Stores values from selected nui-checkboxes children components\n */\n @Input() public values: any[];\n\n /**\n * Is emitted when nui-checkbox is selected\n */\n @Output() public valuesChange = new EventEmitter();\n\n /**\n * CheckboxGroupComponent children array from CheckboxComponent items\n */\n @ContentChildren(CheckboxComponent, { descendants: true })\n private children: QueryList;\n\n /**\n * Input to set aria label text\n */\n @Input() public ariaLabel = \"Checkbox Group\";\n\n /**\n * Input to set aria label text\n */\n @Input() public ariaLabeledby = \"\";\n\n private subscriptionsArray = new Array();\n private disabled: boolean = false;\n\n constructor(private renderer: Renderer2) {}\n\n /**\n * Subscribe to nui-checkbox-group children values change\n */\n public ngAfterViewInit(): void {\n this.children.toArray().forEach((child: ICheckboxComponent) => {\n this.renderer.setAttribute(\n child.inputViewContainer.element.nativeElement,\n \"name\",\n this.name\n );\n this.subscriptionsArray.push(this.subscribeToCheckboxEvent(child));\n setTimeout(() => {\n child.checked = this.values.indexOf(child.value) > -1;\n child.disabled = child.disabled || this.disabled;\n });\n });\n\n this.children.changes.subscribe(\n (checkboxComponentQueryList: QueryList) => {\n // verify that there are no observers on checkboxes as we are creating new.\n this.subscriptionsArray.forEach((sub) => sub.unsubscribe());\n checkboxComponentQueryList\n .toArray()\n .forEach((checkbox: ICheckboxComponent) => {\n this.renderer.setAttribute(\n checkbox.inputViewContainer.element.nativeElement,\n \"name\",\n this.name\n );\n this.subscriptionsArray.push(\n this.subscribeToCheckboxEvent(checkbox)\n );\n setTimeout(() => {\n checkbox.checked =\n this.values.indexOf(checkbox.value) > -1;\n checkbox.disabled =\n checkbox.disabled || this.disabled;\n });\n });\n }\n );\n }\n\n public onChange(value: any[]): void {}\n\n public onTouched(): void {}\n\n public writeValue(value: any): void {\n this.values = value;\n }\n\n public registerOnChange(fn: (value: any[]) => void): void {\n this.onChange = fn;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n if (this.children) {\n this.children\n .toArray()\n .forEach((child) => (child.disabled = this.disabled));\n }\n }\n\n /**\n * Unsubscribe from valuesChange event\n */\n public ngOnDestroy(): void {\n this.subscriptionsArray.forEach((sub) => sub.unsubscribe());\n }\n\n private subscribeToCheckboxEvent(\n checkbox: ICheckboxComponent\n ): Subscription {\n return checkbox.valueChange.subscribe((event: CheckboxChangeEvent) => {\n if (event.target.checked) {\n this.values = [...this.values, event.target.value];\n } else {\n _remove(this.values, (x: any) => x === event.target.value);\n }\n this.valuesChange.emit(this.values);\n this.onChange(this.values);\n this.onTouched();\n this.writeValue(this.values);\n });\n }\n}\n","\n \n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { CheckboxGroupComponent } from \"./checkbox-group.component\";\nimport { CheckboxComponent } from \"./checkbox.component\";\nimport { NuiCommonModule } from \"../../common/common.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n declarations: [CheckboxComponent, CheckboxGroupComponent],\n imports: [NuiCommonModule],\n exports: [CheckboxComponent, CheckboxGroupComponent],\n providers: [],\n})\nexport class NuiCheckboxModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Component,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from \"@angular/core\";\n\nimport { DividerSize } from \"./public-api\";\n\n// ./../examples/index.html#/divider\n\n/** @ignore */\n@Component({\n selector: \"nui-divider\",\n template: \"\",\n host: {\n class: \"nui-divider\",\n role: \"separator\",\n },\n styleUrls: [\"./divider.component.less\"],\n encapsulation: ViewEncapsulation.Emulated,\n standalone: false,\n})\nexport class DividerComponent {\n /**\n * Defines if divider is vertical.\n */\n @Input() isVertical: boolean;\n\n /**\n * Defines divider's margins.\n */\n @Input() size: DividerSize;\n\n @HostBinding(\"class.nui-divider--vertical\")\n public get isVerticalDivider(): boolean {\n return this.isVertical;\n }\n\n @HostBinding(\"class.nui-divider--horizontal\")\n public get isHorizontalDivider(): boolean {\n return !this.isVertical;\n }\n\n @HostBinding(\"class.nui-divider--no-margin\")\n public get isNoMargins(): boolean {\n return this.size === \"no-margin\";\n }\n\n @HostBinding(\"class.xs\") public get isExtraSmall(): boolean {\n return this.size === \"extra-small\";\n }\n\n @HostBinding(\"class.sm\") public get isSmall(): boolean {\n return this.size === \"small\";\n }\n\n @HostBinding(\"class.md\") public get isMedium(): boolean {\n return this.size === \"medium\";\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { DividerComponent } from \"./divider.component\";\nimport { NuiCommonModule } from \"../../common/common.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n declarations: [DividerComponent],\n imports: [NuiCommonModule],\n exports: [DividerComponent],\n providers: [],\n})\nexport class NuiDividerModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { CdkDropList } from \"@angular/cdk/drag-drop\";\nimport { Component, EventEmitter, Output, ViewChild } from \"@angular/core\";\n\n// import {DraggableComponent} from \"./draggable.component\";\n\n/**\n * @ignore\n */\n@Component({\n selector: \"nui-droppable\",\n templateUrl: \"./droppable.component.html\",\n styleUrls: [\"./droppable.component.less\"],\n standalone: false,\n})\nexport class DroppableComponent {\n // @Input() dragSource: DraggableComponent;\n\n @Output() dragOver = new EventEmitter();\n @Output() dragEnter = new EventEmitter();\n @Output() dragLeave = new EventEmitter();\n @Output() dropSuccess = new EventEmitter();\n\n @ViewChild(CdkDropList, { static: true }) dropList: CdkDropList;\n\n public onDrop(event: any): void {\n if (event.container !== event.previousContainer) {\n this.dropSuccess.emit(event.item.data);\n }\n }\n}\n","\n \n
\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { CdkDrag, CdkDropList } from \"@angular/cdk/drag-drop\";\nimport {\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n TemplateRef,\n ViewChild,\n} from \"@angular/core\";\n\nimport { DroppableComponent } from \"./droppable.component\";\n\n/**\n * @ignore\n */\n@Component({\n selector: \"nui-draggable\",\n templateUrl: \"./draggable.component.html\",\n styleUrls: [\"./draggable.component.less\"],\n standalone: false,\n})\nexport class DraggableComponent implements OnInit {\n @Input() payload: any;\n @Input() dropTarget: DroppableComponent;\n @Input() dragHandle: boolean = false;\n @Input() dragPreview: TemplateRef;\n @Output() dragStart = new EventEmitter();\n @Output() dragEnd = new EventEmitter();\n\n @ViewChild(CdkDropList, { static: true }) dropList: CdkDropList;\n @ViewChild(CdkDrag, { static: true }) dragElement: CdkDrag;\n\n constructor() {}\n\n public ngOnInit(): void {\n this.dragElement.dropContainer = this.dropTarget.dropList;\n }\n}\n","\n
\n \n \n \n \n\n \n\n \n \n \n
\n \n \n \n \n \n
\n\n \n \n
\n\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { MessageComponent } from \"./message.component\";\nimport { NuiCommonModule } from \"../../common/common.module\";\nimport { NuiButtonModule } from \"../../lib/button/button.module\";\nimport { NuiIconModule } from \"../../lib/icon/icon.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n declarations: [MessageComponent],\n imports: [NuiCommonModule, NuiIconModule, NuiButtonModule],\n exports: [MessageComponent],\n providers: [],\n})\nexport class NuiMessageModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n ViewEncapsulation,\n afterNextRender,\n computed,\n effect,\n inject,\n input,\n} from \"@angular/core\";\nimport { DomSanitizer, SafeHtml } from \"@angular/platform-browser\";\n\nimport { IImagesPresetItem } from \"./public-api\";\nimport { imagesPresetToken } from \"../../constants/images.constants\";\nimport { computeA11yForGraphic } from \"../../functions/a11y-graphics.util\";\nimport { LoggerService } from \"../../services/log-service\";\nimport { UtilService } from \"../../services/util.service\";\n\n/**\n * ./../examples/index.html#/image\n */\n@Component({\n selector: \"nui-image\",\n standalone: true,\n templateUrl: \"./image.component.html\",\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrls: [\"./image.component.less\"],\n encapsulation: ViewEncapsulation.None,\n host: {\n \"[attr.role]\": \"computedRole()\",\n \"[attr.aria-hidden]\": \"computedAriaHidden()\",\n \"[attr.aria-label]\": \"computedAriaLabel()\",\n },\n})\nexport class ImageComponent {\n /**\n * Image name from nui image preset or external source\n */\n public image = input();\n\n /**\n * Sets aria-label text or alt for image from external source\n */\n public description = input();\n\n /**\n * Available values are: 'left' and 'right'\n */\n public float = input();\n /**\n * Available values are: 'centered', 'small', 'large'\n */\n public margin = input();\n /**\n * 'True' will apply 30% opacity to the image\n */\n public isWatermark = input();\n /**\n * Sets the width of the container parent image\n */\n public width = input(\"auto\");\n /**\n * Sets the height of the container parent image\n */\n public height = input(\"auto\");\n /**\n * When set to true sets the hardcoded width and height of the svg to 100% to fill the parent container\n */\n public autoFill = input();\n /**\n * Optional ARIA role override. Constrained to 'img' | 'presentation' | null.\n * If omitted, role is inferred from presence of alt/label.\n */\n public role = input<\"img\" | \"presentation\" | null>();\n\n public imageName = computed(() => {\n const img = this.image();\n if (img && typeof img === \"object\" && \"name\" in img) {\n return (img as any).name ?? null;\n }\n const fromPreset = this.getImage(img as string);\n return fromPreset?.name ?? null;\n });\n\n public hasAlt = computed(() => {\n const img = this.image();\n const hasCode = !!(img && typeof img === \"object\" && typeof (img as any).code === \"string\");\n return !hasCode;\n });\n\n public imageTemplate = computed(() => {\n const img = this.image();\n let html = \"\";\n if (img && typeof img === \"object\" && typeof (img as any).code === \"string\") {\n html = (img as any).code;\n } else if (typeof img === \"string\") {\n const fromPreset = this.getImage(img);\n if (fromPreset?.code) {\n html = fromPreset.code;\n } else {\n html = `![\"${this.description()}\"](\"${img}\")
`;\n }\n }\n return this.domSanitizer.bypassSecurityTrustHtml(html);\n });\n\n private a11y = computed(() =>\n computeA11yForGraphic({\n decorative: false,\n explicitRole: this.role(),\n label: this.description() || this.imageName() || null,\n hasAlt: this.hasAlt(),\n statusParts: undefined,\n })\n );\n\n private logger = inject(LoggerService);\n private utilService = inject(UtilService);\n private changeDetector = inject(ChangeDetectorRef);\n private images = inject>(imagesPresetToken);\n private domSanitizer = inject(DomSanitizer);\n private el = inject(ElementRef);\n\n public computedRole = computed(() => this.a11y().role);\n public computedAriaHidden = computed(() => this.a11y().ariaHidden);\n public computedAriaLabel = computed(() => this.a11y().ariaLabel);\n\n constructor() {\n effect(() => {\n const h = this.height();\n const w = this.width();\n [h, w].forEach((item) => {\n if (item !== undefined && !this.isImageSizeValid(item)) {\n this.logger.error(\n \"Image size should be specified in 'px', '%', or 'auto\"\n );\n }\n });\n });\n\n afterNextRender(() => {\n if (this.autoFill()) {\n const svg = this.el.nativeElement.querySelector(\"svg\");\n if (svg) {\n svg.setAttribute(\"width\", \"100%\");\n svg.setAttribute(\"height\", \"100%\");\n } else {\n console.warn(\n \"Can't apply 'autoFill' to nui-image, because it is only applicable to SVG type of images\"\n );\n }\n }\n\n // Fix bug for Safari with wrong alignment of floated SVG images\n if (this.float() && !this.width() && this.utilService.browser?.isSafari()) {\n const svg = this.el.nativeElement.querySelector(\"svg\");\n if (svg) {\n (this.el.nativeElement as HTMLElement).style.width = svg.width.baseVal.value + \"px\";\n this.changeDetector.detectChanges();\n }\n }\n });\n }\n\n private getImage = (imageName: string): IImagesPresetItem | undefined =>\n this.images.find((img) => img.name === imageName);\n\n private isImageSizeValid(value: string): boolean {\n return (\n !isNaN(parseFloat(value)) &&\n (value.includes(\"px\") || value.includes(\"%\") || value.includes(\"auto\"))\n );\n }\n}\n","\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { NgModule } from \"@angular/core\";\n\nimport { ImageComponent } from \"./image.component\";\nimport { NuiCommonModule } from \"../../common/common.module\";\n\n/**\n * @ignore\n */\n@NgModule({\n imports: [NuiCommonModule, ImageComponent],\n exports: [ImageComponent],\n providers: [],\n})\nexport class NuiImageModule {}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { InjectionToken } from \"@angular/core\";\n\nimport { IOption } from \"./types\";\nimport { OverlayContainerType } from \"./types\";\n\nexport const OVERLAY_ITEM = new InjectionToken(\"OVERLAY_ITEM\");\nexport const OVERLAY_CONTAINER = new InjectionToken(\n \"OVERLAY_CONTAINER\"\n);\nexport const OVERLAY_WITH_POPUP_STYLES_CLASS = \"with-popup-styles\";\nexport const OVERLAY_ARROW_SIZE = 12.72;\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { Highlightable } from \"@angular/cdk/a11y\";\nimport { ScrollStrategy } from \"@angular/cdk/overlay\";\nimport { ElementRef } from \"@angular/core\";\n\n/** CSS class for the shared container that all overlays will be attached to */\nexport const OVERLAY_CONTAINER_CLASS = \"nui-overlay-container\";\n\n/** CSS class that will be attached to the overlay panel. */\nexport const OVERLAY_PANEL_CLASS = \"nui-overlay-panel\";\n\nexport const OVERLAY_DEFAULT_PRIORITY = 10;\n\nexport type ScrollStrategyAccessor = () => ScrollStrategy;\n\nexport enum OverlayPlacement {\n Left = \"left\",\n Right = \"right\",\n Top = \"top\",\n Bottom = \"bottom\",\n Custom = \"custom\",\n}\n\nexport enum OverlayPosition {\n topLeft = \"top-left\",\n topRight = \"top-right\",\n bottomLeft = \"bottom-left\",\n bottomRight = \"bottom-right\",\n centerLeft = \"center-left\",\n centerRight = \"center-right\",\n centerTop = \"center-top\",\n centerBottom = \"center-bottom\",\n leftTop = \"left-top\",\n leftBottom = \"left-bottom\",\n rightTop = \"right-top\",\n rightBottom = \"right-bottom\",\n}\n\nexport type OverlayContainerType = ElementRef | string;\n\nexport interface IOverlayComponent {\n showing: boolean;\n toggle: () => void;\n}\n\nexport interface IOptionValueObject {\n /** Please use \"id\" if you want to distinguish same options in different Group Sections */\n id?: string;\n [key: string]: any;\n}\n\nexport type OptionValueType = IOptionValueObject | string | null;\n\nexport interface IOption extends Highlightable {\n scrollIntoView: (options?: ScrollIntoViewOptions) => void;\n element: ElementRef;\n outfiltered?: boolean;\n isDisabled?: boolean;\n}\n\nexport interface IOverlayPositionServiceConfig {\n arrowSize?: number;\n arrowPadding?: number;\n}\n\nexport interface IResizeConfig {\n updateSize?: boolean;\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable } from \"@angular/core\";\nimport _isNull from \"lodash/isNull\";\n\nimport { OVERLAY_CONTAINER_CLASS, OVERLAY_DEFAULT_PRIORITY } from \"./types\";\n\nconst PRIORITY_ATTRIBUTE = \"priority\";\n\n/** @dynamic */\n@Injectable({ providedIn: \"root\" })\nexport class OverlayContainerService {\n constructor(@Inject(DOCUMENT) private document: Document) {}\n\n /**\n * Create a shared container to be used by all overlays if needed\n *\n * @param elementOrSelector - specifies the container where the overlay will be created\n * @param priority - used for rendering overlays above or below others\n * (lower values will be rendered below higher priority values)\n */\n public getOverlayContainer(\n elementOrSelector: Element | string = this.document.body,\n priority: number = OVERLAY_DEFAULT_PRIORITY\n ): HTMLElement {\n // eslint-disable-next-line no-undef-init\n let elementFromSelector: HTMLElement | undefined = undefined;\n\n if (typeof elementOrSelector === \"string\") {\n const result: HTMLElement | null =\n this.document.querySelector(elementOrSelector);\n elementFromSelector = !_isNull(result) ? result : undefined;\n\n if (!elementFromSelector) {\n throw new Error(\n `Specified overlay container '${\n elementOrSelector || \"body\"\n }' was not found in the DOM.`\n );\n }\n }\n\n // according priority to custom container selector provided by user.\n const targetContainer: HTMLElement =\n elementFromSelector ??\n elementOrSelector ??\n this.document.body;\n const sharedContainer = this.createSharedContainer(targetContainer);\n\n let overlayContainer: HTMLElement | undefined;\n\n const overlayPriorityClass = \"overlay-container-priority\";\n const desiredPriorityClass = priority.toString().padStart(3, \"0\");\n let lastPriorityDomEl: HTMLElement | undefined;\n\n let overlays: NodeListOf;\n\n if (targetContainer === this.document.body) {\n overlays = this.document.querySelectorAll(\n `body > .cdk-overlay-container > .${overlayPriorityClass}`\n );\n } else {\n overlays = sharedContainer.querySelectorAll(\n `.${overlayPriorityClass}`\n );\n }\n\n // loop through all our priorities in case we have any\n for (let i = 0; i < overlays.length; i++) {\n lastPriorityDomEl = overlays[i];\n\n if (\n lastPriorityDomEl.getAttribute(PRIORITY_ATTRIBUTE) ===\n desiredPriorityClass\n ) {\n // we already have our priority container\n overlayContainer = lastPriorityDomEl;\n }\n\n // we need to stop if our priority is higher than the desired priority\n if (\n (lastPriorityDomEl.getAttribute(PRIORITY_ATTRIBUTE) ?? \"\") >\n desiredPriorityClass\n ) {\n break;\n }\n }\n\n if (!overlayContainer) {\n const div: HTMLElement = this.document.createElement(\"div\");\n div.classList.add(overlayPriorityClass);\n div.setAttribute(PRIORITY_ATTRIBUTE, desiredPriorityClass);\n\n if (!lastPriorityDomEl) {\n // create our priority element in case our shared container just got created\n // and we don't have any priorities yet\n overlayContainer = sharedContainer.appendChild(div);\n } else {\n // create our priory element before or after the last priority DOM element\n // depending on the desired priority\n overlayContainer = lastPriorityDomEl.insertAdjacentElement(\n (lastPriorityDomEl.getAttribute(PRIORITY_ATTRIBUTE) ?? \"\") >\n desiredPriorityClass\n ? \"beforebegin\"\n : \"afterend\",\n div\n ) as HTMLElement;\n }\n }\n\n return overlayContainer;\n }\n\n private createSharedContainer(targetContainer: Element): Element {\n let sharedContainer: Element | undefined;\n\n if (targetContainer === this.document.body) {\n // create shared container only if it doesn't exist already\n sharedContainer =\n targetContainer.querySelector(\n `body > .${OVERLAY_CONTAINER_CLASS}`\n ) ?? undefined;\n } else {\n // create shared container only if it doesn't exist already\n sharedContainer =\n targetContainer.querySelector(`.${OVERLAY_CONTAINER_CLASS}`) ??\n undefined;\n }\n\n if (!sharedContainer) {\n sharedContainer = this.document.createElement(\"div\");\n sharedContainer.classList.add(\n OVERLAY_CONTAINER_CLASS,\n \"cdk-overlay-container\"\n );\n targetContainer.appendChild(sharedContainer);\n }\n\n return sharedContainer;\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n/**\n * Alternative to OverlayContainer that supports custom container\n *\n * Should be provided in the root component.\n */\nimport { OverlayContainer } from \"@angular/cdk/overlay\";\nimport { Platform } from \"@angular/cdk/platform\";\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, OnDestroy } from \"@angular/core\";\n\nimport { OverlayContainerService } from \"./overlay-container.service\";\n\n/** @dynamic */\n@Injectable()\nexport class OverlayCustomContainer\n extends OverlayContainer\n implements OnDestroy\n{\n constructor(\n @Inject(DOCUMENT) document: Document,\n platform: Platform,\n private overlayService: OverlayContainerService\n ) {\n super(document, platform);\n }\n\n public setContainer(element: Element): void {\n this._containerElement =\n this.overlayService.getOverlayContainer(element);\n }\n\n public ngOnDestroy(): void {\n // Overriding default destroy to prevent unwanted cleanup\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ConnectedOverlayPositionChange,\n ConnectedPosition,\n FlexibleConnectedPositionStrategy,\n OverlayRef,\n} from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport isNil from \"lodash/isNil\";\nimport { Subscription } from \"rxjs\";\n\nimport { OVERLAY_ARROW_SIZE } from \"./constants\";\nimport {\n IOverlayPositionServiceConfig,\n OverlayPlacement,\n OverlayPosition,\n} from \"./types\";\n\nenum OverlayPanelClass {\n overlayCenterTop = \"overlay-center-top\",\n overlayTopLeft = \"overlay-top-left\",\n overlayTopRight = \"overlay-top-right\",\n overlayCenterBottom = \"overlay-center-bottom\",\n overlayBottomRight = \"overlay-bottom-right\",\n overlayBottomLeft = \"overlay-bottom-left\",\n overlayCenterLeft = \"overlay-center-left\",\n overlayLeftTop = \"overlay-left-top\",\n overlayLeftBottom = \"overlay-left-bottom\",\n overlayCenterRight = \"overlay-center-right\",\n overlayRightTop = \"overlay-right-top\",\n overlayRightBottom = \"overlay-right-bottom\",\n}\n\n@Injectable()\nexport class OverlayPositionService {\n private overlayPositions: Record;\n\n private arrowSize: number;\n private arrowPadding: number;\n public config: IOverlayPositionServiceConfig;\n\n public setOverlayPositionConfig(\n config?: IOverlayPositionServiceConfig\n ): void {\n this.arrowSize = !isNil(config?.arrowSize)\n ? config?.arrowSize\n : OVERLAY_ARROW_SIZE;\n this.arrowPadding = !isNil(config?.arrowPadding)\n ? config?.arrowPadding\n : 0;\n this.overlayPositions = getOverlayPositions();\n }\n\n public updateOffsetOnPositionChanges(\n positionStrategy: FlexibleConnectedPositionStrategy,\n getOverlayRef: () => OverlayRef\n ): Subscription {\n return positionStrategy.positionChanges.subscribe(\n (connectedPosition: ConnectedOverlayPositionChange) => {\n const overlayRefElement = getOverlayRef().overlayElement;\n const panelClass = connectedPosition.connectionPair.panelClass;\n if (!panelClass) {\n return;\n }\n this.setOverlayOffset(panelClass, overlayRefElement);\n }\n );\n }\n\n private setOverlayOffset(\n panelClass: string | string[],\n overlayRefElement: HTMLElement\n ) {\n if (Array.isArray(panelClass)) {\n panelClass = this.getOverlayPositionPanelClass(panelClass);\n }\n\n if (!panelClass) {\n return;\n }\n\n overlayRefElement.style.marginLeft = \"\";\n overlayRefElement.style.marginTop = \"\";\n overlayRefElement.style.marginBottom = \"\";\n overlayRefElement.style.marginRight = \"\";\n\n switch (panelClass) {\n case OverlayPanelClass.overlayCenterTop:\n overlayRefElement.style.marginBottom = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayTopLeft:\n overlayRefElement.style.marginRight =\n 2 * this.arrowPadding + \"px\";\n overlayRefElement.style.marginBottom = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayTopRight:\n overlayRefElement.style.marginLeft =\n 2 * this.arrowPadding + \"px\";\n overlayRefElement.style.marginBottom = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayCenterBottom:\n overlayRefElement.style.marginTop = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayBottomRight:\n overlayRefElement.style.marginLeft =\n 2 * this.arrowPadding + \"px\";\n overlayRefElement.style.marginTop = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayBottomLeft:\n overlayRefElement.style.marginRight =\n 2 * this.arrowPadding + \"px\";\n overlayRefElement.style.marginTop = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayCenterLeft:\n overlayRefElement.style.marginRight = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayLeftTop:\n overlayRefElement.style.marginRight = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayLeftBottom:\n overlayRefElement.style.marginRight = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayCenterRight:\n overlayRefElement.style.marginLeft = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayRightTop:\n overlayRefElement.style.marginLeft = this.arrowSize + \"px\";\n break;\n case OverlayPanelClass.overlayRightBottom:\n overlayRefElement.style.marginLeft = this.arrowSize + \"px\";\n break;\n }\n }\n\n public getPossiblePositionsForPlacement(\n placement: OverlayPlacement\n ): ConnectedPosition[] {\n const possiblePositions: ConnectedPosition[] = [];\n\n // add positions for the requested placement\n possiblePositions.push(...this.getPositionsForPlacement(placement));\n\n // add positions for the opposite placement in case the requested placement\n // would be rendered outside the screen\n switch (placement) {\n case OverlayPlacement.Left:\n possiblePositions.push(\n ...this.getPositionsForPlacement(OverlayPlacement.Right),\n ...this.getPositionsForPlacement(OverlayPlacement.Top),\n ...this.getPositionsForPlacement(OverlayPlacement.Bottom)\n );\n break;\n case OverlayPlacement.Right:\n possiblePositions.push(\n ...this.getPositionsForPlacement(OverlayPlacement.Left),\n ...this.getPositionsForPlacement(OverlayPlacement.Top),\n ...this.getPositionsForPlacement(OverlayPlacement.Bottom)\n );\n break;\n case OverlayPlacement.Top:\n possiblePositions.push(\n ...this.getPositionsForPlacement(OverlayPlacement.Bottom),\n ...this.getPositionsForPlacement(OverlayPlacement.Left),\n ...this.getPositionsForPlacement(OverlayPlacement.Right)\n );\n break;\n case OverlayPlacement.Bottom:\n possiblePositions.push(\n ...this.getPositionsForPlacement(OverlayPlacement.Top),\n ...this.getPositionsForPlacement(OverlayPlacement.Left),\n ...this.getPositionsForPlacement(OverlayPlacement.Right)\n );\n break;\n }\n\n return possiblePositions;\n }\n\n private getOverlayPositionPanelClass(panelClass: string[]): string {\n let result;\n for (const panelClassKey in OverlayPanelClass) {\n if (OverlayPanelClass.hasOwnProperty(panelClassKey)) {\n result = panelClass.find((i) => i === panelClassKey);\n }\n }\n return result || \"\";\n }\n\n /**\n * Returns all possible positions for a placement\n * Eg: left => [OVERLAY_POSITIONS[centerLeft], OVERLAY_POSITIONS[topLeft], OVERLAY_POSITIONS[bottomLeft]]\n *\n * @param placement\n * @returns ConnectedPosition[]\n */\n private getPositionsForPlacement(\n placement: OverlayPlacement\n ): ConnectedPosition[] {\n let possiblePositionNames: OverlayPosition[] = [];\n switch (placement) {\n case OverlayPlacement.Left:\n possiblePositionNames = [\n OverlayPosition.centerLeft,\n OverlayPosition.leftTop,\n OverlayPosition.leftBottom,\n ];\n break;\n\n case OverlayPlacement.Right:\n possiblePositionNames = [\n OverlayPosition.centerRight,\n OverlayPosition.rightTop,\n OverlayPosition.rightBottom,\n ];\n break;\n\n case OverlayPlacement.Top:\n possiblePositionNames = [\n OverlayPosition.centerTop,\n OverlayPosition.topLeft,\n OverlayPosition.topRight,\n ];\n break;\n\n case OverlayPlacement.Bottom:\n possiblePositionNames = [\n OverlayPosition.centerBottom,\n OverlayPosition.bottomLeft,\n OverlayPosition.bottomRight,\n ];\n break;\n\n case OverlayPlacement.Custom:\n throw new Error(`Custom position should be handled by user`);\n }\n\n return possiblePositionNames.map(\n (positionName: OverlayPosition) =>\n this.overlayPositions[positionName]\n );\n }\n}\n\nexport function getOverlayPositions(): Record<\n OverlayPosition,\n ConnectedPosition\n> {\n return {\n // TOP\n [OverlayPosition.centerTop]: {\n panelClass: \"overlay-center-top\",\n originX: \"center\",\n originY: \"top\",\n overlayX: \"center\",\n overlayY: \"bottom\",\n },\n [OverlayPosition.topLeft]: {\n panelClass: \"overlay-top-left\",\n originX: \"end\",\n originY: \"top\",\n overlayX: \"end\",\n overlayY: \"bottom\",\n },\n [OverlayPosition.topRight]: {\n panelClass: \"overlay-top-right\",\n originX: \"start\",\n originY: \"top\",\n overlayX: \"start\",\n overlayY: \"bottom\",\n },\n // BOTTOM\n [OverlayPosition.centerBottom]: {\n panelClass: \"overlay-center-bottom\",\n originX: \"center\",\n originY: \"bottom\",\n overlayX: \"center\",\n overlayY: \"top\",\n },\n [OverlayPosition.bottomRight]: {\n panelClass: \"overlay-bottom-right\",\n originX: \"start\",\n originY: \"bottom\",\n overlayX: \"start\",\n overlayY: \"top\",\n },\n [OverlayPosition.bottomLeft]: {\n panelClass: \"overlay-bottom-left\",\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"top\",\n },\n // LEFT\n [OverlayPosition.centerLeft]: {\n panelClass: \"overlay-center-left\",\n originX: \"start\",\n originY: \"center\",\n overlayX: \"end\",\n overlayY: \"center\",\n },\n [OverlayPosition.leftTop]: {\n panelClass: \"overlay-left-top\",\n originX: \"start\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"bottom\",\n },\n [OverlayPosition.leftBottom]: {\n panelClass: \"overlay-left-bottom\",\n originX: \"start\",\n originY: \"top\",\n overlayX: \"end\",\n overlayY: \"top\",\n },\n // RIGHT\n [OverlayPosition.centerRight]: {\n panelClass: \"overlay-center-right\",\n originX: \"end\",\n originY: \"center\",\n overlayX: \"start\",\n overlayY: \"center\",\n },\n [OverlayPosition.rightTop]: {\n panelClass: \"overlay-right-top\",\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"start\",\n overlayY: \"bottom\",\n },\n [OverlayPosition.rightBottom]: {\n panelClass: \"overlay-right-bottom\",\n originX: \"end\",\n originY: \"top\",\n overlayX: \"start\",\n overlayY: \"top\",\n },\n };\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Overlay,\n OverlayConfig,\n OverlayContainer,\n OverlayRef,\n OverlaySizeConfig,\n} from \"@angular/cdk/overlay\";\nimport { Portal } from \"@angular/cdk/portal\";\nimport { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, OnDestroy, Optional } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nimport { OVERLAY_CONTAINER } from \"./constants\";\nimport { OverlayCustomContainer } from \"./overlay-custom-container\";\nimport { OverlayContainerType, OVERLAY_PANEL_CLASS } from \"./types\";\n\n/* @dynamic */\n/**\n * @ignore\n */\n@Injectable()\nexport class OverlayService implements OnDestroy {\n // inputs\n public contentTemplate: Portal; // double check the type\n public customContainer: OverlayContainerType;\n\n // props/outputs\n public showing = false;\n public show$: Subject = new Subject();\n public hide$: Subject = new Subject();\n\n public get overlayConfig(): OverlayConfig {\n if (!this._overlayConfig) {\n this.defineOverlayConfig();\n }\n return this._overlayConfig;\n }\n public set overlayConfig(value: OverlayConfig) {\n this._overlayConfig = value;\n }\n private _overlayConfig: OverlayConfig;\n private overlayRef: OverlayRef;\n\n constructor(\n protected overlay: Overlay,\n protected overlayContainer: OverlayContainer,\n @Inject(DOCUMENT) protected document: Document,\n @Optional()\n @Inject(OVERLAY_CONTAINER)\n private customContainerInjection: OverlayContainerType\n ) {}\n\n public createOverlay(): void {\n this.appendToContainer();\n this.overlayRef = this.overlay.create(this.overlayConfig);\n this.overlayRef.attach(this.contentTemplate);\n this.overlayRef.addPanelClass(OVERLAY_PANEL_CLASS);\n }\n\n public show(): void {\n if (this.showing) {\n return;\n }\n this.createOverlay();\n\n this.showing = true;\n this.show$.next();\n }\n\n public hide(): void {\n if (!this.showing) {\n return;\n }\n this.disposeOverlayRef();\n\n this.showing = false;\n this.hide$.next();\n }\n\n public getOverlayRef(): OverlayRef {\n return this.overlayRef;\n }\n\n public updateSize(size: OverlaySizeConfig): void {\n this.overlayRef?.updateSize(size);\n }\n\n public ngOnDestroy(): void {\n this.show$.complete();\n this.hide$.complete();\n }\n\n private defineOverlayConfig(): void {\n const positionStrategy = this.overlay\n .position()\n .global()\n .centerHorizontally()\n .centerVertically();\n const scrollStrategy = this.overlay.scrollStrategies.reposition();\n\n this._overlayConfig = new OverlayConfig({\n positionStrategy,\n scrollStrategy,\n hasBackdrop: false,\n disposeOnNavigation: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n });\n }\n\n private disposeOverlayRef() {\n if (this.overlayRef?.hasAttached()) {\n this.overlayRef.dispose();\n }\n }\n\n private appendToContainer(): void {\n let container: HTMLElement | undefined;\n const customContainer =\n this.customContainer || this.customContainerInjection; // input is a priority\n\n if (customContainer) {\n container =\n typeof customContainer === \"string\"\n ? this.document.querySelector(\n customContainer\n ) ?? undefined\n : customContainer.nativeElement;\n\n if (!container) {\n console.warn(\n `Specified container is not found: ${customContainer}. \\nAppending to body.`\n );\n container = this.document.body;\n }\n } else {\n container = this.document.body;\n }\n\n (this.overlayContainer as OverlayCustomContainer).setContainer(\n container\n );\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Overlay,\n OverlayConfig,\n OverlayContainer,\n OverlayRef,\n OverlaySizeConfig,\n} from \"@angular/cdk/overlay\";\nimport { CdkPortal } from \"@angular/cdk/portal\";\nimport {\n AfterContentChecked,\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n Output,\n SimpleChanges,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport set from \"lodash/set\";\nimport some from \"lodash/some\";\nimport { Observable, Subject, Subscription } from \"rxjs\";\nimport { filter, takeUntil } from \"rxjs/operators\";\n\nimport { DOCUMENT_CLICK_EVENT } from \"../../../constants/event.constants\";\nimport { EventBusService } from \"../../../services/event-bus.service\";\nimport { OverlayCustomContainer } from \"../overlay-custom-container\";\nimport { OverlayPositionService } from \"../overlay-position.service\";\nimport { OverlayService } from \"../overlay.service\";\nimport { IOverlayComponent, OverlayContainerType } from \"../types\";\n\nexport const POPUP_V2_VIEWPORT_MARGINS_DEFAULT = 30;\n\nconst isMouseEvent = (event: Event): event is MouseEvent =>\n event instanceof MouseEvent;\n\n// ./../examples/index.html#/overlay\n\n/* @dynamic */\n@Component({\n selector: \"nui-overlay\",\n template: ` \n \n \n \n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n Overlay,\n OverlayService,\n OverlayPositionService,\n { provide: OverlayContainer, useClass: OverlayCustomContainer },\n ],\n styleUrls: [\"overlay.component.less\"],\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class OverlayComponent\n implements\n OnDestroy,\n IOverlayComponent,\n AfterContentChecked,\n AfterViewInit,\n OnChanges\n{\n /** Sets overlay config in accordance with [Material CDK]{@link https://material.angular.io/cdk/overlay/api#OverlayConfig} */\n @Input() public overlayConfig: OverlayConfig;\n\n /** Element to which the Popup is attached */\n @Input() public toggleReference: HTMLElement;\n\n /** Popup viewport margins */\n @Input() viewportMargin: number;\n\n /** Sets custom container for CDK Overlay. Selector OR ElementRef */\n @Input() customContainer: OverlayContainerType;\n\n /** Sets the role attribute */\n @Input() roleAttr: string;\n\n /** Sets the aria-labelledby attribute for accessibility */\n @Input() ariaLabelledBy?: string;\n\n /** Emits MouseEvent when click occurs outside Select/Combobox */\n @Output() public readonly clickOutside = new EventEmitter();\n\n /** The place where the Popup will be attached */\n @ViewChild(CdkPortal)\n public contentTemplate: CdkPortal;\n\n /** Emits on the Popup show */\n public readonly show$: Subject;\n\n /** Emits on the Popup hide */\n public readonly hide$: Subject;\n\n /** Emits when content of the Popup is empty */\n public readonly empty$ = new Subject();\n\n /** Indicates open/close state */\n public get showing(): boolean {\n return this.overlayService?.showing;\n }\n\n private positionStrategySubscription: Subscription;\n\n constructor(\n public overlayPositionService: OverlayPositionService,\n protected overlayService: OverlayService,\n protected cdkOverlay: Overlay,\n private eventBusService: EventBusService\n ) {\n this.show$ = this.overlayService.show$;\n this.hide$ = this.overlayService.hide$;\n }\n\n public ngOnChanges(changes: SimpleChanges): void {\n const overlayPropsToMap = [\"toggleReference\", \"customContainer\"];\n\n if (changes) {\n overlayPropsToMap.forEach((key) => {\n if (changes[key]) {\n set(this.overlayService, key, changes[key].currentValue);\n }\n });\n }\n }\n\n public ngAfterViewInit(): void {\n this.overlayService.contentTemplate = this.contentTemplate;\n }\n\n public ngAfterContentChecked(): void {\n this.empty$.next(this.isPopupContentEmpty());\n }\n\n public ngOnDestroy(): void {\n this.overlayService.ngOnDestroy();\n }\n\n /** Shows Popup */\n public show(): void {\n this.setOverlayConfig();\n this.overlayService.show();\n this.handleOutsideClicks();\n\n setTimeout(() => this.empty$.next(this.isPopupContentEmpty())); // timeout to get the height of rendered content items\n }\n\n /** Hides Popup */\n public hide(): void {\n this.overlayService.hide();\n this.positionStrategySubscription?.unsubscribe();\n }\n\n /** Toggles Popup */\n public toggle(): void {\n this.overlayService.showing ? this.hide() : this.show();\n }\n\n public getOverlayRef(): OverlayRef {\n return this.overlayService.getOverlayRef();\n }\n\n public updateSize(size: OverlaySizeConfig): void {\n this.overlayService.updateSize(size);\n }\n\n /** Stream of clicks outside. */\n private overlayClickOutside(): Observable {\n return this.eventBusService.getStream(DOCUMENT_CLICK_EVENT).pipe(\n filter(isMouseEvent),\n filter((event) => {\n const clickTarget = event.target as HTMLElement;\n const notOrigin = !some(\n event.composedPath(),\n (p) => p === this.toggleReference\n ); // the toggle elem\n const notOverlay =\n this.overlayService\n .getOverlayRef()\n ?.overlayElement?.contains(clickTarget) === false; // the popup\n\n return notOrigin && notOverlay;\n })\n );\n }\n\n private handleOutsideClicks() {\n const clicksOutsideStream$ = this.overlayConfig?.hasBackdrop\n ? this.overlayService.getOverlayRef().backdropClick()\n : this.overlayClickOutside();\n\n clicksOutsideStream$\n .pipe(takeUntil(this.hide$))\n .subscribe((v) => this.clickOutside.emit(v));\n }\n\n private setOverlayConfig(): void {\n const overlayConfig = this.overlayService.overlayConfig;\n\n const positionStrategy = this.cdkOverlay\n .position()\n .flexibleConnectedTo(this.toggleReference)\n .withPush(false)\n .withViewportMargin(\n this.viewportMargin || POPUP_V2_VIEWPORT_MARGINS_DEFAULT\n )\n .withPositions([\n {\n originX: \"start\",\n originY: \"bottom\",\n overlayX: \"start\",\n overlayY: \"top\",\n },\n {\n originX: \"start\",\n originY: \"top\",\n overlayX: \"start\",\n overlayY: \"bottom\",\n },\n ]);\n\n this.positionStrategySubscription =\n this.overlayPositionService.updateOffsetOnPositionChanges(\n positionStrategy,\n () => this.getOverlayRef()\n );\n\n this.overlayService.overlayConfig = {\n ...overlayConfig,\n positionStrategy,\n ...this.overlayConfig,\n };\n }\n\n private getContentHeight(): number {\n const lastElementChild =\n this.overlayService.getOverlayRef()?.hostElement?.lastElementChild;\n\n // to maintain current signature we will return 0 to avoid unnecessary undefined/null checks\n return lastElementChild?.clientHeight || 0;\n }\n\n private isPopupContentEmpty(): boolean {\n return this.getContentHeight() <= 10; // 10 is for 5 + 5 paddings\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Directive,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n} from \"@angular/core\";\n\n/** @ignore */\n@Directive({\n selector: \"[nuiPopupToggle]\",\n standalone: false,\n})\nexport class PopupToggleDirective {\n /** sets disable state and which prevents emitting toggle */\n @Input() isDisabled: boolean;\n /** sets disable state and which prevents emitting toggle (for using it on textbox component) */\n @Input() disabled: boolean;\n\n @Output() toggle = new EventEmitter();\n\n /**\n * Whether the toggle should react to keyboard events (Enter/Space)\n */\n @Input() toggleOnKey: boolean = true;\n\n constructor(public host: ElementRef) {}\n\n @HostListener(\"click\", [\"$event\"])\n public handleElementFocus(event: Event): void {\n if (!this.isDisabled && !this.disabled) {\n this.toggle.emit(event);\n }\n }\n\n @HostListener(\"keydown\", [\"$event\"])\n public handleKeydown(event: KeyboardEvent): void {\n if (this.isDisabled || this.disabled || !this.toggleOnKey || event.defaultPrevented) {\n return;\n }\n if (event.key === \" \" || event.key === \"Enter\") {\n event.preventDefault();\n this.toggle.emit(event);\n }\n }\n}\n","// © 2022 SolarWinds Worldwide, LLC. All rights reserved.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n ConnectedPosition,\n Overlay,\n OverlayConfig,\n} from \"@angular/cdk/overlay\";\nimport { DOCUMENT } from \"@angular/common\";\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnChanges,\n OnDestroy,\n Output,\n SimpleChanges,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { Subject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport { DOCUMENT_CLICK_EVENT } from \"../../constants/event.constants\";\nimport { EventBusService } from \"../../services/event-bus.service\";\nimport { OVERLAY_WITH_POPUP_STYLES_CLASS } from \"../overlay/constants\";\nimport { OverlayComponent } from \"../overlay/overlay-component/overlay.component\";\nimport { PopupToggleDirective } from \"../popup/popup-toggle.directive\";\n\nconst POPUP_V2 = \"nui-overlay\";\nconst POPUP_VISIBLE = \"visible\";\nconst ADAPTER_OVERLAY_CONFIG: OverlayConfig = {\n panelClass: [\"popup-adapter-overlay\", OVERLAY_WITH_POPUP_STYLES_CLASS],\n};\n\n/** @dynamic */\n@Component({\n selector: \"nui-popup\",\n templateUrl: \"./popup-adapter.component.html\",\n styleUrls: [\"./popup-adapter.component.less\"],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: \"nui-popup\",\n role: \"dialog\",\n \"[attr.aria-label]\": \"ariaLabel\",\n },\n standalone: false,\n})\nexport class PopupComponent\n implements AfterContentInit, AfterViewInit, OnChanges, OnDestroy\n{\n @ContentChild(PopupToggleDirective)\n public popupToggle: PopupToggleDirective;\n\n @Input() public width: string = \"auto\";\n @Input() public get overlayConfig(): OverlayConfig {\n return this._overlayConfig;\n }\n public set overlayConfig(value: OverlayConfig) {\n this._overlayConfig = {\n ...ADAPTER_OVERLAY_CONFIG,\n ...value,\n };\n }\n @Input() public contextClass: string;\n @Input() public directionTop: boolean;\n @Input() public directionRight: boolean;\n @Input() public manualOpenControl: Subject;\n @Input() public appendToBody: boolean = false;\n @Input() public baseElementSelector: string;\n @Input() public isHostToggleRef: boolean;\n @Input() public ariaLabel: string = \"Popup\";\n\n @Input() set isOpen(open: boolean) {\n if (this.isContentInitialized) {\n this.isOpenHandler(open);\n return;\n }\n setTimeout(() => this.isOpenHandler(open));\n }\n get isOpen(): boolean {\n return !!this.popup?.showing;\n }\n\n @Output()\n public opened = new EventEmitter();\n\n @ViewChild(\"popupArea\", { static: true }) popupArea: ElementRef;\n @ViewChild(OverlayComponent) popup: OverlayComponent;\n\n public popupAreaContainer: ElementRef;\n public popupAreaContent: ElementRef;\n public toggleReference: HTMLElement;\n public customContainer?: ElementRef;\n\n @Input()\n public set visible(value: boolean) {\n this._visible = value;\n if (value) {\n this.popup.getOverlayRef().addPanelClass(POPUP_VISIBLE);\n return;\n }\n this.popup.getOverlayRef().removePanelClass(POPUP_VISIBLE);\n }\n public get visible(): boolean {\n return Boolean(this._visible);\n }\n\n private _visible: boolean;\n private _overlayConfig: OverlayConfig = ADAPTER_OVERLAY_CONFIG;\n private isContentInitialized: boolean;\n private readonly destroy$ = new Subject();\n private lastEventType: string;\n\n constructor(\n private overlay: Overlay,\n private cdRef: ChangeDetectorRef,\n private eventBusService: EventBusService,\n private host: ElementRef,\n @Inject(DOCUMENT) private document: Document\n ) {}\n\n public ngOnChanges(changes: SimpleChanges): void {\n if (changes.appendToBody) {\n if (changes.appendToBody?.currentValue === false) {\n this.customContainer = this.popupArea;\n } else {\n this.customContainer = undefined;\n }\n }\n\n if (changes.width) {\n this.overlayConfig = { ...this.overlayConfig, width: this.width };\n }\n\n if (changes.directionTop || changes.directionRight) {\n this.overlayConfig = {\n ...this.overlayConfig,\n positionStrategy: this.getPositionStrategy(),\n };\n }\n }\n\n public ngAfterContentInit(): void {\n this.isContentInitialized = true;\n this.initToggleRef();\n\n this.overlayConfig = {\n ...this.overlayConfig,\n positionStrategy: this.getPositionStrategy(),\n };\n\n if (this.popupToggle) {\n this.popupToggle.toggle.subscribe((e: Event) =>\n this.toggleOpened(e)\n );\n }\n }\n\n public ngAfterViewInit(): void {\n this.overlayConfig = { ...this.overlayConfig, width: this.width };\n\n if (this.manualOpenControl) {\n this.manualOpenControl.subscribe((e: Event) =>\n this.toggleOpened(e)\n );\n }\n\n if (!this.appendToBody) {\n this.customContainer = this.popupArea;\n }\n\n this.eventBusService\n .getStream(DOCUMENT_CLICK_EVENT)\n .pipe(takeUntil(this.destroy$))\n .subscribe((event: Event) => {\n const isToggle =\n this.popupToggle && event\n ? (\n this.popupToggle.host.nativeElement as HTMLElement\n ).contains(event.target as HTMLElement)\n : false;\n if (this.isOpen && !isToggle) {\n this.closePopup();\n }\n });\n\n this.cdRef.detectChanges();\n }\n\n public toggleOpened(event: Event): void {\n let emit = true;\n if (event) {\n if (this.lastEventType === \"focusin\" && event.type === \"focusin\") {\n if (this.isOpen) {\n emit = true;\n }\n }\n // since click triggers focusin event, we need to prevent popup from closing\n // when focus on the input is gained via click\n if (this.lastEventType === \"focusin\" && event.type === \"click\") {\n emit = false;\n }\n\n // if popup is already closed, prevent it from opening on focusout\n if (event.type === \"focusout\" && !this.isOpen) {\n emit = false;\n }\n\n this.lastEventType = event.type;\n }\n if (emit) {\n this.toggle();\n }\n }\n\n public closePopup(): void {\n this.hide();\n }\n\n public ngOnDestroy(): void {\n if (this.isOpen) {\n this.hide();\n }\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private getPopupConnectedPosition(): ConnectedPosition[] {\n const leftBottom: ConnectedPosition = {\n originX: \"start\",\n originY: \"bottom\",\n overlayX: \"start\",\n overlayY: \"top\",\n };\n const topRight: ConnectedPosition = {\n originX: \"start\",\n originY: \"top\",\n overlayX: \"start\",\n overlayY: \"bottom\",\n };\n const topLeft: ConnectedPosition = {\n originX: \"end\",\n originY: \"top\",\n overlayX: \"start\",\n overlayY: \"bottom\",\n };\n const bottomRight: ConnectedPosition = {\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"top\",\n };\n const bottomLeft: ConnectedPosition = {\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"top\",\n };\n const rightTop: ConnectedPosition = {\n originX: \"end\",\n originY: \"top\",\n overlayX: \"end\",\n overlayY: \"bottom\",\n };\n\n if (this.directionTop && this.directionRight) {\n return [rightTop];\n }\n\n if (this.directionTop) {\n return [topRight, topLeft];\n }\n\n if (this.directionRight) {\n return [bottomRight, bottomLeft];\n }\n\n return [\n leftBottom,\n topRight,\n topLeft,\n bottomRight,\n bottomLeft,\n rightTop,\n ];\n }\n\n private getPositionStrategy() {\n const defaultViewportMargin = 0;\n\n return this.overlay\n .position()\n .flexibleConnectedTo(this.toggleReference)\n .withPush(false)\n .withViewportMargin(defaultViewportMargin)\n .withPositions(this.getPopupConnectedPosition());\n }\n\n private isOpenHandler(open: boolean): void {\n open ? this.show() : this.hide();\n }\n\n private show(): void {\n if (!this.toggleReference) {\n return;\n }\n\n this.initToggleRef();\n this.popup.show();\n\n const overlayContainer = this.popup.getOverlayRef().overlayElement;\n\n this.popupAreaContent = new ElementRef(overlayContainer);\n this.popupAreaContainer = new ElementRef(\n overlayContainer.querySelector(`.${POPUP_V2}`)\n );\n\n if (this.contextClass) {\n this.contextClass.split(\" \").forEach((contextClass) => {\n this.popupAreaContainer.nativeElement.classList.add(\n contextClass\n );\n });\n }\n\n this.visible = true;\n this.opened.emit(this.popup.showing);\n }\n\n private hide(): void {\n this.visible = false;\n setTimeout(() => {\n this.popup.hide();\n this.opened.emit(this.popup.showing);\n });\n }\n\n private toggle(): void {\n this.popup.showing ? this.hide() : this.show();\n this.popup.getOverlayRef().updatePosition();\n }\n\n private initToggleRef(): void {\n if (this.isHostToggleRef) {\n this.toggleReference = this.host.nativeElement;\n return;\n }\n this.toggleReference = this.popupToggle\n ? this.popupToggle.host.nativeElement\n : this.document.querySelector(this.baseElementSelector);\n }\n}\n","