@testgorilla/tgo-ui 11.22.3 → 12.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "11.22.3",
+  "version": "12.0.1",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [
@@ -15,16 +15,16 @@
     "tslib": "~2.4.0"
   },
   "peerDependencies": {
-    "@angular/animations": "~21.2.24",
-    "@angular/cdk": "~21.2.14",
-    "@angular/common": "~21.2.24",
-    "@angular/compiler": "~21.2.24",
-    "@angular/core": "~21.2.24",
-    "@angular/forms": "~21.2.24",
-    "@angular/material": "~21.2.14",
-    "@angular/platform-browser": "~21.2.24",
-    "@angular/platform-browser-dynamic": "~21.2.24",
-    "@angular/router": "~21.2.24",
+    "@angular/animations": "~22.2.4",
+    "@angular/cdk": "~22.2.5",
+    "@angular/common": "~22.2.4",
+    "@angular/compiler": "~22.2.4",
+    "@angular/core": "~22.2.4",
+    "@angular/forms": "~22.2.4",
+    "@angular/material": "~22.2.5",
+    "@angular/platform-browser": "~22.2.4",
+    "@angular/platform-browser-dynamic": "~22.2.4",
+    "@angular/router": "~22.2.4",
     "chart.js": "^4.4.5",
     "chartjs-plugin-datalabels": "^2.2.0",
     "gaussian": "^1.3.0",
@@ -35,10 +35,10 @@
     "ngx-skeleton-loader": "^12.0.0",
     "rxjs": "~7.8.0",
     "svg-country-flags": "^1.2.10",
-    "zone.js": "^0.15.1"
+    "zone.js": "~0.15.1 || ~0.16.0"
   },
   "engines": {
-    "node": ">=22.14.0",
+    "node": "^22.22.3 || ^24.15.0 || >=26.0.0",
     "npm": ">=11.5.1"
   },
   "packageManager": "npm@11.11.0",
@@ -72,11 +72,10 @@
       ".": "~1.32.1",
       "@hono/node-server": "^2.0.5"
     },
-    "less": "^4.8.1",
     "webpack-dev-middleware": "^7.4.6",
-    "piscina": "^5.3.2",
-    "undici@7": "^7.30.1",
-    "undici@6": "^6.29.1"
+    "madge": {
+      "typescript": "$typescript"
+    }
   },
   "module": "fesm2022/testgorilla-tgo-ui.mjs",
   "typings": "types/testgorilla-tgo-ui.d.ts",

package/projects/tgo-canopy-ui/theme/_palette.scss

@@ -87,24 +87,20 @@ $tgo-petrol: mat.m2-define-palette($tgo-petrol-palette, 500);
 //error
 $tgo-error: mat.m2-define-palette($tgo-error-palette, 500);
 //typography
-$tgo-typography: mat.m2-define-typography-config(
-  $font-family: "'Open Sans', sans-serif",
-  $body-1:
-    mat.m2-define-typography-level(
-      $font-size: 14px,
-      $letter-spacing: normal,
-    ),
-  $body-2:
-    mat.m2-define-typography-level(
-      $font-size: 14px,
-      $letter-spacing: normal,
-    ),
-  $button:
-    mat.m2-define-typography-level(
-      $font-size: 14px,
-      $letter-spacing: normal,
-    ),
-);
+@function tgo-typography-config($font-family) {
+  @return mat.m2-define-typography-config(
+    $font-family: $font-family,
+    $body-1: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
+    $body-2: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal),
+    $button: mat.m2-define-typography-level($font-size: 14px, $letter-spacing: normal)
+  );
+}
+
+// Classic theme
+$tgo-typography: tgo-typography-config("'Open Sans', sans-serif");
+
+// Rebrand themes ([theme='light'] / [theme='dark'])
+$tgo-rebrand-typography: tgo-typography-config("'ModernGothic', sans-serif");
 
 $my-theme: mat.m2-define-light-theme(
   (
@@ -119,3 +115,12 @@ $my-theme: mat.m2-define-light-theme(
 );
 @include mat.typography-hierarchy($tgo-typography);
 @include mat.all-component-themes($my-theme);
+
+// The rebrand themes apply ModernGothic through a `[theme] *` rule, but Material's own elements
+// (tooltip surface, form-field floating label, options, …) set their font from these typography
+// tokens with a more specific selector, so they kept the classic Open Sans. Re-emit the tokens
+// with ModernGothic for the rebrand scope (design-approved); sizes and weights are unchanged.
+*[theme='dark'],
+*[theme='light'] {
+  @include mat.all-component-typographies($tgo-rebrand-typography);
+}

package/types/testgorilla-tgo-ui-components-accordion.d.ts

@@ -1,160 +1,216 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i1 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
-import * as i4 from '@angular/material/tooltip';
-import * as i5 from '@angular/material/expansion';
-
-type AccordionVariant = 'standard' | 'filter' | 'table';
-type ToggleIconPosition = 'left' | 'right';
-
-declare class AccordionComponent {
-    private readonly defaultAppTheme;
-    /**
-     * The label displayed for the accordion.
-     * @type {string}
-     * @required
-     * @memberof AccordionComponent
-     */
-    label: string;
-    /**
-     * Determines whether the accordion is initially open.
-     * @type {boolean}
-     * @default false
-     * @memberof AccordionComponent
-     */
-    open: boolean;
-    /**
-     * Disables the accordion if set to true.
-     * @type {boolean}
-     * @default false
-     * @memberof AccordionComponent
-     */
-    disabled: boolean;
-    /**
-     * Indicates whether to show a premium icon.
-     * @type {boolean}
-     * @default false
-     * @memberof AccordionComponent
-     */
-    showPremiumIcon: boolean;
-    /**
-     * The tooltip text for the premium icon.
-     * @type {string}
-     * @default ''
-     * @memberof AccordionComponent
-     */
-    premiumTooltipText: string;
-    /**
-     *
-     * Defines the application theme where accordion is used
-     *
-     * @type {ApplicationTheme}
-     * @memberof AccordionComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     *
-     * Changed premium icon on this icon
-     *
-     * @type {IconName}
-     * @memberof AccordionComponent
-     */
-    labelIcon: IconName;
-    /**
-     *
-     * Select accordion variant. Don`t work on Classic theme
-     *
-     * @type {AccordionVariant}
-     * @memberof AccordionComponent
-     */
-    variant: AccordionVariant;
-    /**
-     *
-     * Projects content with attribute 'customHeader'
-     *
-     * @type {boolean}
-     * @memberof AccordionComponent
-     */
-    allowCustomHeader: boolean;
-    /**
-     *
-     * Sets background color of content to none
-     *
-     * @type {boolean}
-     * @memberof AccordionComponent
-     */
-    noBackgroundColor: boolean;
-    /**
-     *
-     * Defines the toggle icon position. `right` keeps the icon at the trailing edge of the
-     * header, `left` moves it in front of the label. The `table` variant is the exception:
-     * its chevron is part of the row layout and always sits in front of the label.
-     *
-     * @type {boolean}
-     * @memberof AccordionComponent
-     */
-    toggleIconPosition: ToggleIconPosition;
-    /**
-     *
-     * Replaces the default expansion chevron with the given icon, placed according to
-     * `toggleIconPosition`.
-     *
-     * @type {IconName}
-     * @memberof AccordionComponent
-     */
-    toggleIcon: IconName;
-    /**
-     *
-     * Icon shown while the accordion is open. Requires `toggleIcon`.
-     * When omitted, `toggleIcon` rotates 180° instead of being swapped.
-     *
-     * @type {IconName}
-     * @memberof AccordionComponent
-     */
-    toggleIconExpanded: IconName;
-    /**
-     *
-     * Renders the label in bold. Don`t work on Classic theme
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof AccordionComponent
-     */
-    boldLabel: boolean;
-    closed: EventEmitter<void>;
-    opened: EventEmitter<void>;
-    constructor(defaultAppTheme: ApplicationTheme);
-    protected get isTableVariant(): boolean;
-    /** Whether the component renders the toggle icon itself instead of Material's indicator. */
-    protected get hasToggleIcon(): boolean;
-    /**
-     * The `table` variant renders its chevron as part of the row layout, so it stays in front
-     * of the label whatever `toggleIconPosition` says — unless a custom icon replaces it.
-     */
-    protected get isToggleIconLeading(): boolean;
-    protected get hasLeadingToggleIcon(): boolean;
-    protected get hasTrailingToggleIcon(): boolean;
-    protected get resolvedToggleIcon(): IconName;
-    protected get rotatesToggleIcon(): boolean;
-    protected toggle(open: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "allowCustomHeader": { "alias": "allowCustomHeader"; "required": false; }; "noBackgroundColor": { "alias": "noBackgroundColor"; "required": false; }; "toggleIconPosition": { "alias": "toggleIconPosition"; "required": false; }; "toggleIcon": { "alias": "toggleIcon"; "required": false; }; "toggleIconExpanded": { "alias": "toggleIconExpanded"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[subHeader]", "[customHeader]", "[actions]", "*"], true, never>;
-    static ngAcceptInputType_open: unknown;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_showPremiumIcon: unknown;
-    static ngAcceptInputType_boldLabel: unknown;
+import * as i0 from "@angular/core";
+import { EventEmitter } from "@angular/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i2 from "@testgorilla/tgo-ui/components/icon";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import * as i1 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/button";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/material/expansion";
+export type AccordionVariant = 'standard' | 'filter' | 'table';
+export type ToggleIconPosition = 'left' | 'right';
+export declare class AccordionComponent {
+  private readonly defaultAppTheme;
+  /**
+   * The label displayed for the accordion.
+   * @type {string}
+   * @required
+   * @memberof AccordionComponent
+   */
+  label: string;
+  /**
+   * Determines whether the accordion is initially open.
+   * @type {boolean}
+   * @default false
+   * @memberof AccordionComponent
+   */
+  open: boolean;
+  /**
+   * Disables the accordion if set to true.
+   * @type {boolean}
+   * @default false
+   * @memberof AccordionComponent
+   */
+  disabled: boolean;
+  /**
+   * Indicates whether to show a premium icon.
+   * @type {boolean}
+   * @default false
+   * @memberof AccordionComponent
+   */
+  showPremiumIcon: boolean;
+  /**
+   * The tooltip text for the premium icon.
+   * @type {string}
+   * @default ''
+   * @memberof AccordionComponent
+   */
+  premiumTooltipText: string;
+  /**
+   *
+   * Defines the application theme where accordion is used
+   *
+   * @type {ApplicationTheme}
+   * @memberof AccordionComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  /**
+   *
+   * Changed premium icon on this icon
+   *
+   * @type {IconName}
+   * @memberof AccordionComponent
+   */
+  labelIcon: IconName;
+  /**
+   *
+   * Select accordion variant. Don`t work on Classic theme
+   *
+   * @type {AccordionVariant}
+   * @memberof AccordionComponent
+   */
+  variant: AccordionVariant;
+  /**
+   *
+   * Projects content with attribute 'customHeader'
+   *
+   * @type {boolean}
+   * @memberof AccordionComponent
+   */
+  allowCustomHeader: boolean;
+  /**
+   *
+   * Sets background color of content to none
+   *
+   * @type {boolean}
+   * @memberof AccordionComponent
+   */
+  noBackgroundColor: boolean;
+  /**
+   *
+   * Defines the toggle icon position. `right` keeps the icon at the trailing edge of the
+   * header, `left` moves it in front of the label. The `table` variant is the exception:
+   * its chevron is part of the row layout and always sits in front of the label.
+   *
+   * @type {boolean}
+   * @memberof AccordionComponent
+   */
+  toggleIconPosition: ToggleIconPosition;
+  /**
+   *
+   * Replaces the default expansion chevron with the given icon, placed according to
+   * `toggleIconPosition`.
+   *
+   * @type {IconName}
+   * @memberof AccordionComponent
+   */
+  toggleIcon: IconName;
+  /**
+   *
+   * Icon shown while the accordion is open. Requires `toggleIcon`.
+   * When omitted, `toggleIcon` rotates 180° instead of being swapped.
+   *
+   * @type {IconName}
+   * @memberof AccordionComponent
+   */
+  toggleIconExpanded: IconName;
+  /**
+   *
+   * Renders the label in bold. Don`t work on Classic theme
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof AccordionComponent
+   */
+  boldLabel: boolean;
+  closed: EventEmitter<void>;
+  opened: EventEmitter<void>;
+  constructor(defaultAppTheme: ApplicationTheme$1);
+  protected get isTableVariant(): boolean;
+  /** Whether the component renders the toggle icon itself instead of Material's indicator. */
+  protected get hasToggleIcon(): boolean;
+  /**
+   * The `table` variant renders its chevron as part of the row layout, so it stays in front
+   * of the label whatever `toggleIconPosition` says — unless a custom icon replaces it.
+   */
+  protected get isToggleIconLeading(): boolean;
+  protected get hasLeadingToggleIcon(): boolean;
+  protected get hasTrailingToggleIcon(): boolean;
+  protected get resolvedToggleIcon(): IconName;
+  protected get rotatesToggleIcon(): boolean;
+  protected toggle(open: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, [{
+    optional: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+    };
+    "open": {
+      "alias": "open";
+      "required": false;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+    "showPremiumIcon": {
+      "alias": "showPremiumIcon";
+      "required": false;
+    };
+    "premiumTooltipText": {
+      "alias": "premiumTooltipText";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+    };
+    "labelIcon": {
+      "alias": "labelIcon";
+      "required": false;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+    };
+    "allowCustomHeader": {
+      "alias": "allowCustomHeader";
+      "required": false;
+    };
+    "noBackgroundColor": {
+      "alias": "noBackgroundColor";
+      "required": false;
+    };
+    "toggleIconPosition": {
+      "alias": "toggleIconPosition";
+      "required": false;
+    };
+    "toggleIcon": {
+      "alias": "toggleIcon";
+      "required": false;
+    };
+    "toggleIconExpanded": {
+      "alias": "toggleIconExpanded";
+      "required": false;
+    };
+    "boldLabel": {
+      "alias": "boldLabel";
+      "required": false;
+    };
+  }, {
+    "closed": "closed";
+    "opened": "opened";
+  }, never, ["[subHeader]", "[customHeader]", "[actions]", "*"], true, never>;
+  static ngAcceptInputType_open: unknown;
+  static ngAcceptInputType_disabled: unknown;
+  static ngAcceptInputType_showPremiumIcon: unknown;
+  static ngAcceptInputType_boldLabel: unknown;
 }
-
-declare class AccordionComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.ButtonComponentModule, typeof i4.MatTooltipModule, typeof i5.MatExpansionModule, typeof AccordionComponent], [typeof AccordionComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionComponentModule>;
+export declare class AccordionComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.ButtonComponentModule, typeof i4.MatTooltipModule, typeof i5.MatExpansionModule, typeof AccordionComponent], [typeof AccordionComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<AccordionComponentModule>;
 }
-
-export { AccordionComponent, AccordionComponentModule };
-export type { AccordionVariant, ToggleIconPosition };
+export { ApplicationTheme };