@webilix/ngx-helper-m3 0.0.17 → 0.0.19

package/lib/components/section/column/ngx-helper-section-column.component.d.ts

@@ -1,8 +1,8 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { INgxHelperConfig } from '../../../ngx-helper.config';
 import { ComponentService } from '../../component.service';
 import * as i0 from "@angular/core";
-export declare class NgxHelperSectionColumnComponent implements OnChanges {
+export declare class NgxHelperSectionColumnComponent implements OnInit, OnChanges {
     private readonly componentService;
     private readonly config?;
     flexStyle: string;
@@ -17,6 +17,7 @@ export declare class NgxHelperSectionColumnComponent implements OnChanges {
     private componentConfig;
     private isMobile;
     constructor(componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onResize(): void;
     setPosition(): void;

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

@@ -3,6 +3,7 @@ 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;

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

@@ -2,6 +2,7 @@ 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;

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.17",
+  "version": "0.0.19",
   "author": "Ali Amirnezhad",
   "description": "Helper library for Angular and Material 3",
   "repository": {