@datarailsshared/datarailsshared 1.4.191-rocket → 1.4.193-rocket

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -6,7 +6,7 @@ import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/mat
 import * as i1$4 from '@angular/material/core';
 import { MAT_DATE_FORMATS, DateAdapter, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core';
 import * as i1$2 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BehaviorSubject, Subject, noop as noop$1, from, merge as merge$1, fromEvent } from 'rxjs';
 import * as moment$9 from 'moment';
 import * as _ from 'lodash';
@@ -4800,20 +4800,19 @@ const getAlignmentDimension = (position) => {
 
 class DrPopoverComponent {
     cdr;
-    componentFactoryResolver;
     viewContainerRef;
     elementRef;
     popoverRef;
     popoverOpened = new EventEmitter();
-    _contentAsRef;
     _contentAsType;
-    set content(content) {
-        this.isContentTemplate = this.content instanceof TemplateRef;
+    _contentAsTemplate;
+    set content(value) {
+        this.isContentTemplate = value instanceof TemplateRef;
         if (this.isContentTemplate) {
-            this._contentAsRef = content;
+            this._contentAsTemplate = value;
         }
         else {
-            this._contentAsType = content;
+            this._contentAsType = value;
         }
     }
     ;
@@ -4845,17 +4844,15 @@ class DrPopoverComponent {
             this.popoverRef.close();
         }
     }
-    constructor(cdr, componentFactoryResolver, viewContainerRef, elementRef, popoverRef) {
+    constructor(cdr, viewContainerRef, elementRef, popoverRef) {
         this.cdr = cdr;
-        this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.elementRef = elementRef;
         this.popoverRef = popoverRef;
     }
     ngOnInit() {
-        this.isContentTemplate = this.content instanceof TemplateRef;
         if (!this.isContentTemplate) {
-            this.componentRef = this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(this._contentAsType));
+            this.componentRef = this.viewContainerRef.createComponent(this._contentAsType);
             Object.assign(this.componentRef.instance, this.contentContext);
             this.popoverContainer.nativeElement.appendChild(this.componentRef.location.nativeElement);
         }
@@ -4890,8 +4887,8 @@ class DrPopoverComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrPopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DrPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrPopoverComponent, selector: "dr-popover", inputs: { content: "content", contentContext: "contentContext", class: "class", hostRef: "hostRef", manualClosing: "manualClosing", alignment: "alignment", position: "position", freezeToContainerSelector: "freezeToContainerSelector" }, outputs: { popoverOpened: "popoverOpened" }, host: { listeners: { "document:mouseup": "clickOutside($event)" }, properties: { "style.width": "this.width", "style.height": "this.height", "@popover": "this.popover" } }, viewQueries: [{ propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"dr-popover\" [class]=\"class\" #popoverContainer>\n    <ng-container *ngIf=\"isContentTemplate\">\n        <ng-container *ngTemplateOutlet=\"_contentAsRef; context: contentContext\"></ng-container>\n    </ng-container>\n</div>\n", styles: [".dr-popover{display:flex;background:#fff;border:1px solid #e5e5e5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrPopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: DrPopoverRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrPopoverComponent, selector: "dr-popover", inputs: { content: "content", contentContext: "contentContext", class: "class", hostRef: "hostRef", manualClosing: "manualClosing", alignment: "alignment", position: "position", freezeToContainerSelector: "freezeToContainerSelector" }, outputs: { popoverOpened: "popoverOpened" }, host: { listeners: { "document:mouseup": "clickOutside($event)" }, properties: { "style.width": "this.width", "style.height": "this.height", "@popover": "this.popover" } }, viewQueries: [{ propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"dr-popover\" [class]=\"class\" #popoverContainer>\n    <ng-container *ngIf=\"isContentTemplate\">\n        <ng-container *ngTemplateOutlet=\"_contentAsTemplate; context: contentContext\"></ng-container>\n    </ng-container>\n</div>\n", styles: [".dr-popover{display:flex;background:#fff;border:1px solid #e5e5e5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('popover', POPUP_ANIMATION),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -4899,8 +4896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             type: Component,
             args: [{ selector: 'dr-popover', animations: [
                         trigger('popover', POPUP_ANIMATION),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-popover\" [class]=\"class\" #popoverContainer>\n    <ng-container *ngIf=\"isContentTemplate\">\n        <ng-container *ngTemplateOutlet=\"_contentAsRef; context: contentContext\"></ng-container>\n    </ng-container>\n</div>\n", styles: [".dr-popover{display:flex;background:#fff;border:1px solid #e5e5e5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: DrPopoverRef }]; }, propDecorators: { popoverOpened: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-popover\" [class]=\"class\" #popoverContainer>\n    <ng-container *ngIf=\"isContentTemplate\">\n        <ng-container *ngTemplateOutlet=\"_contentAsTemplate; context: contentContext\"></ng-container>\n    </ng-container>\n</div>\n", styles: [".dr-popover{display:flex;background:#fff;border:1px solid #e5e5e5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: DrPopoverRef }]; }, propDecorators: { popoverOpened: [{
                 type: Output
             }], content: [{
                 type: Input
@@ -6254,9 +6251,9 @@ class DialogModalWrapperComponent {
     ngOnInit() {
         if (!this.dialogData.fields)
             this.dialogData.fields = [];
-        this.form = new UntypedFormGroup(this.dialogData.fields.reduce((accumulator, currentValue) => {
+        this.form = new FormGroup(this.dialogData.fields.reduce((accumulator, currentValue) => {
             const currentFormControl = {};
-            currentFormControl[currentValue.name] = new UntypedFormGroup(currentValue.default || null, currentValue.validators || []);
+            currentFormControl[currentValue.name] = new FormControl(currentValue.default || null, currentValue.validators || []);
             return Object.assign(accumulator, currentFormControl);
         }, {}));
     }
@@ -7077,6 +7074,97 @@ var TooltipPosition;
     TooltipPosition["LEFT_BOTTOM"] = "left-bottom";
 })(TooltipPosition || (TooltipPosition = {}));
 
+class ClickOutsideDirective {
+    _document /*: HTMLDocument*/;
+    _el;
+    attachOutsideOnClick = false;
+    exclude = '';
+    clickOutside = new EventEmitter();
+    _nodesExcluded = [];
+    constructor(_document /*: HTMLDocument*/, _el) {
+        this._document = _document;
+        this._el = _el;
+        this._initOnClickBody = this._initOnClickBody.bind(this);
+        this._onClickBody = this._onClickBody.bind(this);
+    }
+    ngOnInit() {
+        this._init();
+    }
+    ngOnDestroy() {
+        if (this.attachOutsideOnClick) {
+            this._el.nativeElement.removeEventListener('click', this._initOnClickBody);
+        }
+        this._document.body.removeEventListener('click', this._onClickBody);
+    }
+    ngOnChanges(changes) {
+        if (changes['attachOutsideOnClick'] || changes['exclude']) {
+            this._init();
+        }
+    }
+    _init() {
+        if (this.exclude) {
+            this.exclude.split(',').forEach((selector) => {
+                if (selector) {
+                    try {
+                        const node = this._document.querySelector(selector.trim());
+                        if (node) {
+                            this._nodesExcluded.push(node);
+                        }
+                    }
+                    catch (err) {
+                        if (window.console) {
+                            window.console.error('[ng2-click-outside] Check your exclude selector syntax.', err);
+                        }
+                    }
+                }
+            });
+        }
+        if (this.attachOutsideOnClick) {
+            this._el.nativeElement.addEventListener('click', this._initOnClickBody);
+        }
+        else {
+            this._initOnClickBody();
+        }
+    }
+    /** @internal */
+    _initOnClickBody() {
+        this._document.body.addEventListener('click', this._onClickBody);
+    }
+    /** @internal */
+    _onClickBody(e) {
+        if (!this._el.nativeElement.contains(e.target) && !this._shouldExclude(e.target)) {
+            this.clickOutside.emit(e);
+            if (this.attachOutsideOnClick) {
+                this._document.body.removeEventListener('click', this._onClickBody);
+            }
+        }
+    }
+    /** @internal */
+    _shouldExclude(target) {
+        for (let i = 0; i < this._nodesExcluded.length; i++) {
+            if (this._nodesExcluded[i].contains(target)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { attachOutsideOnClick: "attachOutsideOnClick", exclude: "exclude" }, outputs: { clickOutside: "clickOutside" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[clickOutside]' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { attachOutsideOnClick: [{
+                type: Input
+            }], exclude: [{
+                type: Input
+            }], clickOutside: [{
+                type: Output
+            }] } });
+
 const TOOLTIP_COMPONENTS = [
     TooltipInfoComponent,
     TooltipInfoSimpleComponent,
@@ -7781,11 +7869,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                 }]
         }] });
 
+class ClickOutsideModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideModule, declarations: [ClickOutsideDirective], imports: [CommonModule], exports: [ClickOutsideDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ClickOutsideModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ClickOutsideDirective],
+                    exports: [ClickOutsideDirective]
+                }]
+        }] });
+
 /* components */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, BadgeStatus, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatFormComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDotFlashingComponent, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShowTimeframePipe, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SpinnerSize, SpinnerType, StepperComponent, TagTypes, TimeframeOption, ToggleButtonMode, TooltipComponent, TooltipInfoComponent, TooltipInfoSimpleComponent, TooltipNoBodyComponent, TooltipPosition, TooltipProcessDefaultComponent, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent };
+export { AnyTagComponent, BadgeStatus, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatFormComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDotFlashingComponent, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShowTimeframePipe, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SpinnerSize, SpinnerType, StepperComponent, TagTypes, TimeframeOption, ToggleButtonMode, TooltipComponent, TooltipInfoComponent, TooltipInfoSimpleComponent, TooltipNoBodyComponent, TooltipPosition, TooltipProcessDefaultComponent, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map