@igo2/sdg-core 1.0.0-next.78 → 1.0.0-next.80

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

@@ -6,7 +6,7 @@ export declare class GoogleAnalyticsService {
     constructor(router: Router);
     initialize(): void;
     trackEvent(eventName: string, eventParams: Record<string, unknown>): void;
-    trackPageView(): void;
+    trackFirstPageView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoogleAnalyticsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GoogleAnalyticsService>;
 }

package/fesm2022/igo2-sdg-core.mjs

@@ -3,7 +3,7 @@ import { makeEnvironmentProviders, Injectable, provideAppInitializer, inject, PL
 import { isPlatformServer, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
-import { filter, of } from 'rxjs';
+import { filter, first, of } from 'rxjs';
 import * as i1$1 from '@angular/cdk/layout';
 import { provideTranslation as provideTranslation$1, withStaticConfig, provideMockTranslation } from '@igo2/core/language';
 
@@ -34,12 +34,12 @@ class GoogleAnalyticsService {
     trackEvent(eventName, eventParams) {
         gtag('event', eventName, eventParams);
     }
-    trackPageView() {
+    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))
+            .pipe(filter((event) => event instanceof NavigationEnd), first())
             .subscribe((event) => {
             gtag('event', 'page_view', {
                 page_path: event.urlAfterRedirects
@@ -97,7 +97,11 @@ async function googleAnalyticsFactory(document, gaService, options) {
                 send_page_view: false
             });
             gaService.initialize();
-            gaService.trackPageView();
+            /**
+             * 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();
             resolve(true);
         };
     });

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/translation/translation.service.ts","../../../packages/core/src/translation/translation.provider.ts","../../../packages/core/src/translation/translation-mock.provider.ts","../../../packages/core/src/translation/translation.utils.ts","../../../packages/core/src/utils/coercion.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 } 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  trackPageView(): 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(filter((event) => event instanceof NavigationEnd))\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\nasync function googleAnalyticsFactory(\n  document: Document,\n  gaService: GoogleAnalyticsService,\n  options: IGoogleAnalyticsOptions\n): Promise<unknown> {\n  return new Promise((resolve) => {\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      });\n\n      gaService.initialize();\n      gaService.trackPageView();\n\n      resolve(true);\n    };\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","import { WritableSignal } from '@angular/core';\n\nimport { Observable } from 'rxjs';\n\nimport { Language } from './translation.interface';\n\nexport type Translation =\n  | string\n  | Translation[]\n  | TranslationObject\n\n  // required to prevent error \"Type instantiation is excessively deep and possibly infinite.\"\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | any;\n\n// using Record<> does not work because TS does not support recursive definitions\nexport interface TranslationObject {\n  [key: string]: Translation;\n}\n\nexport abstract class TranslationService {\n  abstract lang: WritableSignal<Language>;\n\n  abstract get(\n    key: string | string[],\n    interpolateParams?: Record<string, unknown>\n  ): Translation | TranslationObject;\n\n  abstract getAsync(\n    key: string | string[],\n    interpolateParams?: Record<string, unknown>\n  ): Observable<Translation | TranslationObject>;\n\n  abstract setLanguage(lang: Language): void;\n}\n","import {\n  EnvironmentProviders,\n  InjectionToken,\n  Provider,\n  Type,\n  makeEnvironmentProviders\n} from '@angular/core';\n\nimport { LanguageOptions, withStaticConfig } from '@igo2/core/language';\nimport { provideTranslation as provideIgo2Translation } from '@igo2/core/language';\n\nimport { TitleResolver } from '../router';\nimport { TranslationService } from './translation.service';\n\nexport interface TranslationFeature<KindT extends TranslationFeatureKind> {\n  kind: KindT;\n  providers: (Provider | EnvironmentProviders)[];\n}\n\nexport enum TranslationFeatureKind {\n  Translation = 0,\n  RouterTitleResolver = 1\n}\n\nexport function provideTranslatedLabels(\n  token: InjectionToken<unknown>,\n  key: string\n) {\n  return {\n    provide: token,\n    useFactory: (translationService: TranslationService) =>\n      labelsFactory(translationService, key),\n    deps: [TranslationService]\n  };\n}\n\nfunction labelsFactory(translationService: TranslationService, key: string) {\n  return translationService.get(key);\n}\n\nexport function provideTranslation(\n  ...features: TranslationFeature<TranslationFeatureKind>[]\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\n/** Base on the @ngx-translate library with the IgoLanguageModule */\nexport function withIgo2Translation(\n  options: LanguageOptions,\n  service: Type<TranslationService>,\n  defaultLanguage?: string\n): TranslationFeature<TranslationFeatureKind.Translation> {\n  return {\n    kind: TranslationFeatureKind.Translation,\n    providers: [\n      { provide: TranslationService, useClass: service },\n      provideIgo2Translation(withStaticConfig(options, defaultLanguage))\n    ]\n  };\n}\n\n/**\n * Provide a translater for the Route title.\n * Some components is base on the title of the route and\n * this Resolver will allow to automatically resolve the translation\n **/\nexport function withRouterTitleResolver<T>(\n  resolver: Type<TitleResolver<T>>\n): TranslationFeature<TranslationFeatureKind.RouterTitleResolver> {\n  return {\n    kind: TranslationFeatureKind.RouterTitleResolver,\n    providers: [\n      {\n        provide: TitleResolver<T>,\n        useClass: resolver\n      }\n    ]\n  };\n}\n","import { WritableSignal, signal } from '@angular/core';\n\nimport { provideMockTranslation } from '@igo2/core/language';\n\nimport { Observable, of } from 'rxjs';\n\nimport { Language } from './translation.interface';\nimport {\n  TranslationFeature,\n  TranslationFeatureKind\n} from './translation.provider';\nimport { TranslationService } from './translation.service';\n\nexport function withIgo2TranslationMock(): TranslationFeature<TranslationFeatureKind.Translation> {\n  return {\n    kind: TranslationFeatureKind.Translation,\n    providers: [\n      provideMockTranslation(),\n      { provide: TranslationService, useClass: TranslationServiceMock }\n    ]\n  };\n}\n\nexport class TranslationServiceMock implements TranslationService {\n  lang: WritableSignal<Language> = signal('fr');\n\n  get(key: string | string[]): string {\n    return Array.isArray(key) ? key[0] : key;\n  }\n\n  getAsync(key: string | string[]): Observable<string> {\n    return of(Array.isArray(key) ? key[0] : key);\n  }\n\n  setLanguage() {\n    window.location.reload();\n  }\n}\n","/**\n *\n * @param routerUrl\n * @param lang\n * @param strategy default to 'segment' set the first segment of the path (e.g., '/en/alerts' => 'en')\n */\nexport function parseUrlWithLanguage(\n  routerUrl: string,\n  lang: string\n): [url: string, params: string | undefined] {\n  // eslint-disable-next-line prefer-const\n  let [url, params] = routerUrl.split('?');\n\n  const urlParts = url.split('/');\n  if (urlParts.length > 1) {\n    urlParts[1] = lang;\n  }\n\n  url = urlParts.join('/');\n\n  return [url, params];\n}\n","import { Translation, TranslationObject } from '../translation';\n\nexport function labelAttribute(\n  value: Translation | TranslationObject,\n  defaultValue: Translation | TranslationObject = {}\n): Translation | TranslationObject {\n  return value ? { ...defaultValue, ...value } : defaultValue;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.TitleResolver","provideIgo2Translation"],"mappings":"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"}
+{"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/translation/translation.service.ts","../../../packages/core/src/translation/translation.provider.ts","../../../packages/core/src/translation/translation-mock.provider.ts","../../../packages/core/src/translation/translation.utils.ts","../../../packages/core/src/utils/coercion.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\nasync function googleAnalyticsFactory(\n  document: Document,\n  gaService: GoogleAnalyticsService,\n  options: IGoogleAnalyticsOptions\n): Promise<unknown> {\n  return new Promise((resolve) => {\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      });\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      resolve(true);\n    };\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","import { WritableSignal } from '@angular/core';\n\nimport { Observable } from 'rxjs';\n\nimport { Language } from './translation.interface';\n\nexport type Translation =\n  | string\n  | Translation[]\n  | TranslationObject\n\n  // required to prevent error \"Type instantiation is excessively deep and possibly infinite.\"\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | any;\n\n// using Record<> does not work because TS does not support recursive definitions\nexport interface TranslationObject {\n  [key: string]: Translation;\n}\n\nexport abstract class TranslationService {\n  abstract lang: WritableSignal<Language>;\n\n  abstract get(\n    key: string | string[],\n    interpolateParams?: Record<string, unknown>\n  ): Translation | TranslationObject;\n\n  abstract getAsync(\n    key: string | string[],\n    interpolateParams?: Record<string, unknown>\n  ): Observable<Translation | TranslationObject>;\n\n  abstract setLanguage(lang: Language): void;\n}\n","import {\n  EnvironmentProviders,\n  InjectionToken,\n  Provider,\n  Type,\n  makeEnvironmentProviders\n} from '@angular/core';\n\nimport { LanguageOptions, withStaticConfig } from '@igo2/core/language';\nimport { provideTranslation as provideIgo2Translation } from '@igo2/core/language';\n\nimport { TitleResolver } from '../router';\nimport { TranslationService } from './translation.service';\n\nexport interface TranslationFeature<KindT extends TranslationFeatureKind> {\n  kind: KindT;\n  providers: (Provider | EnvironmentProviders)[];\n}\n\nexport enum TranslationFeatureKind {\n  Translation = 0,\n  RouterTitleResolver = 1\n}\n\nexport function provideTranslatedLabels(\n  token: InjectionToken<unknown>,\n  key: string\n) {\n  return {\n    provide: token,\n    useFactory: (translationService: TranslationService) =>\n      labelsFactory(translationService, key),\n    deps: [TranslationService]\n  };\n}\n\nfunction labelsFactory(translationService: TranslationService, key: string) {\n  return translationService.get(key);\n}\n\nexport function provideTranslation(\n  ...features: TranslationFeature<TranslationFeatureKind>[]\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\n/** Base on the @ngx-translate library with the IgoLanguageModule */\nexport function withIgo2Translation(\n  options: LanguageOptions,\n  service: Type<TranslationService>,\n  defaultLanguage?: string\n): TranslationFeature<TranslationFeatureKind.Translation> {\n  return {\n    kind: TranslationFeatureKind.Translation,\n    providers: [\n      { provide: TranslationService, useClass: service },\n      provideIgo2Translation(withStaticConfig(options, defaultLanguage))\n    ]\n  };\n}\n\n/**\n * Provide a translater for the Route title.\n * Some components is base on the title of the route and\n * this Resolver will allow to automatically resolve the translation\n **/\nexport function withRouterTitleResolver<T>(\n  resolver: Type<TitleResolver<T>>\n): TranslationFeature<TranslationFeatureKind.RouterTitleResolver> {\n  return {\n    kind: TranslationFeatureKind.RouterTitleResolver,\n    providers: [\n      {\n        provide: TitleResolver<T>,\n        useClass: resolver\n      }\n    ]\n  };\n}\n","import { WritableSignal, signal } from '@angular/core';\n\nimport { provideMockTranslation } from '@igo2/core/language';\n\nimport { Observable, of } from 'rxjs';\n\nimport { Language } from './translation.interface';\nimport {\n  TranslationFeature,\n  TranslationFeatureKind\n} from './translation.provider';\nimport { TranslationService } from './translation.service';\n\nexport function withIgo2TranslationMock(): TranslationFeature<TranslationFeatureKind.Translation> {\n  return {\n    kind: TranslationFeatureKind.Translation,\n    providers: [\n      provideMockTranslation(),\n      { provide: TranslationService, useClass: TranslationServiceMock }\n    ]\n  };\n}\n\nexport class TranslationServiceMock implements TranslationService {\n  lang: WritableSignal<Language> = signal('fr');\n\n  get(key: string | string[]): string {\n    return Array.isArray(key) ? key[0] : key;\n  }\n\n  getAsync(key: string | string[]): Observable<string> {\n    return of(Array.isArray(key) ? key[0] : key);\n  }\n\n  setLanguage() {\n    window.location.reload();\n  }\n}\n","/**\n *\n * @param routerUrl\n * @param lang\n * @param strategy default to 'segment' set the first segment of the path (e.g., '/en/alerts' => 'en')\n */\nexport function parseUrlWithLanguage(\n  routerUrl: string,\n  lang: string\n): [url: string, params: string | undefined] {\n  // eslint-disable-next-line prefer-const\n  let [url, params] = routerUrl.split('?');\n\n  const urlParts = url.split('/');\n  if (urlParts.length > 1) {\n    urlParts[1] = lang;\n  }\n\n  url = urlParts.join('/');\n\n  return [url, params];\n}\n","import { Translation, TranslationObject } from '../translation';\n\nexport function labelAttribute(\n  value: Translation | TranslationObject,\n  defaultValue: Translation | TranslationObject = {}\n): Translation | TranslationObject {\n  return value ? { ...defaultValue, ...value } : defaultValue;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.TitleResolver","provideIgo2Translation"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/sdg-core",
-  "version": "1.0.0-next.78",
+  "version": "1.0.0-next.80",
   "license": "LiLiQ-R",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
       "default": "./fesm2022/igo2-sdg-core.mjs"
     },
     "./layout": {
-      "sass": "./src/layout/layout.scss"
+      "sass": "./src/layout/bootstrap-layout.scss"
     },
     "./package.json": {
       "default": "./package.json"

package/src/_index.scss

@@ -1,3 +1,4 @@
 @forward './layout';
 @forward './theme';
-@forward './typography';
+@forward './style';
+@forward './tokens';

package/src/layout/_breakpoints.scss

@@ -1,8 +1,8 @@
 @use 'sass:map';
 
 // https://design.quebec.ca/design/bases/grille-8px#c84016
-$breakpoints: (
-  small: (
+$grids: (
+  sm: (
     min-width: 0,
     max-width: 575px,
     container-max-width: container-max-width('mobile'),
@@ -10,7 +10,7 @@ $breakpoints: (
     spacing: 16px,
     margins: 8px
   ),
-  medium: (
+  md: (
     min-width: 576px,
     max-width: 767px,
     container-max-width: container-max-width('mobile-landscape'),
@@ -18,7 +18,7 @@ $breakpoints: (
     spacing: 16px,
     margins: 8px
   ),
-  large: (
+  lg: (
     min-width: 768px,
     max-width: 991px,
     container-max-width: container-max-width('tablet'),
@@ -26,7 +26,7 @@ $breakpoints: (
     spacing: 24px,
     margins: 12px
   ),
-  extra-large: (
+  xl: (
     min-width: 992px,
     max-width: 1199px,
     container-max-width: container-max-width('laptop'),
@@ -34,7 +34,7 @@ $breakpoints: (
     spacing: 24px,
     margins: 12px
   ),
-  maximum: (
+  max: (
     min-width: 1200px,
     max-width: 9999px,
     container-max-width: container-max-width('desktop'),
@@ -42,18 +42,33 @@ $breakpoints: (
     spacing: 32px,
     margins: 16px
   )
-);
-
-$max-content-width: 825px;
+) !default;
 
 $devices: (
-  mobile: 'small',
-  mobile-landscape: 'medium',
-  tablet: 'large',
-  laptop: 'extra-large',
-  desktop: 'maximum'
+  mobile: 'sm',
+  mobile-landscape: 'md',
+  tablet: 'lg',
+  laptop: 'xl',
+  desktop: 'max'
 );
 
+// Flattens a nested map, concatenating keys with '-' and returning a flat map.
+@function get-grid-tokens() {
+  $result: ();
+  @each $breakpoint, $valueMap in $grids {
+    @each $key, $value in $valueMap {
+      $full-key: $key + '-' + $breakpoint;
+      $result: map.merge(
+        $result,
+        (
+          $full-key: $value
+        )
+      );
+    }
+  }
+  @return $result;
+}
+
 @function breakpoint($device) {
   @return map.get($devices, $device);
 }
@@ -61,46 +76,25 @@ $devices: (
 @function min-width($device) {
   $breakpoint: breakpoint($device);
   @if $breakpoint {
-    @return map.get($breakpoints, $breakpoint, min-width);
+    @return map.get($grids, $breakpoint, min-width);
   }
 }
 
 @function max-width($device) {
   $breakpoint: breakpoint($device);
   @if $breakpoint {
-    @return map.get($breakpoints, $breakpoint, max-width);
+    @return map.get($grids, $breakpoint, max-width);
   }
 }
 
 @function container-max-width($device) {
   $breakpoint: breakpoint($device);
-  $margins: map.get($breakpoints, $breakpoint, margins);
+  $margins: map.get($grids, $breakpoint, margins);
 
-  @if $breakpoint == 'small' {
-    @return calc(map.get($breakpoints, $breakpoint, max-width) - 2 * $margins);
+  @if $breakpoint == 'sm' {
+    @return calc(map.get($grids, $breakpoint, max-width) - 2 * $margins);
   } @else {
-    @return calc(map.get($breakpoints, $breakpoint, min-width) - 2 * $margins);
-  }
-}
-
-@function columns($device) {
-  $breakpoint: breakpoint($device);
-  @if $breakpoint {
-    @return map.get($breakpoints, $breakpoint, columns);
-  }
-}
-
-@function spacing($device) {
-  $breakpoint: breakpoint($device);
-  @if $breakpoint {
-    @return map.get($breakpoints, $breakpoint, spacing);
-  }
-}
-
-@function margins($device) {
-  $breakpoint: breakpoint($device);
-  @if $breakpoint {
-    @return map.get($breakpoints, $breapoint, margins);
+    @return calc(map.get($grids, $breakpoint, min-width) - 2 * $margins);
   }
 }
 
@@ -110,7 +104,7 @@ $devices: (
 @mixin media($device) {
   $breakpoint: breakpoint($device);
   @if $breakpoint {
-    $max-width: map.get($breakpoints, $breakpoint, max-width);
+    $max-width: map.get($grids, $breakpoint, max-width);
     @if $max-width {
       @media (max-width: $max-width) {
         @content;

package/src/style/_elevation.scss

@@ -0,0 +1,54 @@
+@use 'sass:map';
+@use 'sass:math';
+@use 'sass:meta';
+@use 'sass:string';
+@use './sass-utils';
+@use '../tokens/sys-palettes';
+
+$shadow-elevations: (
+  0: '0px 0px 0px 0px',
+  1: '0px 1px 4px 0px ',
+  2: '0px 2px 8px 0px',
+  3: '0px 4px 16px 0px',
+  4: '0px 6px 24px 0px'
+);
+
+// The default color "dark-blue" or "#223654" for elevation shadows.
+$color: map.get(sys-palettes.$palettes, 'blue', 700) !default;
+
+// Applies the correct css rules to an element to give it the elevation specified by $zValue.
+// The $zValue must be between 0 and 4.
+@mixin elevation($zValue, $color: $color, $opacity: null) {
+  box-shadow: get-box-shadow($zValue, $color, $opacity);
+}
+
+@function get-box-shadow($zValue, $shadow-color: $color, $opacity: null) {
+  @if $zValue == null {
+    @return null;
+  }
+
+  @if (sass-utils.is-css-var-name($zValue)) {
+    @return $zValue;
+  }
+
+  @if meta.type-of($zValue) != number or not math.is-unitless($zValue) {
+    @error '$zValue must be a unitless number, but received `#{$zValue}`';
+  }
+
+  @if $zValue < 0 or $zValue > 4 {
+    @error '$zValue must be between 0 and 4, but received `#{$zValue}`';
+  }
+
+  $z-value: map.get($shadow-elevations, $zValue);
+  $color: _compute-color-opacity($shadow-color, 0.24);
+
+  @return string.unquote('#{$z-value} #{$color}');
+}
+
+@function _compute-color-opacity($color, $opacity) {
+  @if meta.type-of($color) == color and $opacity != null {
+    @return rgba($color, $opacity);
+  } @else {
+    @return $color;
+  }
+}

package/src/style/_index.scss

@@ -1 +1,4 @@
 @forward './overrides';
+@forward './elevation';
+@forward './typography';
+@forward './typography-utils';

package/src/style/_sass-utils.scss

@@ -0,0 +1,24 @@
+@use 'sass:meta';
+
+/// Include content under the current selector (&) or the document root if there is no current
+/// selector.
+/// @param {String} $root [html] The default root selector to use when there is no current selector.
+/// @output The given content under the current selector, or root selector if there is no current
+///     selector.
+/// @content Content to output under the current selector, or root selector if there is no current
+///     selector.
+@mixin current-selector-or-root($root: html) {
+  @if & {
+    @content;
+  } @else {
+    #{$root} {
+      @content;
+    }
+  }
+}
+
+// Returns whether the $value is a CSS variable name based on whether it's a string prefixed
+// by "--".
+@function is-css-var-name($value) {
+  @return meta.type-of($value) == string and string.index($value, '--') == 1;
+}

package/src/style/_typography-utils.scss

@@ -0,0 +1,23 @@
+@use 'sass:math';
+
+$percent-root-font-size: 100 !default;
+$rem-ratio: math.div(1, 0.16 * $percent-root-font-size);
+
+@function rem($px-size) {
+  @return $px-size * $rem-ratio * 1rem;
+}
+
+@function rem-ratio($px-size) {
+  @return math.div($px-size, 16 * $percent-root-font-size * 0.01) * 1rem;
+}
+
+@mixin title-border {
+  &:after {
+    content: '';
+    display: block;
+    margin: 0;
+    width: 48px;
+    padding-top: 4px;
+    border-bottom: 4px solid var(--sdg-color-pink-normal);
+  }
+}

package/src/style/_typography.scss

@@ -0,0 +1,139 @@
+@use '../layout/breakpoints';
+@use './typography-utils' as *;
+@use '../tokens/token-utils';
+
+@mixin typo-set-base-styles {
+  :root {
+    font-size: var(--sdg-font-size-root-percent);
+  }
+
+  body {
+    color: var(--sdg-color-text);
+    font-family: var(--sdg-font-family-text);
+    font-size: var(--sdg-font-size-md);
+  }
+
+  a {
+    word-break: break-word;
+    overflow-wrap: break-word;
+    cursor: pointer;
+    color: var(--sdg-color-blue-piv);
+    text-decoration: underline;
+    background-color: transparent;
+    width: fit-content;
+    max-inline-size: var(--sdg-max-content-width);
+  }
+
+  a:hover {
+    text-decoration: none;
+  }
+
+  button {
+    font-family: var(--sdg-font-family-text);
+  }
+
+  p,
+  ul,
+  ol,
+  u,
+  .text {
+    color: var(--sdg-color-text);
+    font-size: var(--sdg-font-size-md);
+    line-height: 24px;
+    max-inline-size: var(--sdg-max-content-width);
+  }
+
+  ul,
+  ol {
+    margin-top: 0;
+    margin-bottom: 24px;
+    padding-left: 16px;
+  }
+
+  p {
+    margin-bottom: 24px !important;
+  }
+
+  li {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6 {
+    font-family: var(--sdg-font-family-title) !important;
+    font-weight: bold !important;
+    color: var(--sdg-color-text);
+    max-inline-size: var(--sdg-max-content-width);
+  }
+
+  h1 {
+    @include header-font('h1');
+    @include title-border;
+
+    @include breakpoints.media(mobile) {
+      font-size: var(--sdg-mobile-font-size-h1);
+      line-height: var(--sdg-mobile-line-height-h1);
+      margin-top: var(--sdg-spacer-lg) !important;
+      margin-bottom: var(--sdg-spacer-sm) !important;
+    }
+  }
+
+  h2 {
+    @include header-font('h2');
+
+    @include breakpoints.media(mobile) {
+      font-size: var(--sdg-mobile-font-size-h2);
+      line-height: var(--sdg-mobile-line-height-h2);
+    }
+  }
+
+  h3 {
+    @include header-font('h3');
+
+    @include breakpoints.media(mobile) {
+      font-size: var(--sdg-mobile-font-size-h3);
+    }
+  }
+
+  h4 {
+    @include header-font('h4');
+  }
+
+  h5 {
+    @include header-font('h5');
+  }
+
+  h6 {
+    @include header-font('h6');
+  }
+
+  .accroche {
+    font-size: var(--sdg-font-size-lg);
+    line-height: var(--sdg-line-height-lg);
+    font-weight: 600;
+    max-width: var(--sdg-max-content-width);
+    padding-bottom: 24px;
+  }
+}
+
+@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;
+}

package/src/style/overrides/_index.scss

@@ -1,2 +1,2 @@
-@forward './igo2-lib';
-@forward './material';
+@forward './igo2-lib' as igo2-lib-*;
+@forward './material' as material-*;

package/src/style/overrides/igo2-lib/_index.scss

@@ -1,6 +1,9 @@
 @use './list';
 @use './panel';
 @use './search-bar';
-@use './scrollbar';
 
-@forward './index-theme' as override-igo2-lib-*;
+@mixin overrides() {
+  @include list.overrides();
+  @include panel.overrides();
+  @include search-bar.overrides();
+}

package/src/style/overrides/igo2-lib/_list.scss

@@ -0,0 +1,22 @@
+@mixin overrides() {
+  igo-search-results-item {
+    .mdc-list-item__primary-text {
+      white-space: normal;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-height: unset !important;
+      line-height: 18px !important;
+    }
+  }
+
+  igo-list
+    [igolistitem][color='accent'].igo-list-item-selected
+    > mat-list-item {
+    background-color: var(--sdg-color-blue-pale);
+
+    h4,
+    small {
+      color: var(--sdg-color-blue-piv) !important;
+    }
+  }
+}

package/src/style/overrides/igo2-lib/_panel.scss

@@ -0,0 +1,7 @@
+@mixin overrides() {
+  .igo-panel-header,
+  .igo-panel-header button,
+  .igo-panel-title {
+    color: var(--sdg-color-blue-piv) !important;
+  }
+}