novo-elements 11.3.1-next.2 → 11.3.1-next.3

package/addons/code-editor/CodeEditor.d.ts

@@ -1,9 +1,10 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EditorView } from '@codemirror/view';
 import * as i0 from "@angular/core";
 export declare class NovoCodeEditor implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {
     private elementRef;
+    private destroyRef;
     theme: string;
     lineNumbers: boolean;
     name: string;
@@ -15,7 +16,7 @@ export declare class NovoCodeEditor implements ControlValueAccessor, OnInit, OnD
     editorView: EditorView;
     initialValue: string;
     private disabled;
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef, destroyRef: DestroyRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;

package/elements/common/overlay/Overlay.d.ts

@@ -28,6 +28,7 @@ export declare class NovoOverlayTemplateComponent implements OnDestroy {
     protected closingActionsSubscription: Subscription;
     private _parent;
     private overlayContainer;
+    private destroyRef;
     private overlayContext;
     constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, zone: NgZone, changeDetectorRef: ChangeDetectorRef, document: any);
     ngOnDestroy(): void;

package/elements/date-picker/DatePickerInput.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { NovoOverlayTemplateComponent } from 'novo-elements/elements/common';
 import { DateFormatService, NovoLabelService } from 'novo-elements/services';
@@ -8,6 +8,7 @@ export declare class NovoDatePickerInputElement implements OnInit, OnChanges, Af
     labels: NovoLabelService;
     private _changeDetectorRef;
     dateFormatService: DateFormatService;
+    private destroyRef;
     value: any;
     formattedValue: string;
     showInvalidDateError: boolean;
@@ -91,7 +92,7 @@ export declare class NovoDatePickerInputElement implements OnInit, OnChanges, Af
     valueCleared: EventEmitter<any>;
     /** Element for the panel containing the autocomplete options. */
     overlay: NovoOverlayTemplateComponent;
-    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, dateFormatService: DateFormatService);
+    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, dateFormatService: DateFormatService, destroyRef: DestroyRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

package/elements/layout/content/layout-content.component.d.ts

@@ -1,10 +1,11 @@
 import { CdkScrollable, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, DestroyRef, ElementRef, NgZone } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NovoLayoutContent extends CdkScrollable implements AfterContentInit {
     private _changeDetectorRef;
     _container: any;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _container: any, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
+    private destroyRef;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _container: any, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone, destroyRef: DestroyRef);
     ngAfterContentInit(): void;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoLayoutContent, never>;

package/elements/picker/Picker.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ComponentRef, ElementRef, EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ComponentRef, DestroyRef, ElementRef, EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
 import { ComponentUtils } from 'novo-elements/services';
 import { NovoOverlayTemplateComponent } from 'novo-elements/elements/common';
 import * as i0 from "@angular/core";
@@ -12,6 +12,7 @@ export declare class NovoPickerElement implements OnInit {
     element: ElementRef;
     private componentUtils;
     private ref;
+    private destroyRef;
     results: ViewContainerRef;
     config: any;
     placeholder: string;
@@ -47,7 +48,7 @@ export declare class NovoPickerElement implements OnInit {
     _value: any;
     onModelChange: Function;
     onModelTouched: Function;
-    constructor(element: ElementRef, componentUtils: ComponentUtils, ref: ChangeDetectorRef);
+    constructor(element: ElementRef, componentUtils: ComponentUtils, ref: ChangeDetectorRef, destroyRef: DestroyRef);
     ngOnInit(): void;
     private onDebouncedKeyup;
     openPanel(): void;

package/elements/popover/PopOver.d.ts

@@ -1,12 +1,13 @@
-import { ComponentFactoryResolver, ComponentRef, EventEmitter, OnChanges, SimpleChange, ViewContainerRef } from '@angular/core';
+import { ComponentFactoryResolver, ComponentRef, EventEmitter, OnChanges, OnDestroy, SimpleChange, ViewContainerRef } from '@angular/core';
 import { PopOverContent } from './PopOverContent';
 import * as i0 from "@angular/core";
-export declare class PopOverDirective implements OnChanges {
+export declare class PopOverDirective implements OnChanges, OnDestroy {
     protected viewContainerRef: ViewContainerRef;
     protected resolver: ComponentFactoryResolver;
     protected PopoverComponent: typeof PopOverContent;
     protected popover: ComponentRef<PopOverContent>;
     protected visible: boolean;
+    private subscriptions;
     constructor(viewContainerRef: ViewContainerRef, resolver: ComponentFactoryResolver);
     content: string | PopOverContent;
     set novoPopover(content: string | PopOverContent);
@@ -26,6 +27,7 @@ export declare class PopOverDirective implements OnChanges {
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;
     }): void;
+    ngOnDestroy(): void;
     toggle(): void;
     show(): void;
     hide(): void;

package/elements/unless/Unless.d.ts

@@ -1,13 +1,14 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { DestroyRef, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Security } from 'novo-elements/services';
 import * as i0 from "@angular/core";
 export declare class Unless {
     templateRef: TemplateRef<any>;
     viewContainer: ViewContainerRef;
     security: Security;
+    private destroyRef;
     permissions: string;
     isDisplayed: boolean;
-    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, security: Security);
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, security: Security, destroyRef: DestroyRef);
     set bhUnless(value: string);
     check(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Unless, never>;

package/fesm2022/novo-elements-addons-code-editor.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { forwardRef, EventEmitter, HostListener, HostBinding, ViewChild, Input, Output, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { defaultKeymap } from '@codemirror/commands';
 import { javascript } from '@codemirror/lang-javascript';
 import { Annotation, EditorState } from '@codemirror/state';
@@ -21,8 +22,9 @@ const FormControlCodeWriter = Annotation.define();
 // (This is a replacement for the "novo-ace-editor". Notably, we are no longer naming it based on the underlying component. It is possible, in the future,
 // we decide there is another code editing component that better fits our use case - in which situation we should replace the implementation here, but keep its name)
 class NovoCodeEditor {
-    constructor(elementRef) {
+    constructor(elementRef, destroyRef) {
         this.elementRef = elementRef;
+        this.destroyRef = destroyRef;
         this.theme = 'default';
         this.lineNumbers = true;
         this.blur = new EventEmitter();
@@ -35,6 +37,10 @@ class NovoCodeEditor {
     ngOnInit() {
     }
     ngOnDestroy() {
+        if (this.editorView) {
+            this.editorView.destroy();
+            this.editorView = null;
+        }
     }
     ngAfterViewInit() {
         this.createEditorView();
@@ -88,21 +94,21 @@ class NovoCodeEditor {
         }
     }
     registerOnChange(fn) {
-        this.changed.subscribe(fn);
+        this.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fn);
     }
     registerOnTouched(fn) {
-        this.blur.subscribe(fn);
+        this.blur.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fn);
     }
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NovoCodeEditor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NovoCodeEditor, deps: [{ token: i0.ElementRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: NovoCodeEditor, isStandalone: false, selector: "novo-code-editor", inputs: { theme: "theme", lineNumbers: "lineNumbers", name: "name", mode: "mode" }, outputs: { blur: "blur", focus: "focus" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.editor-disabled": "this.disabled" } }, providers: [CODE_EDITOR_VALUE_ACCESSOR], viewQueries: [{ propertyName: "editorRoot", first: true, predicate: ["editorRoot"], descendants: true }], ngImport: i0, template: '', isInline: true, styles: [":host{height:200px;display:block;overflow:auto}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NovoCodeEditor, decorators: [{
             type: Component,
             args: [{ selector: 'novo-code-editor', template: '', providers: [CODE_EDITOR_VALUE_ACCESSOR], standalone: false, styles: [":host{height:200px;display:block;overflow:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { theme: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.DestroyRef }], propDecorators: { theme: [{
                 type: Input
             }], lineNumbers: [{
                 type: Input

package/fesm2022/novo-elements-addons-code-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"novo-elements-addons-code-editor.mjs","sources":["../../../projects/novo-elements/src/addons/code-editor/CodeEditor.ts","../../../projects/novo-elements/src/addons/code-editor/CodeEditor.module.ts","../../../projects/novo-elements/src/addons/code-editor/novo-elements-addons-code-editor.ts"],"sourcesContent":["// NG2\nimport { AfterViewInit, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, ViewChild, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n// Vendor\nimport { defaultKeymap } from '@codemirror/commands';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { Annotation, EditorState } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { basicSetup } from 'codemirror';\n\n// organize-imports-ignore\n\n// APP\nconst CODE_EDITOR_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoCodeEditor),\n  multi: true,\n};\n\n// CodeMirror transaction annotation to show changes that came in through writeValue (FormControl value) as opposed to UI editing\nconst FormControlCodeWriter = Annotation.define();\n\n// (This is a replacement for the \"novo-ace-editor\". Notably, we are no longer naming it based on the underlying component. It is possible, in the future,\n// we decide there is another code editing component that better fits our use case - in which situation we should replace the implementation here, but keep its name)\n@Component({\n    selector: 'novo-code-editor',\n    template: '',\n    styleUrls: ['./CodeEditor.scss'],\n    providers: [CODE_EDITOR_VALUE_ACCESSOR],\n    standalone: false,\n})\nexport class NovoCodeEditor implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {\n  @Input()\n  theme: string = 'default';\n\n  @Input()\n  lineNumbers = true;\n\n  @Input()\n  name: string;\n\n  @Output()\n  blur = new EventEmitter();\n  @Output()\n  focus = new EventEmitter();\n\n  private changed = new EventEmitter<string>();\n\n  @Input() mode: string = 'javascript';\n\n  @ViewChild('editorRoot')\n  editorRoot: ElementRef<HTMLElement>;\n\n  editorView: EditorView;\n  initialValue = '';\n\n  @HostBinding('class.editor-disabled')\n  private disabled = false;\n\n  constructor(private elementRef: ElementRef) {}\n\n  ngOnInit(): void {\n  }\n\n  ngOnDestroy(): void {\n\n  }\n\n  ngAfterViewInit(): void {\n    this.createEditorView();\n  }\n\n  createEditorView(): void {\n    const extensions = [\n      basicSetup,\n      keymap.of(defaultKeymap),\n    ];\n    if (this.mode === 'javascript') {\n      extensions.push(javascript());\n    }\n    const initialEditorState = EditorState.create({\n      doc: this.initialValue,\n      extensions,\n    });\n    this.editorView = new EditorView({\n      state: initialEditorState,\n      parent: this.elementRef.nativeElement,\n      dispatch: (transaction, view) => {\n        // Prevent changes if the form is disabled - unless the change came from writeValue function\n        if (transaction.annotation(FormControlCodeWriter) || !(this.disabled && transaction.docChanged)) {\n          view.update([transaction]);\n        }\n        if (transaction.docChanged) {\n          this.changed.emit(view.state.doc.toString());\n        }\n      },\n    });\n  }\n\n  @HostListener('focus')\n  onFocus() {\n    this.focus.emit();\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this.blur.emit();\n  }\n\n  // ControlValueAccessor forward implementation\n  writeValue(value: any) {\n    if (this.editorView) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: value,\n        },\n        annotations: FormControlCodeWriter.of({}),\n      });\n    } else if (value != null) {\n      this.initialValue = value;\n    }\n  }\n\n  registerOnChange(fn: any) {\n    this.changed.subscribe(fn);\n  }\n\n  registerOnTouched(fn: any) {\n    this.blur.subscribe(fn);\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoCodeEditor } from './CodeEditor';\n\n@NgModule({\n    imports: [CommonModule, FormsModule ],\n    declarations: [NovoCodeEditor],\n    exports: [NovoCodeEditor],\n})\nexport class NovoCodeEditorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"novo-elements-addons-code-editor.mjs","sources":["../../../projects/novo-elements/src/addons/code-editor/CodeEditor.ts","../../../projects/novo-elements/src/addons/code-editor/CodeEditor.module.ts","../../../projects/novo-elements/src/addons/code-editor/novo-elements-addons-code-editor.ts"],"sourcesContent":["// NG2\nimport { AfterViewInit, Component, DestroyRef, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, ViewChild, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n// Vendor\nimport { defaultKeymap } from '@codemirror/commands';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { Annotation, EditorState } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { basicSetup } from 'codemirror';\n\n// organize-imports-ignore\n\n// APP\nconst CODE_EDITOR_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => NovoCodeEditor),\n  multi: true,\n};\n\n// CodeMirror transaction annotation to show changes that came in through writeValue (FormControl value) as opposed to UI editing\nconst FormControlCodeWriter = Annotation.define();\n\n// (This is a replacement for the \"novo-ace-editor\". Notably, we are no longer naming it based on the underlying component. It is possible, in the future,\n// we decide there is another code editing component that better fits our use case - in which situation we should replace the implementation here, but keep its name)\n@Component({\n    selector: 'novo-code-editor',\n    template: '',\n    styleUrls: ['./CodeEditor.scss'],\n    providers: [CODE_EDITOR_VALUE_ACCESSOR],\n    standalone: false,\n})\nexport class NovoCodeEditor implements ControlValueAccessor, OnInit, OnDestroy, AfterViewInit {\n  @Input()\n  theme: string = 'default';\n\n  @Input()\n  lineNumbers = true;\n\n  @Input()\n  name: string;\n\n  @Output()\n  blur = new EventEmitter();\n  @Output()\n  focus = new EventEmitter();\n\n  private changed = new EventEmitter<string>();\n\n  @Input() mode: string = 'javascript';\n\n  @ViewChild('editorRoot')\n  editorRoot: ElementRef<HTMLElement>;\n\n  editorView: EditorView;\n  initialValue = '';\n\n  @HostBinding('class.editor-disabled')\n  private disabled = false;\n\n  constructor(private elementRef: ElementRef, private destroyRef: DestroyRef) {}\n\n  ngOnInit(): void {\n  }\n\n  ngOnDestroy(): void {\n    if (this.editorView) {\n      this.editorView.destroy();\n      this.editorView = null;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.createEditorView();\n  }\n\n  createEditorView(): void {\n    const extensions = [\n      basicSetup,\n      keymap.of(defaultKeymap),\n    ];\n    if (this.mode === 'javascript') {\n      extensions.push(javascript());\n    }\n    const initialEditorState = EditorState.create({\n      doc: this.initialValue,\n      extensions,\n    });\n    this.editorView = new EditorView({\n      state: initialEditorState,\n      parent: this.elementRef.nativeElement,\n      dispatch: (transaction, view) => {\n        // Prevent changes if the form is disabled - unless the change came from writeValue function\n        if (transaction.annotation(FormControlCodeWriter) || !(this.disabled && transaction.docChanged)) {\n          view.update([transaction]);\n        }\n        if (transaction.docChanged) {\n          this.changed.emit(view.state.doc.toString());\n        }\n      },\n    });\n  }\n\n  @HostListener('focus')\n  onFocus() {\n    this.focus.emit();\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this.blur.emit();\n  }\n\n  // ControlValueAccessor forward implementation\n  writeValue(value: any) {\n    if (this.editorView) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: value,\n        },\n        annotations: FormControlCodeWriter.of({}),\n      });\n    } else if (value != null) {\n      this.initialValue = value;\n    }\n  }\n\n  registerOnChange(fn: any) {\n    this.changed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fn);\n  }\n\n  registerOnTouched(fn: any) {\n    this.blur.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fn);\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoCodeEditor } from './CodeEditor';\n\n@NgModule({\n    imports: [CommonModule, FormsModule ],\n    declarations: [NovoCodeEditor],\n    exports: [NovoCodeEditor],\n})\nexport class NovoCodeEditorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AAWA;AAEA;AACA,MAAM,0BAA0B,GAAG;AACjC,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,cAAc,CAAC;AAC7C,IAAA,KAAK,EAAE,IAAI;CACZ;AAED;AACA,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,EAAE;AAEjD;AACA;MAQa,cAAc,CAAA;IA4BzB,WAAoB,CAAA,UAAsB,EAAU,UAAsB,EAAA;QAAtD,IAAU,CAAA,UAAA,GAAV,UAAU;QAAsB,IAAU,CAAA,UAAA,GAAV,UAAU;QA1B9D,IAAK,CAAA,KAAA,GAAW,SAAS;QAGzB,IAAW,CAAA,WAAA,GAAG,IAAI;AAMlB,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,YAAY,EAAE;AAEzB,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAE;AAElB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAU;QAEnC,IAAI,CAAA,IAAA,GAAW,YAAY;QAMpC,IAAY,CAAA,YAAA,GAAG,EAAE;QAGT,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAIxB,QAAQ,GAAA;;IAGR,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;IAI1B,eAAe,GAAA;QACb,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,gBAAgB,GAAA;AACd,QAAA,MAAM,UAAU,GAAG;YACjB,UAAU;AACV,YAAA,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC;SACzB;AACD,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;AAC9B,YAAA,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;;AAE/B,QAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC;YAC5C,GAAG,EAAE,IAAI,CAAC,YAAY;YACtB,UAAU;AACX,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;AAC/B,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa;AACrC,YAAA,QAAQ,EAAE,CAAC,WAAW,EAAE,IAAI,KAAI;;AAE9B,gBAAA,IAAI,WAAW,CAAC,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE;AAC/F,oBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;;AAE5B,gBAAA,IAAI,WAAW,CAAC,UAAU,EAAE;AAC1B,oBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;;aAE/C;AACF,SAAA,CAAC;;IAIJ,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;;IAInB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;AAIlB,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;AACvB,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,EAAE,CAAC;oBACP,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM;AACpC,oBAAA,MAAM,EAAE,KAAK;AACd,iBAAA;AACD,gBAAA,WAAW,EAAE,qBAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1C,aAAA,CAAC;;AACG,aAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACxB,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;;AAI7B,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;;AAGtE,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;;AAGnE,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;;+GA1GjB,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,EAHZ,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,0BAA0B,CAAC,oIAF7B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mDAAA,CAAA,EAAA,CAAA,CAAA;;4FAKH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,YAClB,EAAE,EAAA,SAAA,EAED,CAAC,0BAA0B,CAAC,cAC3B,KAAK,EAAA,MAAA,EAAA,CAAA,mDAAA,CAAA,EAAA;wGAInB,KAAK,EAAA,CAAA;sBADJ;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,IAAI,EAAA,CAAA;sBADH;gBAGD,KAAK,EAAA,CAAA;sBADJ;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAGD,UAAU,EAAA,CAAA;sBADT,SAAS;uBAAC,YAAY;gBAOf,QAAQ,EAAA,CAAA;sBADf,WAAW;uBAAC,uBAAuB;gBA+CpC,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,OAAO;gBAMrB,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,MAAM;;;MClGT,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAHd,cAAc,CAAA,EAAA,OAAA,EAAA,CADnB,YAAY,EAAE,WAAW,aAEzB,cAAc,CAAA,EAAA,CAAA,CAAA;gHAEf,oBAAoB,EAAA,OAAA,EAAA,CAJnB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;4FAI1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAE;oBACrC,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;AAC5B,iBAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/novo-elements-elements-common.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, HostBinding, Input, Directive, Host, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, Output, input, inject, TemplateRef, ViewChild } from '@angular/core';
+import { EventEmitter, Injectable, HostBinding, Input, Directive, Host, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, Output, input, inject, DestroyRef, TemplateRef, ViewChild } from '@angular/core';
 import { of, Subject, fromEvent, merge } from 'rxjs';
 import * as tokens from 'novo-design-tokens';
 import { BooleanInput, Helpers } from 'novo-elements/utils';
@@ -11,6 +11,7 @@ import { hasModifierKey } from '@angular/cdk/keycodes';
 import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayContainer, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { filter, first, switchMap } from 'rxjs/operators';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { FormsModule } from '@angular/forms';
@@ -1780,6 +1781,7 @@ class NovoOverlayTemplateComponent {
         this.closing = new EventEmitter();
         this.backDropClicked = new EventEmitter();
         this.overlayContainer = inject(OverlayContainer);
+        this.destroyRef = inject(DestroyRef);
     }
     ngOnDestroy() {
         this.destroyOverlay();
@@ -1889,7 +1891,7 @@ class NovoOverlayTemplateComponent {
     createOverlay(template) {
         this.portal = new TemplatePortal(template, this.viewContainerRef);
         this.overlayRef = this.overlay.create(this.getOverlayConfig());
-        this.overlayRef.backdropClick().subscribe(() => {
+        this.overlayRef.backdropClick().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.backDropClicked.emit(true);
             this.closePanel();
         });