@sumaris-net/ngx-components 18.14.9 → 18.14.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.14.9",
+  "version": "18.14.11",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/home/home.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, InjectionToken, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
 import { IonContent, ModalController, ToastController } from '@ionic/angular';
 import { BehaviorSubject } from 'rxjs';
 import { AccountService } from '../services/account.service';
@@ -39,7 +39,7 @@ export interface HomePageState {
     pageHistory: HistoryPageReference[];
     darkMode: boolean;
 }
-export declare class HomePage extends RxState<HomePageState> implements OnDestroy {
+export declare class HomePage extends RxState<HomePageState> implements OnInit, OnDestroy {
     private accountService;
     private modalCtrl;
     private translate;
@@ -53,9 +53,9 @@ export declare class HomePage extends RxState<HomePageState> implements OnDestro
     protected locales: LocaleConfig[];
     protected buttons: IMenuItem[];
     protected config: IHomePageConfig;
-    private readonly _debug;
     private _subscription;
     private _config;
+    protected readonly debug: boolean;
     protected readonly mobile: boolean;
     protected readonly showAccountButton: boolean;
     protected accountName: string;

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/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): 0 | 1 | -1;
+export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | -1 | 0;
 export interface CanGainFocusOptions {
     minTabindex?: number;
     maxTabindex?: number;

package/src/app/social/feed/discourse/discourse-feed.service.d.ts

@@ -25,6 +25,7 @@ export declare class DiscourseFeedService extends StartableService<DiscourseFeed
     constructor(settings: LocalSettingsService, environment: Environment);
     protected ngOnStart(): Promise<DiscourseFeedServiceState>;
     watchAll(opts?: {
+        urls?: string[];
         maxAgeInMonths?: number;
         maxContentLength?: number;
     }): Observable<LoadResult<JsonFeed>>;

package/src/app/social/feed/feed.component.d.ts

@@ -1,3 +1,4 @@
+import { OnDestroy, OnInit } from '@angular/core';
 import { RxState } from '@rx-angular/state';
 import { TranslateService } from '@ngx-translate/core';
 import { Router } from '@angular/router';
@@ -10,30 +11,41 @@ import * as i0 from "@angular/core";
 export interface FeedState<T> {
     maxAgeInMonths: number;
     maxContentLength: number;
+    feedUrls: string[];
     feeds: T[];
     hasFeeds: boolean;
 }
-export declare class FeedsComponent<T extends JsonFeed = JsonFeed> {
+export declare class FeedsComponent<T extends JsonFeed = JsonFeed> implements OnInit, OnDestroy {
     protected environment: Environment;
     feedService: IFeedService<T>;
-    protected _debug: boolean;
     protected _state: RxState<FeedState<T>>;
     protected translate: TranslateService;
     protected platform: PlatformService;
     protected router: Router;
     protected version: string;
     feeds$: import("rxjs").Observable<T[]>;
+    feedUrls$: import("rxjs").Observable<string[]>;
     hasFeeds$: import("rxjs").Observable<boolean>;
+    debug: boolean;
     set feeds(value: T[]);
     get feeds(): T[];
+    set feedUrls(value: string[]);
+    get feedUrls(): string[];
     get hasFeeds(): boolean;
     showHeader: boolean;
-    headerTextColor: AppColors;
+    headerColor: AppColors;
+    cardColor: AppColors | 'light-transparent';
+    shape: 'round' | 'legacy';
+    class: string;
+    get hostClass(): string;
+    get borderRadius(): string;
     constructor(environment: Environment, feedService: IFeedService<T>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     openFeedHome(feed?: T): Promise<void>;
     openUrl(url: string): Promise<void>;
     openTag(feed: T, tag: string): Promise<void>;
     getTags(feedOrItem?: T | T['items'][0]): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<FeedsComponent<any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeedsComponent<any>, "app-feeds", never, { "feeds": { "alias": "feeds"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "headerTextColor": { "alias": "headerTextColor"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedsComponent<any>, "app-feed", never, { "debug": { "alias": "debug"; "required": false; }; "feeds": { "alias": "feeds"; "required": false; }; "feedUrls": { "alias": "feedUrls"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "headerColor": { "alias": "headerColor"; "required": false; }; "cardColor": { "alias": "cardColor"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/social/feed/feed.module.d.ts

@@ -3,9 +3,9 @@ import * as i1 from "./feed.component";
 import * as i2 from "./feed.directive";
 import * as i3 from "../../shared/shared.module";
 import * as i4 from "@ngx-translate/core";
-import * as i5 from "@angular/common";
+import * as i5 from "../../shared/debug/debug.module";
 export declare class FeedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FeedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FeedModule, [typeof i1.FeedsComponent, typeof i2.FeedDirective], [typeof i3.SharedModule, typeof i4.TranslateModule, typeof i5.NgOptimizedImage], [typeof i4.TranslateModule, typeof i1.FeedsComponent, typeof i2.FeedDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FeedModule, [typeof i1.FeedsComponent, typeof i2.FeedDirective], [typeof i3.SharedModule, typeof i4.TranslateModule, typeof i5.SharedDebugModule], [typeof i4.TranslateModule, typeof i1.FeedsComponent, typeof i2.FeedDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FeedModule>;
 }

package/src/app/social/feed/feed.service.d.ts

@@ -5,6 +5,7 @@ import { InjectionToken } from '@angular/core';
 export declare const APP_FEED_SERVICE: InjectionToken<IFeedService<any>>;
 export interface IFeedService<T extends JsonFeed = JsonFeed> {
     watchAll(opts?: {
+        urls?: string[];
         maxAgeInMonths?: number;
         maxContentLength?: number;
     }): Observable<LoadResult<T>>;

package/src/app/social/feed/testing/feed.testing.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { Environment } from '../../../../environments/environment.class';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
+import { LocalSettings } from '../../../core/services/model/settings.model';
+import { AppColors } from '../../../shared/types';
+import * as i0 from "@angular/core";
+export declare class FeedTestingPage {
+    protected settings: LocalSettingsService;
+    protected cd: ChangeDetectorRef;
+    private environment;
+    protected availableFeedUrls: string[];
+    protected availableColors: (AppColors | 'light-transparent')[];
+    protected availableShapes: string[];
+    protected debug: boolean;
+    protected feedUrls: string[];
+    protected shape: 'round' | 'legacy';
+    protected headerColor: AppColors | 'light-transparent';
+    protected cardColor: AppColors | 'light-transparent';
+    constructor(settings: LocalSettingsService, cd: ChangeDetectorRef, environment: Environment);
+    protected start(settings: LocalSettings): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedTestingPage, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedTestingPage, "app-feed-test", never, {}, {}, never, never, false, never>;
+}

package/src/app/social/feed/testing/feed.testing.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./feed.testing";
+import * as i2 from "../../../shared/shared.module";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../feed.module";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/select";
+export declare class FeedTestingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedTestingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FeedTestingModule, [typeof i1.FeedTestingPage], [typeof i2.SharedModule, typeof i3.TranslateModule, typeof i4.FeedModule, typeof i5.ReactiveFormsModule, typeof i6.MatSelectModule], [typeof i1.FeedTestingPage, typeof i4.FeedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FeedTestingModule>;
+}

package/src/app/social/job/progression/job-progression.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { JobProgression } from './job-progression.model';
 import { RxState } from '@rx-angular/state';
 import { Observable } from 'rxjs';
@@ -9,7 +9,7 @@ export interface JobProgressionState {
     value: number;
     type: 'determinate' | 'indeterminate';
 }
-export declare class JobProgressionComponent extends RxState<JobProgressionState> implements OnInit {
+export declare class JobProgressionComponent extends RxState<JobProgressionState> implements OnInit, OnDestroy {
     showName: boolean;
     jobProgression$: Observable<JobProgression>;
     name$: Observable<string>;
@@ -18,6 +18,7 @@ export declare class JobProgressionComponent extends RxState<JobProgressionState
     type$: Observable<"determinate" | "indeterminate">;
     constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<JobProgressionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<JobProgressionComponent, "app-job-progression-component", never, { "showName": { "alias": "showName"; "required": false; }; "jobProgression$": { "alias": "jobProgression$"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/app/social/job/progression/job-progression.icon.d.ts

@@ -48,6 +48,7 @@ export declare class JobProgressionIcon extends RxState<JobProgressionIconState>
     constructor(jobProgressionService: IJobProgressionService, popoverController: PopoverController, cd: ChangeDetectorRef);
     get jobProgressions(): BehaviorSubject<JobProgression>[];
     ngOnInit(): void;
+    ngOnDestroy(): void;
     protected startListenJob(id: number, job?: JobProgression): BehaviorSubject<JobProgression>;
     protected stopListenJob(id: number, opts?: {
         emitEvent?: boolean;
@@ -56,7 +57,6 @@ export declare class JobProgressionIcon extends RxState<JobProgressionIconState>
     protected updateValue(): void;
     showList(event: Event): Promise<void>;
     protected markForCheck(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<JobProgressionIcon, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<JobProgressionIcon, "app-job-progression-icon", never, { "debug": { "alias": "debug"; "required": false; }; "titleI18n": { "alias": "titleI18n"; "required": false; }; "options": { "alias": "options"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "headerActions": { "alias": "headerActions"; "required": false; }; }, { "jobFinished": "jobFinished"; }, never, never, false, never>;
 }

package/src/app/social/social.testing.module.d.ts

@@ -5,9 +5,10 @@ import * as i2 from "@ngx-translate/core";
 import * as i3 from "@angular/router";
 import * as i4 from "./job/testing/job.testing.module";
 import * as i5 from "./user-event/testing/user-event.testing.module";
+import * as i6 from "./feed/testing/feed.testing.module";
 export declare const SOCIAL_TESTING_PAGES: TestingPage[];
 export declare class SocialTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SocialTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SocialTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.JobTestingModule, typeof i5.UserEventTestingModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SocialTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.JobTestingModule, typeof i5.UserEventTestingModule, typeof i6.FeedTestingModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SocialTestingModule>;
 }

package/src/theme/_mixins.scss

@@ -45,9 +45,9 @@
   $shade: map-get($value, shade);
   $tint: map-get($value, tint);
   --ion-color-base: var(--ion-color-#{""+$color-name}, #{$base}) !important;
-  --ion-color-base-rgb: var(--ion-color-#{""+$color-name}-rgb, #{color-to-rgb-list($base)}) !important;
+  --ion-color-base-rgb: var(--ion-color-#{""+$color-name}-rgb, #{color-to-rgb-list($base)});
   --ion-color-contrast: var(--ion-color-#{""+$color-name}-contrast, #{$contrast}) !important;
-  --ion-color-contrast-rgb: var(--ion-color-#{""+$color-name}-contrast-rgb, #{color-to-rgb-list($contrast)}) !important;
+  --ion-color-contrast-rgb: var(--ion-color-#{""+$color-name}-contrast-rgb, #{color-to-rgb-list($contrast)});
   --ion-color-shade: var(--ion-color-#{""+$color-name}-shade, #{$shade}) !important;
   --ion-color-tint: var(--ion-color-#{""+$color-name}-tint, #{$tint}) !important;
 }
@@ -147,7 +147,7 @@
   --app-form-color-disabled: #{$app-form-color-disabled};
   --app-form-color-computed: #{$app-form-color-computed};
   --app-form-field-background-color: #{$app-form-field-background-color};
-  --app-form-field-background-color-rgb:  #{$app-form-field-background-color-rgb};
+  --app-form-field-background-color-rgb: #{$app-form-field-background-color-rgb};
   --app-form-field-background-color-shade: #{$app-form-field-background-color-shade};
   --app-form-field-focus-background-color: #{$app-form-field-focus-background-color};
   --app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
@@ -155,6 +155,26 @@
   --app-form-field-disabled-label-color: #{$app-form-field-disabled-label-color};
   --app-table-row-item-selected-background-color: #{$app-table-row-item-selected-background-color};
   --app-table-row-item-selected-text-color: #{$app-table-row-item-selected-text-color};
+
+  --ion-color-step-50: #f3f3f3;
+  --ion-color-step-100: #e7e7e7;
+  --ion-color-step-150: #dbdbdb;
+  --ion-color-step-200: #d0d0d0;
+  --ion-color-step-250: #c4c4c4;
+  --ion-color-step-300: #b8b8b8;
+  --ion-color-step-350: #acacac;
+  --ion-color-step-400: #a0a0a0;
+  --ion-color-step-450: #949494;
+  --ion-color-step-500: #898989;
+  --ion-color-step-550: #7d7d7d;
+  --ion-color-step-600: #666666;
+  --ion-color-step-650: #646464;
+  --ion-color-step-700: #595959;
+  --ion-color-step-750: #4d4d4d;
+  --ion-color-step-800: #414141;
+  --ion-color-step-850: #363636;
+  --ion-color-step-900: #2a2a2a;
+  --ion-color-step-950: #1e1e1e;
 }
 
 @mixin css-variables-to-root-mobile() {