wacom 21.1.21 → 21.1.23

package/fesm2022/wacom.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, PLATFORM_ID, Inject, Optional, Injectable, signal, ChangeDetectorRef, output, ElementRef, DestroyRef, Directive, input, effect, Pipe, isSignal, ApplicationRef, EnvironmentInjector, createComponent, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, Inject, Optional, Injectable, DestroyRef, signal, computed, ChangeDetectorRef, output, ElementRef, Directive, input, effect, Pipe, isSignal, ApplicationRef, EnvironmentInjector, createComponent, makeEnvironmentProviders, NgModule } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
@@ -51,6 +51,16 @@ const NETWORK_CONFIG = new InjectionToken('NETWORK_CONFIG', {
     factory: () => DEFAULT_NETWORK_CONFIG,
 });
 
+// Add capitalize method to String prototype if it doesn't already exist
+if (!String.prototype.capitalize) {
+    String.prototype.capitalize = function () {
+        if (this.length > 0) {
+            return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
+        }
+        return '';
+    };
+}
+
 /**
  * Utility helpers for meta management.
  *
@@ -419,23 +429,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: MetaService }] });
 
 // Core utilities and helpers for the Wacom app
-// Add capitalize method to String prototype if it doesn't already exist
-if (!String.prototype.capitalize) {
-    String.prototype.capitalize = function () {
-        if (this.length > 0) {
-            return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
-        }
-        return '';
-    };
-}
 class CoreService {
     constructor() {
-        this._isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        this._platformId = inject(PLATFORM_ID);
+        this._isBrowser = isPlatformBrowser(this._platformId);
+        this._destroyRef = inject(DestroyRef);
         this.deviceID = '';
         // After While
         this._afterWhile = {};
         // Device management
         this.device = '';
+        // Viewport management (responsive breakpoint)
+        this.viewport = signal('desktop', ...(ngDevMode ? [{ debugName: "viewport" }] : []));
+        this.isViewportMobile = computed(() => this.viewport() === 'mobile', ...(ngDevMode ? [{ debugName: "isViewportMobile" }] : []));
+        this.isViewportTablet = computed(() => this.viewport() === 'tablet', ...(ngDevMode ? [{ debugName: "isViewportTablet" }] : []));
+        this.isViewportDesktop = computed(() => this.viewport() === 'desktop', ...(ngDevMode ? [{ debugName: "isViewportDesktop" }] : []));
         // Version management
         this.version = '1.0.0';
         this.appVersion = '';
@@ -452,6 +460,7 @@ class CoreService {
                         : this.UUID());
             localStorage.setItem('deviceID', this.deviceID);
             this.detectDevice();
+            this.detectViewport();
         }
         else {
             this.deviceID = this.UUID();
@@ -654,6 +663,29 @@ class CoreService {
     isIos() {
         return this.device === 'iOS';
     }
+    detectViewport() {
+        if (!this._isBrowser)
+            return;
+        const mqMobile = window.matchMedia('(max-width: 767.98px)');
+        const mqTablet = window.matchMedia('(min-width: 768px) and (max-width: 1023.98px)');
+        const mqDesktop = window.matchMedia('(min-width: 1024px)');
+        const update = () => {
+            if (mqMobile.matches)
+                return this.viewport.set('mobile');
+            if (mqTablet.matches)
+                return this.viewport.set('tablet');
+            return this.viewport.set('desktop');
+        };
+        update();
+        mqMobile.addEventListener('change', update);
+        mqTablet.addEventListener('change', update);
+        mqDesktop.addEventListener('change', update);
+        this._destroyRef.onDestroy(() => {
+            mqMobile.removeEventListener('change', update);
+            mqTablet.removeEventListener('change', update);
+            mqDesktop.removeEventListener('change', update);
+        });
+    }
     /**
      * Sets the combined version string based on appVersion and dateVersion.
      */
@@ -887,7 +919,7 @@ class CrudComponent {
         /** Name of the collection or module used for contextual actions. */
         this._module = '';
         const form = formConfig;
-        this.__form = formService;
+        this.__formService = formService;
         this.form = form;
         this.crudService = crudService;
         this._module = module;
@@ -962,7 +994,7 @@ class CrudComponent {
      */
     bulkManagement(isCreateFlow = true) {
         return () => {
-            this.__form
+            this.__formService
                 .modalDocs(isCreateFlow
                 ? []
                 : this.documents().map((obj) => Object.fromEntries(this.updatableFields.map((key) => [
@@ -1003,7 +1035,7 @@ class CrudComponent {
     }
     /** Opens a modal to create a new document. */
     create() {
-        this.__form.modal(this.form, {
+        this.__formService.modal(this.form, {
             label: 'Create',
             click: async (created, close) => {
                 close();
@@ -1017,7 +1049,7 @@ class CrudComponent {
     }
     /** Displays a modal to edit an existing document. */
     update(doc) {
-        this.__form.modal(this.form, {
+        this.__formService.modal(this.form, {
             label: 'Update',
             click: (updated, close) => {
                 close();
@@ -1035,7 +1067,7 @@ class CrudComponent {
     }
     /** Opens a modal to edit the document's unique URL. */
     mutateUrl(doc) {
-        this.__form.modalUnique(this._module, 'url', doc);
+        this.__formService.modalUnique(this._module, 'url', doc);
     }
     /** Moves the given document one position up and updates ordering. */
     moveUp(doc) {
@@ -3173,7 +3205,7 @@ class CrudService {
     _syncSignalForDoc(doc) {
         const id = this._id(doc);
         if (id && this._signal[id]) {
-            this._signal[id].set(doc);
+            this._signal[id].set({ ...doc });
         }
         this._updateSignals();
     }