@webilix/ngx-helper-m3 0.0.17 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,6 +17,8 @@ import * as i2$1 from '@angular/material/dialog';
17
17
  import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
18
18
  import * as i1$2 from '@angular/material/bottom-sheet';
19
19
  import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';
20
+ import * as i1$3 from '@angular/forms';
21
+ import { FormsModule } from '@angular/forms';
20
22
  import { provideNgxMask, NgxMaskDirective } from 'ngx-mask';
21
23
  import { Map, View, Feature } from 'ol';
22
24
  import { Point } from 'ol/geom';
@@ -26,9 +28,9 @@ import VectorLayer from 'ol/layer/Vector';
26
28
  import OSM from 'ol/source/OSM';
27
29
  import VectorSource from 'ol/source/Vector';
28
30
  import { trigger, transition, style, animate } from '@angular/animations';
29
- import * as i1$4 from '@angular/common/http';
31
+ import * as i1$5 from '@angular/common/http';
30
32
  import { HttpHeaders, HttpEventType } from '@angular/common/http';
31
- import * as i1$3 from '@angular/platform-browser';
33
+ import * as i1$4 from '@angular/platform-browser';
32
34
 
33
35
  const NGX_HELPER_CONFIG = new InjectionToken('NGX-HELPER-CONFIG');
34
36
  const provideNgxHelperConfig = (config) => {
@@ -1282,6 +1284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
1282
1284
  }], ctorParameters: () => [{ type: i1$2.MatBottomSheet }, { type: i2$1.MatDialog }] });
1283
1285
 
1284
1286
  class GetComponent {
1287
+ className = 'ngx-helper-m3-coordinates';
1285
1288
  coordinates;
1286
1289
  config;
1287
1290
  close;
@@ -1360,14 +1363,18 @@ class GetComponent {
1360
1363
  this.addLayer();
1361
1364
  }
1362
1365
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1363
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: GetComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "get" } }, providers: [provideNgxMask()], ngImport: i0, template: "<div\n id=\"ngx-helper-m3-coordinates-map\"\n class=\"map\"\n (dblclick)=\"setCoordinates($event)\"\n (contextmenu)=\"setCoordinates($event)\"\n></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [value]=\"coordinate[1] || ''\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #latitudeInput\n />\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [value]=\"coordinate[0] || ''\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #longitudeInput\n />\n </div>\n <div class=\"buttons\">\n <mat-icon [class.disabled]=\"!coordinates\" (click)=\"selectCoordinates()\">done_all</mat-icon>\n </div>\n</div>\n", styles: [":host{display:block;z-index:1000;position:fixed;inset:0}:host .map{width:100vw;height:100vh;background-color:#fff}:host .coordinates{position:absolute;bottom:0;left:0;padding:.5rem .5rem .75rem;background-color:#fff;box-shadow:0 0 5px 0 var(--primary)}:host .coordinates .header{display:flex;align-items:center;column-gap:1rem;padding:.5rem 1rem;color:var(--on-primary);background-color:var(--primary)}:host .coordinates .header .title{flex:1;font-size:90%;font-weight:500;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .header mat-icon{cursor:pointer;font-size:110%;color:var(--on-primary)}:host .coordinates .item{display:flex;align-items:center;column-gap:1rem;padding:.75rem 1rem 0;color:#000}:host .coordinates .item .title{flex:1;font-size:90%;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item input{direction:ltr;text-align:left;outline:none;width:125px;font-size:90%;padding:.25rem;border-radius:4px;color:#000;border:1px solid rgb(200,200,200);font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .buttons{display:flex;justify-content:right;margin-top:.5rem;padding-right:1rem}:host .coordinates .buttons mat-icon{cursor:pointer;font-size:110%;color:#000}:host .coordinates .buttons mat-icon.disabled{opacity:.4}\n"], dependencies: [{ kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
1366
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: GetComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "get" }, properties: { "className": "this.className" } }, providers: [provideNgxMask()], ngImport: i0, template: "<div\n id=\"ngx-helper-m3-coordinates-map\"\n class=\"map\"\n (dblclick)=\"setCoordinates($event)\"\n (contextmenu)=\"setCoordinates($event)\"\n></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [ngModel]=\"coordinates?.latitude\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #latitudeInput\n />\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [ngModel]=\"coordinates?.longitude\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #longitudeInput\n />\n </div>\n <div class=\"buttons\">\n <mat-icon [class.disabled]=\"!coordinates\" (click)=\"selectCoordinates()\">done_all</mat-icon>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
1364
1367
  }
1365
1368
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GetComponent, decorators: [{
1366
1369
  type: Component,
1367
- args: [{ host: { selector: 'get' }, imports: [NgxMaskDirective, MatIcon], providers: [provideNgxMask()], template: "<div\n id=\"ngx-helper-m3-coordinates-map\"\n class=\"map\"\n (dblclick)=\"setCoordinates($event)\"\n (contextmenu)=\"setCoordinates($event)\"\n></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [value]=\"coordinate[1] || ''\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #latitudeInput\n />\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [value]=\"coordinate[0] || ''\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #longitudeInput\n />\n </div>\n <div class=\"buttons\">\n <mat-icon [class.disabled]=\"!coordinates\" (click)=\"selectCoordinates()\">done_all</mat-icon>\n </div>\n</div>\n", styles: [":host{display:block;z-index:1000;position:fixed;inset:0}:host .map{width:100vw;height:100vh;background-color:#fff}:host .coordinates{position:absolute;bottom:0;left:0;padding:.5rem .5rem .75rem;background-color:#fff;box-shadow:0 0 5px 0 var(--primary)}:host .coordinates .header{display:flex;align-items:center;column-gap:1rem;padding:.5rem 1rem;color:var(--on-primary);background-color:var(--primary)}:host .coordinates .header .title{flex:1;font-size:90%;font-weight:500;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .header mat-icon{cursor:pointer;font-size:110%;color:var(--on-primary)}:host .coordinates .item{display:flex;align-items:center;column-gap:1rem;padding:.75rem 1rem 0;color:#000}:host .coordinates .item .title{flex:1;font-size:90%;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item input{direction:ltr;text-align:left;outline:none;width:125px;font-size:90%;padding:.25rem;border-radius:4px;color:#000;border:1px solid rgb(200,200,200);font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .buttons{display:flex;justify-content:right;margin-top:.5rem;padding-right:1rem}:host .coordinates .buttons mat-icon{cursor:pointer;font-size:110%;color:#000}:host .coordinates .buttons mat-icon.disabled{opacity:.4}\n"] }]
1368
- }] });
1370
+ args: [{ host: { selector: 'get' }, imports: [FormsModule, NgxMaskDirective, MatIcon], providers: [provideNgxMask()], template: "<div\n id=\"ngx-helper-m3-coordinates-map\"\n class=\"map\"\n (dblclick)=\"setCoordinates($event)\"\n (contextmenu)=\"setCoordinates($event)\"\n></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [ngModel]=\"coordinates?.latitude\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #latitudeInput\n />\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <input\n type=\"text\"\n maxlength=\"15\"\n inputmode=\"numeric\"\n [ngModel]=\"coordinates?.longitude\"\n mask=\"separator.12\"\n thousandSeparator=\"\"\n decimalMarker=\".\"\n [allowNegativeNumbers]=\"true\"\n [inputTransformFn]=\"inputTransformFn\"\n (keyup.enter)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n (blur)=\"checkInputs(latitudeInput.value, longitudeInput.value)\"\n #longitudeInput\n />\n </div>\n <div class=\"buttons\">\n <mat-icon [class.disabled]=\"!coordinates\" (click)=\"selectCoordinates()\">done_all</mat-icon>\n </div>\n</div>\n" }]
1371
+ }], propDecorators: { className: [{
1372
+ type: HostBinding,
1373
+ args: ['className']
1374
+ }] } });
1369
1375
 
1370
1376
  class ShowComponent {
1377
+ className = 'ngx-helper-m3-coordinates';
1371
1378
  coordinates;
1372
1379
  config;
1373
1380
  close;
@@ -1404,12 +1411,15 @@ class ShowComponent {
1404
1411
  this.copyTimeout = setTimeout(() => (this.copied = undefined), 1000);
1405
1412
  }
1406
1413
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ShowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1407
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ShowComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "show" } }, ngImport: i0, template: "<div id=\"ngx-helper-m3-coordinates-map\" class=\"map\"></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <div class=\"value\">{{ coordinates.latitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.latitude.toString()\" (click)=\"setCopy('LATITUDE')\">\n {{ copied === 'LATITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <div class=\"value\">{{ coordinates.longitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.longitude.toString()\" (click)=\"setCopy('LONGITUDE')\">\n {{ copied === 'LONGITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n</div>\n", styles: [":host{display:block;z-index:1000;position:fixed;inset:0}:host .map{width:100vw;height:100vh;background-color:#fff}:host .coordinates{position:absolute;bottom:0;left:0;padding:.5rem .5rem .75rem;background-color:#fff;box-shadow:0 0 5px 0 var(--primary)}:host .coordinates .header{display:flex;align-items:center;column-gap:1rem;padding:.5rem 1rem;color:var(--on-primary);background-color:var(--primary)}:host .coordinates .header .title{flex:1;font-size:90%;font-weight:500;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .header mat-icon{cursor:pointer;font-size:110%;color:var(--on-primary)}:host .coordinates .item{display:flex;align-items:center;column-gap:1rem;padding:.75rem 1rem 0;color:#000}:host .coordinates .item .title{font-size:90%;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item .value{flex:1;font-size:95%;text-align:right;padding-right:1rem;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item mat-icon{cursor:pointer;font-size:100%;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i3.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
1414
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ShowComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "show" }, properties: { "className": "this.className" } }, ngImport: i0, template: "<div id=\"ngx-helper-m3-coordinates-map\" class=\"map\"></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <div class=\"value\">{{ coordinates.latitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.latitude.toString()\" (click)=\"setCopy('LATITUDE')\">\n {{ copied === 'LATITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <div class=\"value\">{{ coordinates.longitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.longitude.toString()\" (click)=\"setCopy('LONGITUDE')\">\n {{ copied === 'LONGITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i3.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
1408
1415
  }
1409
1416
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ShowComponent, decorators: [{
1410
1417
  type: Component,
1411
- args: [{ host: { selector: 'show' }, imports: [ClipboardModule, MatIcon], template: "<div id=\"ngx-helper-m3-coordinates-map\" class=\"map\"></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <div class=\"value\">{{ coordinates.latitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.latitude.toString()\" (click)=\"setCopy('LATITUDE')\">\n {{ copied === 'LATITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <div class=\"value\">{{ coordinates.longitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.longitude.toString()\" (click)=\"setCopy('LONGITUDE')\">\n {{ copied === 'LONGITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n</div>\n", styles: [":host{display:block;z-index:1000;position:fixed;inset:0}:host .map{width:100vw;height:100vh;background-color:#fff}:host .coordinates{position:absolute;bottom:0;left:0;padding:.5rem .5rem .75rem;background-color:#fff;box-shadow:0 0 5px 0 var(--primary)}:host .coordinates .header{display:flex;align-items:center;column-gap:1rem;padding:.5rem 1rem;color:var(--on-primary);background-color:var(--primary)}:host .coordinates .header .title{flex:1;font-size:90%;font-weight:500;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .header mat-icon{cursor:pointer;font-size:110%;color:var(--on-primary)}:host .coordinates .item{display:flex;align-items:center;column-gap:1rem;padding:.75rem 1rem 0;color:#000}:host .coordinates .item .title{font-size:90%;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item .value{flex:1;font-size:95%;text-align:right;padding-right:1rem;font-family:Roboto,Helvetica Neue,sans-serif}:host .coordinates .item mat-icon{cursor:pointer;font-size:100%;color:#000}\n"] }]
1412
- }] });
1418
+ args: [{ host: { selector: 'show' }, imports: [ClipboardModule, MatIcon], template: "<div id=\"ngx-helper-m3-coordinates-map\" class=\"map\"></div>\n\n<div class=\"coordinates\">\n <div class=\"header\">\n <div class=\"title\">COORDINATES</div>\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LATITUDE</div>\n <div class=\"value\">{{ coordinates.latitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.latitude.toString()\" (click)=\"setCopy('LATITUDE')\">\n {{ copied === 'LATITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n <div class=\"item\">\n <div class=\"title\">LONGITUDE</div>\n <div class=\"value\">{{ coordinates.longitude.toFixed(7) }}</div>\n <mat-icon [cdkCopyToClipboard]=\"coordinates.longitude.toString()\" (click)=\"setCopy('LONGITUDE')\">\n {{ copied === 'LONGITUDE' ? 'done_all' : 'copy' }}\n </mat-icon>\n </div>\n</div>\n" }]
1419
+ }], propDecorators: { className: [{
1420
+ type: HostBinding,
1421
+ args: ['className']
1422
+ }] } });
1413
1423
 
1414
1424
  class NgxHelperCoordinatesService {
1415
1425
  applicationRef;
@@ -1473,13 +1483,13 @@ class NgxHelperMultiLinePipe {
1473
1483
  ? this.domSanitizer.bypassSecurityTrustHtml(value.replace(/(?:\r\n|\r|\n)/g, '<br />'))
1474
1484
  : Helper.STRING.escapeHTML(value).replace(/(?:\r\n|\r|\n)/g, '<br />');
1475
1485
  }
1476
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperMultiLinePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
1486
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperMultiLinePipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
1477
1487
  static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperMultiLinePipe, isStandalone: true, name: "ngxHelperMultiLine" });
1478
1488
  }
1479
1489
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperMultiLinePipe, decorators: [{
1480
1490
  type: Pipe,
1481
1491
  args: [{ name: 'ngxHelperMultiLine' }]
1482
- }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
1492
+ }], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
1483
1493
 
1484
1494
  class ToastComponent {
1485
1495
  elementRef;
@@ -1751,7 +1761,7 @@ class DownloadComponent {
1751
1761
  },
1752
1762
  });
1753
1763
  }
1754
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DownloadComponent, deps: [{ token: i1$4.HttpClient }, { token: NgxHelperToastService }], target: i0.ɵɵFactoryTarget.Component });
1764
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DownloadComponent, deps: [{ token: i1$5.HttpClient }, { token: NgxHelperToastService }], target: i0.ɵɵFactoryTarget.Component });
1755
1765
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DownloadComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "download" }, properties: { "@host": "this.host", "className": "this.className", "style.bottom": "this.bottom" } }, ngImport: i0, template: "<div class=\"content\">\n <mat-icon>file_download</mat-icon>\n <div class=\"title\">{{ title }}</div>\n</div>\n\n<div class=\"progress-container\">\n <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
1756
1766
  trigger('host', [
1757
1767
  transition(':enter', [
@@ -1771,7 +1781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
1771
1781
  ]),
1772
1782
  ]),
1773
1783
  ], template: "<div class=\"content\">\n <mat-icon>file_download</mat-icon>\n <div class=\"title\">{{ title }}</div>\n</div>\n\n<div class=\"progress-container\">\n <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n" }]
1774
- }], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: NgxHelperToastService }], propDecorators: { host: [{
1784
+ }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: NgxHelperToastService }], propDecorators: { host: [{
1775
1785
  type: HostBinding,
1776
1786
  args: ['@host']
1777
1787
  }], className: [{
@@ -1837,7 +1847,7 @@ class UploadComponent {
1837
1847
  error: (error) => this.close('ERROR', error.error, error.status),
1838
1848
  });
1839
1849
  }
1840
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UploadComponent, deps: [{ token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
1850
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UploadComponent, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
1841
1851
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: UploadComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "selector": "upload" }, properties: { "@host": "this.host", "className": "this.className", "style.bottom": "this.bottom" } }, ngImport: i0, template: "<div class=\"content\">\n <mat-icon>file_upload</mat-icon>\n <div class=\"file\">{{ file.name }}</div>\n</div>\n\n<div class=\"progress-container\">\n <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: [
1842
1852
  trigger('host', [
1843
1853
  transition(':enter', [
@@ -1857,7 +1867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
1857
1867
  ]),
1858
1868
  ]),
1859
1869
  ], template: "<div class=\"content\">\n <mat-icon>file_upload</mat-icon>\n <div class=\"file\">{{ file.name }}</div>\n</div>\n\n<div class=\"progress-container\">\n <div class=\"progress-value\" [style.width]=\"progress + '%'\"></div>\n</div>\n" }]
1860
- }], ctorParameters: () => [{ type: i1$4.HttpClient }], propDecorators: { host: [{
1870
+ }], ctorParameters: () => [{ type: i1$5.HttpClient }], propDecorators: { host: [{
1861
1871
  type: HostBinding,
1862
1872
  args: ['@host']
1863
1873
  }], className: [{
@@ -2110,13 +2120,13 @@ class NgxHelperSafePipe {
2110
2120
  return this.domSanitizer.bypassSecurityTrustHtml(value);
2111
2121
  }
2112
2122
  }
2113
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperSafePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
2123
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperSafePipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
2114
2124
  static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperSafePipe, isStandalone: true, name: "ngxHelperSafe" });
2115
2125
  }
2116
2126
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NgxHelperSafePipe, decorators: [{
2117
2127
  type: Pipe,
2118
2128
  args: [{ name: 'ngxHelperSafe' }]
2119
- }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
2129
+ }], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
2120
2130
 
2121
2131
  /*
2122
2132
  * Public API Surface of ngx-helper-m3