@webilix/ngx-helper-m3 0.0.29 → 0.0.32

package/index.d.ts

@@ -609,6 +609,42 @@ declare class NgxHelperHttpService {
     static ɵprov: i0.ɵɵInjectableDeclaration<NgxHelperHttpService>;
 }
 
+type NgxHelperRoute = {
+    latitude: number;
+    longitude: number;
+}[];
+interface INgxHelperRouteConfig {
+    zoom: number;
+    circle: Partial<{
+        size: number;
+        color: string;
+    }>;
+    text: Partial<{
+        size: number;
+        font: string;
+        color: string;
+    }>;
+    view: {
+        latitude: number;
+        longitude: number;
+    };
+    disableAnimate?: boolean;
+}
+
+declare class NgxHelperRouteService {
+    private readonly applicationRef;
+    private readonly injector;
+    constructor(applicationRef: ApplicationRef, injector: Injector);
+    get(): Promise<NgxHelperRoute>;
+    get(route: NgxHelperRoute): Promise<NgxHelperRoute>;
+    get(config: Partial<INgxHelperRouteConfig>): Promise<NgxHelperRoute>;
+    get(route: NgxHelperRoute, config: Partial<INgxHelperRouteConfig>): Promise<NgxHelperRoute>;
+    show(route: NgxHelperRoute): void;
+    show(route: NgxHelperRoute, config: Partial<Omit<INgxHelperRouteConfig, 'view'>>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperRouteService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxHelperRouteService>;
+}
+
 declare class NgxHelperMobileViewDirective implements OnInit {
     private readonly elementRef;
     private readonly rendererFactory;
@@ -791,5 +827,5 @@ declare class NgxHelperWeightPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<NgxHelperWeightPipe, "ngxHelperWeight", true>;
 }
 
-export { NGX_HELPER_BOX_DATA, NGX_HELPER_CONFIG, NGX_HELPER_CONTAINER_CLOSE, NGX_HELPER_CONTAINER_DATA, NGX_HELPER_CONTAINER_TYPE, NGX_HELPER_PAGE_GROUP_DATA, NGX_HELPER_PAGE_GROUP_DATA_CHANGE, NGX_HELPER_PAGE_GROUP_ITEM, NgxHelperBankCardPipe, NgxHelperBoxComponent, NgxHelperCardComponent, NgxHelperConfirmService, NgxHelperContainerService, NgxHelperCoordinatesService, NgxHelperDatePipe, NgxHelperDurationPipe, NgxHelperFileSizePipe, NgxHelperHttpService, NgxHelperLoaderComponent, NgxHelperMobilePipe, NgxHelperMobileViewDirective, NgxHelperMultiLinePipe, NgxHelperNumberPipe, NgxHelperPageGroupComponent, NgxHelperPeriodPipe, NgxHelperPricePipe, NgxHelperProgressComponent, NgxHelperSafePipe, NgxHelperSectionColumnComponent, NgxHelperSectionComponent, NgxHelperStickyDirective, NgxHelperToastService, NgxHelperValueBoxComponent, NgxHelperValueListComponent, NgxHelperValuePipe, NgxHelperVolumePipe, NgxHelperWeightPipe, provideNgxHelperConfig };
-export type { INgxHelperCardOption, INgxHelperConfig, INgxHelperConfirm, INgxHelperContainerConfig, INgxHelperCoordinates, INgxHelperCoordinatesConfig, INgxHelperHttpDownloadConfig, INgxHelperHttpUploadConfig, INgxHelperPageGroup, INgxHelperPageGroupItem, INgxHelperToastConfig, INgxHelperValue, NgxHelperCardAction, NgxHelperContainer, NgxHelperValue };
+export { NGX_HELPER_BOX_DATA, NGX_HELPER_CONFIG, NGX_HELPER_CONTAINER_CLOSE, NGX_HELPER_CONTAINER_DATA, NGX_HELPER_CONTAINER_TYPE, NGX_HELPER_PAGE_GROUP_DATA, NGX_HELPER_PAGE_GROUP_DATA_CHANGE, NGX_HELPER_PAGE_GROUP_ITEM, NgxHelperBankCardPipe, NgxHelperBoxComponent, NgxHelperCardComponent, NgxHelperConfirmService, NgxHelperContainerService, NgxHelperCoordinatesService, NgxHelperDatePipe, NgxHelperDurationPipe, NgxHelperFileSizePipe, NgxHelperHttpService, NgxHelperLoaderComponent, NgxHelperMobilePipe, NgxHelperMobileViewDirective, NgxHelperMultiLinePipe, NgxHelperNumberPipe, NgxHelperPageGroupComponent, NgxHelperPeriodPipe, NgxHelperPricePipe, NgxHelperProgressComponent, NgxHelperRouteService, NgxHelperSafePipe, NgxHelperSectionColumnComponent, NgxHelperSectionComponent, NgxHelperStickyDirective, NgxHelperToastService, NgxHelperValueBoxComponent, NgxHelperValueListComponent, NgxHelperValuePipe, NgxHelperVolumePipe, NgxHelperWeightPipe, provideNgxHelperConfig };
+export type { INgxHelperCardOption, INgxHelperConfig, INgxHelperConfirm, INgxHelperContainerConfig, INgxHelperCoordinates, INgxHelperCoordinatesConfig, INgxHelperHttpDownloadConfig, INgxHelperHttpUploadConfig, INgxHelperPageGroup, INgxHelperPageGroupItem, INgxHelperRouteConfig, INgxHelperToastConfig, INgxHelperValue, NgxHelperCardAction, NgxHelperContainer, NgxHelperRoute, NgxHelperValue };

package/ngx-helper-m3.css

@@ -185,7 +185,7 @@
 
             mat-icon {
                 cursor: pointer;
-                font-size: 110%;
+                font-size: 130%;
                 color: rgb(0, 0, 0);
             }
 
@@ -266,6 +266,132 @@
     }
 }
 
+/* NGX HELPER ROUTE */
+.ngx-helper-m3-route {
+    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);
+    }
+
+    .route {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        width: 250px;
+
+        direction: ltr;
+        background-color: var(--background);
+        box-shadow: 0 0 5px 0px var(--primary);
+
+        display: flex;
+        flex-direction: column;
+
+        .header {
+            display: flex;
+            align-items: center;
+            column-gap: 1rem;
+
+            padding: 0.5rem 1rem;
+            color: var(--on-primary);
+            background-color: var(--primary);
+            margin: 0.5rem 0.5rem 0.75rem 0.5rem;
+
+            .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);
+            }
+        }
+
+        .coordinates {
+            flex: 1;
+
+            overflow: auto;
+            max-height: calc(100vh - 1rem - 40px - 48px);
+        }
+
+        .footer {
+            display: flex;
+            align-items: center;
+
+            position: relative;
+            color: var(--primary);
+            background-color: var(--surface-container);
+            padding: 0.75rem 1rem;
+
+            .distance {
+                flex: 1;
+                font-size: 90%;
+                font-weight: 500;
+                font-family: Roboto, 'Helvetica Neue', sans-serif;
+            }
+
+            mat-icon {
+                cursor: pointer;
+                font-size: 130%;
+            }
+
+            mat-icon.disabled {
+                opacity: 0.4;
+            }
+        }
+    }
+}
+
+.ngx-helper-m3-route-coordinate {
+    display: flex;
+    align-items: center;
+
+    padding: 0.5rem;
+    border-top: 1px solid var(--outline-variant);
+    background-color: var(--background);
+
+    mat-icon {
+        cursor: pointer;
+        font-size: 130%;
+    }
+
+    mat-icon.delete {
+        color: var(--error);
+    }
+
+    .index {
+        width: 30px;
+        font-size: 80%;
+        font-family: Roboto, 'Helvetica Neue', sans-serif;
+    }
+
+    .value {
+        flex: 1;
+        font-size: 90%;
+        cursor: pointer;
+        overflow: hidden;
+        font-family: Roboto, 'Helvetica Neue', sans-serif;
+    }
+}
+
+.ngx-helper-m3-route-coordinate.selected {
+    background-color: var(--surface-container-high);
+}
+
 /* NGX HELPER TOAST */
 .ngx-helper-m3-toast {
     position: fixed;
@@ -340,6 +466,7 @@
         }
     }
 }
+
 .ngx-helper-m3-toast.center {
     left: 50%;
     transform: translate(-50%, 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-helper-m3",
-  "version": "0.0.29",
+  "version": "0.0.32",
   "author": "Ali Amirnezhad",
   "description": "Helper library for Angular and Material 3",
   "repository": {
@@ -23,7 +23,7 @@
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/material": ">=20.0.1",
-    "@webilix/helper-library": ">=6.1.3",
+    "@webilix/helper-library": ">=6.1.5",
     "@webilix/jalali-date-time": ">=2.0.7",
     "ngx-mask": ">=19.0.6",
     "ol": ">=10.5.0"