@webilix/ngx-helper-m3 0.0.16 → 0.0.18

package/lib/coordinates/get/get.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit } from '@angular/core';
+import { Coordinate } from 'ol/coordinate';
+import { INgxHelperCoordinates, INgxHelperCoordinatesConfig } from '../ngx-helper-coordinates.interface';
+import * as i0 from "@angular/core";
+export declare class GetComponent implements OnInit {
+    private className;
+    coordinates?: INgxHelperCoordinates;
+    config?: Partial<INgxHelperCoordinatesConfig>;
+    close: (coordinates?: INgxHelperCoordinates) => void;
+    private map;
+    coordinate: Coordinate;
+    inputTransformFn: (value: any) => string;
+    ngOnInit(): void;
+    addLayer(): void;
+    checkInputs(latitude: string, longitude: string): void;
+    selectCoordinates(): void;
+    setCoordinates(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GetComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/lib/coordinates/ngx-helper-coordinates.interface.d.ts

@@ -0,0 +1,10 @@
+export interface INgxHelperCoordinates {
+    latitude: number;
+    longitude: number;
+}
+export interface INgxHelperCoordinatesConfig {
+    zoom: number;
+    size: number;
+    color: string;
+    view: INgxHelperCoordinates;
+}

package/lib/coordinates/ngx-helper-coordinates.service.d.ts

@@ -0,0 +1,16 @@
+import { ApplicationRef, Injector } from '@angular/core';
+import { INgxHelperCoordinates, INgxHelperCoordinatesConfig } from './ngx-helper-coordinates.interface';
+import * as i0 from "@angular/core";
+export declare class NgxHelperCoordinatesService {
+    private readonly applicationRef;
+    private readonly injector;
+    constructor(applicationRef: ApplicationRef, injector: Injector);
+    get(): Promise<INgxHelperCoordinates>;
+    get(coordinates: INgxHelperCoordinates): Promise<INgxHelperCoordinates>;
+    get(config: Partial<INgxHelperCoordinatesConfig>): Promise<INgxHelperCoordinates>;
+    get(coordinates: INgxHelperCoordinates, config: Partial<INgxHelperCoordinatesConfig>): Promise<INgxHelperCoordinates>;
+    show(coordinates: INgxHelperCoordinates): void;
+    show(coordinates: INgxHelperCoordinates, config: Partial<Omit<INgxHelperCoordinatesConfig, 'view'>>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperCoordinatesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxHelperCoordinatesService>;
+}

package/lib/coordinates/show/show.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { INgxHelperCoordinates, INgxHelperCoordinatesConfig } from '../ngx-helper-coordinates.interface';
+import * as i0 from "@angular/core";
+export declare class ShowComponent implements OnInit {
+    private className;
+    coordinates: INgxHelperCoordinates;
+    config?: Partial<Omit<INgxHelperCoordinatesConfig, 'view'>>;
+    close: () => void;
+    private map;
+    copied?: 'LATITUDE' | 'LONGITUDE';
+    private copyTimeout;
+    ngOnInit(): void;
+    setCopy(type: 'LATITUDE' | 'LONGITUDE'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShowComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/ngx-helper-m3.css

@@ -79,6 +79,117 @@
     }
 }
 
+/* NGX HELPER COORDINATES */
+.ngx-helper-m3-coordinates {
+    display: block;
+    z-index: 1000;
+
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    .map {
+        width: 100vw;
+        height: 100vh;
+        background-color: rgb(255, 255, 255);
+    }
+
+    .coordinates {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        padding: 0.5rem 0.5rem 0.75rem 0.5rem;
+        background-color: rgb(255, 255, 255);
+        box-shadow: 0 0 5px 0px var(--primary);
+
+        .header {
+            display: flex;
+            align-items: center;
+            column-gap: 1rem;
+
+            padding: 0.5rem 1rem;
+            color: var(--on-primary);
+            background-color: var(--primary);
+
+            .title {
+                flex: 1;
+                font-size: 90%;
+                font-weight: 500;
+                font-family: Roboto, 'Helvetica Neue', sans-serif;
+            }
+
+            mat-icon {
+                cursor: pointer;
+                font-size: 110%;
+                color: var(--on-primary);
+            }
+        }
+
+        .item {
+            display: flex;
+            align-items: center;
+            column-gap: 1rem;
+
+            padding: 0.75rem 1rem 0 1rem;
+            color: rgb(0, 0, 0);
+
+            .title {
+                flex: 1;
+                font-size: 90%;
+                font-family: Roboto, 'Helvetica Neue', sans-serif;
+            }
+
+            input {
+                direction: ltr;
+                text-align: left;
+
+                outline: none;
+                width: 125px;
+                font-size: 90%;
+                padding: 0.25rem;
+                border-radius: 4px;
+                color: rgb(0, 0, 0);
+                border: 1px solid rgb(200, 200, 200);
+                font-family: Roboto, 'Helvetica Neue', sans-serif;
+            }
+
+            .value {
+                font-size: 95%;
+                text-align: right;
+                padding-right: 1rem;
+                font-family: Roboto, 'Helvetica Neue', sans-serif;
+            }
+
+            mat-icon {
+                cursor: pointer;
+                font-size: 100%;
+                color: rgb(0, 0, 0);
+            }
+        }
+
+        .buttons {
+            display: flex;
+            justify-content: right;
+
+            margin-top: 0.5rem;
+            padding-right: 1rem;
+
+            mat-icon {
+                cursor: pointer;
+                font-size: 110%;
+                color: rgb(0, 0, 0);
+            }
+
+            mat-icon.disabled {
+                opacity: 0.4;
+            }
+        }
+    }
+}
+
 /* NGX HELPER HTTP (UPLOAD / DOWNLOAD) */
 .ngx-helper-m3-http {
     position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-helper-m3",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "author": "Ali Amirnezhad",
   "description": "Helper library for Angular and Material 3",
   "repository": {
@@ -24,7 +24,9 @@
     "@angular/core": ">=19.0.5",
     "@angular/material": ">=19.0.4",
     "@webilix/helper-library": ">=6.0.2",
-    "@webilix/jalali-date-time": ">=2.0.5"
+    "@webilix/jalali-date-time": ">=2.0.5",
+    "ngx-mask": ">=19.0.6",
+    "ol": ">=10.3.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -17,6 +17,8 @@ export * from './lib/confirm/confirm.interface';
 export * from './lib/confirm/confirm.service';
 export * from './lib/container/container.interface';
 export * from './lib/container/container.service';
+export * from './lib/coordinates/ngx-helper-coordinates.interface';
+export * from './lib/coordinates/ngx-helper-coordinates.service';
 export * from './lib/http/ngx-helper-http.interface';
 export * from './lib/http/ngx-helper-http.service';
 export * from './lib/toast/ngx-helper-toast.interface';