@igo2/sdg-core 2.0.0-next.1 → 2.0.0-next.10

package/README.md

@@ -1,9 +1,67 @@
-# Core
+# @igo2/sdg-core
 
-Documentation à venir
+Infrastructure de base du Système de Design Gouvernemental du Québec (SDG).
 
-Installer le paquet de base qui comprend les styles et la logique de base
+## Vue d'ensemble
 
+Ce paquet fournit l'infrastructure SCSS fondamentale pour les applications SDG :
+- **Styles** — Typographie, système d'élévation, grille de mise en page, points d'arrêt responsifs
+- **Tokens de design** — Jetons de couleur, espacement, élévation et disposition
+
+## Installation
+
+```bash
+npm install @igo2/sdg-core
 ```
-npm install --save @igo2/sdg-core
+
+## Utilisation
+
+### Styles
+
+Importez les styles core dans le fichier de style principal de votre application :
+
+```scss
+@use '@igo2/sdg-core' as sdg;
+
+// Les styles core incluent la typographie, l'élévation, la mise en page et les points d'arrêt
 ```
+
+### Variables CSS
+
+Core génère diverses variables CSS pour personnaliser votre application :
+
+- `--sdg-color-*` — Couleurs du thème SDG
+- `--sdg-elevation-*` — Valeurs d'ombre
+- `--sdg-spacer-*` — Valeurs d'espacement
+- `--sdg-font-size-*` — Tailles de police
+- `--sdg-line-height-*` — Hauteurs de ligne
+
+## Structure
+
+### Styles
+
+- `_typography.scss` — Système de typographie avec échelles responsives
+- `_elevation.scss` — Système d'élévation (z-values 0-4)
+- `_sass-utils.scss` — Utilitaires et helpers Sass
+- `bootstrap-layout.scss` — Grille responsive basée sur Bootstrap
+- `_breakpoints.scss` — Points d'arrêt responsifs
+
+### Mise en page (SCSS uniquement)
+
+- `bootstrap-layout.scss` — Grille responsive basée sur Bootstrap
+- `_breakpoints.scss` — Points d'arrêt responsifs
+
+Disponible via `@use '@igo2/sdg-core/layout'`.
+
+## Caractéristiques
+
+✅ **Système de typographie** — Typographie extensible alignée avec les directives SDG  
+✅ **Compatible Bootstrap** — Utilise Bootstrap 5.2 grid system  
+
+## Modules connexes
+
+- [`@igo2/sdg-common`](../common/README.md) — Composants UI et utilitaires Angular
+- [`@igo2/sdg-carto`](../carto/README.md) — Module cartographique
+- [`@igo2/sdg-i18n`](../i18n/README.md) — Utilitaires d'internationalisation
+
+

package/fesm2022/igo2-sdg-core.mjs

@@ -1,101 +1,4 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import * as i0 from '@angular/core';
-import { inject, signal, Injectable, Pipe, model, Directive } from '@angular/core';
-
-class BreakpointService {
-    breakpointObserver = inject(BreakpointObserver);
-    _isHandset = signal(false, ...(ngDevMode ? [{ debugName: "_isHandset" }] : /* istanbul ignore next */ []));
-    get isHandset() {
-        return this._isHandset.asReadonly();
-    }
-    constructor() {
-        this.handleBreakpoint();
-    }
-    handleBreakpoint() {
-        this.breakpointObserver
-            .observe('(max-width: 575px)')
-            .subscribe((result) => {
-            this._isHandset.set(result.matches);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BreakpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BreakpointService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BreakpointService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-const RouteTitleKey = 'RouteTitle';
-const RouteTranslateKey = 'TranslateKey';
-function hasStaticTitle(config) {
-    return typeof config.title === 'string' || config.title === null;
-}
-function resolveTitle(config, titleResolver) {
-    if (hasStaticTitle(config)) {
-        return config.title;
-    }
-    else {
-        return (titleResolver?.resolveStatic(config) ?? config.data?.[RouteTranslateKey] // try to fallback on the translation key
-        );
-    }
-}
-
-class TitleResolver {
-}
-
-class TitleResolverPipe {
-    titleResolver = inject(TitleResolver, { optional: true });
-    transform(value) {
-        return resolveTitle(value, this.titleResolver);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TitleResolverPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: TitleResolverPipe, isStandalone: true, name: "titleResolver" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TitleResolverPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'titleResolver',
-                    standalone: true
-                }]
-        }] });
-
-function pathIsExternal(path) {
-    const regex = /^https?:\/\//;
-    return regex.test(path);
-}
-function isSafeUrl(url) {
-    const safePattern = /^(https?:\/\/|\/(?!\/)|\.\/|\.\.\/)/;
-    const unsafePattern = /^(javascript:|data:|vbscript:)/i;
-    return safePattern.test(url) && !unsafePattern.test(url.trim());
-}
-
-class WithLabels {
-    labels = model({}, ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
-    // eslint-disable-next-line @angular-eslint/prefer-inject
-    constructor(defaultLabels, labelsToken) {
-        this.setLabels(defaultLabels, labelsToken);
-    }
-    setLabels(defaultLabels, token) {
-        const labelsOverride = inject(token, { optional: true });
-        this.labels.update((value) => ({
-            ...(defaultLabels ?? {}),
-            ...(labelsOverride ?? {}),
-            ...value
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WithLabels, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", 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: "21.2.10", 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 { 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/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    this.labels.update((value) => ({\n      ...(defaultLabels ?? {}),\n      ...(labelsOverride ?? {}),\n      ...value\n    }));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"igo2-sdg-core.mjs","sources":["../../../packages/core/src/igo2-sdg-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/sdg-core",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.10",
   "license": "LiLiQ-R",
   "repository": {
     "type": "git",
@@ -23,18 +23,12 @@
       "default": "./package.json"
     }
   },
-  "peerDependencies": {
-    "@angular/cdk": "^21.0.0",
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/material": "^21.0.0",
-    "@angular/router": "^21.0.0"
-  },
   "dependencies": {
     "tslib": "^2.6.0"
   },
   "sideEffects": false,
   "module": "fesm2022/igo2-sdg-core.mjs",
   "typings": "types/igo2-sdg-core.d.ts",
-  "type": "module"
+  "type": "module",
+  "peerDependencies": {}
 }

package/src/_index.scss

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

package/src/style/_index.scss

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

package/src/tokens/_system.scss

@@ -1,8 +1,5 @@
 @use 'sass:map';
 
-@use '../style/overrides';
-@use '../style/elevation';
-@use '../style/typography';
 @use './sys-colors';
 @use './sys-elevation';
 @use './sys-layout';
@@ -10,25 +7,6 @@
 @use './sys-typography';
 @use './token-utils';
 
-@mixin theme($withDarkMode: false) {
-  @include system-tokens();
-
-  @if ($withDarkMode) {
-    body.dark-mode {
-      @include _system-dark-colors();
-    }
-  }
-
-  body {
-    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();
@@ -52,6 +30,10 @@
   @include token-utils.values(sys-colors.sys-dark-color-values());
 }
 
+@mixin system-dark-colors() {
+  @include _system-dark-colors();
+}
+
 @mixin _system-typographies() {
   $typography: sys-typography.sys-typography-values();
   @include token-utils.values($typography);

package/types/igo2-sdg-core.d.ts

@@ -1,53 +1,2 @@
-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 };
+export { };

package/src/style/overrides/_index.scss

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

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

@@ -1,9 +0,0 @@
-@use './list';
-@use './panel';
-@use './search-bar';
-
-@mixin overrides() {
-  @include list.overrides();
-  @include panel.overrides();
-  @include search-bar.overrides();
-}

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

@@ -1,22 +0,0 @@
-@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

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

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

@@ -1,72 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin overrides() {
-  igo-search-bar {
-    background-color: var(--sdg-color-background);
-
-    // Workaroung, OPEN SANS font add a mysterious 1px for the height
-    .mat-mdc-form-field-infix {
-      max-height: 40px;
-    }
-
-    button[mat-icon-button] {
-      border-radius: 0;
-      background-color: var(--sdg-color-blue-piv);
-
-      &:hover {
-        background-color: var(--sdg-color-blue-normal);
-      }
-    }
-
-    mat-icon {
-      color: var(--sdg-color-white);
-    }
-
-    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(
-        (
-          state-layer-size: 40px
-        )
-      );
-      // reset the default padding of Material. Igo is overriding it
-      padding: calc(
-        calc(
-            var(--mat-icon-button-state-layer-size, 40px) - var(
-                --mat-icon-button-icon-size,
-                24px
-              )
-          ) /
-          2
-      );
-    }
-  }
-
-  igo-search-results {
-    igo-collapsible {
-      .mdc-list-item__primary-text {
-        color: var(--sdg-color-text);
-        font-weight: bold;
-      }
-    }
-
-    igo-search-results-item {
-      .mdc-list-item__primary-text {
-        font-weight: normal;
-      }
-    }
-
-    .mdc-list-item--with-leading-icon .mdc-list-item__start {
-      color: var(--sdg-color-text);
-    }
-  }
-}

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

@@ -1,137 +0,0 @@
-@use '@angular/material' as mat;
-
-@mixin overrides() {
-  .mdc-button {
-    $height: 56px;
-    $font-size: var(--sdg-font-size-md);
-    $border-radius: 0;
-    $horizontal-padding: 16px;
-
-    min-width: calc($height * 2) !important;
-    max-width: 360px;
-    line-height: var(--sdg-line-height-md) !important;
-
-    @include mat.button-overrides(
-      (
-        filled-container-height: $height,
-        filled-label-text-size: $font-size,
-        filled-label-text-weight: bold,
-        filled-container-shape: $border-radius,
-        filled-horizontal-padding: $horizontal-padding,
-        outlined-container-height: $height,
-        outlined-label-text-size: $font-size,
-        outlined-label-text-weight: bold,
-        outlined-container-shape: $border-radius,
-        outlined-horizontal-padding: $horizontal-padding,
-        protected-container-height: $height,
-        protected-label-text-size: $font-size,
-        protected-label-text-weight: bold,
-        protected-container-shape: $border-radius,
-        protected-horizontal-padding: $horizontal-padding,
-        text-container-height: $height,
-        text-label-text-size: $font-size,
-        text-label-text-weight: bold,
-        text-container-shape: $border-radius,
-        text-horizontal-padding: $horizontal-padding
-      )
-    );
-
-    &[compact] {
-      $height: 40px;
-      @include mat.button-overrides(
-        (
-          filled-container-height: $height,
-          outlined-container-height: $height,
-          protected-container-height: $height,
-          text-container-height: $height
-        )
-      );
-
-      min-width: calc($height * 2) !important;
-    }
-  }
-
-  .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;
-    background-color: var(--sdg-color-background) !important;
-
-    &[compact] {
-      border-width: 1px !important;
-    }
-  }
-
-  .mdc-fab {
-    $background: var(--sdg-color-blue-piv);
-    $foreground: var(--sdg-color-white);
-    $border-radius: 0;
-
-    @include mat.fab-overrides(
-      (
-        container-color: $background,
-        container-shape: $border-radius,
-        foreground-color: $foreground,
-        small-container-color: $background,
-        small-container-shape: $border-radius,
-        small-foreground-color: $foreground
-      )
-    );
-  }
-
-  @include color-variants-backwards-compatibility();
-}
-
-// Material custom color variants backwards compatibility
-@mixin color-variants-backwards-compatibility() {
-  .mdc-button {
-    &.mat-warn {
-      @include mat.button-overrides(
-        (
-          filled-container-color: var(--sdg-color-red-normal)
-        )
-      );
-    }
-    &.mat-primary {
-      @include mat.button-overrides(
-        (
-          filled-container-color: var(--sdg-color-blue-piv)
-        )
-      );
-    }
-  }
-
-  .mdc-icon-button {
-    &.mat-warn {
-      @include mat.icon-button-overrides(
-        (
-          icon-color: var(--sdg-color-red-normal)
-        )
-      );
-    }
-    &.mat-primary {
-      @include mat.icon-button-overrides(
-        (
-          icon-color: var(--sdg-color-blue-piv)
-        )
-      );
-    }
-  }
-}