@igo2/sdg-core 1.0.0 → 1.1.0-next.10

package/fesm2022/igo2-sdg-core.mjs

@@ -18,10 +18,10 @@ class BreakpointService {
             this._isHandset.set(result.matches);
         });
     }
-    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' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BreakpointService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BreakpointService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -51,10 +51,10 @@ class TitleResolverPipe {
     transform(value) {
         return resolveTitle(value, this.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" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TitleResolverPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: TitleResolverPipe, isStandalone: true, name: "titleResolver" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TitleResolverPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TitleResolverPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'titleResolver',
@@ -88,10 +88,10 @@ class WithLabels {
             }));
         }
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WithLabels, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", 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"] }] } });
 

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    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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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/sdg-core",
-  "version": "1.0.0",
+  "version": "1.1.0-next.10",
   "license": "LiLiQ-R",
   "repository": {
     "type": "git",

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

@@ -72,6 +72,7 @@
   .mat-mdc-outlined-button {
     border-color: currentColor !important;
     border-width: 2px !important;
+    background-color: var(--sdg-color-background) !important;
 
     &[compact] {
       border-width: 1px !important;

package/src/style/overrides/material/_expansion-panel.scss

@@ -0,0 +1,62 @@
+@use '@angular/material' as mat;
+
+@mixin overrides() {
+  .mat-expansion-panel {
+    $grey-pale: var(--sdg-color-grey-pale);
+    $grey-hover: var(#e7e7ea);
+
+    $blue-dark: var(--sdg-color-blue-dark);
+
+    @include mat.expansion-overrides(
+      (
+        container-shape: 0,
+        container-elevation-shadow: none,
+        container-text-color: none,
+        container-text-tracking: none,
+
+        header-description-color: var(--sdg-color-grey-medium),
+        header-focus-state-layer-color: $grey-pale,
+        header-hover-state-layer-color: $grey-hover,
+        header-indicator-color: $blue-dark,
+        header-text-color: $blue-dark,
+        header-text-weight: 600,
+        header-text-size: var(--sdg-font-size-md),
+        header-text-line-height: var(--sdg-line-height-md),
+        header-text-font: var(--sdg-font-family-text),
+        header-text-tracking: none,
+        header-collapsed-state-height: 56px,
+        header-expanded-state-height: 56px
+      )
+    );
+
+    &.mat-expanded {
+      outline: 1px solid var(--sdg-color-grey-light);
+    }
+
+    .mat-expansion-panel-header {
+      background-color: $grey-pale;
+      padding: 0 16px;
+
+      &-description {
+        justify-content: flex-end;
+        font-weight: normal;
+      }
+
+      &.cdk-keyboard-focused {
+        border: 2px solid var(--sdg-color-blue-light);
+      }
+
+      &.mat-expanded {
+        background-color: $grey-pale;
+      }
+    }
+
+    .mat-expansion-panel-body {
+      padding: 24px 16px;
+    }
+
+    &:hover {
+      outline: 1px solid var(--sdg-color-grey-light) !important;
+    }
+  }
+}

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

@@ -1,20 +1,140 @@
-@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 {
+      background-color: var(--sdg-color-background);
+      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

@@ -3,9 +3,10 @@
 @use './chip';
 @use './dialog';
 @use './divider';
+@use './expansion-panel';
 @use './form-field';
 @use './icon';
-@use './input';
+@use './select';
 @use './sidenav';
 @use './radio-button';
 @use './tab';
@@ -16,9 +17,10 @@
   @include chip.overrides();
   @include dialog.overrides();
   @include divider.overrides();
+  @include expansion-panel.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/_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: var(--sdg-color-background)
+      )
+    );
+
+    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/style/overrides/material/_input.scss

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