@sumaris-net/ngx-components 18.23.0 → 18.23.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.23.0",
+  "version": "18.23.1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -38,24 +38,26 @@
     "zone.js": "~0.14.10"
   },
   "optionalDependencies": {
-    "@capacitor-community/native-audio": "~6.0.0",
-    "@capacitor/android": "~6.2.0",
-    "@capacitor/app": "~6.0.2",
-    "@capacitor/browser": "~6.0.4",
-    "@capacitor/camera": "~6.1.2",
-    "@capacitor/clipboard": "~6.0.2",
-    "@capacitor/core": "~6.2.0",
-    "@capacitor/geolocation": "~6.1.0",
-    "@capacitor/haptics": "~6.0.2",
-    "@capacitor/keyboard": "~6.0.3",
-    "@capacitor/network": "~6.0.3",
-    "@capacitor/splash-screen": "~6.0.3",
-    "@capacitor/status-bar": "~6.0.2",
+    "@capacitor-community/native-audio": "^7.0.1",
+    "@capacitor/android": "^7.4.4",
+    "@capacitor/app": "^7.1.0",
+    "@capacitor/browser": "^7.0.3",
+    "@capacitor/camera": "^7.0.2",
+    "@capacitor/clipboard": "^7.0.2",
+    "@capacitor/core": "^7.4.4",
+    "@capacitor/geolocation": "^7.1.6",
+    "@capacitor/haptics": "^7.0.2",
+    "@capacitor/ios": "^7.4.4",
+    "@capacitor/keyboard": "^7.0.3",
+    "@capacitor/network": "^7.0.3",
+    "@capacitor/splash-screen": "^7.0.3",
+    "@capacitor/status-bar": "^7.0.3",
     "@e-is/cordova-plugin-audiomanagement": "^1.0.3",
     "@e-is/cordova-plugin-downloader": "^1.2.0",
     "@awesome-cordova-plugins/core": "^6.16.0",
     "@awesome-cordova-plugins/audio-management": "^6.16.0",
     "@awesome-cordova-plugins/downloader": "^6.16.0",
+    "@capawesome/capacitor-android-edge-to-edge-support": "^7.2.3",
     "clipboard": "^2.0.11",
     "cordova-sqlite-storage": "~6.0.0",
     "emoji-toolkit": ">= 8.0.0 < 10.0.0",

package/src/app/core/install/install-upgrade-card.component.d.ts

@@ -46,7 +46,7 @@ export declare class AppInstallUpgradeCard implements OnInit, OnDestroy {
     download(event: Event, link: InstallAppLink): Promise<void>;
     openFile(event: Event, link: InstallAppLink): Promise<void>;
     tryOnline(): Promise<void>;
-    getPlatformName(platform: 'android' | 'ios' | 'electron'): "desktop" | "" | "Android" | "iOS";
+    getPlatformName(platform: 'android' | 'ios' | 'electron'): "" | "desktop" | "Android" | "iOS";
     asLink(value: any): InstallAppLink;
     private checkNeedInstallOrUpdate;
     private getCompatibleInstallLinks;

package/src/app/core/services/platform.service.d.ts

@@ -91,6 +91,15 @@ export declare class PlatformService extends StartableService {
         filename?: string;
     } & Partial<DownloadRequest>): Observable<string | undefined>;
     copyToClipboard(data: string | WriteOptions, opts?: ShowToastOptions): Promise<void>;
+    updateTheme(options: {
+        darkMode?: boolean;
+        colors?: {
+            [color: string]: string;
+        };
+        vars?: {
+            [color: string]: string;
+        };
+    }): Promise<void>;
     toggleDarkTheme(enable: boolean): Promise<void>;
     toggleHighContrast(enable: boolean): void;
     showToast(opts: ShowToastOptions): Promise<HTMLIonToastElement>;

package/src/app/shared/capacitor/plugins.d.ts

@@ -3,5 +3,6 @@ export declare class CapacitorPlugins {
     static readonly Camera = "Camera";
     static readonly StatusBar = "StatusBar";
     static readonly Keyboard = "Keyboard";
+    static readonly EdgeToEdge = "EdgeToEdge";
     static isAvailable: (name: string) => boolean;
 }

package/src/app/shared/graph/colors.utils.d.ts

@@ -15,3 +15,20 @@ export declare function getColorTint(color: string): string;
  * @param bw if true, will use black or white color, instead of the exact inverse
  */
 export declare function getColorContrast(color: string, bw?: boolean): string;
+/**
+ * Determine the luminance of a color
+ * Uses coefficients from http://stackoverflow.com/a/3943023/112731
+ *
+ * Note: Color must be in hex format (e.g. "#RRGGBB").
+ * @param color Hex color string
+ * @returns th color luminance
+ */
+export declare function getColorLuminance(color: string): number;
+/**
+ * Determine if a color is considered light based on perceived luminance.
+ *
+ * Note: Color must be in hex format (e.g. "#RRGGBB").
+ * @param color Hex color string
+ * @returns true if the color is light, false otherwise
+ */
+export declare function isLightColor(color: string): boolean;

package/src/app/shared/inputs.d.ts

@@ -17,7 +17,7 @@ export interface InputElement extends FocusableElement {
 }
 export declare function isInputElement(object: any): object is InputElement;
 export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
-export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.23.0",
+  "version": "18.23.1",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -88,6 +88,18 @@ html {
   }
 }
 
+ion-content {
+  --padding-bottom: var(--ion-safe-area-bottom);
+}
+
+ion-footer {
+  padding-bottom: var(--ion-safe-area-bottom);
+}
+
+ion-fab[vertical="bottom"] {
+  margin-bottom: var(--ion-safe-area-bottom);
+}
+
 // --------------------------------------------------
 // Back button in app toolbar
 // --------------------------------------------------