@magic-xpa/angular-material-core 4.801.0-dev481.245 → 4.801.0-dev481.253

package/fesm2015/magic-xpa-angular-material-core.mjs

@@ -0,0 +1,370 @@
+import * as i0 from '@angular/core';
+import { Directive, HostListener, Injectable, Component, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import * as i1 from '@magic-xpa/angular';
+import { CheckboxMagicDirective, ComboboxMagicDirective, MagicDirective, TableMagicService, basicMagicProviders, TaskBaseMagicComponent, MagicModule } from '@magic-xpa/angular';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { SelectionModel } from '@angular/cdk/collections';
+import { getGuiEventObj } from '@magic-xpa/engine';
+import { isNullOrUndefined } from '@magic-xpa/mscorelib';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i1$1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatListModule } from '@angular/material/list';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatSelectModule } from '@angular/material/select';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatNativeDateModule } from '@angular/material/core';
+
+class MatCheckboxDirective extends CheckboxMagicDirective {
+}
+MatCheckboxDirective.ɵfac = function () { let ɵMatCheckboxDirective_BaseFactory; return function MatCheckboxDirective_Factory(t) { return (ɵMatCheckboxDirective_BaseFactory || (ɵMatCheckboxDirective_BaseFactory = i0.ɵɵgetInheritedFactory(MatCheckboxDirective)))(t || MatCheckboxDirective); }; }();
+MatCheckboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatCheckboxDirective, selectors: [["mat-checkbox", "magic", "", 3, "noFormControl", ""]], features: [i0.ɵɵInheritDefinitionFeature] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatCheckboxDirective, [{
+            type: Directive,
+            args: [{
+                    selector: `
+    mat-checkbox[magic]:not([noFormControl])
+    `,
+                }]
+        }], null, null);
+})();
+
+class MatComboboxDirective extends ComboboxMagicDirective {
+    onChange($event) {
+        super.onChange($event);
+    }
+    onOpenedChanged($event) {
+        MagicDirective.opened = $event;
+    }
+}
+MatComboboxDirective.ɵfac = function () { let ɵMatComboboxDirective_BaseFactory; return function MatComboboxDirective_Factory(t) { return (ɵMatComboboxDirective_BaseFactory || (ɵMatComboboxDirective_BaseFactory = i0.ɵɵgetInheritedFactory(MatComboboxDirective)))(t || MatComboboxDirective); }; }();
+MatComboboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatComboboxDirective, selectors: [["mat-select", "magic", ""]], hostBindings: function MatComboboxDirective_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("selectionChange", function MatComboboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); })("openedChange", function MatComboboxDirective_openedChange_HostBindingHandler($event) { return ctx.onOpenedChanged($event); });
+        }
+    }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatComboboxDirective, [{
+            type: Directive,
+            args: [{
+                    selector: `mat-select[magic]`,
+                }]
+        }], null, { onChange: [{
+                type: HostListener,
+                args: ['selectionChange', ['$event']]
+            }], onOpenedChanged: [{
+                type: HostListener,
+                args: ['openedChange', ['$event']]
+            }] });
+})();
+
+class MgMatTableService extends TableMagicService {
+    constructor(componentList, task) {
+        super(componentList, task);
+        this.componentList = componentList;
+        this.task = task;
+    }
+    get DataSource() {
+        return this.dataSource;
+    }
+    set DataSource(dataSource) {
+        this.dataSource = dataSource;
+    }
+    get Selection() {
+        return this.selection;
+    }
+    set Selection(selection) {
+        this.selection = selection;
+    }
+    get Paginator() {
+        return this.paginator;
+    }
+    set Paginator(paginator) {
+        this.paginator = paginator;
+    }
+    connect(dataSource, paginator, selection, dialog) {
+        this.dataSource = dataSource;
+        this.paginator = paginator;
+        this.selection = selection;
+        this.dialog = dialog;
+    }
+    refreshDataSource() {
+        if (!isNullOrUndefined(this.paginator))
+            this.dataSource.paginator = this.paginator;
+        this.dataSource.data = (this.task.mgAccessorService.isDataviewEmpty() ? [] : this.task.Records.list);
+    }
+    getPageSize() {
+        if (isNullOrUndefined(this.paginator))
+            return super.getPageSize();
+        return this.paginator.pageSize;
+    }
+    selectRow(guiRowid) {
+        super.selectRow(guiRowid);
+        this.selection.select(this.task.Records.list[guiRowid]);
+        this.refreshDataSource();
+    }
+    getDialog() {
+        return this.dialog;
+    }
+    selectPage(pageId) {
+        if (!isNullOrUndefined(this.paginator))
+            this.paginator.pageIndex = pageId;
+        this.refreshDataSource();
+    }
+    selectedRow() {
+        return this.selection.selected[0];
+    }
+    mgOnPaginateChange(e) {
+        if (this.task.oldPageSize != e.pageSize) {
+            this.handleResize(e.pageIndex, e.previousPageIndex, e.pageSize);
+            this.task.oldPageSize = e.pageSize;
+        }
+        else
+            this.getRowsIfNeeded(e.pageIndex, e.previousPageIndex, e.pageSize);
+    }
+    handleResize(pageIndex, prevPageIndex, pageSize) {
+        let requiredGuiRowId = pageIndex * pageSize;
+        this.task.resize(pageSize, requiredGuiRowId);
+    }
+    getRowsIfNeeded(pageIndex, prevPageIndex, pageSize) {
+        let guiEvent = getGuiEventObj("getRows", "table", 0);
+        guiEvent.Line = pageIndex * pageSize;
+        this.task.insertEvent(guiEvent);
+        this.setTableTopIndex(this.task.getDvRowId(pageSize * pageIndex));
+    }
+    sortData(e) {
+        let direction = 0;
+        if (e.direction === 'asc')
+            direction = 0;
+        else if (e.direction === 'desc')
+            direction = 1;
+        let guiEvent = getGuiEventObj("columnSort", e.active, direction);
+        this.task.insertEvent(guiEvent);
+    }
+    updateTableSize(size) {
+        if (size === 0) {
+            size = 1;
+            this.task.Records.clearFirstTableRecord(this.task.template);
+        }
+        else if (isNullOrUndefined(this.paginator))
+            size = this.getPageSize();
+        this.task.formGroups.length = size;
+        this.task.Records.updateSize(size);
+        this.task.setIncludesFirst(false);
+    }
+    selectPageForGuiRowId(guiRowId) {
+        let pageToBeSelected = 0;
+        let prevSelectedRow = this.selectedRow();
+        pageToBeSelected = Math.floor(guiRowId / this.getPageSize());
+        if ((isNullOrUndefined(prevSelectedRow) || (!isNullOrUndefined(this.paginator) && pageToBeSelected != this.paginator.pageIndex)))
+            this.selectPage(pageToBeSelected);
+    }
+    setTableTopIndex(value) {
+        this.task.Records.setGuiTopIndex(value);
+        if (value >= 0)
+            this.selectPageForGuiRowId(this.task.getGuiRowId(value, true));
+    }
+    getTableTopIndex() {
+        return this.task.Records.getGuiTopIndex();
+    }
+}
+MgMatTableService.ɵfac = function MgMatTableService_Factory(t) { return new (t || MgMatTableService)(i0.ɵɵinject(i1.ComponentListMagicService), i0.ɵɵinject(i1.TaskMagicService)); };
+MgMatTableService.ɵprov = i0.ɵɵdefineInjectable({ token: MgMatTableService, factory: MgMatTableService.ɵfac });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MgMatTableService, [{
+            type: Injectable
+        }], function () { return [{ type: i1.ComponentListMagicService }, { type: i1.TaskMagicService }]; }, null);
+})();
+
+const matMagicProviders = [
+    ...basicMagicProviders,
+    { provide: TableMagicService, useClass: MgMatTableService }
+];
+
+class BaseMatTableMagicComponent extends TaskBaseMagicComponent {
+    constructor(dialog, ref, magicService) {
+        super(ref, magicService);
+        this.dialog = dialog;
+        this.ref = ref;
+        this.magicService = magicService;
+        this.displayedColumns = [];
+        this.dataSource = new MatTableDataSource(this.task.Records.list);
+        this.selection = new SelectionModel(false, []);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.magicService.tableService.connect(this.dataSource, this.paginator, this.selection, this.dialog);
+    }
+    ngAfterContentChecked() {
+        if (!isNullOrUndefined(this.paginator) && !isNullOrUndefined(this.paginator.pageSize) &&
+            this.paginator.pageSize != this.task.oldPageSize) {
+            this.magicService.tableService.handleResize(this.paginator.pageIndex, 0, this.paginator.pageSize);
+            this.task.oldPageSize = this.paginator.pageSize;
+        }
+    }
+}
+BaseMatTableMagicComponent.ɵfac = function BaseMatTableMagicComponent_Factory(t) { return new (t || BaseMatTableMagicComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialog), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.MagicServices)); };
+BaseMatTableMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseMatTableMagicComponent, selectors: [["ng-component"]], viewQuery: function BaseMatTableMagicComponent_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(MatPaginator, 7);
+            i0.ɵɵviewQuery(MatSort, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
+        }
+    }, features: [i0.ɵɵProvidersFeature(matMagicProviders), i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseMatTableMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseMatTableMagicComponent, [{
+            type: Component,
+            args: [{
+                    providers: matMagicProviders,
+                    template: ''
+                }]
+        }], function () { return [{ type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }, { type: i1.MagicServices }]; }, { paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: true }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: true }]
+            }] });
+})();
+
+class MatListboxDirective {
+    constructor(magicDirective) {
+        this.magicDirective = magicDirective;
+    }
+    onChange($event) {
+        this.magicDirective.task.onListBoxSelectionChanged($event, this.magicDirective.id);
+    }
+}
+MatListboxDirective.ɵfac = function MatListboxDirective_Factory(t) { return new (t || MatListboxDirective)(i0.ɵɵdirectiveInject(i1.MagicDirective)); };
+MatListboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatListboxDirective, selectors: [["mat-selection-list", "magic", ""]], hostBindings: function MatListboxDirective_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("selectionChange", function MatListboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); });
+        }
+    } });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatListboxDirective, [{
+            type: Directive,
+            args: [{
+                    selector: `mat-selection-list[magic]`,
+                }]
+        }], function () { return [{ type: i1.MagicDirective }]; }, { onChange: [{
+                type: HostListener,
+                args: ['selectionChange', ['$event']]
+            }] });
+})();
+
+class MatMagicAutocompleteDirective {
+    onOpenedChanged($event) {
+        MagicDirective.noOfAutoCompleteBoxesOpened++;
+    }
+    onClosedChanged($event) {
+        MagicDirective.noOfAutoCompleteBoxesOpened--;
+    }
+}
+MatMagicAutocompleteDirective.ɵfac = function MatMagicAutocompleteDirective_Factory(t) { return new (t || MatMagicAutocompleteDirective)(); };
+MatMagicAutocompleteDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatMagicAutocompleteDirective, selectors: [["mat-autocomplete", "magic", ""]], hostBindings: function MatMagicAutocompleteDirective_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("opened", function MatMagicAutocompleteDirective_opened_HostBindingHandler($event) { return ctx.onOpenedChanged($event); })("closed", function MatMagicAutocompleteDirective_closed_HostBindingHandler($event) { return ctx.onClosedChanged($event); });
+        }
+    } });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatMagicAutocompleteDirective, [{
+            type: Directive,
+            args: [{
+                    selector: 'mat-autocomplete[magic]'
+                }]
+        }], null, { onOpenedChanged: [{
+                type: HostListener,
+                args: ['opened', ['$event']]
+            }], onClosedChanged: [{
+                type: HostListener,
+                args: ['closed', ['$event']]
+            }] });
+})();
+
+const materialModules = [
+    MatTableModule,
+    MatPaginatorModule,
+    MatInputModule,
+    MatButtonModule,
+    MatListModule,
+    MatCheckboxModule,
+    MatTabsModule,
+    MatSelectModule,
+    MatDatepickerModule,
+    MatNativeDateModule,
+    MatDialogModule
+];
+class MagicAngularMaterialModule {
+}
+MagicAngularMaterialModule.ɵfac = function MagicAngularMaterialModule_Factory(t) { return new (t || MagicAngularMaterialModule)(); };
+MagicAngularMaterialModule.ɵmod = i0.ɵɵdefineNgModule({ type: MagicAngularMaterialModule });
+MagicAngularMaterialModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            FormsModule,
+            ...materialModules,
+            MagicModule
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicAngularMaterialModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MatCheckboxDirective,
+                        MatComboboxDirective,
+                        MatListboxDirective,
+                        MatMagicAutocompleteDirective,
+                        BaseMatTableMagicComponent,
+                    ],
+                    exports: [
+                        MatCheckboxDirective,
+                        MatComboboxDirective,
+                        MatListboxDirective,
+                        MatMagicAutocompleteDirective,
+                        BaseMatTableMagicComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ...materialModules,
+                        MagicModule
+                    ]
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MagicAngularMaterialModule, { declarations: [MatCheckboxDirective,
+            MatComboboxDirective,
+            MatListboxDirective,
+            MatMagicAutocompleteDirective,
+            BaseMatTableMagicComponent], imports: [CommonModule,
+            FormsModule, MatTableModule,
+            MatPaginatorModule,
+            MatInputModule,
+            MatButtonModule,
+            MatListModule,
+            MatCheckboxModule,
+            MatTabsModule,
+            MatSelectModule,
+            MatDatepickerModule,
+            MatNativeDateModule,
+            MatDialogModule, MagicModule], exports: [MatCheckboxDirective,
+            MatComboboxDirective,
+            MatListboxDirective,
+            MatMagicAutocompleteDirective,
+            BaseMatTableMagicComponent] });
+})();
+
+export { BaseMatTableMagicComponent, MagicAngularMaterialModule, MatCheckboxDirective, MatComboboxDirective, MatListboxDirective, MatMagicAutocompleteDirective, MgMatTableService, matMagicProviders, materialModules };
+//# sourceMappingURL=magic-xpa-angular-material-core.mjs.map

package/fesm2015/magic-xpa-angular-material-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-xpa-angular-material-core.mjs","sources":["../../../../projects/angular-material-core/src/directives/magic/form-controls/mat-magic-checkbox.directive.ts","../../../../projects/angular-material-core/src/directives/magic/form-controls/mat-magic-combobox.directive.ts","../../../../projects/angular-material-core/src/services/mattable.magic.service.ts","../../../../projects/angular-material-core/src/services/mat.magic.providers.ts","../../../../projects/angular-material-core/src/components/base-mat-table-magic.component.ts","../../../../projects/angular-material-core/src/directives/magic/form-controls/mat-magic-listbox.directive.ts","../../../../projects/angular-material-core/src/directives/magic/form-controls/mat-magic-autocomplete.directive.ts","../../../../projects/angular-material-core/src/angular-material.module.ts"],"sourcesContent":["import { Directive } from \"@angular/core\";\r\nimport { CheckboxMagicDirective } from \"@magic-xpa/angular\";\r\n\r\n\r\n/**\r\n * Directive for material-design checkboxes not on material-design table\r\n */\r\n@Directive({\r\n  selector:\r\n    `\r\n    mat-checkbox[magic]:not([noFormControl])\r\n    `,\r\n})\r\nexport class MatCheckboxDirective extends CheckboxMagicDirective {\r\n\r\n\r\n}\r\n","import { Directive, HostListener } from \"@angular/core\";\r\nimport {ComboboxMagicDirective, MagicDirective} from \"@magic-xpa/angular\";\r\n\r\n\r\n/**\r\n * Directive for material-design comboboxes not on material-design table\r\n */\r\n@Directive({\r\n  selector:\r\n    `mat-select[magic]`,\r\n})\r\nexport class MatComboboxDirective extends ComboboxMagicDirective {\r\n\r\n  /**\r\n   * Handles the \"selectionChange\" event - pass it to the \"change\" event handler\r\n   * @param $event\r\n   */\r\n  @HostListener('selectionChange', ['$event'])\r\n  onChange($event) {\r\n    super.onChange($event);\r\n  }\r\n\r\n  @HostListener('openedChange', ['$event'])\r\n  onOpenedChanged($event) {\r\n    MagicDirective.opened = $event;\r\n  }\r\n\r\n}\r\n","\nimport { Injectable } from '@angular/core';\nimport { SelectionModel } from \"@angular/cdk/collections\";\n\nimport { TaskMagicService, ComponentListMagicService, ControlsMetadata } from \"@magic-xpa/angular\";\nimport {IGuiEvent, getGuiEventObj} from \"@magic-xpa/engine\";\nimport { TableMagicService } from \"@magic-xpa/angular\";\nimport {isNullOrUndefined} from \"@magic-xpa/mscorelib\";\nimport { MatTableDataSource } from '@angular/material/table';\nimport { MatDialog } from '@angular/material/dialog';\nimport { MatPaginator } from '@angular/material/paginator';\n\n\n/**\n * Extends the Magic table service to supply functionality for Material Design tables\n */\n@Injectable()\nexport class MgMatTableService extends TableMagicService {\n  /**\n   * Table data source\n   */\n  dataSource: MatTableDataSource<Element>;\n  /**\n   * Dialog used for editing values\n   */\n  dialog: MatDialog;\n  /**\n   * @ignore\n   */\n  get DataSource(): MatTableDataSource<Element> {\n    return this.dataSource;\n  }\n\n  /**\n   * @ignore\n   */\n  set DataSource(dataSource: MatTableDataSource<Element>) {\n    this.dataSource = dataSource;\n  }\n\n  /**\n   * Provides selection options for the table\n   */\n  selection: SelectionModel<Element>;\n\n  /**\n   * @ignore\n   */\n  get Selection(): SelectionModel<Element> {\n    return this.selection;\n  }\n\n  /**\n   * @ignore\n   */\n  set Selection(selection: SelectionModel<Element>) {\n    this.selection = selection;\n  }\n\n  /**\n   * Paginator to enable changing pages in the table\n   */\n  paginator: MatPaginator;\n\n  /**\n   * @ignore\n   */\n  get Paginator(): MatPaginator {\n    return this.paginator;\n  }\n\n  /**\n   * @ignore\n   */\n  set Paginator(paginator: MatPaginator) {\n    this.paginator = paginator;\n  }\n\n  /**\n   * @ignore\n   */\n  constructor(protected componentList: ComponentListMagicService, protected task: TaskMagicService ) {\n    super(componentList, task);\n  }\n\n  /**\n   * Connects the service to the elements of the table component\n   * @param dataSource Table data source\n   * @param paginator Table paginator\n   * @param selection table SelectionModel\n   * @param dialog Dialog used for editing values\n   */\n  connect(dataSource: MatTableDataSource<Element> , paginator: MatPaginator, selection: SelectionModel<Element>, dialog: MatDialog) {\n    this.dataSource = dataSource;\n    this.paginator = paginator;\n    this.selection = selection;\n    this.dialog = dialog;\n  }\n\n  /**\n   * @ignore\n   */\n  refreshDataSource() {\n    if (!isNullOrUndefined(this.paginator))\n      this.dataSource.paginator = this.paginator;\n\n    this.dataSource.data = (this.task.mgAccessorService.isDataviewEmpty() ? [] : this.task.Records.list);\n  }\n\n  /**\n   * returns the page size of the table\n   * @returns\n   */\n  getPageSize(): number {\n    if (isNullOrUndefined(this.paginator))\n      return super.getPageSize();\n    return this.paginator.pageSize;\n  }\n\n  /**\n   * Selects a table row\n   * @param guiRowid Id of row to be selected\n   */\n  selectRow(guiRowid: string): void {\n    super.selectRow(guiRowid);\n    this.selection.select(this.task.Records.list[guiRowid]);\n    this.refreshDataSource();\n  }\n\n  /**\n   * @ignore\n   */\n  getDialog(): any {\n    return this.dialog;\n  }\n\n  /**\n   * Displays the requested table page\n   * @param pageId Id of page to be selected\n   */\n  selectPage(pageId: number): void {\n    if (!isNullOrUndefined(this.paginator))\n      this.paginator.pageIndex = pageId;\n\n    this.refreshDataSource();\n  }\n\n  /**\n   * Returns the currently seleted row\n   * @returns\n   */\n  selectedRow(): any {\n    return this.selection.selected[0];\n  }\n\n  /**\n   * Handle the paginator's \"page\" event\n   * @param e The event received from the UI\n   */\n  mgOnPaginateChange(e)\n  {\n    if (this.task.oldPageSize != e.pageSize) {\n      this.handleResize(e.pageIndex, e.previousPageIndex, e.pageSize);\n      this.task.oldPageSize = e.pageSize;\n    }\n    else\n      this.getRowsIfNeeded(e.pageIndex, e.previousPageIndex, e.pageSize);\n  }\n\n  /**\n   * Handle resize and set table top index.\n   * @param pageIndex : New page index.\n   * @param prevPageIndex : Prev page index\n   * @param pageSize : PageSize\n   */\n  handleResize(pageIndex: number, prevPageIndex: number, pageSize: number): void {\n    let requiredGuiRowId = pageIndex * pageSize;\n    this.task.resize(pageSize, requiredGuiRowId);\n    }\n\n  /**\n   * Execute getRows to fetch required chunk of records.\n   * @param pageIndex : New page index.\n   * @param prevPageIndex : Prev page index\n   * @param pageSize : PageSize\n   */\n  getRowsIfNeeded(pageIndex: number, prevPageIndex: number, pageSize: number): void {\n    let guiEvent: IGuiEvent = getGuiEventObj(\"getRows\", \"table\", 0);\n    guiEvent.Line = pageIndex * pageSize;\n    this.task.insertEvent(guiEvent);\n    this.setTableTopIndex(this.task.getDvRowId(pageSize * pageIndex));\n  }\n\n  /**\n   * Handles the \"matSortChange\" event\n   * @param e The event received from the UI\n   */\n  sortData(e) {\n    let direction: number = 0;\n    if (e.direction === 'asc')\n      direction = 0;\n    else if (e.direction === 'desc')\n      direction = 1;\n\n    let guiEvent: IGuiEvent = getGuiEventObj(\"columnSort\", e.active, direction);\n    this.task.insertEvent(guiEvent);\n  }\n\n  /**\n   * Change the number of lines in a table\n   * @param  size New number of lines in table\n   */\n  updateTableSize(size: number) {\n    if (size === 0) // never remove row 0 for now\n    {\n       size = 1;\n       this.task.Records.clearFirstTableRecord(this.task.template);\n    }\n\n    else if (isNullOrUndefined(this.paginator))\n       size = this.getPageSize();\n\n    this.task.formGroups.length = size;\n    this.task.Records.updateSize(size);\n    this.task.setIncludesFirst(false);\n  }\n\n  /**\n   * Handle the selection of row and if needed move to respective page.\n   * @param  guiRowId New number of lines in table\n   */\n  protected selectPageForGuiRowId(guiRowId: number): void {\n    let pageToBeSelected: number = 0;\n    let prevSelectedRow: ControlsMetadata = <ControlsMetadata>this.selectedRow();\n\n    pageToBeSelected = Math.floor(guiRowId / this.getPageSize());\n\n    // Explicitly handle selection of page when it's not raised by using pagination\n    if ((isNullOrUndefined(prevSelectedRow) || (!isNullOrUndefined(this.paginator) && pageToBeSelected != this.paginator.pageIndex)))\n      this.selectPage(pageToBeSelected);\n  }\n\n  /**\n   * @ignore\n   */\n  setTableTopIndex(value: number) {\n    this.task.Records.setGuiTopIndex(value);\n\n    if (value >= 0)\n      this.selectPageForGuiRowId(this.task.getGuiRowId(value, true));\n  }\n\n  /**\n   * @ignore\n   */\n  getTableTopIndex():number\n  {\n    return this.task.Records.getGuiTopIndex();\n  }\n}\n\n","\r\nimport { basicMagicProviders,  TableMagicService} from \"@magic-xpa/angular\";\r\n\r\nimport { MgMatTableService } from \"./mattable.magic.service\";\r\n\r\n\r\n/**\r\n * @ignore\r\n */\r\nexport const matMagicProviders = [\r\n  ...basicMagicProviders, // - created error Exported variable 'matMagicProviders' has or is using name 'MagicServices' from external module \"D:/magicxpaproject/_Trunk/Sources/Webclient/dist/angular/src/services/magic.services\" but cannot be named.\r\n  { provide: TableMagicService, useClass: MgMatTableService }\r\n];\r\n\r\n","import { MagicServices, TaskBaseMagicComponent } from '@magic-xpa/angular';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { SelectionModel } from '@angular/cdk/collections';\r\nimport { ChangeDetectorRef, Component, ViewChild } from '@angular/core';\r\nimport { MgMatTableService } from '../services/mattable.magic.service';\r\nimport { matMagicProviders } from '../services/mat.magic.providers';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { isNullOrUndefined } from '@magic-xpa/mscorelib';\r\n\r\n/**\r\n * This component is the base component for forms which has a material-design table (grid)\r\n */\r\n@Component({\r\n  providers: matMagicProviders,\r\n  template: ''\r\n\r\n})\r\n export class BaseMatTableMagicComponent extends TaskBaseMagicComponent {\r\n\r\n  /**\r\n   * Paginator to enable changing pages in the table\r\n   */\r\n  @ViewChild(MatPaginator, {static:true}) paginator: MatPaginator;\r\n\r\n  /**\r\n   * Provides the table sort capabilities\r\n   */\r\n  @ViewChild(MatSort, {static:true}) sort: MatSort;\r\n\r\n  /**\r\n   * List of table columns to be displayed\r\n   */\r\n  displayedColumns;\r\n\r\n  /**\r\n   * Table data source\r\n   */\r\n  dataSource;\r\n\r\n  /**\r\n   * Provides selection options for the table\r\n   */\r\n  selection;\r\n\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor(\r\n    public dialog: MatDialog,\r\n    protected ref: ChangeDetectorRef,\r\n    public magicService: MagicServices,\r\n    ) {\r\n\r\n    super(ref, magicService);\r\n\r\n    this.displayedColumns = [];\r\n    this.dataSource       = new MatTableDataSource < Element > (this.task.Records.list);\r\n    this.selection        = new SelectionModel < Element > (false, []);\r\n  }\r\n\r\n  /**\r\n   * Initializer\r\n   */\r\n  ngOnInit() {\r\n    super.ngOnInit();\r\n    (this.magicService.tableService as MgMatTableService).connect(this.dataSource, this.paginator, this.selection, this.dialog);\r\n  }\r\n\r\n  /**\r\n   * AfterContentChecked implementation\r\n   */\r\n  ngAfterContentChecked() {\r\n    if (!isNullOrUndefined(this.paginator) && !isNullOrUndefined(this.paginator.pageSize) &&\r\n      this.paginator.pageSize != this.task.oldPageSize) {\r\n      (this.magicService.tableService as MgMatTableService).handleResize(this.paginator.pageIndex, 0, this.paginator.pageSize);\r\n      this.task.oldPageSize = this.paginator.pageSize;\r\n    }\r\n  }\r\n}\r\n","import { Directive, HostListener } from \"@angular/core\";\r\nimport { MagicDirective } from \"@magic-xpa/angular\";\r\n\r\n\r\n/**\r\n * Directive for material-design listboxes not on material-design table\r\n */\r\n@Directive({\r\n  selector:\r\n    `mat-selection-list[magic]`,\r\n})\r\nexport class MatListboxDirective{\r\n\r\n  constructor(protected magicDirective: MagicDirective) {\r\n  }\r\n\r\n  /**\r\n   * Handles the \"selectionChange\" event - pass it to the \"change\" event handler\r\n   * @param $event\r\n   */\r\n  @HostListener('selectionChange', ['$event'])\r\n  onChange($event) {\r\n    this.magicDirective.task.onListBoxSelectionChanged($event, this.magicDirective.id);\r\n  }\r\n}\r\n","import { Directive, HostListener } from '@angular/core';\r\nimport { MagicDirective } from '@magic-xpa/angular';\r\n\r\n/**\r\n * Directive for material-design autocomplete not on material-design table\r\n */\r\n@Directive({\r\n  selector:\r\n    'mat-autocomplete[magic]'\r\n})\r\nexport class MatMagicAutocompleteDirective {\r\n\r\n  @HostListener('opened', ['$event'])\r\n  onOpenedChanged($event) {\r\n     MagicDirective.noOfAutoCompleteBoxesOpened++;\r\n  }\r\n\r\n  @HostListener('closed', ['$event'])\r\n  onClosedChanged($event) {\r\n     MagicDirective.noOfAutoCompleteBoxesOpened--;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatCheckboxDirective } from './directives/magic/form-controls/mat-magic-checkbox.directive';\r\nimport { MatComboboxDirective } from './directives/magic/form-controls/mat-magic-combobox.directive';\r\nimport { BaseMatTableMagicComponent } from './components/base-mat-table-magic.component';\r\nimport { MatListboxDirective } from './directives/magic/form-controls/mat-magic-listbox.directive';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatNativeDateModule } from '@angular/material/core';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MagicModule } from '@magic-xpa/angular';\r\nimport { MatMagicAutocompleteDirective } from './directives/magic/form-controls/mat-magic-autocomplete.directive';\r\n\r\n\r\n/**\r\n * @ignore\r\n */\r\nexport const materialModules = [\r\n  MatTableModule,\r\n  MatPaginatorModule,\r\n  MatInputModule,\r\n  MatButtonModule,\r\n  MatListModule,\r\n  MatCheckboxModule,\r\n  MatTabsModule,\r\n  MatSelectModule,\r\n  MatDatepickerModule,\r\n  MatNativeDateModule,\r\n  MatDialogModule\r\n];\r\n\r\n/**\r\n * @ignore\r\n */\r\n@NgModule({\r\n  declarations: [\r\n    MatCheckboxDirective,\r\n    MatComboboxDirective,\r\n    MatListboxDirective,\r\n    MatMagicAutocompleteDirective,\r\n    BaseMatTableMagicComponent,\r\n  ],\r\n  exports: [\r\n    MatCheckboxDirective,\r\n    MatComboboxDirective,\r\n    MatListboxDirective,\r\n    MatMagicAutocompleteDirective,\r\n    BaseMatTableMagicComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ...materialModules,\r\n    MagicModule\r\n  ]\r\n})\r\nexport class MagicAngularMaterialModule {\r\n\r\n}\r\n"],"names":[],"mappings":"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"}

package/{fesm2015/magic-xpa-angular-material-core.js → fesm2020/magic-xpa-angular-material-core.mjs}

@@ -1,8 +1,11 @@
-import { ɵɵdefineDirective, ɵɵInheritDefinitionFeature, ɵɵgetInheritedFactory, ɵsetClassMetadata, Directive, ɵɵlistener, HostListener, ɵɵinject, ɵɵdefineInjectable, Injectable, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineComponent, ɵɵstaticViewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵProvidersFeature, Component, ViewChild, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, HostListener, Injectable, Component, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import { CheckboxMagicDirective, ComboboxMagicDirective, MagicDirective, TableMagicService, ComponentListMagicService, TaskMagicService, basicMagicProviders, TaskBaseMagicComponent, MagicServices, MagicModule } from '@magic-xpa/angular';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import * as i1 from '@magic-xpa/angular';
+import { CheckboxMagicDirective, ComboboxMagicDirective, MagicDirective, TableMagicService, basicMagicProviders, TaskBaseMagicComponent, MagicModule } from '@magic-xpa/angular';
+import * as i1$1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
 import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -20,10 +23,9 @@ import { MatNativeDateModule } from '@angular/material/core';
 
 class MatCheckboxDirective extends CheckboxMagicDirective {
 }
-MatCheckboxDirective.ɵfac = function MatCheckboxDirective_Factory(t) { return ɵMatCheckboxDirective_BaseFactory(t || MatCheckboxDirective); };
-MatCheckboxDirective.ɵdir = ɵɵdefineDirective({ type: MatCheckboxDirective, selectors: [["mat-checkbox", "magic", "", 3, "noFormControl", ""]], features: [ɵɵInheritDefinitionFeature] });
-const ɵMatCheckboxDirective_BaseFactory = ɵɵgetInheritedFactory(MatCheckboxDirective);
-(function () { ɵsetClassMetadata(MatCheckboxDirective, [{
+MatCheckboxDirective.ɵfac = function () { let ɵMatCheckboxDirective_BaseFactory; return function MatCheckboxDirective_Factory(t) { return (ɵMatCheckboxDirective_BaseFactory || (ɵMatCheckboxDirective_BaseFactory = i0.ɵɵgetInheritedFactory(MatCheckboxDirective)))(t || MatCheckboxDirective); }; }();
+MatCheckboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatCheckboxDirective, selectors: [["mat-checkbox", "magic", "", 3, "noFormControl", ""]], features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatCheckboxDirective, [{
         type: Directive,
         args: [{
                 selector: `
@@ -40,12 +42,11 @@ class MatComboboxDirective extends ComboboxMagicDirective {
         MagicDirective.opened = $event;
     }
 }
-MatComboboxDirective.ɵfac = function MatComboboxDirective_Factory(t) { return ɵMatComboboxDirective_BaseFactory(t || MatComboboxDirective); };
-MatComboboxDirective.ɵdir = ɵɵdefineDirective({ type: MatComboboxDirective, selectors: [["mat-select", "magic", ""]], hostBindings: function MatComboboxDirective_HostBindings(rf, ctx) { if (rf & 1) {
-        ɵɵlistener("selectionChange", function MatComboboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); })("openedChange", function MatComboboxDirective_openedChange_HostBindingHandler($event) { return ctx.onOpenedChanged($event); });
-    } }, features: [ɵɵInheritDefinitionFeature] });
-const ɵMatComboboxDirective_BaseFactory = ɵɵgetInheritedFactory(MatComboboxDirective);
-(function () { ɵsetClassMetadata(MatComboboxDirective, [{
+MatComboboxDirective.ɵfac = function () { let ɵMatComboboxDirective_BaseFactory; return function MatComboboxDirective_Factory(t) { return (ɵMatComboboxDirective_BaseFactory || (ɵMatComboboxDirective_BaseFactory = i0.ɵɵgetInheritedFactory(MatComboboxDirective)))(t || MatComboboxDirective); }; }();
+MatComboboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatComboboxDirective, selectors: [["mat-select", "magic", ""]], hostBindings: function MatComboboxDirective_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("selectionChange", function MatComboboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); })("openedChange", function MatComboboxDirective_openedChange_HostBindingHandler($event) { return ctx.onOpenedChanged($event); });
+    } }, features: [i0.ɵɵInheritDefinitionFeature] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatComboboxDirective, [{
         type: Directive,
         args: [{
                 selector: `mat-select[magic]`,
@@ -168,11 +169,11 @@ class MgMatTableService extends TableMagicService {
         return this.task.Records.getGuiTopIndex();
     }
 }
-MgMatTableService.ɵfac = function MgMatTableService_Factory(t) { return new (t || MgMatTableService)(ɵɵinject(ComponentListMagicService), ɵɵinject(TaskMagicService)); };
-MgMatTableService.ɵprov = ɵɵdefineInjectable({ token: MgMatTableService, factory: MgMatTableService.ɵfac });
-(function () { ɵsetClassMetadata(MgMatTableService, [{
+MgMatTableService.ɵfac = function MgMatTableService_Factory(t) { return new (t || MgMatTableService)(i0.ɵɵinject(i1.ComponentListMagicService), i0.ɵɵinject(i1.TaskMagicService)); };
+MgMatTableService.ɵprov = i0.ɵɵdefineInjectable({ token: MgMatTableService, factory: MgMatTableService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MgMatTableService, [{
         type: Injectable
-    }], function () { return [{ type: ComponentListMagicService }, { type: TaskMagicService }]; }, null); })();
+    }], function () { return [{ type: i1.ComponentListMagicService }, { type: i1.TaskMagicService }]; }, null); })();
 
 const matMagicProviders = [
     ...basicMagicProviders,
@@ -201,22 +202,22 @@ class BaseMatTableMagicComponent extends TaskBaseMagicComponent {
         }
     }
 }
-BaseMatTableMagicComponent.ɵfac = function BaseMatTableMagicComponent_Factory(t) { return new (t || BaseMatTableMagicComponent)(ɵɵdirectiveInject(MatDialog), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(MagicServices)); };
-BaseMatTableMagicComponent.ɵcmp = ɵɵdefineComponent({ type: BaseMatTableMagicComponent, selectors: [["ng-component"]], viewQuery: function BaseMatTableMagicComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵstaticViewQuery(MatPaginator, true);
-        ɵɵstaticViewQuery(MatSort, true);
+BaseMatTableMagicComponent.ɵfac = function BaseMatTableMagicComponent_Factory(t) { return new (t || BaseMatTableMagicComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialog), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.MagicServices)); };
+BaseMatTableMagicComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseMatTableMagicComponent, selectors: [["ng-component"]], viewQuery: function BaseMatTableMagicComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatPaginator, 7);
+        i0.ɵɵviewQuery(MatSort, 7);
     } if (rf & 2) {
-        var _t;
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.paginator = _t.first);
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.sort = _t.first);
-    } }, features: [ɵɵProvidersFeature(matMagicProviders), ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseMatTableMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
-(function () { ɵsetClassMetadata(BaseMatTableMagicComponent, [{
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
+    } }, features: [i0.ɵɵProvidersFeature(matMagicProviders), i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseMatTableMagicComponent_Template(rf, ctx) { }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseMatTableMagicComponent, [{
         type: Component,
         args: [{
                 providers: matMagicProviders,
                 template: ''
             }]
-    }], function () { return [{ type: MatDialog }, { type: ChangeDetectorRef }, { type: MagicServices }]; }, { paginator: [{
+    }], function () { return [{ type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }, { type: i1.MagicServices }]; }, { paginator: [{
             type: ViewChild,
             args: [MatPaginator, { static: true }]
         }], sort: [{
@@ -232,16 +233,16 @@ class MatListboxDirective {
         this.magicDirective.task.onListBoxSelectionChanged($event, this.magicDirective.id);
     }
 }
-MatListboxDirective.ɵfac = function MatListboxDirective_Factory(t) { return new (t || MatListboxDirective)(ɵɵdirectiveInject(MagicDirective)); };
-MatListboxDirective.ɵdir = ɵɵdefineDirective({ type: MatListboxDirective, selectors: [["mat-selection-list", "magic", ""]], hostBindings: function MatListboxDirective_HostBindings(rf, ctx) { if (rf & 1) {
-        ɵɵlistener("selectionChange", function MatListboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); });
+MatListboxDirective.ɵfac = function MatListboxDirective_Factory(t) { return new (t || MatListboxDirective)(i0.ɵɵdirectiveInject(i1.MagicDirective)); };
+MatListboxDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatListboxDirective, selectors: [["mat-selection-list", "magic", ""]], hostBindings: function MatListboxDirective_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("selectionChange", function MatListboxDirective_selectionChange_HostBindingHandler($event) { return ctx.onChange($event); });
     } } });
-(function () { ɵsetClassMetadata(MatListboxDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatListboxDirective, [{
         type: Directive,
         args: [{
                 selector: `mat-selection-list[magic]`,
             }]
-    }], function () { return [{ type: MagicDirective }]; }, { onChange: [{
+    }], function () { return [{ type: i1.MagicDirective }]; }, { onChange: [{
             type: HostListener,
             args: ['selectionChange', ['$event']]
         }] }); })();
@@ -255,10 +256,10 @@ class MatMagicAutocompleteDirective {
     }
 }
 MatMagicAutocompleteDirective.ɵfac = function MatMagicAutocompleteDirective_Factory(t) { return new (t || MatMagicAutocompleteDirective)(); };
-MatMagicAutocompleteDirective.ɵdir = ɵɵdefineDirective({ type: MatMagicAutocompleteDirective, selectors: [["mat-autocomplete", "magic", ""]], hostBindings: function MatMagicAutocompleteDirective_HostBindings(rf, ctx) { if (rf & 1) {
-        ɵɵlistener("opened", function MatMagicAutocompleteDirective_opened_HostBindingHandler($event) { return ctx.onOpenedChanged($event); })("closed", function MatMagicAutocompleteDirective_closed_HostBindingHandler($event) { return ctx.onClosedChanged($event); });
+MatMagicAutocompleteDirective.ɵdir = i0.ɵɵdefineDirective({ type: MatMagicAutocompleteDirective, selectors: [["mat-autocomplete", "magic", ""]], hostBindings: function MatMagicAutocompleteDirective_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("opened", function MatMagicAutocompleteDirective_opened_HostBindingHandler($event) { return ctx.onOpenedChanged($event); })("closed", function MatMagicAutocompleteDirective_closed_HostBindingHandler($event) { return ctx.onClosedChanged($event); });
     } } });
-(function () { ɵsetClassMetadata(MatMagicAutocompleteDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatMagicAutocompleteDirective, [{
         type: Directive,
         args: [{
                 selector: 'mat-autocomplete[magic]'
@@ -285,38 +286,16 @@ const materialModules = [
     MatDialogModule
 ];
 class MagicAngularMaterialModule {
-    constructor(componentList, matdialog) {
-        componentList.dialogs.set('MatDialog', matdialog);
-    }
 }
-MagicAngularMaterialModule.ɵmod = ɵɵdefineNgModule({ type: MagicAngularMaterialModule });
-MagicAngularMaterialModule.ɵinj = ɵɵdefineInjector({ factory: function MagicAngularMaterialModule_Factory(t) { return new (t || MagicAngularMaterialModule)(ɵɵinject(ComponentListMagicService), ɵɵinject(MatDialog)); }, imports: [[
+MagicAngularMaterialModule.ɵfac = function MagicAngularMaterialModule_Factory(t) { return new (t || MagicAngularMaterialModule)(); };
+MagicAngularMaterialModule.ɵmod = i0.ɵɵdefineNgModule({ type: MagicAngularMaterialModule });
+MagicAngularMaterialModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             FormsModule,
             ...materialModules,
             MagicModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(MagicAngularMaterialModule, { declarations: [MatCheckboxDirective,
-        MatComboboxDirective,
-        MatListboxDirective,
-        MatMagicAutocompleteDirective,
-        BaseMatTableMagicComponent], imports: [CommonModule,
-        FormsModule, MatTableModule,
-        MatPaginatorModule,
-        MatInputModule,
-        MatButtonModule,
-        MatListModule,
-        MatCheckboxModule,
-        MatTabsModule,
-        MatSelectModule,
-        MatDatepickerModule,
-        MatNativeDateModule,
-        MatDialogModule, MagicModule], exports: [MatCheckboxDirective,
-        MatComboboxDirective,
-        MatListboxDirective,
-        MatMagicAutocompleteDirective,
-        BaseMatTableMagicComponent] }); })();
-(function () { ɵsetClassMetadata(MagicAngularMaterialModule, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MagicAngularMaterialModule, [{
         type: NgModule,
         args: [{
                 declarations: [
@@ -340,7 +319,27 @@ MagicAngularMaterialModule.ɵinj = ɵɵdefineInjector({ factory: function MagicA
                     MagicModule
                 ]
             }]
-    }], function () { return [{ type: ComponentListMagicService }, { type: MatDialog }]; }, null); })();
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MagicAngularMaterialModule, { declarations: [MatCheckboxDirective,
+        MatComboboxDirective,
+        MatListboxDirective,
+        MatMagicAutocompleteDirective,
+        BaseMatTableMagicComponent], imports: [CommonModule,
+        FormsModule, MatTableModule,
+        MatPaginatorModule,
+        MatInputModule,
+        MatButtonModule,
+        MatListModule,
+        MatCheckboxModule,
+        MatTabsModule,
+        MatSelectModule,
+        MatDatepickerModule,
+        MatNativeDateModule,
+        MatDialogModule, MagicModule], exports: [MatCheckboxDirective,
+        MatComboboxDirective,
+        MatListboxDirective,
+        MatMagicAutocompleteDirective,
+        BaseMatTableMagicComponent] }); })();
 
 export { BaseMatTableMagicComponent, MagicAngularMaterialModule, MatCheckboxDirective, MatComboboxDirective, MatListboxDirective, MatMagicAutocompleteDirective, MgMatTableService, matMagicProviders, materialModules };
-//# sourceMappingURL=magic-xpa-angular-material-core.js.map
+//# sourceMappingURL=magic-xpa-angular-material-core.mjs.map