@testgorilla/tgo-ui 6.2.2 → 6.2.4

package/components/autocomplete/autocomplete.component.d.ts

@@ -1,6 +1,6 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
@@ -8,7 +8,7 @@ import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { AutocompleteUtils } from '@testgorilla/tgo-ui/components/core';
 import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariationType } from './autocomplete.model';
 import * as i0 from "@angular/core";
-export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy {
+export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit {
     private readonly defaultAppTheme;
     private readonly cdr;
     ngControl: NgControl;

package/components/badge/badge.component.d.ts

@@ -11,12 +11,12 @@ export declare class BadgeComponent {
      */
     label: string;
     /**
-    * A static label always displayed after the main label, never truncated.
-    * Intended for short suffixes (max 4 chars, e.g. "100%").
-    * When the main label is truncated, the tooltip shows both labels in full.
-    * @type {string}
-    * @memberof BadgeComponent
-    */
+     * A static label always displayed after the main label, never truncated.
+     * Intended for short suffixes (max 4 chars, e.g. "100%").
+     * When the main label is truncated, the tooltip shows both labels in full.
+     * @type {string}
+     * @memberof BadgeComponent
+     */
     staticLabel: string;
     /**
      * The icon name to be displayed on the badge.

package/components/button/button.component.d.ts

@@ -1,10 +1,10 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
 import { AfterViewInit, ElementRef, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
 import { MatButton } from '@angular/material/button';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { TooltipPosition } from '@angular/material/tooltip';
-import { FocusOrigin } from '@angular/cdk/a11y';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit, AfterViewInit {
     private readonly defaultAppTheme;

package/components/checklist/checklist.component.d.ts

@@ -1,5 +1,4 @@
-import { ModelSignal } from '@angular/core';
-import { ApplicationTheme, Language } from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import type { ChecklistItem } from './checklist.model';
 import * as i0 from "@angular/core";
 export declare class ChecklistComponent {
@@ -21,7 +20,7 @@ export declare class ChecklistComponent {
      * @type {ModelSignal<ChecklistItem[]>}
      * @memberof ChecklistComponent
      */
-    items: ModelSignal<ChecklistItem[]>;
+    items: import("@angular/core").ModelSignal<ChecklistItem[]>;
     /**
      * Application theme
      * @type {ApplicationTheme}
@@ -48,7 +47,7 @@ export declare class ChecklistComponent {
      * @type {Language}
      * @memberof ChecklistComponent
      */
-    language: import("@angular/core").InputSignal<Language>;
+    language: import("@angular/core").InputSignal<import("@testgorilla/tgo-ui/components/core").Language>;
     /**
      * A boolean property that determines whether the checklist items should be automatically checked.
      *
@@ -69,7 +68,7 @@ export declare class ChecklistComponent {
      * Represents the currently selected item in the checklist.
      * This is an instance of the `ChecklistItem` supports two-way binding.
      */
-    selectedItem: ModelSignal<ChecklistItem | undefined>;
+    selectedItem: import("@angular/core").ModelSignal<ChecklistItem | undefined>;
     readonly currentIndex: import("@angular/core").Signal<number>;
     protected progress: import("@angular/core").Signal<number>;
     constructor(defaultAppTheme: ApplicationTheme);

package/components/deprecated-paginator/deprecated-paginator.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
-export declare class DeprecatedPaginatorComponent implements OnInit {
+export declare class DeprecatedPaginatorComponent {
     /**
      * Paginator size options
      *
@@ -27,10 +27,6 @@ export declare class DeprecatedPaginatorComponent implements OnInit {
      * @ignore
      */
     paginatorChangedEvent: EventEmitter<PageEvent>;
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
     constructor();
     paginatorChanged(paginator: PageEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponent, never>;

package/components/dialog/dialog.component.d.ts

@@ -142,7 +142,7 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
     primaryButtonClickEvent: EventEmitter<Event>;
     closeButton: ButtonComponent;
     modalClosed: boolean;
-    onEsc(_: KeyboardEvent): void;
+    onEsc(): void;
     constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<DialogComponent>, data: {
         applicationTheme: ApplicationTheme;
     });

package/components/dialog/dialog.model.d.ts

@@ -1,5 +1,5 @@
-import { DialogSize } from "./dialog.service";
-import { MatDialogConfig } from "@angular/material/dialog";
+import { DialogSize } from './dialog.service';
+import { MatDialogConfig } from '@angular/material/dialog';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export interface DialogConfig<T = any> {
     applicationTheme?: ApplicationTheme;

package/components/dropdown/dropdown.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { FloatLabelType } from '@angular/material/form-field';
 import { OptionType } from './dropdown.model';
@@ -7,7 +7,7 @@ import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { MatSelect } from '@angular/material/select';
 import * as i0 from "@angular/core";
-export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges {
+export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
     private readonly defaultAppTheme;
     private readonly cdr;
     ngControl: NgControl;

package/components/empty-state/empty-state.component.d.ts

@@ -1,10 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
 import * as i0 from "@angular/core";
-export declare class EmptyStateComponent {
+export declare class EmptyStateComponent implements OnInit {
     private readonly defaultAppTheme;
     /**
      * @description If the default image should be displayed.

package/components/file-upload/file-upload.component.d.ts

@@ -109,7 +109,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (_value: any) => void;
     /**
      * @ignore
      */

package/components/icon/icon.component.d.ts

@@ -1,11 +1,11 @@
-import { OnInit, SimpleChanges } from '@angular/core';
+import { OnInit, SimpleChanges, OnChanges } from '@angular/core';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { IconsService } from './icons.service';
 import { IconColor, IconName, IconSize } from './icon.model';
 import * as i0 from "@angular/core";
-export declare class IconComponent implements OnInit {
+export declare class IconComponent implements OnInit, OnChanges {
     private readonly defaultAppTheme;
     private matIconRegistry;
     private domSanitzer;

package/components/icon/icon.model.d.ts

@@ -1,7 +1,7 @@
 import { tgoIcons, tgoRebrandIcons } from './icon.config';
-type TgoIcons = typeof tgoIcons[number];
-type TgoRebrandIcons = typeof tgoRebrandIcons[number];
+type TgoIcons = (typeof tgoIcons)[number];
+type TgoRebrandIcons = (typeof tgoRebrandIcons)[number];
 export type IconSize = '16' | '24' | '40' | '80';
 export type IconName = TgoRebrandIcons | TgoIcons | '';
-export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit' | 'rebrand-black' | 'red' | 'gray' | 'orange' | 'gray' | string;
+export type IconColor = string;
 export {};

package/components/icon-label/icon-label.component.d.ts

@@ -1,8 +1,7 @@
-import { OnInit } from '@angular/core';
 import { IconName, IconSize } from '@testgorilla/tgo-ui/components/icon';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i0 from "@angular/core";
-export declare class IconLabelComponent implements OnInit {
+export declare class IconLabelComponent {
     private readonly defaultAppTheme;
     /**
      * Icon size
@@ -47,7 +46,6 @@ export declare class IconLabelComponent implements OnInit {
      */
     applicationTheme: ApplicationTheme;
     constructor(defaultAppTheme: ApplicationTheme);
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconLabelComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconLabelComponent, "ui-icon-label", never, { "iconSize": { "alias": "iconSize"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconIndent": { "alias": "iconIndent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/logo/logo.component.d.ts

@@ -46,7 +46,7 @@ export declare class LogoComponent implements OnInit, OnChanges {
     /**
      * @ignore
      */
-    logoURL: String;
+    logoURL: string;
     /**
      * @ignore
      */

package/components/multi-input/multi-input.component.d.ts

@@ -129,7 +129,7 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (_value: any) => void;
     /**
      * @ignore
      */

package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
-import { IRoute, MenuItem } from "../navbar.model";
-import { AvatarSize } from "@testgorilla/tgo-ui/components/avatar";
-import { ApplicationTheme } from "@testgorilla/tgo-ui/components/core";
+import { IRoute, MenuItem } from '../navbar.model';
+import { AvatarSize } from '@testgorilla/tgo-ui/components/avatar';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i0 from "@angular/core";
 export declare class MobileNavbarSideSheetComponent {
     routes: IRoute[];

package/components/password-criteria/password.component.d.ts

@@ -33,7 +33,7 @@ export declare class PasswordComponent implements ControlValueAccessor {
     constructor(destroyRef: DestroyRef);
     checkCriteria(): void;
     countPassed(): number;
-    onChange: (v: any) => void;
+    onChange: (_v: any) => void;
     onTouch: () => void;
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;

package/components/radial-progress/radial-progress.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, SimpleChanges } from '@angular/core';
+import { EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
 import { RadialProgressSize, RadialProgressSizeEnum, RadialProgressVariant } from './radial-progress.model';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import * as i0 from "@angular/core";
-export declare class RadialProgressComponent {
+export declare class RadialProgressComponent implements OnChanges {
     private readonly defaultAppTheme;
     /**
      * The size of the component. Defaults to 'small'.

package/components/radio-button/radio-button.component.d.ts

@@ -1,8 +1,8 @@
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { MatRadioButton } from '@angular/material/radio';
 import { RadioButtonEventType } from './radio-button.model';
-import { ApplicationTheme } from "@testgorilla/tgo-ui/components/core";
-import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatTooltip } from '@angular/material/tooltip';
 import { Alignment } from '@testgorilla/tgo-ui/components/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
@@ -172,7 +172,7 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    onChange: (_: any) => void;
+    onChange: (_value: any) => void;
     /**
      * @ignore
      */

package/components/segmented-bar/segmented-bar.component.d.ts

@@ -1,5 +1,5 @@
 import { SegmentedBar, SegmentedBarVariant, SegmentedBarWithPercentage } from './segmented-bar.model';
-import { ApplicationTheme } from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i0 from "@angular/core";
 export declare class SegmentedBarComponent {
     private readonly defaultAppTheme;

package/components/segmented-button/segmented-button.component.d.ts

@@ -43,7 +43,7 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
     protected _value: any;
     get value(): any;
     constructor(defaultAppTheme: ApplicationTheme);
-    onChange: (v: any) => void;
+    onChange: (_v: any) => void;
     onTouch: () => void;
     writeValue(obj: any): void;
     setDisabledState(isDisabled: boolean): void;

package/components/side-panel/side-panel.model.d.ts

@@ -40,7 +40,7 @@ export declare class SidePanelRef<T = any, R = any> {
      * Closes the side panel with an optional result.
      * @param result Optional data to be emitted via afterClosed()
      */
-    close(result?: T): void;
+    close(_result?: T): void;
     /** @internal */
     _emitClose(result?: T): void;
 }

package/components/side-sheet/side-sheet.component.d.ts

@@ -26,7 +26,7 @@ export declare class SideSheetComponent implements OnInit {
     openChange: EventEmitter<boolean>;
     drawer: MatDrawer;
     container: ViewContainerRef;
-    onEscPress(_: KeyboardEvent): void;
+    onEscPress(_event: KeyboardEvent): void;
     protected title: string;
     protected showBackButton: boolean;
     protected showTitleTooltip: boolean;

package/components/spider-chart/spider-chart.component.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, OnInit, QueryList } from '@angular/core';
+import { ElementRef, OnInit, QueryList, AfterViewInit } from '@angular/core';
 import { SpiderChartData, SpiderChartSize } from './spider-chart.model';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { ChartData, ChartOptions } from 'chart.js';
 import { BaseChartDirective } from 'ng2-charts';
 import * as i0 from "@angular/core";
-export declare class SpiderChartComponent implements OnInit {
+export declare class SpiderChartComponent implements OnInit, AfterViewInit {
     /**
      * The size of the spider chart.
      * @type {SpiderChartSize}

package/components/spider-chart/spider-chart.model.d.ts

@@ -1,6 +1,6 @@
 export type SpiderChartSize = 'large' | 'small';
-export declare const SmallSpiderChartSize: number;
-export declare const LargeSpiderChartSize: number;
+export declare const SmallSpiderChartSize = 200;
+export declare const LargeSpiderChartSize = 280;
 export type SpiderChartData = {
     labels: string[];
     labelDescription: string[];

package/components/stepper/step-line-element.directive.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, OnChanges } from '@angular/core';
-import { StepperPosition } from "./stepper.model";
+import { StepperPosition } from './stepper.model';
 import * as i0 from "@angular/core";
 /**
  * Directive is used to draw lines between steps

package/components/stepper/step.component.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, TemplateRef } from
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { HtmlDescription, StepperPosition, StepperVariation } from './stepper.model';
-import { FocusMonitor } from "@angular/cdk/a11y";
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
 import * as i0 from "@angular/core";
 export declare class StepComponent implements AfterViewInit {

package/components/stepper/stepper.component.d.ts

@@ -1,8 +1,8 @@
 import { AfterViewInit, DestroyRef, ElementRef, EventEmitter } from '@angular/core';
 import { Step, StepperPosition, StepperVariation } from './stepper.model';
 import { Observable } from 'rxjs';
-import { ApplicationTheme } from "@testgorilla/tgo-ui/components/core";
-import { FocusMonitor } from "@angular/cdk/a11y";
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare class StepperComponent implements AfterViewInit {
     private readonly defaultAppTheme;

package/components/table/table.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
 import { ColumnEllipse, ColumnType, ComponentRenderer, DataSource, ScrollSettings, TableColumn, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
 import { PageEvent } from '@angular/material/paginator';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
@@ -6,7 +6,7 @@ import { MatTableDataSource } from '@angular/material/table';
 import { Sort } from '@angular/material/sort';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit {
+export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
     private readonly defaultAppTheme;
     private destroyRef;
     protected readonly isMobile$: Observable<boolean>;

package/components/tabs/tabs.component.d.ts

@@ -1,10 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, AfterViewInit } from '@angular/core';
 import { MatTabGroup } from '@angular/material/tabs';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { Observable } from 'rxjs';
 import { Tab, TabHeaderSize, TabsType } from './tabs.model';
 import * as i0 from "@angular/core";
-export declare class TabsComponent {
+export declare class TabsComponent implements AfterViewInit {
     private readonly defaultAppTheme;
     protected readonly isMobile$: Observable<boolean>;
     /**

package/components/universal-skills/universal-skills-report.component.d.ts

@@ -27,7 +27,7 @@ export declare class UniversalSkillsReportComponent implements OnInit {
     ngOnInit(): void;
     getScoreBadgeLabel(percentileScoring: number): string;
     getScoreBadgeColor(percentileScoring: number): RebrandBadgeColor;
-    checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string | RebrandBadgeColor;
+    checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsReportComponent, "ui-universal-skills-report", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; }, {}, never, never, false, never>;
 }

package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs

@@ -97,11 +97,11 @@ class AccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: AccordionComponent, isStandalone: false, selector: "ui-accordion", inputs: { label: "label", open: ["open", "open", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], showPremiumIcon: ["showPremiumIcon", "showPremiumIcon", booleanAttribute], premiumTooltipText: "premiumTooltipText", applicationTheme: "applicationTheme", labelIcon: "labelIcon", variant: "variant", allowCustomHeader: "allowCustomHeader", noBackgroundColor: "noBackgroundColor", toggleIconPosition: "toggleIconPosition" }, outputs: { closed: "closed", opened: "opened" }, ngImport: i0, template: "<mat-accordion class=\"accordion-wrapper\" [class.disabled]=\"disabled\" [ngClass]=\"variant\" [attr.theme]=\"applicationTheme\">\n  <mat-expansion-panel [expanded]=\"open\"\n                      [class.bgcolor-none]=\"noBackgroundColor\"\n                      (opened)=\"toggle(true)\"\n                      (closed)=\"toggle(false)\">\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left'\"\n      [attr.aria-label]=\"label\"\n    >\n      <mat-panel-title  *ngIf=\"!allowCustomHeader; else customHeader\">\n        <div *ngIf=\"variant === 'table' && applicationTheme !== 'classic'; else default\" class=\"table-container\">\n          <ui-icon [size]=\"'24'\" [ngClass]=\"{ open }\" [name]=\"'Arrow-chevron-down-filled'\"></ui-icon>\n          <div class=\"accordion-label\">\n            {{ label }}\n          </div>\n        </div>\n        <ng-template #default>\n          <div class=\"accordion-label\">\n            {{ label }}\n            <ng-content select=\"[subHeader]\"></ng-content>\n            <ui-icon\n              [matTooltipClass]=\"applicationTheme\"\n              [matTooltip]=\"premiumTooltipText\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n              *ngIf=\"showPremiumIcon || labelIcon\"\n            ></ui-icon>\n          </div>\n        </ng-template>\n      </mat-panel-title>\n      <ng-template #customHeader>\n        <ng-content select=\"[customHeader]\"></ng-content>\n      </ng-template>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mat-expansion-panel-header .accordion-label,.mat-expansion-panel-header-description .accordion-actions{display:flex;justify-content:center;align-items:center}:host ::ng-deep .mat-expansion-panel-body{background:#ededed;border-radius:8px;width:calc(100% - 32px);padding:0;margin:0 auto}:host ::ng-deep .mat-expansion-panel-content{overflow:hidden}:host ::ng-deep .mat-expansion-panel.bgcolor-none .mat-expansion-panel-body{background:none}:host ::ng-deep .mat-expansion-indicator{height:24px;width:24px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;margin-top:-6px}.mat-expansion-panel{box-shadow:unset!important;background:transparent}.accordion-wrapper.disabled{opacity:.5;pointer-events:none}.mat-expansion-panel-header-description{justify-content:end;margin:0 16px 0 8px}.mat-expansion-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:48px!important;border-radius:8px;z-index:1;border:1px solid transparent}.mat-expansion-panel-header.cdk-keyboard-focused{position:relative}.mat-expansion-panel-header.cdk-keyboard-focused:after{content:\"\";width:100%;height:100%;outline:3px solid #242424;position:absolute;left:0;top:0;animation:focus-ring-animation-main .4s forwards;border-radius:10px}.mat-expansion-panel-header.custom-height{height:auto!important;align-items:flex-start}.mat-expansion-panel-header.left-toggle{flex-direction:row-reverse;gap:8px}.mat-expansion-panel-header:focus{border:1px dashed #888888!important}.mat-expansion-panel-header:hover{background:#f6f6f6!important}.mat-expansion-panel-header .accordion-label{font-size:14px;font-weight:700;gap:8px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}.accordion-wrapper[theme=dark],.accordion-wrapper[theme=light]{position:relative;border-radius:10px}.accordion-wrapper[theme=dark] .mat-expansion-panel-header,.accordion-wrapper[theme=light] .mat-expansion-panel-header{border:unset!important}.accordion-wrapper[theme=dark] .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light] .mat-expansion-panel-header:hover{background:transparent!important}.accordion-wrapper[theme=dark].standard .mat-expansion-panel:hover,.accordion-wrapper[theme=light].standard .mat-expansion-panel:hover{box-shadow:0 4px 16px #24242414}.accordion-wrapper[theme=dark].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{margin:0 16px 12px}.accordion-wrapper[theme=dark] .mat-expansion-panel,.accordion-wrapper[theme=light] .mat-expansion-panel{background:#fff;border-radius:10px;border:1px solid #919191;overflow:visible}.accordion-wrapper[theme=dark] .mat-expansion-panel:hover,.accordion-wrapper[theme=light] .mat-expansion-panel:hover{outline:1px solid #242424;border-color:#242424}.accordion-wrapper[theme=dark] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body{background-color:#f4f4f4}.accordion-wrapper[theme=dark] .mat-expansion-panel *,.accordion-wrapper[theme=light] .mat-expansion-panel *{color:#242424;font-weight:400}.accordion-wrapper[theme=dark] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after,.accordion-wrapper[theme=light] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after{color:#242424!important}.accordion-wrapper[theme=dark]:hover .accordion-label,.accordion-wrapper[theme=light]:hover .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark]:focus,.accordion-wrapper[theme=light]:focus{outline:unset!important;border-color:unset!important}.accordion-wrapper[theme=dark]:focus:after,.accordion-wrapper[theme=light]:focus:after{content:\"\";position:absolute;top:-3px;left:-3px;display:flex;width:calc(100% + 6px);height:calc(100% + 6px);border:1px dashed #919191;border-radius:10px}.accordion-wrapper[theme=dark]:focus .accordion-label,.accordion-wrapper[theme=light]:focus .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark].filter .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter .mat-expansion-panel-header{padding-left:2px;border:1px dashed transparent!important;border-radius:10px;box-shadow:none!important}.accordion-wrapper[theme=dark].filter:focus:after,.accordion-wrapper[theme=light].filter:focus:after{display:none}.accordion-wrapper[theme=dark].filter:focus .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter:focus .mat-expansion-panel-header{border:1px dashed #919191!important}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-header-description,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-header-description{margin-left:0}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].filter .mat-expansion-panel,.accordion-wrapper[theme=light].filter .mat-expansion-panel{border:unset}.accordion-wrapper[theme=dark].filter .mat-expansion-panel:hover,.accordion-wrapper[theme=light].filter .mat-expansion-panel:hover{border:unset;outline:unset}.accordion-wrapper[theme=dark].table .mat-expansion-panel,.accordion-wrapper[theme=light].table .mat-expansion-panel{border-radius:0;border:unset;outline:unset}.accordion-wrapper[theme=dark].table:after,.accordion-wrapper[theme=light].table:after{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{border-radius:0;box-shadow:none!important;height:64px!important}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light].table .mat-expansion-panel-header:hover{background:#fff2fc!important}.accordion-wrapper[theme=dark].table .accordion-label,.accordion-wrapper[theme=light].table .accordion-label{font-weight:400!important;text-decoration:unset}.accordion-wrapper[theme=dark].table .table-container,.accordion-wrapper[theme=light].table .table-container{display:flex;flex-direction:row}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-indicator,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-indicator{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{padding:12px 24px}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].table ui-icon,.accordion-wrapper[theme=light].table ui-icon{border:1px dashed transparent;margin-right:16px}.accordion-wrapper[theme=dark].table ui-icon ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon ::ng-deep mat-icon{transition:transform .3s}.accordion-wrapper[theme=dark].table ui-icon.open ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-wrapper[theme=dark].table:focus ui-icon,.accordion-wrapper[theme=light].table:focus ui-icon{border-radius:100%;border:1px dashed #919191}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4.MatExpansionPanelDescription, selector: "mat-panel-description" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: AccordionComponent, isStandalone: false, selector: "ui-accordion", inputs: { label: "label", open: ["open", "open", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], showPremiumIcon: ["showPremiumIcon", "showPremiumIcon", booleanAttribute], premiumTooltipText: "premiumTooltipText", applicationTheme: "applicationTheme", labelIcon: "labelIcon", variant: "variant", allowCustomHeader: "allowCustomHeader", noBackgroundColor: "noBackgroundColor", toggleIconPosition: "toggleIconPosition" }, outputs: { closed: "closed", opened: "opened" }, ngImport: i0, template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [attr.theme]=\"applicationTheme\"\n>\n  <mat-expansion-panel\n    [expanded]=\"open\"\n    [class.bgcolor-none]=\"noBackgroundColor\"\n    (opened)=\"toggle(true)\"\n    (closed)=\"toggle(false)\"\n  >\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left'\"\n      [attr.aria-label]=\"label\"\n    >\n      <mat-panel-title *ngIf=\"!allowCustomHeader; else customHeader\">\n        <div *ngIf=\"variant === 'table' && applicationTheme !== 'classic'; else default\" class=\"table-container\">\n          <ui-icon [size]=\"'24'\" [ngClass]=\"{ open }\" [name]=\"'Arrow-chevron-down-filled'\"></ui-icon>\n          <div class=\"accordion-label\">\n            {{ label }}\n          </div>\n        </div>\n        <ng-template #default>\n          <div class=\"accordion-label\">\n            {{ label }}\n            <ng-content select=\"[subHeader]\"></ng-content>\n            <ui-icon\n              [matTooltipClass]=\"applicationTheme\"\n              [matTooltip]=\"premiumTooltipText\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n              *ngIf=\"showPremiumIcon || labelIcon\"\n            ></ui-icon>\n          </div>\n        </ng-template>\n      </mat-panel-title>\n      <ng-template #customHeader>\n        <ng-content select=\"[customHeader]\"></ng-content>\n      </ng-template>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mat-expansion-panel-header .accordion-label,.mat-expansion-panel-header-description .accordion-actions{display:flex;justify-content:center;align-items:center}:host ::ng-deep .mat-expansion-panel-body{background:#ededed;border-radius:8px;width:calc(100% - 32px);padding:0;margin:0 auto}:host ::ng-deep .mat-expansion-panel-content{overflow:hidden}:host ::ng-deep .mat-expansion-panel.bgcolor-none .mat-expansion-panel-body{background:none}:host ::ng-deep .mat-expansion-indicator{height:24px;width:24px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;margin-top:-6px}.mat-expansion-panel{box-shadow:unset!important;background:transparent}.accordion-wrapper.disabled{opacity:.5;pointer-events:none}.mat-expansion-panel-header-description{justify-content:end;margin:0 16px 0 8px}.mat-expansion-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:48px!important;border-radius:8px;z-index:1;border:1px solid transparent}.mat-expansion-panel-header.cdk-keyboard-focused{position:relative}.mat-expansion-panel-header.cdk-keyboard-focused:after{content:\"\";width:100%;height:100%;outline:3px solid #242424;position:absolute;left:0;top:0;animation:focus-ring-animation-main .4s forwards;border-radius:10px}.mat-expansion-panel-header.custom-height{height:auto!important;align-items:flex-start}.mat-expansion-panel-header.left-toggle{flex-direction:row-reverse;gap:8px}.mat-expansion-panel-header:focus{border:1px dashed #888888!important}.mat-expansion-panel-header:hover{background:#f6f6f6!important}.mat-expansion-panel-header .accordion-label{font-size:14px;font-weight:700;gap:8px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}.accordion-wrapper[theme=dark],.accordion-wrapper[theme=light]{position:relative;border-radius:10px}.accordion-wrapper[theme=dark] .mat-expansion-panel-header,.accordion-wrapper[theme=light] .mat-expansion-panel-header{border:unset!important}.accordion-wrapper[theme=dark] .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light] .mat-expansion-panel-header:hover{background:transparent!important}.accordion-wrapper[theme=dark].standard .mat-expansion-panel:hover,.accordion-wrapper[theme=light].standard .mat-expansion-panel:hover{box-shadow:0 4px 16px #24242414}.accordion-wrapper[theme=dark].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{margin:0 16px 12px}.accordion-wrapper[theme=dark] .mat-expansion-panel,.accordion-wrapper[theme=light] .mat-expansion-panel{background:#fff;border-radius:10px;border:1px solid #919191;overflow:visible}.accordion-wrapper[theme=dark] .mat-expansion-panel:hover,.accordion-wrapper[theme=light] .mat-expansion-panel:hover{outline:1px solid #242424;border-color:#242424}.accordion-wrapper[theme=dark] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body{background-color:#f4f4f4}.accordion-wrapper[theme=dark] .mat-expansion-panel *,.accordion-wrapper[theme=light] .mat-expansion-panel *{color:#242424;font-weight:400}.accordion-wrapper[theme=dark] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after,.accordion-wrapper[theme=light] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after{color:#242424!important}.accordion-wrapper[theme=dark]:hover .accordion-label,.accordion-wrapper[theme=light]:hover .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark]:focus,.accordion-wrapper[theme=light]:focus{outline:unset!important;border-color:unset!important}.accordion-wrapper[theme=dark]:focus:after,.accordion-wrapper[theme=light]:focus:after{content:\"\";position:absolute;top:-3px;left:-3px;display:flex;width:calc(100% + 6px);height:calc(100% + 6px);border:1px dashed #919191;border-radius:10px}.accordion-wrapper[theme=dark]:focus .accordion-label,.accordion-wrapper[theme=light]:focus .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark].filter .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter .mat-expansion-panel-header{padding-left:2px;border:1px dashed transparent!important;border-radius:10px;box-shadow:none!important}.accordion-wrapper[theme=dark].filter:focus:after,.accordion-wrapper[theme=light].filter:focus:after{display:none}.accordion-wrapper[theme=dark].filter:focus .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter:focus .mat-expansion-panel-header{border:1px dashed #919191!important}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-header-description,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-header-description{margin-left:0}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].filter .mat-expansion-panel,.accordion-wrapper[theme=light].filter .mat-expansion-panel{border:unset}.accordion-wrapper[theme=dark].filter .mat-expansion-panel:hover,.accordion-wrapper[theme=light].filter .mat-expansion-panel:hover{border:unset;outline:unset}.accordion-wrapper[theme=dark].table .mat-expansion-panel,.accordion-wrapper[theme=light].table .mat-expansion-panel{border-radius:0;border:unset;outline:unset}.accordion-wrapper[theme=dark].table:after,.accordion-wrapper[theme=light].table:after{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{border-radius:0;box-shadow:none!important;height:64px!important}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light].table .mat-expansion-panel-header:hover{background:#fff2fc!important}.accordion-wrapper[theme=dark].table .accordion-label,.accordion-wrapper[theme=light].table .accordion-label{font-weight:400!important;text-decoration:unset}.accordion-wrapper[theme=dark].table .table-container,.accordion-wrapper[theme=light].table .table-container{display:flex;flex-direction:row}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-indicator,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-indicator{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{padding:12px 24px}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].table ui-icon,.accordion-wrapper[theme=light].table ui-icon{border:1px dashed transparent;margin-right:16px}.accordion-wrapper[theme=dark].table ui-icon ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon ::ng-deep mat-icon{transition:transform .3s}.accordion-wrapper[theme=dark].table ui-icon.open ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-wrapper[theme=dark].table:focus ui-icon,.accordion-wrapper[theme=light].table:focus ui-icon{border-radius:100%;border:1px dashed #919191}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4.MatExpansionPanelDescription, selector: "mat-panel-description" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-accordion', standalone: false, template: "<mat-accordion class=\"accordion-wrapper\" [class.disabled]=\"disabled\" [ngClass]=\"variant\" [attr.theme]=\"applicationTheme\">\n  <mat-expansion-panel [expanded]=\"open\"\n                      [class.bgcolor-none]=\"noBackgroundColor\"\n                      (opened)=\"toggle(true)\"\n                      (closed)=\"toggle(false)\">\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left'\"\n      [attr.aria-label]=\"label\"\n    >\n      <mat-panel-title  *ngIf=\"!allowCustomHeader; else customHeader\">\n        <div *ngIf=\"variant === 'table' && applicationTheme !== 'classic'; else default\" class=\"table-container\">\n          <ui-icon [size]=\"'24'\" [ngClass]=\"{ open }\" [name]=\"'Arrow-chevron-down-filled'\"></ui-icon>\n          <div class=\"accordion-label\">\n            {{ label }}\n          </div>\n        </div>\n        <ng-template #default>\n          <div class=\"accordion-label\">\n            {{ label }}\n            <ng-content select=\"[subHeader]\"></ng-content>\n            <ui-icon\n              [matTooltipClass]=\"applicationTheme\"\n              [matTooltip]=\"premiumTooltipText\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n              *ngIf=\"showPremiumIcon || labelIcon\"\n            ></ui-icon>\n          </div>\n        </ng-template>\n      </mat-panel-title>\n      <ng-template #customHeader>\n        <ng-content select=\"[customHeader]\"></ng-content>\n      </ng-template>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mat-expansion-panel-header .accordion-label,.mat-expansion-panel-header-description .accordion-actions{display:flex;justify-content:center;align-items:center}:host ::ng-deep .mat-expansion-panel-body{background:#ededed;border-radius:8px;width:calc(100% - 32px);padding:0;margin:0 auto}:host ::ng-deep .mat-expansion-panel-content{overflow:hidden}:host ::ng-deep .mat-expansion-panel.bgcolor-none .mat-expansion-panel-body{background:none}:host ::ng-deep .mat-expansion-indicator{height:24px;width:24px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;margin-top:-6px}.mat-expansion-panel{box-shadow:unset!important;background:transparent}.accordion-wrapper.disabled{opacity:.5;pointer-events:none}.mat-expansion-panel-header-description{justify-content:end;margin:0 16px 0 8px}.mat-expansion-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:48px!important;border-radius:8px;z-index:1;border:1px solid transparent}.mat-expansion-panel-header.cdk-keyboard-focused{position:relative}.mat-expansion-panel-header.cdk-keyboard-focused:after{content:\"\";width:100%;height:100%;outline:3px solid #242424;position:absolute;left:0;top:0;animation:focus-ring-animation-main .4s forwards;border-radius:10px}.mat-expansion-panel-header.custom-height{height:auto!important;align-items:flex-start}.mat-expansion-panel-header.left-toggle{flex-direction:row-reverse;gap:8px}.mat-expansion-panel-header:focus{border:1px dashed #888888!important}.mat-expansion-panel-header:hover{background:#f6f6f6!important}.mat-expansion-panel-header .accordion-label{font-size:14px;font-weight:700;gap:8px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}.accordion-wrapper[theme=dark],.accordion-wrapper[theme=light]{position:relative;border-radius:10px}.accordion-wrapper[theme=dark] .mat-expansion-panel-header,.accordion-wrapper[theme=light] .mat-expansion-panel-header{border:unset!important}.accordion-wrapper[theme=dark] .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light] .mat-expansion-panel-header:hover{background:transparent!important}.accordion-wrapper[theme=dark].standard .mat-expansion-panel:hover,.accordion-wrapper[theme=light].standard .mat-expansion-panel:hover{box-shadow:0 4px 16px #24242414}.accordion-wrapper[theme=dark].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{margin:0 16px 12px}.accordion-wrapper[theme=dark] .mat-expansion-panel,.accordion-wrapper[theme=light] .mat-expansion-panel{background:#fff;border-radius:10px;border:1px solid #919191;overflow:visible}.accordion-wrapper[theme=dark] .mat-expansion-panel:hover,.accordion-wrapper[theme=light] .mat-expansion-panel:hover{outline:1px solid #242424;border-color:#242424}.accordion-wrapper[theme=dark] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body{background-color:#f4f4f4}.accordion-wrapper[theme=dark] .mat-expansion-panel *,.accordion-wrapper[theme=light] .mat-expansion-panel *{color:#242424;font-weight:400}.accordion-wrapper[theme=dark] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after,.accordion-wrapper[theme=light] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after{color:#242424!important}.accordion-wrapper[theme=dark]:hover .accordion-label,.accordion-wrapper[theme=light]:hover .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark]:focus,.accordion-wrapper[theme=light]:focus{outline:unset!important;border-color:unset!important}.accordion-wrapper[theme=dark]:focus:after,.accordion-wrapper[theme=light]:focus:after{content:\"\";position:absolute;top:-3px;left:-3px;display:flex;width:calc(100% + 6px);height:calc(100% + 6px);border:1px dashed #919191;border-radius:10px}.accordion-wrapper[theme=dark]:focus .accordion-label,.accordion-wrapper[theme=light]:focus .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark].filter .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter .mat-expansion-panel-header{padding-left:2px;border:1px dashed transparent!important;border-radius:10px;box-shadow:none!important}.accordion-wrapper[theme=dark].filter:focus:after,.accordion-wrapper[theme=light].filter:focus:after{display:none}.accordion-wrapper[theme=dark].filter:focus .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter:focus .mat-expansion-panel-header{border:1px dashed #919191!important}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-header-description,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-header-description{margin-left:0}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].filter .mat-expansion-panel,.accordion-wrapper[theme=light].filter .mat-expansion-panel{border:unset}.accordion-wrapper[theme=dark].filter .mat-expansion-panel:hover,.accordion-wrapper[theme=light].filter .mat-expansion-panel:hover{border:unset;outline:unset}.accordion-wrapper[theme=dark].table .mat-expansion-panel,.accordion-wrapper[theme=light].table .mat-expansion-panel{border-radius:0;border:unset;outline:unset}.accordion-wrapper[theme=dark].table:after,.accordion-wrapper[theme=light].table:after{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{border-radius:0;box-shadow:none!important;height:64px!important}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light].table .mat-expansion-panel-header:hover{background:#fff2fc!important}.accordion-wrapper[theme=dark].table .accordion-label,.accordion-wrapper[theme=light].table .accordion-label{font-weight:400!important;text-decoration:unset}.accordion-wrapper[theme=dark].table .table-container,.accordion-wrapper[theme=light].table .table-container{display:flex;flex-direction:row}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-indicator,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-indicator{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{padding:12px 24px}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].table ui-icon,.accordion-wrapper[theme=light].table ui-icon{border:1px dashed transparent;margin-right:16px}.accordion-wrapper[theme=dark].table ui-icon ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon ::ng-deep mat-icon{transition:transform .3s}.accordion-wrapper[theme=dark].table ui-icon.open ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-wrapper[theme=dark].table:focus ui-icon,.accordion-wrapper[theme=light].table:focus ui-icon{border-radius:100%;border:1px dashed #919191}\n"] }]
+            args: [{ selector: 'ui-accordion', standalone: false, template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [attr.theme]=\"applicationTheme\"\n>\n  <mat-expansion-panel\n    [expanded]=\"open\"\n    [class.bgcolor-none]=\"noBackgroundColor\"\n    (opened)=\"toggle(true)\"\n    (closed)=\"toggle(false)\"\n  >\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left'\"\n      [attr.aria-label]=\"label\"\n    >\n      <mat-panel-title *ngIf=\"!allowCustomHeader; else customHeader\">\n        <div *ngIf=\"variant === 'table' && applicationTheme !== 'classic'; else default\" class=\"table-container\">\n          <ui-icon [size]=\"'24'\" [ngClass]=\"{ open }\" [name]=\"'Arrow-chevron-down-filled'\"></ui-icon>\n          <div class=\"accordion-label\">\n            {{ label }}\n          </div>\n        </div>\n        <ng-template #default>\n          <div class=\"accordion-label\">\n            {{ label }}\n            <ng-content select=\"[subHeader]\"></ng-content>\n            <ui-icon\n              [matTooltipClass]=\"applicationTheme\"\n              [matTooltip]=\"premiumTooltipText\"\n              [applicationTheme]=\"applicationTheme\"\n              [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n              *ngIf=\"showPremiumIcon || labelIcon\"\n            ></ui-icon>\n          </div>\n        </ng-template>\n      </mat-panel-title>\n      <ng-template #customHeader>\n        <ng-content select=\"[customHeader]\"></ng-content>\n      </ng-template>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mat-expansion-panel-header .accordion-label,.mat-expansion-panel-header-description .accordion-actions{display:flex;justify-content:center;align-items:center}:host ::ng-deep .mat-expansion-panel-body{background:#ededed;border-radius:8px;width:calc(100% - 32px);padding:0;margin:0 auto}:host ::ng-deep .mat-expansion-panel-content{overflow:hidden}:host ::ng-deep .mat-expansion-panel.bgcolor-none .mat-expansion-panel-body{background:none}:host ::ng-deep .mat-expansion-indicator{height:24px;width:24px;display:flex;align-items:center;justify-content:center}:host ::ng-deep .mat-expansion-indicator:after{color:#000!important;margin-top:-6px}.mat-expansion-panel{box-shadow:unset!important;background:transparent}.accordion-wrapper.disabled{opacity:.5;pointer-events:none}.mat-expansion-panel-header-description{justify-content:end;margin:0 16px 0 8px}.mat-expansion-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:48px!important;border-radius:8px;z-index:1;border:1px solid transparent}.mat-expansion-panel-header.cdk-keyboard-focused{position:relative}.mat-expansion-panel-header.cdk-keyboard-focused:after{content:\"\";width:100%;height:100%;outline:3px solid #242424;position:absolute;left:0;top:0;animation:focus-ring-animation-main .4s forwards;border-radius:10px}.mat-expansion-panel-header.custom-height{height:auto!important;align-items:flex-start}.mat-expansion-panel-header.left-toggle{flex-direction:row-reverse;gap:8px}.mat-expansion-panel-header:focus{border:1px dashed #888888!important}.mat-expansion-panel-header:hover{background:#f6f6f6!important}.mat-expansion-panel-header .accordion-label{font-size:14px;font-weight:700;gap:8px}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}.accordion-wrapper[theme=dark],.accordion-wrapper[theme=light]{position:relative;border-radius:10px}.accordion-wrapper[theme=dark] .mat-expansion-panel-header,.accordion-wrapper[theme=light] .mat-expansion-panel-header{border:unset!important}.accordion-wrapper[theme=dark] .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light] .mat-expansion-panel-header:hover{background:transparent!important}.accordion-wrapper[theme=dark].standard .mat-expansion-panel:hover,.accordion-wrapper[theme=light].standard .mat-expansion-panel:hover{box-shadow:0 4px 16px #24242414}.accordion-wrapper[theme=dark].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].standard .mat-expansion-panel ::ng-deep .mat-expansion-panel-body{margin:0 16px 12px}.accordion-wrapper[theme=dark] .mat-expansion-panel,.accordion-wrapper[theme=light] .mat-expansion-panel{background:#fff;border-radius:10px;border:1px solid #919191;overflow:visible}.accordion-wrapper[theme=dark] .mat-expansion-panel:hover,.accordion-wrapper[theme=light] .mat-expansion-panel:hover{outline:1px solid #242424;border-color:#242424}.accordion-wrapper[theme=dark] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light] .mat-expansion-panel:not(.bgcolor-none) ::ng-deep .mat-expansion-panel-body{background-color:#f4f4f4}.accordion-wrapper[theme=dark] .mat-expansion-panel *,.accordion-wrapper[theme=light] .mat-expansion-panel *{color:#242424;font-weight:400}.accordion-wrapper[theme=dark] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after,.accordion-wrapper[theme=light] .mat-expansion-panel ::ng-deep .mat-expansion-indicator:after{color:#242424!important}.accordion-wrapper[theme=dark]:hover .accordion-label,.accordion-wrapper[theme=light]:hover .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark]:focus,.accordion-wrapper[theme=light]:focus{outline:unset!important;border-color:unset!important}.accordion-wrapper[theme=dark]:focus:after,.accordion-wrapper[theme=light]:focus:after{content:\"\";position:absolute;top:-3px;left:-3px;display:flex;width:calc(100% + 6px);height:calc(100% + 6px);border:1px dashed #919191;border-radius:10px}.accordion-wrapper[theme=dark]:focus .accordion-label,.accordion-wrapper[theme=light]:focus .accordion-label{font-weight:700!important;text-decoration:underline}.accordion-wrapper[theme=dark].filter .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter .mat-expansion-panel-header{padding-left:2px;border:1px dashed transparent!important;border-radius:10px;box-shadow:none!important}.accordion-wrapper[theme=dark].filter:focus:after,.accordion-wrapper[theme=light].filter:focus:after{display:none}.accordion-wrapper[theme=dark].filter:focus .mat-expansion-panel-header,.accordion-wrapper[theme=light].filter:focus .mat-expansion-panel-header{border:1px dashed #919191!important}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-header-description,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-header-description{margin-left:0}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].filter ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].filter ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].filter .mat-expansion-panel,.accordion-wrapper[theme=light].filter .mat-expansion-panel{border:unset}.accordion-wrapper[theme=dark].filter .mat-expansion-panel:hover,.accordion-wrapper[theme=light].filter .mat-expansion-panel:hover{border:unset;outline:unset}.accordion-wrapper[theme=dark].table .mat-expansion-panel,.accordion-wrapper[theme=light].table .mat-expansion-panel{border-radius:0;border:unset;outline:unset}.accordion-wrapper[theme=dark].table:after,.accordion-wrapper[theme=light].table:after{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{border-radius:0;box-shadow:none!important;height:64px!important}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header:hover,.accordion-wrapper[theme=light].table .mat-expansion-panel-header:hover{background:#fff2fc!important}.accordion-wrapper[theme=dark].table .accordion-label,.accordion-wrapper[theme=light].table .accordion-label{font-weight:400!important;text-decoration:unset}.accordion-wrapper[theme=dark].table .table-container,.accordion-wrapper[theme=light].table .table-container{display:flex;flex-direction:row}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-indicator,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-indicator{display:none}.accordion-wrapper[theme=dark].table .mat-expansion-panel-header,.accordion-wrapper[theme=light].table .mat-expansion-panel-header{padding:12px 24px}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body{background-color:transparent!important;margin:0;width:100%}.accordion-wrapper[theme=dark].table ::ng-deep .mat-expansion-panel-body div,.accordion-wrapper[theme=light].table ::ng-deep .mat-expansion-panel-body div{padding:0!important}.accordion-wrapper[theme=dark].table ui-icon,.accordion-wrapper[theme=light].table ui-icon{border:1px dashed transparent;margin-right:16px}.accordion-wrapper[theme=dark].table ui-icon ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon ::ng-deep mat-icon{transition:transform .3s}.accordion-wrapper[theme=dark].table ui-icon.open ::ng-deep mat-icon,.accordion-wrapper[theme=light].table ui-icon.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-wrapper[theme=dark].table:focus ui-icon,.accordion-wrapper[theme=light].table:focus ui-icon{border-radius:100%;border:1px dashed #919191}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -141,33 +141,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
 
 class AccordionComponentModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, declarations: [AccordionComponent], imports: [CommonModule,
-            IconComponentModule,
-            ButtonComponentModule,
-            MatTooltipModule,
-            MatExpansionModule], exports: [AccordionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, imports: [CommonModule,
-            IconComponentModule,
-            ButtonComponentModule,
-            MatTooltipModule,
-            MatExpansionModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, declarations: [AccordionComponent], imports: [CommonModule, IconComponentModule, ButtonComponentModule, MatTooltipModule, MatExpansionModule], exports: [AccordionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, imports: [CommonModule, IconComponentModule, ButtonComponentModule, MatTooltipModule, MatExpansionModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AccordionComponentModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        AccordionComponent
-                    ],
-                    exports: [
-                        AccordionComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        IconComponentModule,
-                        ButtonComponentModule,
-                        MatTooltipModule,
-                        MatExpansionModule
-                    ]
+                    declarations: [AccordionComponent],
+                    exports: [AccordionComponent],
+                    imports: [CommonModule, IconComponentModule, ButtonComponentModule, MatTooltipModule, MatExpansionModule],
                 }]
         }] });