@koalarx/ui 12.7.14 → 12.7.18

package/core/package.json

@@ -3,7 +3,8 @@
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^12.0.3",
-    "@angular/core": "^12.0.3"
+    "@angular/core": "^12.0.3",
+    "ngx-device-detector": "^2.2.0"
   },
   "dependencies": {
     "tslib": "^2.1.0"

package/dialog/bundles/koalarx-ui-dialog.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/icon'), require('ngx-device-detector'), require('@koalarx/utils/operators/string'), require('ngx-device-detector/lib/device-detector.service')) :
-    typeof define === 'function' && define.amd ? define('@koalarx/ui/dialog', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/button', '@angular/material/icon', 'ngx-device-detector', '@koalarx/utils/operators/string', 'ngx-device-detector/lib/device-detector.service'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.dialog = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global.i2, global.string, global.i2));
-})(this, (function (exports, i0, common, i1, button, icon, ngxDeviceDetector, string, i2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/dialog'), require('@angular/material/button'), require('@angular/material/icon'), require('ngx-device-detector'), require('@koalarx/utils/operators/string')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/dialog', ['exports', '@angular/core', '@angular/common', '@angular/material/dialog', '@angular/material/button', '@angular/material/icon', 'ngx-device-detector', '@koalarx/utils/operators/string'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.dialog = {}), global.ng.core, global.ng.common, global.ng.material.dialog, global.ng.material.button, global.ng.material.icon, global.i2, global.string));
+})(this, (function (exports, i0, common, i1, button, icon, i2, string) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -122,7 +122,7 @@
     ];
     KoalaDialogService.ctorParameters = function () { return [
         { type: i1.MatDialog },
-        { type: ngxDeviceDetector.DeviceDetectorService }
+        { type: i2.DeviceDetectorService }
     ]; };
 
     /**

package/dialog/bundles/koalarx-ui-dialog.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-dialog.umd.js","sources":["../../../projects/dialog/src/lib/dialog.component.ts","../../../projects/dialog/src/lib/koala.dialog.module.ts","../../../projects/dialog/src/lib/koala.dialog.service.ts","../../../projects/dialog/src/koalarx-ui-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\n@Component({\n  selector: 'koala-dialog',\n  templateUrl: 'dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogComponent {\n  @Input() titleDialog?: string;\n  @Input() iconTitleDialog?: string;\n  @Input() triggerDialogClose?: string;\n  @Input() btnCloseLabel?: string;\n  @Input() btnCloseColor: ThemePalette;\n}\n","import { NgModule } from '@angular/core';\nimport { DialogComponent } from './dialog.component';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    DialogComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatDialogModule\n  ],\n  exports: [\n    DialogComponent\n  ]\n})\nexport class KoalaDialogModule {\n}\n","import { Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { KoalaDialogTemplateInterface } from './koala.dialog-template.interface';\nimport { ComponentType } from '@angular/cdk/overlay';\nimport { DeviceDetectorService } from \"ngx-device-detector\";\nimport { randomString } from \"@koalarx/utils/operators/string\";\n\nexport type KoalaDialogSizeType = 'auto' | 'small' | 'normal' | 'big' | 'mobile';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaDialogService {\n\n  constructor(\n    private dialog: MatDialog,\n    private deviceService: DeviceDetectorService) {\n  }\n\n  public open<T>(\n    dialogComponent: ComponentType<T>,\n    size: KoalaDialogSizeType,\n    data?: any,\n    triggerBeforeClosed: string | boolean | object = false,\n    beforeClosed?: (event?: any) => void\n  ) {\n    const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size])\n    dialogRef.afterOpened().subscribe(() => {\n      history.pushState(null, '', location.href);\n      return false;\n    });\n    dialogRef.beforeClosed().subscribe(event => {\n      if ((triggerBeforeClosed && event === triggerBeforeClosed) ||\n        (typeof triggerBeforeClosed == 'object' && typeof event == 'object')\n      ) {\n        if (beforeClosed) {\n          beforeClosed(event);\n        }\n      }\n    });\n    dialogRef.keydownEvents().subscribe(event => {\n      if (event.key === 'Escape') {\n        dialogRef.close({closeOnNavigation: true})\n      }\n    });\n  }\n\n  private dialogTemplate(data: any = null): KoalaDialogTemplateInterface {\n    let dialogElementId = \"dialog-\" + randomString(10);\n\n    return {\n      auto: {id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data},\n      small: {id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data},\n      normal: {id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data},\n      big: {id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data},\n      fullScreen: {id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data},\n      mobile: {\n        id: dialogElementId,\n        autoFocus: false,\n        panelClass: [\"koala-dialog\", 'mobile'],\n        width: '100vw',\n        maxWidth: '100vw',\n        maxHeight: '90vh',\n        data\n      }\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","MatButtonModule","MatDialogModule","randomString","Injectable","MatDialog","DeviceDetectorService"],"mappings":"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"}
+{"version":3,"file":"koalarx-ui-dialog.umd.js","sources":["../../../projects/dialog/src/lib/dialog.component.ts","../../../projects/dialog/src/lib/koala.dialog.module.ts","../../../projects/dialog/src/lib/koala.dialog.service.ts","../../../projects/dialog/src/koalarx-ui-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\n@Component({\n  selector: 'koala-dialog',\n  templateUrl: 'dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogComponent {\n  @Input() titleDialog?: string;\n  @Input() iconTitleDialog?: string;\n  @Input() triggerDialogClose?: string;\n  @Input() btnCloseLabel?: string;\n  @Input() btnCloseColor: ThemePalette;\n}\n","import { NgModule } from '@angular/core';\nimport { DialogComponent } from './dialog.component';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    DialogComponent\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatDialogModule\n  ],\n  exports: [\n    DialogComponent\n  ]\n})\nexport class KoalaDialogModule {\n}\n","import { Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { KoalaDialogTemplateInterface } from './koala.dialog-template.interface';\nimport { ComponentType } from '@angular/cdk/overlay';\nimport { DeviceDetectorService } from \"ngx-device-detector\";\nimport { randomString } from \"@koalarx/utils/operators/string\";\n\nexport type KoalaDialogSizeType = 'auto' | 'small' | 'normal' | 'big' | 'mobile';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaDialogService {\n\n  constructor(\n    private dialog: MatDialog,\n    private deviceService: DeviceDetectorService) {\n  }\n\n  public open<T>(\n    dialogComponent: ComponentType<T>,\n    size: KoalaDialogSizeType,\n    data?: any,\n    triggerBeforeClosed: string | boolean | object = false,\n    beforeClosed?: (event?: any) => void\n  ) {\n    const dialogRef = this.dialog.open(dialogComponent, this.dialogTemplate(data)[this.deviceService.isMobile() ? 'mobile' : size])\n    dialogRef.afterOpened().subscribe(() => {\n      history.pushState(null, '', location.href);\n      return false;\n    });\n    dialogRef.beforeClosed().subscribe(event => {\n      if ((triggerBeforeClosed && event === triggerBeforeClosed) ||\n        (typeof triggerBeforeClosed == 'object' && typeof event == 'object')\n      ) {\n        if (beforeClosed) {\n          beforeClosed(event);\n        }\n      }\n    });\n    dialogRef.keydownEvents().subscribe(event => {\n      if (event.key === 'Escape') {\n        dialogRef.close({closeOnNavigation: true})\n      }\n    });\n  }\n\n  private dialogTemplate(data: any = null): KoalaDialogTemplateInterface {\n    let dialogElementId = \"dialog-\" + randomString(10);\n\n    return {\n      auto: {id: dialogElementId, panelClass: ['koala-dialog', 'auto'], disableClose: true, data},\n      small: {id: dialogElementId, panelClass: ['koala-dialog', 'small'], disableClose: true, data},\n      normal: {id: dialogElementId, panelClass: ['koala-dialog', 'normal'], disableClose: true, data},\n      big: {id: dialogElementId, panelClass: ['koala-dialog', 'big'], disableClose: true, data},\n      fullScreen: {id: dialogElementId, panelClass: ['koala-dialog'], disableClose: true, data},\n      mobile: {\n        id: dialogElementId,\n        autoFocus: false,\n        panelClass: [\"koala-dialog\", 'mobile'],\n        width: '100vw',\n        maxWidth: '100vw',\n        maxHeight: '90vh',\n        data\n      }\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","Input","NgModule","CommonModule","MatIconModule","MatButtonModule","MatDialogModule","randomString","Injectable","MatDialog","DeviceDetectorService"],"mappings":"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"}

package/dialog/esm2015/lib/koala.dialog.service.js

@@ -4,7 +4,7 @@ import { DeviceDetectorService } from "ngx-device-detector";
 import { randomString } from "@koalarx/utils/operators/string";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "ngx-device-detector/lib/device-detector.service";
+import * as i2 from "ngx-device-detector";
 export class KoalaDialogService {
     constructor(dialog, deviceService) {
         this.dialog = dialog;

package/dialog/fesm2015/koalarx-ui-dialog.js

@@ -5,9 +5,9 @@ import * as i1 from '@angular/material/dialog';
 import { MatDialogModule, MatDialog } from '@angular/material/dialog';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import * as i2 from 'ngx-device-detector';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { randomString } from '@koalarx/utils/operators/string';
-import * as i2 from 'ngx-device-detector/lib/device-detector.service';
 
 class DialogComponent {
 }

package/dialog/package.json

@@ -3,7 +3,8 @@
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^12.0.3",
-    "@angular/core": "^12.0.3"
+    "@angular/core": "^12.0.3",
+    "ngx-device-detector": "^2.2.0"
   },
   "dependencies": {
     "tslib": "^2.1.0"

package/form/bundles/koalarx-ui-form.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@koalarx/ui/core'), require('@angular/forms'), require('@koalarx/utils'), require('ngx-device-detector'), require('@koalarx/utils/operators/string'), require('ngx-device-detector/lib/device-detector.service'), require('rxjs/operators'), require('@koalarx/utils/operators/delay'), require('@angular/common'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/checkbox'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('ngx-mask'), require('@koalarx/ui/common'), require('ng2-currency-mask'), require('@koalarx/ui/button'), require('@angular/material/expansion'), require('@koalarx/ui/file-button'), require('@angular/material/chips')) :
-    typeof define === 'function' && define.amd ? define('@koalarx/ui/form', ['exports', '@angular/core', 'rxjs', '@koalarx/ui/core', '@angular/forms', '@koalarx/utils', 'ngx-device-detector', '@koalarx/utils/operators/string', 'ngx-device-detector/lib/device-detector.service', 'rxjs/operators', '@koalarx/utils/operators/delay', '@angular/common', '@angular/material/input', '@angular/material/select', '@angular/material/radio', '@angular/material/checkbox', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/icon', '@angular/material/progress-spinner', 'ngx-mask', '@koalarx/ui/common', 'ng2-currency-mask', '@koalarx/ui/button', '@angular/material/expansion', '@koalarx/ui/file-button', '@angular/material/chips'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.form = {}), global.ng.core, global.rxjs, global.core, global.ng.forms, global.utils, global.ngxDeviceDetector, global.string, global.i2, global.rxjs.operators, global.delay, global.ng.common, global.ng.material.input, global.ng.material.select, global.ng.material.radio, global.ng.material.checkbox, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.icon, global.ng.material.progressSpinner, global["ngx-mask"], global.common$1, global.ng2CurrencyMask, global.button, global.ng.material.expansion, global.fileButton, global.ng.material.chips));
-})(this, (function (exports, i0, rxjs, core, i1, utils, ngxDeviceDetector, string, i2, operators, delay, common, input, select, radio, checkbox, autocomplete, button, icon, progressSpinner, ngxMask, common$1, ng2CurrencyMask, button$1, expansion, fileButton, chips) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@koalarx/ui/core'), require('@angular/forms'), require('@koalarx/utils'), require('ngx-device-detector'), require('@koalarx/utils/operators/string'), require('rxjs/operators'), require('@koalarx/utils/operators/delay'), require('@angular/common'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/checkbox'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('ngx-mask'), require('@koalarx/ui/common'), require('ng2-currency-mask'), require('@koalarx/ui/button'), require('@angular/material/expansion'), require('@koalarx/ui/file-button'), require('@angular/material/chips')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/form', ['exports', '@angular/core', 'rxjs', '@koalarx/ui/core', '@angular/forms', '@koalarx/utils', 'ngx-device-detector', '@koalarx/utils/operators/string', 'rxjs/operators', '@koalarx/utils/operators/delay', '@angular/common', '@angular/material/input', '@angular/material/select', '@angular/material/radio', '@angular/material/checkbox', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/icon', '@angular/material/progress-spinner', 'ngx-mask', '@koalarx/ui/common', 'ng2-currency-mask', '@koalarx/ui/button', '@angular/material/expansion', '@koalarx/ui/file-button', '@angular/material/chips'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.form = {}), global.ng.core, global.rxjs, global.core, global.ng.forms, global.utils, global.i2, global.string, global.rxjs.operators, global.delay, global.ng.common, global.ng.material.input, global.ng.material.select, global.ng.material.radio, global.ng.material.checkbox, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.icon, global.ng.material.progressSpinner, global["ngx-mask"], global.common$1, global.ng2CurrencyMask, global.button, global.ng.material.expansion, global.fileButton, global.ng.material.chips));
+})(this, (function (exports, i0, rxjs, core, i1, utils, i2, string, operators, delay, common, input, select, radio, checkbox, autocomplete, button, icon, progressSpinner, ngxMask, common$1, ng2CurrencyMask, button$1, expansion, fileButton, chips) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -1019,7 +1019,7 @@
     ];
     KoalaDynamicFormService.ctorParameters = function () { return [
         { type: i1.FormBuilder },
-        { type: ngxDeviceDetector.DeviceDetectorService }
+        { type: i2.DeviceDetectorService }
     ]; };
 
     var ValidationHelper = /** @class */ (function () {