@ecodev/natural 55.2.0 → 55.4.0

package/lib/modules/avatar/component/avatar.component.d.ts

@@ -11,6 +11,7 @@ export declare class NaturalAvatarComponent implements OnChanges {
     initials?: string | null;
     gravatar?: string | null;
     size: number;
+    decorated: boolean;
     textSizeRatio: number;
     bgColor: string | undefined;
     fgColor: string;
@@ -48,6 +49,6 @@ export declare class NaturalAvatarComponent implements OnChanges {
      */
     private getImageStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalAvatarComponent, "natural-avatar", never, { "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "gravatar": { "alias": "gravatar"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textSizeRatio": { "alias": "textSizeRatio"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "fgColor": { "alias": "fgColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "textMaximumLength": { "alias": "textMaximumLength"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalAvatarComponent, "natural-avatar", never, { "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "gravatar": { "alias": "gravatar"; "required": false; }; "size": { "alias": "size"; "required": false; }; "decorated": { "alias": "decorated"; "required": false; }; "textSizeRatio": { "alias": "textSizeRatio"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "fgColor": { "alias": "fgColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "textMaximumLength": { "alias": "textMaximumLength"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/modules/common/services/seo.service.d.ts

@@ -1,6 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { Data, Router } from '@angular/router';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export type NaturalSeo = NaturalSeoBasic | NaturalSeoCallback | NaturalSeoResolve;
 /**
@@ -23,20 +24,6 @@ export type NaturalSeoBasic = Robots & {
      */
     canonicalQueryParamsWhitelist?: string[];
 };
-export declare type NaturalLinkDefinition = {
-    charset?: string;
-    crossorigin?: string;
-    href?: string;
-    hreflang?: string;
-    media?: string;
-    rel?: string;
-    rev?: string;
-    sizes?: string;
-    target?: string;
-    type?: string;
-} & {
-    [prop: string]: string;
-};
 /**
  * Typically used for a "dynamic" page where a single object is resolved. So a detail page, such
  * as the detail of a risk and so on.
@@ -70,7 +57,7 @@ interface Robots {
      */
     robots?: string;
 }
-export interface NaturalSeoConfig {
+interface NaturalSeoConfigPlain {
     /**
      * The name of the application that will always appear in the page title
      */
@@ -97,6 +84,7 @@ export interface NaturalSeoConfig {
      */
     readonly languages?: Readonly<string[]>;
 }
+export type NaturalSeoConfig = NaturalSeoConfigPlain | Observable<NaturalSeoConfigPlain>;
 export declare const NATURAL_SEO_CONFIG: InjectionToken<NaturalSeoConfig>;
 export declare function stripTags(str: string): string;
 /**
@@ -114,34 +102,28 @@ export declare function stripTags(str: string): string;
  * configured for it in the routing.
  */
 export declare class NaturalSeoService {
-    private readonly config;
     private readonly router;
     private readonly titleService;
     private readonly metaTagService;
     private readonly document;
     private locale;
     private routeData?;
-    constructor(config: NaturalSeoConfig, router: Router, titleService: Title, metaTagService: Meta, document: Document, locale: string);
+    private config;
+    constructor(configToken: NaturalSeoConfig, router: Router, titleService: Title, metaTagService: Meta, document: Document, locale: string);
     /**
      * Update the SEO with given info. The extra part and app name will be appended automatically.
      *
-     * In most cases this should not be used, and instead the SEO should be configured in the routing,
+     * In most cases, this should not be used. And instead, the SEO should be configured in the routing,
      * possibly with the callback variant for some dynamism.
      *
-     * But in rare cases only the Component is able to build a proper page title, after it gather everything it
-     * needed. For those cases the Component can inject this service and update the SEO directly.
+     * But in rare cases, only the Component is able to build a proper page title, after it gathered everything it
+     * needed. For those cases, the Component can inject this service and update the SEO directly.
      */
     update(seo: NaturalSeoBasic): void;
-    updateAlternates(urlParts: {
-        url: string;
-        params: string;
-    }): void;
+    private updateAlternates;
     private getUrlParts;
     /**
      * Add language between domain and uri https://example.com/fr/folder/page
-     * @param urlParts
-     * @param language
-     * @private
      */
     private getUrl;
     private addLanguageSegment;
@@ -149,11 +131,9 @@ export declare class NaturalSeoService {
     private updateTag;
     private updateLinkTag;
     /**
-     * Parse tag to create a selector
-     * @param  definition
-     * @return {string} selector to use in querySelector
+     * Returns selector to use in querySelector to get the given link
      */
-    private _parseSelector;
+    private parseSelector;
     /**
      * Returns the data from the most deep/specific activated route
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "55.2.0",
+  "version": "55.4.0",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,

package/src/lib/_natural.theme.scss

@@ -45,6 +45,11 @@
     .mat-mdc-dialog-container .mdc-dialog__content {
         color: mat.get-color-from-palette(map.get($theme, foreground), base, 0.87);
     }
+
+    .natural-elevation {
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 2px 1px -1px rgba(0, 0, 0, 0.2),
+            0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+    }
 }
 
 $defaultConfig: mat.define-typography-config();