@igo2/sdg-core 1.0.0-next.99 → 1.1.0-next.1

package/README.md

@@ -1 +1,9 @@
 # Core
+
+Documentation à venir
+
+Installer le paquet de base qui comprend les styles et la logique de base
+
+```
+npm install --save @igo2/sdg-core
+```

package/_index.scss

@@ -0,0 +1 @@
+@forward './src';

package/fesm2022/igo2-sdg-core.mjs

@@ -1,118 +1,14 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, Injectable, provideAppInitializer, inject, PLATFORM_ID, signal, Optional, Pipe } from '@angular/core';
-import { isPlatformServer, DOCUMENT } from '@angular/common';
-import * as i1 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
-import { filter, first } from 'rxjs';
-import * as i1$1 from '@angular/cdk/layout';
-
-var AnalyticsFeatureKind;
-(function (AnalyticsFeatureKind) {
-    AnalyticsFeatureKind[AnalyticsFeatureKind["GoogleAnalytic"] = 0] = "GoogleAnalytic";
-})(AnalyticsFeatureKind || (AnalyticsFeatureKind = {}));
-
-function provideAnalytics(...features) {
-    const providers = [];
-    for (const feature of features) {
-        providers.push(...feature.providers);
-    }
-    return makeEnvironmentProviders(providers);
-}
-
-class GoogleAnalyticsService {
-    router;
-    routerEvents$$;
-    constructor(router) {
-        this.router = router;
-    }
-    initialize() {
-        if (!gtag) {
-            throw new Error('The gtag was not created for Google Analytics');
-        }
-    }
-    trackEvent(eventName, eventParams) {
-        gtag('event', eventName, eventParams);
-    }
-    trackFirstPageView() {
-        if (this.routerEvents$$) {
-            throw new Error('Page tracking is already instantiated for Google Analytics');
-        }
-        this.routerEvents$$ = this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd), first())
-            .subscribe((event) => {
-            gtag('event', 'page_view', {
-                page_path: event.urlAfterRedirects
-            });
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GoogleAnalyticsService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GoogleAnalyticsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GoogleAnalyticsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.Router }] });
-
-function withGoogleAnalytics(options) {
-    if (!options.targetId) {
-        throw new Error('Vous devez configurer le targetId pour Google Analytics');
-    }
-    return {
-        kind: AnalyticsFeatureKind.GoogleAnalytic,
-        providers: [
-            GoogleAnalyticsService,
-            provideAppInitializer(() => {
-                const platformId = inject(PLATFORM_ID);
-                if (isPlatformServer(platformId)) {
-                    return;
-                }
-                const document = inject(DOCUMENT);
-                const gaService = inject(GoogleAnalyticsService);
-                return googleAnalyticsFactory(document, gaService, options);
-            })
-        ]
-    };
-}
-function googleAnalyticsFactory(document, gaService, options) {
-    // Dynamically load the Google Analytics script
-    const script = document.createElement('script');
-    script.async = true;
-    script.src = `https://www.googletagmanager.com/gtag/js?id=${options.targetId}`;
-    document.head.appendChild(script);
-    script.onload = () => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const _window = window;
-        _window['dataLayer'] = _window['dataLayer'] || [];
-        _window['gtag'] = function () {
-            // eslint-disable-next-line prefer-rest-params
-            _window['dataLayer'].push(arguments);
-        };
-        gtag('js', new Date());
-        // Disable automatic page view tracking
-        gtag('config', options.targetId, {
-            send_page_view: false,
-            cookie_flags: 'SameSite=None;Secure',
-            ...(options.config ?? {})
-        });
-        gaService.initialize();
-        /**
-         * Track the first page view but after we fallback on the default TagManager event. You can manage this event in the TagManger admin console.
-         * https://support.google.com/tagmanager/answer/7679319?hl=en&ref_topic=7679108&sjid=1071553345249084852-NA
-         */
-        gaService.trackFirstPageView();
-    };
-}
+import { inject, signal, Injectable, Pipe, model, Directive } from '@angular/core';
 
 class BreakpointService {
-    breakpointObserver;
-    _isHandset = signal(false);
+    breakpointObserver = inject(BreakpointObserver);
+    _isHandset = signal(false, ...(ngDevMode ? [{ debugName: "_isHandset" }] : []));
     get isHandset() {
         return this._isHandset.asReadonly();
     }
-    constructor(breakpointObserver) {
-        this.breakpointObserver = breakpointObserver;
+    constructor() {
         this.handleBreakpoint();
     }
     handleBreakpoint() {
@@ -122,15 +18,15 @@ class BreakpointService {
             this._isHandset.set(result.matches);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, deps: [{ token: i1$1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BreakpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BreakpointService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreakpointService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BreakpointService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.BreakpointObserver }] });
+        }], ctorParameters: () => [] });
 
 const RouteTitleKey = 'RouteTitle';
 const RouteTranslateKey = 'TranslateKey';
@@ -151,25 +47,20 @@ class TitleResolver {
 }
 
 class TitleResolverPipe {
-    titleResolver;
-    constructor(titleResolver) {
-        this.titleResolver = titleResolver;
-    }
+    titleResolver = inject(TitleResolver, { optional: true });
     transform(value) {
         return resolveTitle(value, this.titleResolver);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TitleResolverPipe, deps: [{ token: TitleResolver, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TitleResolverPipe, isStandalone: true, name: "titleResolver" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TitleResolverPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: TitleResolverPipe, isStandalone: true, name: "titleResolver" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TitleResolverPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TitleResolverPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'titleResolver',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: TitleResolver, decorators: [{
-                    type: Optional
-                }] }] });
+        }] });
 
 function pathIsExternal(path) {
     const regex = /^https?:\/\//;
@@ -181,9 +72,32 @@ function isSafeUrl(url) {
     return safePattern.test(url) && !unsafePattern.test(url.trim());
 }
 
+class WithLabels {
+    labels = model({}, ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    constructor(defaultLabels, labelsToken) {
+        this.setLabels(defaultLabels, labelsToken);
+    }
+    setLabels(defaultLabels, token) {
+        const labelsOverride = inject(token, { optional: true });
+        if (labelsOverride) {
+            this.labels.update((value) => ({
+                ...(defaultLabels ?? {}),
+                ...labelsOverride,
+                ...value
+            }));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WithLabels, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: WithLabels, isStandalone: true, inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { labels: "labelsChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WithLabels, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }, { type: i0.InjectionToken }], propDecorators: { labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }, { type: i0.Output, args: ["labelsChange"] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnalyticsFeatureKind, BreakpointService, GoogleAnalyticsService, RouteTitleKey, RouteTranslateKey, TitleResolver, TitleResolverPipe, isSafeUrl, pathIsExternal, provideAnalytics, resolveTitle, withGoogleAnalytics };
+export { BreakpointService, RouteTitleKey, RouteTranslateKey, TitleResolver, TitleResolverPipe, WithLabels, isSafeUrl, pathIsExternal, resolveTitle };
 //# sourceMappingURL=igo2-sdg-core.mjs.map

package/fesm2022/igo2-sdg-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"igo2-sdg-core.mjs","sources":["../../../packages/core/src/analytics/analytics.interface.ts","../../../packages/core/src/analytics/analytics.provider.ts","../../../packages/core/src/analytics/google-analytics/google-analytics.service.ts","../../../packages/core/src/analytics/google-analytics/google-analytics.provider.ts","../../../packages/core/src/layout/breakpoint/breakpoint.service.ts","../../../packages/core/src/router/router.ts","../../../packages/core/src/router/title-resolver/title-resolver.ts","../../../packages/core/src/router/title-resolver/title-resolver.pipe.ts","../../../packages/core/src/router/route.utils.ts","../../../packages/core/src/igo2-sdg-core.ts"],"sourcesContent":["import { EnvironmentProviders, Provider } from '@angular/core';\n\nexport interface AnalyticsFeature<KindT extends AnalyticsFeatureKind> {\n  kind: KindT;\n  providers: (Provider | EnvironmentProviders)[];\n}\n\nexport enum AnalyticsFeatureKind {\n  GoogleAnalytic = 0\n}\n","import {\n  EnvironmentProviders,\n  Provider,\n  makeEnvironmentProviders\n} from '@angular/core';\n\nimport { AnalyticsFeature, AnalyticsFeatureKind } from './analytics.interface';\n\nexport function provideAnalytics(\n  ...features: AnalyticsFeature<AnalyticsFeatureKind>[]\n) {\n  const providers: (Provider | EnvironmentProviders)[] = [];\n\n  for (const feature of features) {\n    providers.push(...feature.providers);\n  }\n\n  return makeEnvironmentProviders(providers);\n}\n","import { Injectable } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\n\nimport { Subscription, filter, first } from 'rxjs';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\ndeclare let gtag: Function;\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class GoogleAnalyticsService {\n  private routerEvents$$?: Subscription;\n\n  constructor(private router: Router) {}\n\n  initialize(): void {\n    if (!gtag) {\n      throw new Error('The gtag was not created for Google Analytics');\n    }\n  }\n\n  trackEvent(eventName: string, eventParams: Record<string, unknown>): void {\n    gtag('event', eventName, eventParams);\n  }\n\n  trackFirstPageView(): void {\n    if (this.routerEvents$$) {\n      throw new Error(\n        'Page tracking is already instantiated for Google Analytics'\n      );\n    }\n\n    this.routerEvents$$ = this.router.events\n      .pipe(\n        filter((event) => event instanceof NavigationEnd),\n        first()\n      )\n      .subscribe((event: NavigationEnd) => {\n        gtag!('event', 'page_view', {\n          page_path: event.urlAfterRedirects\n        });\n      });\n  }\n}\n","import { DOCUMENT, isPlatformServer } from '@angular/common';\nimport { PLATFORM_ID, inject, provideAppInitializer } from '@angular/core';\n\nimport { AnalyticsFeature, AnalyticsFeatureKind } from '../analytics.interface';\nimport { IGoogleAnalyticsOptions } from './google-analytics.interface';\nimport { GoogleAnalyticsService } from './google-analytics.service';\n\nexport function withGoogleAnalytics(\n  options: IGoogleAnalyticsOptions\n): AnalyticsFeature<AnalyticsFeatureKind.GoogleAnalytic> {\n  if (!options.targetId) {\n    throw new Error('Vous devez configurer le targetId pour Google Analytics');\n  }\n\n  return {\n    kind: AnalyticsFeatureKind.GoogleAnalytic,\n    providers: [\n      GoogleAnalyticsService,\n      provideAppInitializer(() => {\n        const platformId = inject(PLATFORM_ID);\n        if (isPlatformServer(platformId)) {\n          return;\n        }\n\n        const document = inject(DOCUMENT);\n        const gaService = inject(GoogleAnalyticsService);\n        return googleAnalyticsFactory(document, gaService, options);\n      })\n    ]\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\ndeclare let gtag: Function;\n\nfunction googleAnalyticsFactory(\n  document: Document,\n  gaService: GoogleAnalyticsService,\n  options: IGoogleAnalyticsOptions\n): void {\n  // Dynamically load the Google Analytics script\n  const script = document.createElement('script');\n  script.async = true;\n  script.src = `https://www.googletagmanager.com/gtag/js?id=${options.targetId}`;\n  document.head.appendChild(script);\n\n  script.onload = () => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _window = window as any;\n    _window['dataLayer'] = _window['dataLayer'] || [];\n    _window['gtag'] = function () {\n      // eslint-disable-next-line prefer-rest-params\n      _window['dataLayer'].push(arguments);\n    };\n\n    gtag('js', new Date());\n\n    // Disable automatic page view tracking\n    gtag('config', options.targetId, {\n      send_page_view: false,\n      cookie_flags: 'SameSite=None;Secure',\n      ...(options.config ?? {})\n    });\n\n    gaService.initialize();\n\n    /**\n     * Track the first page view but after we fallback on the default TagManager event. You can manage this event in the TagManger admin console.\n     * https://support.google.com/tagmanager/answer/7679319?hl=en&ref_topic=7679108&sjid=1071553345249084852-NA\n     */\n    gaService.trackFirstPageView();\n  };\n}\n","import { BreakpointObserver } from '@angular/cdk/layout';\nimport { Injectable, Signal, signal } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class BreakpointService {\n  private _isHandset = signal(false);\n\n  get isHandset(): Signal<boolean> {\n    return this._isHandset.asReadonly();\n  }\n\n  constructor(private breakpointObserver: BreakpointObserver) {\n    this.handleBreakpoint();\n  }\n\n  private handleBreakpoint(): void {\n    this.breakpointObserver\n      .observe('(max-width: 575px)')\n      .subscribe((result) => {\n        this._isHandset.set(result.matches);\n      });\n  }\n}\n","import { Route } from '@angular/router';\n\nimport { TitleResolver } from './title-resolver/title-resolver';\n\nexport const RouteTitleKey = 'RouteTitle';\nexport const RouteTranslateKey = 'TranslateKey';\n\nfunction hasStaticTitle(config: Route): boolean {\n  return typeof config.title === 'string' || config.title === null;\n}\n\nexport function resolveTitle(\n  config: Route,\n  titleResolver?: TitleResolver\n): string | undefined {\n  if (hasStaticTitle(config)) {\n    return config.title as string;\n  } else {\n    return (\n      titleResolver?.resolveStatic(config) ?? config.data?.[RouteTranslateKey] // try to fallback on the translation key\n    );\n  }\n}\n","import {\n  ActivatedRouteSnapshot,\n  MaybeAsync,\n  Resolve,\n  Route,\n  RouterStateSnapshot\n} from '@angular/router';\n\nexport abstract class TitleResolver<T = string> implements Resolve<T> {\n  abstract resolve(\n    route: ActivatedRouteSnapshot,\n    state: RouterStateSnapshot\n  ): MaybeAsync<T>;\n  abstract resolveStatic(route: Route): string | undefined;\n}\n","import { Optional, Pipe, PipeTransform } from '@angular/core';\n\nimport { SdgRoute } from '../route.interface';\nimport { resolveTitle } from '../router';\nimport { TitleResolver } from './title-resolver';\n\n@Pipe({\n  name: 'titleResolver',\n  standalone: true\n})\nexport class TitleResolverPipe implements PipeTransform {\n  constructor(@Optional() private titleResolver: TitleResolver) {}\n\n  transform(value: SdgRoute): string | undefined {\n    return resolveTitle(value, this.titleResolver);\n  }\n}\n","export function pathIsExternal(path: string): boolean {\n  const regex = /^https?:\\/\\//;\n  return regex.test(path);\n}\n\nexport function isSafeUrl(url: string): boolean {\n  const safePattern = /^(https?:\\/\\/|\\/(?!\\/)|\\.\\/|\\.\\.\\/)/;\n  const unsafePattern = /^(javascript:|data:|vbscript:)/i;\n  return safePattern.test(url) && !unsafePattern.test(url.trim());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.TitleResolver"],"mappings":"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"}
+{"version":3,"file":"igo2-sdg-core.mjs","sources":["../../../packages/core/src/layout/breakpoint/breakpoint.service.ts","../../../packages/core/src/router/router.ts","../../../packages/core/src/router/title-resolver/title-resolver.ts","../../../packages/core/src/router/title-resolver/title-resolver.pipe.ts","../../../packages/core/src/router/route.utils.ts","../../../packages/core/src/shared/with-labels.ts","../../../packages/core/src/igo2-sdg-core.ts"],"sourcesContent":["import { BreakpointObserver } from '@angular/cdk/layout';\nimport { Injectable, Signal, inject, signal } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class BreakpointService {\n  private breakpointObserver = inject(BreakpointObserver);\n\n  private _isHandset = signal(false);\n\n  get isHandset(): Signal<boolean> {\n    return this._isHandset.asReadonly();\n  }\n\n  constructor() {\n    this.handleBreakpoint();\n  }\n\n  private handleBreakpoint(): void {\n    this.breakpointObserver\n      .observe('(max-width: 575px)')\n      .subscribe((result) => {\n        this._isHandset.set(result.matches);\n      });\n  }\n}\n","import { Route } from '@angular/router';\n\nimport { TitleResolver } from './title-resolver/title-resolver';\n\nexport const RouteTitleKey = 'RouteTitle';\nexport const RouteTranslateKey = 'TranslateKey';\n\nfunction hasStaticTitle(config: Route): boolean {\n  return typeof config.title === 'string' || config.title === null;\n}\n\nexport function resolveTitle(\n  config: Route,\n  titleResolver?: TitleResolver | null\n): string | undefined {\n  if (hasStaticTitle(config)) {\n    return config.title as string;\n  } else {\n    return (\n      titleResolver?.resolveStatic(config) ?? config.data?.[RouteTranslateKey] // try to fallback on the translation key\n    );\n  }\n}\n","import {\n  ActivatedRouteSnapshot,\n  MaybeAsync,\n  Resolve,\n  Route,\n  RouterStateSnapshot\n} from '@angular/router';\n\nexport abstract class TitleResolver<T = string> implements Resolve<T> {\n  abstract resolve(\n    route: ActivatedRouteSnapshot,\n    state: RouterStateSnapshot\n  ): MaybeAsync<T>;\n  abstract resolveStatic(route: Route): string | undefined;\n}\n","import { Pipe, PipeTransform, inject } from '@angular/core';\n\nimport { SdgRoute } from '../route.interface';\nimport { resolveTitle } from '../router';\nimport { TitleResolver } from './title-resolver';\n\n@Pipe({\n  name: 'titleResolver',\n  standalone: true\n})\nexport class TitleResolverPipe implements PipeTransform {\n  private titleResolver = inject(TitleResolver, { optional: true });\n\n  transform(value: SdgRoute): string | undefined {\n    return resolveTitle(value, this.titleResolver);\n  }\n}\n","export function pathIsExternal(path: string): boolean {\n  const regex = /^https?:\\/\\//;\n  return regex.test(path);\n}\n\nexport function isSafeUrl(url: string): boolean {\n  const safePattern = /^(https?:\\/\\/|\\/(?!\\/)|\\.\\/|\\.\\.\\/)/;\n  const unsafePattern = /^(javascript:|data:|vbscript:)/i;\n  return safePattern.test(url) && !unsafePattern.test(url.trim());\n}\n","import { Directive, InjectionToken, inject, model } from '@angular/core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Labels = Record<string, any>;\n\n@Directive()\nexport class WithLabels<T extends Labels> {\n  labels = model<T>({} as T);\n\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(defaultLabels: T | undefined, labelsToken: InjectionToken<T>) {\n    this.setLabels(defaultLabels, labelsToken);\n  }\n\n  private setLabels(defaultLabels: T | undefined, token: InjectionToken<T>) {\n    const labelsOverride = inject(token, { optional: true });\n    if (labelsOverride) {\n      this.labels.update((value) => ({\n        ...(defaultLabels ?? {}),\n        ...labelsOverride,\n        ...value\n      }));\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,5 +1,53 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@igo2/sdg-core" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { Signal, PipeTransform, InjectionToken } from '@angular/core';
+import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot, MaybeAsync, Route } from '@angular/router';
+
+declare class BreakpointService {
+    private breakpointObserver;
+    private _isHandset;
+    get isHandset(): Signal<boolean>;
+    constructor();
+    private handleBreakpoint;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointService>;
+}
+
+declare abstract class TitleResolver<T = string> implements Resolve<T> {
+    abstract resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): MaybeAsync<T>;
+    abstract resolveStatic(route: Route): string | undefined;
+}
+
+declare const RouteTitleKey = "RouteTitle";
+declare const RouteTranslateKey = "TranslateKey";
+declare function resolveTitle(config: Route, titleResolver?: TitleResolver | null): string | undefined;
+
+type SdgRoutes = SdgRoute[];
+interface SdgRoute extends Route {
+    isHome?: boolean;
+    description?: string;
+    children?: SdgRoutes;
+    /** Hidden in the primary tabs navigation and in the breadcrumbs */
+    hidden?: boolean;
+}
+
+declare class TitleResolverPipe implements PipeTransform {
+    private titleResolver;
+    transform(value: SdgRoute): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TitleResolverPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TitleResolverPipe, "titleResolver", true>;
+}
+
+declare function pathIsExternal(path: string): boolean;
+declare function isSafeUrl(url: string): boolean;
+
+type Labels = Record<string, any>;
+declare class WithLabels<T extends Labels> {
+    labels: i0.ModelSignal<T>;
+    constructor(defaultLabels: T | undefined, labelsToken: InjectionToken<T>);
+    private setLabels;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WithLabels<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WithLabels<any>, never, never, { "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "labels": "labelsChange"; }, never, never, true, never>;
+}
+
+export { BreakpointService, RouteTitleKey, RouteTranslateKey, TitleResolver, TitleResolverPipe, WithLabels, isSafeUrl, pathIsExternal, resolveTitle };
+export type { SdgRoute, SdgRoutes };

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "@igo2/sdg-core",
-  "version": "1.0.0-next.99",
+  "version": "1.1.0-next.1",
   "license": "LiLiQ-R",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/infra-geo-ouverte/sdg.git",
     "directory": "packages/core"
   },
+  "engines": {
+    "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+  },
   "exports": {
     ".": {
-      "sass": "./src/_index.scss",
+      "sass": "./_index.scss",
       "types": "./index.d.ts",
       "default": "./fesm2022/igo2-sdg-core.mjs"
     },
@@ -21,12 +24,11 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^19.2.0",
-    "@angular/common": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/material": "^19.2.0",
-    "@angular/router": "^19.2.0",
-    "bootstrap": "^5.3.0"
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/material": "^20.0.0",
+    "@angular/router": "^20.0.0"
   },
   "dependencies": {
     "tslib": "^2.6.0"

package/src/layout/_breakpoints.scss

@@ -114,3 +114,17 @@ $devices: (
     }
   }
 }
+
+@mixin media-mobile-landscape() {
+  $breakpoint: breakpoint(mobile-landscape);
+  @if $breakpoint {
+    $max-width: map.get($grids, $breakpoint, max-width);
+    @if $max-width {
+      @media (max-width: max-width(mobile)) or ((max-width: $max-width) and (orientation: landscape)) {
+        @content;
+      }
+    } @else {
+      @content;
+    }
+  }
+}

package/src/style/_typography.scss

@@ -2,10 +2,8 @@
 @use './typography-utils' as *;
 @use '../tokens/token-utils';
 
-@mixin typo-set-base-styles {
-  :root {
-    font-size: var(--sdg-font-size-root-percent);
-  }
+@mixin typo-base {
+  font-size: var(--sdg-font-size-root-percent);
 
   body {
     color: var(--sdg-color-text);
@@ -81,7 +79,8 @@
     max-inline-size: var(--sdg-max-content-width);
   }
 
-  h1 {
+  h1,
+  .h1 {
     @include header-font('h1');
     @include title-border;
 
@@ -93,7 +92,8 @@
     }
   }
 
-  h2 {
+  h2,
+  .h2 {
     @include header-font('h2');
 
     @include breakpoints.media(mobile) {
@@ -102,7 +102,8 @@
     }
   }
 
-  h3 {
+  h3,
+  .h3 {
     @include header-font('h3');
 
     @include breakpoints.media(mobile) {
@@ -110,15 +111,18 @@
     }
   }
 
-  h4 {
+  h4,
+  .h4 {
     @include header-font('h4');
   }
 
-  h5 {
+  h5,
+  .h5 {
     @include header-font('h5');
   }
 
-  h6 {
+  h6,
+  .h6 {
     @include header-font('h6');
   }
 
@@ -134,6 +138,6 @@
 @mixin header-font($header) {
   font-size: var(--sdg-font-size-#{$header});
   line-height: var(--sdg-line-height-#{$header});
-  margin-top: var(--sdg-title-margin-#{$header}-mt) !important;
-  margin-bottom: var(--sdg-title-margin-#{$header}-mb) !important;
+  margin-top: var(--sdg-title-margin-#{$header}-mt);
+  margin-bottom: var(--sdg-title-margin-#{$header}-mb);
 }

package/src/style/overrides/igo2-lib/_search-bar.scss

@@ -23,12 +23,14 @@
       color: var(--sdg-color-white);
     }
 
-    @include mat.form-field-overrides(
-      (
-        container-height: 40px,
-        container-vertical-padding: 8px
-      )
-    );
+    mat-form-field {
+      @include mat.form-field-overrides(
+        (
+          container-height: 40px,
+          container-vertical-padding: 8px
+        )
+      );
+    }
 
     .mdc-icon-button.mat-mdc-button-base {
       @include mat.icon-button-overrides(
@@ -39,8 +41,8 @@
       // reset the default padding of Material. Igo is overriding it
       padding: calc(
         calc(
-            var(--mdc-icon-button-state-layer-size, 40px) - var(
-                --mdc-icon-button-icon-size,
+            var(--mat-icon-button-state-layer-size, 40px) - var(
+                --mat-icon-button-icon-size,
                 24px
               )
           ) /

package/src/style/overrides/material/_button.scss

@@ -51,6 +51,24 @@
     }
   }
 
+  .mat-mdc-button-base {
+    &.on-primary {
+      @include mat.button-overrides(
+        (
+          filled-state-layer-color: var(--sdg-color-grey-pale),
+          outlined-state-layer-color: var(--sdg-color-grey-pale),
+          protected-state-layer-color: var(--sdg-color-grey-pale),
+          text-state-layer-color: var(--sdg-color-grey-pale)
+        )
+      );
+      @include mat.icon-button-overrides(
+        (
+          state-layer-color: var(--sdg-color-grey-pale)
+        )
+      );
+    }
+  }
+
   .mat-mdc-outlined-button {
     border-color: currentColor !important;
     border-width: 2px !important;

package/src/style/overrides/material/_checkbox.scss

@@ -8,7 +8,7 @@
 
     $base-size: 8px;
     $checkbox-size: calc($base-size * 3);
-    $size-with-padding: var(--mdc-checkbox-state-layer-size);
+    $size-with-padding: var(--mat-checkbox-state-layer-size);
 
     @include mat.checkbox-overrides(
       (

package/src/style/overrides/material/_form-field.scss

@@ -1,20 +1,139 @@
-@use 'sass:map';
 @use '@angular/material' as mat;
-@use '../../../tokens/sys-colors';
 
 @mixin overrides() {
-  .mat-mdc-text-field-wrapper,
-  .mdc-notched-outline__leading,
-  .mdc-notched-outline__trailing {
-    border-radius: 0 !important;
+  .mat-mdc-form-field {
+    $blue-dark: var(--sdg-color-blue-dark);
+    $grey-medium: var(--sdg-color-grey-medium);
+    $red-normal: var(--sdg-color-red-normal);
+
+    $text-font: var(--sdg-font-family-text);
+    $text-line-height: var(--sdg-line-height-md);
+    $text-size: var(--sdg-font-size-md);
+
+    max-width: 100%;
+
+    @include mat.form-field-density(-4);
+
+    @include mat.form-field-overrides(
+      (
+        outlined-outline-width: 1px,
+        outlined-outline-color: $grey-medium,
+        outlined-disabled-input-text-color: $grey-medium,
+        outlined-disabled-outline-color: $grey-medium,
+        outlined-error-hover-outline-color: $red-normal,
+        outlined-focus-outline-width: 2px,
+        outlined-focus-outline-color: $blue-dark,
+        outlined-hover-outline-color: $grey-medium,
+        outlined-input-text-color: $blue-dark,
+        outlined-input-text-placeholder-color: $grey-medium,
+        outlined-container-shape: 0,
+        //
+        disabled-input-text-placeholder-color: $grey-medium,
+        //
+        error-text-color: $red-normal,
+        //
+        focus-state-layer-opacity: 0,
+        //
+        hover-state-layer-opacity: 0,
+        //
+        state-layer-color: transparent,
+        //
+        container-text-font: $text-font,
+        container-text-line-height: $text-line-height,
+        container-text-size: $text-size
+      )
+    );
+
+    &.mat-form-field-disabled {
+      .mdc-text-field {
+        background-color: var(--sdg-color-grey-pale);
+      }
+
+      mat-hint {
+        color: var(--sdg-color-grey-normal) !important;
+      }
+    }
+
+    .mdc-text-field {
+      padding: 0 8px;
+
+      &--focused {
+        outline: 2px solid var(--sdg-color-blue-light);
+      }
+
+      &--disabled {
+        background-color: var(--sdg-color-grey-pale);
+      }
+    }
+
+    &[xl] {
+      width: 825px;
+    }
+
+    &[lg],
+    &[multi] {
+      width: 528px;
+    }
+
+    &[md] {
+      width: 249px;
+    }
+
+    &[sm] {
+      width: 156px;
+    }
+
+    &[xs] {
+      width: 63px;
+    }
+
+    .mat-mdc-form-field-subscript-wrapper {
+      .mat-mdc-form-field-hint-wrapper {
+        padding: 0;
+
+        mat-hint {
+          padding-top: 4px;
+          font-family: $text-font;
+          font-weight: 400;
+          font-size: var(--sdg-font-size-sm);
+          line-height: var(--sdg-line-height-sm);
+          color: var(--sdg-color-grey-dark);
+        }
+      }
+    }
+
+    .mat-mdc-form-field-error-wrapper {
+      padding: 0;
+
+      mat-error {
+        display: flex;
+        align-items: center;
+        column-gap: 8px;
+        padding-top: 8px;
+        font-family: $text-font;
+        font-weight: 600;
+        font-size: $text-size;
+        line-height: $text-line-height;
+
+        mat-icon {
+          font-size: 24px;
+          width: 24px;
+          height: 24px;
+        }
+      }
+    }
   }
 
-  @include mat.form-field-overrides(
-    (
-      outlined-outline-color: rgba(
-          map.get(sys-colors.$light-colors, 'black'),
-          0.38
-        )
-    )
-  );
+  .mat-mdc-input-element {
+    &::-webkit-scrollbar {
+      background-color: transparent;
+      width: 8px;
+      height: auto;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--sdg-color-blue-piv);
+      border-radius: 4px;
+    }
+  }
 }

package/src/style/overrides/material/_index.scss

@@ -5,7 +5,7 @@
 @use './divider';
 @use './form-field';
 @use './icon';
-@use './input';
+@use './select';
 @use './sidenav';
 @use './radio-button';
 @use './tab';
@@ -16,9 +16,9 @@
   @include chip.overrides();
   @include dialog.overrides();
   @include divider.overrides();
+  @include select.overrides();
   @include form-field.overrides();
   @include icon.overrides();
-  @include input.overrides();
   @include sidenav.overrides();
   @include radio-button.overrides();
   @include tab.overrides();

package/src/style/overrides/material/_radio-button.scss

@@ -49,7 +49,7 @@
       height: $radio-button-size;
       width: $radio-button-size;
       padding: calc(
-        (var(--mdc-radio-state-layer-size, 40px) - $radio-button-size) / 2
+        (var(--mat-radio-state-layer-size, 40px) - $radio-button-size) / 2
       );
 
       .mdc-radio__native-control:checked
@@ -98,7 +98,7 @@
         height: $radio-button-size;
         width: $radio-button-size;
         padding: calc(
-          (var(--mdc-radio-state-layer-size, 40px) - $radio-button-size) / 2
+          (var(--mat-radio-state-layer-size, 40px) - $radio-button-size) / 2
         );
 
         .mdc-radio__background {

package/src/style/overrides/material/_select.scss

@@ -0,0 +1,74 @@
+@use '@angular/material' as mat;
+
+@mixin overrides() {
+  $blue-dark: var(--sdg-color-blue-dark);
+  $blue-piv: var(--sdg-color-blue-piv);
+  $grey-medium: var(--sdg-color-grey-medium);
+
+  $text-font: var(--sdg-font-family-text);
+  $text-line-height: var(--sdg-line-height-md);
+  $text-size: var(--sdg-font-size-md);
+
+  .mat-mdc-form-field {
+    @include mat.select-overrides(
+      (
+        enabled-trigger-text-color: $blue-dark,
+        enabled-arrow-color: $blue-piv,
+        //
+        disabled-trigger-text-color: $grey-medium,
+        disabled-arrow-color: var(--sdg-color-grey-normal),
+        //
+        placeholder-text-color: $grey-medium,
+        //
+        trigger-text-font: $text-font,
+        trigger-text-line-height: $text-line-height,
+        trigger-text-size: $text-size
+      )
+    );
+  }
+
+  .mat-mdc-select-panel {
+    @include mat.select-overrides(
+      (
+        container-elevation-shadow: none,
+        //
+        panel-background-color: white
+      )
+    );
+
+    padding: 0 !important;
+    border: 1px solid $grey-medium;
+    border-radius: 0 !important;
+
+    .mat-mdc-option {
+      min-height: 0;
+      padding: 8px;
+
+      .mdc-list-item__primary-text {
+        color: $blue-dark;
+        font-family: $text-font;
+        font-size: $text-size;
+        line-height: $text-line-height;
+      }
+
+      &:hover {
+        background-color: var(--sdg-color-grey-pale);
+      }
+
+      &-active {
+        background-color: var(--sdg-color-blue-pale) !important;
+      }
+    }
+
+    &::-webkit-scrollbar {
+      background-color: transparent;
+      width: 8px;
+      height: auto;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: $blue-piv;
+      border-radius: 4px;
+    }
+  }
+}

package/src/tokens/_system.scss

@@ -2,6 +2,7 @@
 
 @use '../style/overrides';
 @use '../style/elevation';
+@use '../style/typography';
 @use './sys-colors';
 @use './sys-elevation';
 @use './sys-layout';
@@ -10,10 +11,7 @@
 @use './token-utils';
 
 @mixin theme($withDarkMode: false) {
-  @include _system-colors();
-  @include _system-typographies();
-  @include _system-layout();
-  @include _system-level-elevation();
+  @include system-tokens();
 
   @if ($withDarkMode) {
     body.dark-mode {
@@ -25,10 +23,19 @@
     background-color: var(--sdg-color-background);
   }
 
+  @include typography.typo-base();
+
   @include overrides.igo2-lib-overrides();
   @include overrides.material-overrides();
 }
 
+@mixin system-tokens() {
+  @include _system-colors();
+  @include _system-typographies();
+  @include _system-layout();
+  @include _system-level-elevation();
+}
+
 @mixin _system-level-elevation() {
   $elevations: sys-elevation.sys-elevation-values();
   @include token-utils.values($elevations);

package/analytics/analytics.interface.d.ts

@@ -1,8 +0,0 @@
-import { EnvironmentProviders, Provider } from '@angular/core';
-export interface AnalyticsFeature<KindT extends AnalyticsFeatureKind> {
-    kind: KindT;
-    providers: (Provider | EnvironmentProviders)[];
-}
-export declare enum AnalyticsFeatureKind {
-    GoogleAnalytic = 0
-}

package/analytics/analytics.provider.d.ts

@@ -1,3 +0,0 @@
-import { EnvironmentProviders } from '@angular/core';
-import { AnalyticsFeature, AnalyticsFeatureKind } from './analytics.interface';
-export declare function provideAnalytics(...features: AnalyticsFeature<AnalyticsFeatureKind>[]): EnvironmentProviders;

package/analytics/google-analytics/google-analytics.interface.d.ts

@@ -1,10 +0,0 @@
-export interface IGoogleAnalyticsOptions {
-    targetId: string;
-    /**
-     * See the config options https://developers.google.com/analytics/devguides/collection/ga4/reference/config
-     * By default we set:
-     *  - send_page_view to false
-     *  - cookie_flags to SameSite=None;Secure
-     **/
-    config?: Record<string, unknown>;
-}

package/analytics/google-analytics/google-analytics.provider.d.ts

@@ -1,3 +0,0 @@
-import { AnalyticsFeature, AnalyticsFeatureKind } from '../analytics.interface';
-import { IGoogleAnalyticsOptions } from './google-analytics.interface';
-export declare function withGoogleAnalytics(options: IGoogleAnalyticsOptions): AnalyticsFeature<AnalyticsFeatureKind.GoogleAnalytic>;

package/analytics/google-analytics/google-analytics.service.d.ts

@@ -1,12 +0,0 @@
-import { Router } from '@angular/router';
-import * as i0 from "@angular/core";
-export declare class GoogleAnalyticsService {
-    private router;
-    private routerEvents$$?;
-    constructor(router: Router);
-    initialize(): void;
-    trackEvent(eventName: string, eventParams: Record<string, unknown>): void;
-    trackFirstPageView(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GoogleAnalyticsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<GoogleAnalyticsService>;
-}

package/analytics/google-analytics/index.d.ts

@@ -1,3 +0,0 @@
-export * from './google-analytics.interface';
-export * from './google-analytics.provider';
-export * from './google-analytics.service';

package/analytics/index.d.ts

@@ -1,3 +0,0 @@
-export * from './analytics.interface';
-export * from './analytics.provider';
-export * from './google-analytics';

package/layout/breakpoint/breakpoint.service.d.ts

@@ -1,12 +0,0 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { Signal } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class BreakpointService {
-    private breakpointObserver;
-    private _isHandset;
-    get isHandset(): Signal<boolean>;
-    constructor(breakpointObserver: BreakpointObserver);
-    private handleBreakpoint;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointService>;
-}

package/layout/breakpoint/index.d.ts

@@ -1 +0,0 @@
-export * from './breakpoint.service';

package/layout/index.d.ts

@@ -1 +0,0 @@
-export * from './breakpoint';

package/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './analytics';
-export * from './layout';
-export * from './router';

package/router/index.d.ts

@@ -1,4 +0,0 @@
-export * from './router';
-export * from './route.interface';
-export * from './title-resolver';
-export * from './route.utils';

package/router/route.interface.d.ts

@@ -1,9 +0,0 @@
-import { Route } from '@angular/router';
-export type SdgRoutes = SdgRoute[];
-export interface SdgRoute extends Route {
-    isHome?: boolean;
-    description?: string;
-    children?: SdgRoutes;
-    /** Hidden in the primary tabs navigation and in the breadcrumbs */
-    hidden?: boolean;
-}

package/router/route.utils.d.ts

@@ -1,2 +0,0 @@
-export declare function pathIsExternal(path: string): boolean;
-export declare function isSafeUrl(url: string): boolean;

package/router/router.d.ts

@@ -1,5 +0,0 @@
-import { Route } from '@angular/router';
-import { TitleResolver } from './title-resolver/title-resolver';
-export declare const RouteTitleKey = "RouteTitle";
-export declare const RouteTranslateKey = "TranslateKey";
-export declare function resolveTitle(config: Route, titleResolver?: TitleResolver): string | undefined;

package/router/title-resolver/index.d.ts

@@ -1,2 +0,0 @@
-export * from './title-resolver';
-export * from './title-resolver.pipe';

package/router/title-resolver/title-resolver.d.ts

@@ -1,5 +0,0 @@
-import { ActivatedRouteSnapshot, MaybeAsync, Resolve, Route, RouterStateSnapshot } from '@angular/router';
-export declare abstract class TitleResolver<T = string> implements Resolve<T> {
-    abstract resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): MaybeAsync<T>;
-    abstract resolveStatic(route: Route): string | undefined;
-}

package/router/title-resolver/title-resolver.pipe.d.ts

@@ -1,11 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { SdgRoute } from '../route.interface';
-import { TitleResolver } from './title-resolver';
-import * as i0 from "@angular/core";
-export declare class TitleResolverPipe implements PipeTransform {
-    private titleResolver;
-    constructor(titleResolver: TitleResolver);
-    transform(value: SdgRoute): string | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TitleResolverPipe, [{ optional: true; }]>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TitleResolverPipe, "titleResolver", true>;
-}

package/src/style/overrides/material/_input.scss

@@ -1,5 +0,0 @@
-@mixin overrides() {
-  .mat-mdc-input-element {
-    color: var(--sdg-color-grey-medium) !important;
-  }
-}