@testgorilla/tgo-ui 11.22.3 → 12.0.0

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

@@ -1,230 +1,336 @@
-import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Output, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { MatAccordion, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelDescription, MatExpansionModule } from '@angular/material/expansion';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { IconComponent, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-
-class AccordionComponent {
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Determines whether the accordion is initially open.
-         * @type {boolean}
-         * @default false
-         * @memberof AccordionComponent
-         */
-        this.open = false;
-        /**
-         * Disables the accordion if set to true.
-         * @type {boolean}
-         * @default false
-         * @memberof AccordionComponent
-         */
-        this.disabled = false;
-        /**
-         * Indicates whether to show a premium icon.
-         * @type {boolean}
-         * @default false
-         * @memberof AccordionComponent
-         */
-        this.showPremiumIcon = false;
-        /**
-         * The tooltip text for the premium icon.
-         * @type {string}
-         * @default ''
-         * @memberof AccordionComponent
-         */
-        this.premiumTooltipText = '';
-        /**
-         *
-         * Defines the application theme where accordion is used
-         *
-         * @type {ApplicationTheme}
-         * @memberof AccordionComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         *
-         * Select accordion variant. Don`t work on Classic theme
-         *
-         * @type {AccordionVariant}
-         * @memberof AccordionComponent
-         */
-        this.variant = 'standard';
-        /**
-         *
-         * Projects content with attribute 'customHeader'
-         *
-         * @type {boolean}
-         * @memberof AccordionComponent
-         */
-        this.allowCustomHeader = false;
-        /**
-         *
-         * Sets background color of content to none
-         *
-         * @type {boolean}
-         * @memberof AccordionComponent
-         */
-        this.noBackgroundColor = false;
-        /**
-         *
-         * 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
-         */
-        this.toggleIconPosition = 'right';
-        /**
-         *
-         * Renders the label in bold. Don`t work on Classic theme
-         *
-         * @type {boolean}
-         * @default false
-         * @memberof AccordionComponent
-         */
-        this.boldLabel = false;
-        this.closed = new EventEmitter();
-        this.opened = new EventEmitter();
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    get isTableVariant() {
-        return this.variant === 'table' && this.applicationTheme !== 'classic';
-    }
-    /** Whether the component renders the toggle icon itself instead of Material's indicator. */
-    get hasToggleIcon() {
-        return Boolean(this.toggleIcon) || this.isTableVariant;
-    }
-    /**
-     * 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.
-     */
-    get isToggleIconLeading() {
-        return this.isTableVariant && !this.toggleIcon ? true : this.toggleIconPosition === 'left';
-    }
-    get hasLeadingToggleIcon() {
-        return this.hasToggleIcon && this.isToggleIconLeading;
-    }
-    get hasTrailingToggleIcon() {
-        return this.hasToggleIcon && !this.isToggleIconLeading;
-    }
-    get resolvedToggleIcon() {
-        if (!this.toggleIcon) {
-            return 'Arrow-chevron-down-filled';
-        }
-        return this.open && this.toggleIconExpanded ? this.toggleIconExpanded : this.toggleIcon;
-    }
-    get rotatesToggleIcon() {
-        return !this.toggleIconExpanded;
-    }
-    toggle(open) {
-        this.open = open;
-        if (this.open) {
-            this.opened.emit();
-        }
-        else {
-            this.closed.emit();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: AccordionComponent, isStandalone: true, 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", toggleIcon: "toggleIcon", toggleIconExpanded: "toggleIconExpanded", boldLabel: ["boldLabel", "boldLabel", booleanAttribute] }, outputs: { closed: "closed", opened: "opened" }, ngImport: i0, template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\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' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\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-title{flex:1 1 auto}.mat-expansion-panel-header-description{flex:0 1 auto;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.custom-height mat-panel-title{display:contents}.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;--mat-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 .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 .toggle-icon,.accordion-wrapper[theme=light].table .toggle-icon{border:1px dashed transparent}.accordion-wrapper[theme=dark].table:focus .toggle-icon,.accordion-wrapper[theme=light].table:focus .toggle-icon{border-radius:100%;border:1px dashed #919191}.accordion-wrapper.has-toggle-icon ::ng-deep .mat-expansion-indicator{display:none}.title-container:not(.with-toggle-icon){display:contents}.title-container.with-toggle-icon{display:flex;flex-direction:row;gap:16px}.title-container.with-toggle-icon:not(.table-container){align-items:center}.toggle-icon{align-self:center}.toggle-icon ::ng-deep mat-icon{transition:transform .3s}.toggle-icon.rotates.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-label.bold{font-weight:700}.accordion-wrapper[theme=dark] .accordion-label.bold,.accordion-wrapper[theme=dark].standard .accordion-label.bold,.accordion-wrapper[theme=dark].filter .accordion-label.bold,.accordion-wrapper[theme=dark].table .accordion-label.bold,.accordion-wrapper[theme=light] .accordion-label.bold,.accordion-wrapper[theme=light].standard .accordion-label.bold,.accordion-wrapper[theme=light].filter .accordion-label.bold,.accordion-wrapper[theme=light].table .accordion-label.bold{font-weight:700!important}\n"], dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatAccordion,
-                        NgClass,
-                        NgTemplateOutlet,
-                        MatExpansionPanel,
-                        MatExpansionPanelHeader,
-                        MatExpansionPanelTitle,
-                        IconComponent,
-                        MatTooltip,
-                        MatExpansionPanelDescription,
-                    ], template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\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' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\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-title{flex:1 1 auto}.mat-expansion-panel-header-description{flex:0 1 auto;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.custom-height mat-panel-title{display:contents}.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;--mat-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 .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 .toggle-icon,.accordion-wrapper[theme=light].table .toggle-icon{border:1px dashed transparent}.accordion-wrapper[theme=dark].table:focus .toggle-icon,.accordion-wrapper[theme=light].table:focus .toggle-icon{border-radius:100%;border:1px dashed #919191}.accordion-wrapper.has-toggle-icon ::ng-deep .mat-expansion-indicator{display:none}.title-container:not(.with-toggle-icon){display:contents}.title-container.with-toggle-icon{display:flex;flex-direction:row;gap:16px}.title-container.with-toggle-icon:not(.table-container){align-items:center}.toggle-icon{align-self:center}.toggle-icon ::ng-deep mat-icon{transition:transform .3s}.toggle-icon.rotates.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-label.bold{font-weight:700}.accordion-wrapper[theme=dark] .accordion-label.bold,.accordion-wrapper[theme=dark].standard .accordion-label.bold,.accordion-wrapper[theme=dark].filter .accordion-label.bold,.accordion-wrapper[theme=dark].table .accordion-label.bold,.accordion-wrapper[theme=light] .accordion-label.bold,.accordion-wrapper[theme=light].standard .accordion-label.bold,.accordion-wrapper[theme=light].filter .accordion-label.bold,.accordion-wrapper[theme=light].table .accordion-label.bold{font-weight:700!important}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { label: [{
-                type: Input,
-                args: [{ required: true }]
-            }], open: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], showPremiumIcon: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], premiumTooltipText: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], labelIcon: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], allowCustomHeader: [{
-                type: Input
-            }], noBackgroundColor: [{
-                type: Input
-            }], toggleIconPosition: [{
-                type: Input
-            }], toggleIcon: [{
-                type: Input
-            }], toggleIconExpanded: [{
-                type: Input
-            }], boldLabel: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], closed: [{
-                type: Output
-            }], opened: [{
-                type: Output
-            }] } });
-
-class AccordionComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponentModule, imports: [CommonModule,
-            IconComponentModule,
-            ButtonComponentModule,
-            MatTooltipModule,
-            MatExpansionModule,
-            AccordionComponent], exports: [AccordionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponentModule, imports: [CommonModule,
-            IconComponentModule,
-            ButtonComponentModule,
-            MatTooltipModule,
-            MatExpansionModule,
-            AccordionComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AccordionComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [AccordionComponent],
-                    imports: [
-                        CommonModule,
-                        IconComponentModule,
-                        ButtonComponentModule,
-                        MatTooltipModule,
-                        MatExpansionModule,
-                        AccordionComponent,
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CommonModule, NgClass, NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, NgModule, Optional, Output, booleanAttribute } from "@angular/core";
+import { MatAccordion, MatExpansionModule, MatExpansionPanel, MatExpansionPanelDescription, MatExpansionPanelHeader, MatExpansionPanelTitle } from "@angular/material/expansion";
+import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
+import { IconComponent, IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import { ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+var AccordionComponent = class AccordionComponent {
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.open = false;
+		this.disabled = false;
+		this.showPremiumIcon = false;
+		this.premiumTooltipText = "";
+		this.applicationTheme = "light";
+		this.variant = "standard";
+		this.allowCustomHeader = false;
+		this.noBackgroundColor = false;
+		this.toggleIconPosition = "right";
+		this.boldLabel = false;
+		this.closed = new EventEmitter();
+		this.opened = new EventEmitter();
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	get isTableVariant() {
+		return this.variant === "table" && this.applicationTheme !== "classic";
+	}
+	get hasToggleIcon() {
+		return Boolean(this.toggleIcon) || this.isTableVariant;
+	}
+	get isToggleIconLeading() {
+		return this.isTableVariant && !this.toggleIcon ? true : this.toggleIconPosition === "left";
+	}
+	get hasLeadingToggleIcon() {
+		return this.hasToggleIcon && this.isToggleIconLeading;
+	}
+	get hasTrailingToggleIcon() {
+		return this.hasToggleIcon && !this.isToggleIconLeading;
+	}
+	get resolvedToggleIcon() {
+		if (!this.toggleIcon) return "Arrow-chevron-down-filled";
+		return this.open && this.toggleIconExpanded ? this.toggleIconExpanded : this.toggleIcon;
+	}
+	get rotatesToggleIcon() {
+		return !this.toggleIconExpanded;
+	}
+	toggle(open) {
+		this.open = open;
+		if (this.open) this.opened.emit();
+		else this.closed.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AccordionComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: AccordionComponent,
+			isStandalone: true,
+			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",
+				toggleIcon: "toggleIcon",
+				toggleIconExpanded: "toggleIconExpanded",
+				boldLabel: [
+					"boldLabel",
+					"boldLabel",
+					booleanAttribute
+				]
+			},
+			outputs: {
+				closed: "closed",
+				opened: "opened"
+			},
+			ngImport: i0,
+			template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\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' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\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-title{flex:1 1 auto}.mat-expansion-panel-header-description{flex:0 1 auto;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.custom-height mat-panel-title{display:contents}.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;--mat-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 .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 .toggle-icon,.accordion-wrapper[theme=light].table .toggle-icon{border:1px dashed transparent}.accordion-wrapper[theme=dark].table:focus .toggle-icon,.accordion-wrapper[theme=light].table:focus .toggle-icon{border-radius:100%;border:1px dashed #919191}.accordion-wrapper.has-toggle-icon ::ng-deep .mat-expansion-indicator{display:none}.title-container:not(.with-toggle-icon){display:contents}.title-container.with-toggle-icon{display:flex;flex-direction:row;gap:16px}.title-container.with-toggle-icon:not(.table-container){align-items:center}.toggle-icon{align-self:center}.toggle-icon ::ng-deep mat-icon{transition:transform .3s}.toggle-icon.rotates.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-label.bold{font-weight:700}.accordion-wrapper[theme=dark] .accordion-label.bold,.accordion-wrapper[theme=dark].standard .accordion-label.bold,.accordion-wrapper[theme=dark].filter .accordion-label.bold,.accordion-wrapper[theme=dark].table .accordion-label.bold,.accordion-wrapper[theme=light] .accordion-label.bold,.accordion-wrapper[theme=light].standard .accordion-label.bold,.accordion-wrapper[theme=light].filter .accordion-label.bold,.accordion-wrapper[theme=light].table .accordion-label.bold{font-weight:700!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatAccordion,
+					selector: "mat-accordion",
+					inputs: [
+						"hideToggle",
+						"displayMode",
+						"togglePosition"
+					],
+					exportAs: ["matAccordion"]
+				},
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "component",
+					type: MatExpansionPanel,
+					selector: "mat-expansion-panel",
+					inputs: ["hideToggle", "togglePosition"],
+					outputs: ["afterExpand", "afterCollapse"],
+					exportAs: ["matExpansionPanel"]
+				},
+				{
+					kind: "component",
+					type: MatExpansionPanelHeader,
+					selector: "mat-expansion-panel-header",
+					inputs: [
+						"expandedHeight",
+						"collapsedHeight",
+						"tabIndex"
+					]
+				},
+				{
+					kind: "directive",
+					type: MatExpansionPanelTitle,
+					selector: "mat-panel-title"
+				},
+				{
+					kind: "component",
+					type: IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					kind: "directive",
+					type: MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "directive",
+					type: MatExpansionPanelDescription,
+					selector: "mat-panel-description"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AccordionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-accordion",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatAccordion,
+				NgClass,
+				NgTemplateOutlet,
+				MatExpansionPanel,
+				MatExpansionPanelHeader,
+				MatExpansionPanelTitle,
+				IconComponent,
+				MatTooltip,
+				MatExpansionPanelDescription
+			],
+			template: "<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\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' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\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-title{flex:1 1 auto}.mat-expansion-panel-header-description{flex:0 1 auto;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.custom-height mat-panel-title{display:contents}.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;--mat-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 .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 .toggle-icon,.accordion-wrapper[theme=light].table .toggle-icon{border:1px dashed transparent}.accordion-wrapper[theme=dark].table:focus .toggle-icon,.accordion-wrapper[theme=light].table:focus .toggle-icon{border-radius:100%;border:1px dashed #919191}.accordion-wrapper.has-toggle-icon ::ng-deep .mat-expansion-indicator{display:none}.title-container:not(.with-toggle-icon){display:contents}.title-container.with-toggle-icon{display:flex;flex-direction:row;gap:16px}.title-container.with-toggle-icon:not(.table-container){align-items:center}.toggle-icon{align-self:center}.toggle-icon ::ng-deep mat-icon{transition:transform .3s}.toggle-icon.rotates.open ::ng-deep mat-icon{transform:rotate(180deg)}.accordion-label.bold{font-weight:700}.accordion-wrapper[theme=dark] .accordion-label.bold,.accordion-wrapper[theme=dark].standard .accordion-label.bold,.accordion-wrapper[theme=dark].filter .accordion-label.bold,.accordion-wrapper[theme=dark].table .accordion-label.bold,.accordion-wrapper[theme=light] .accordion-label.bold,.accordion-wrapper[theme=light].standard .accordion-label.bold,.accordion-wrapper[theme=light].filter .accordion-label.bold,.accordion-wrapper[theme=light].table .accordion-label.bold{font-weight:700!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		open: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		disabled: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		showPremiumIcon: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		premiumTooltipText: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		labelIcon: [{ type: Input }],
+		variant: [{ type: Input }],
+		allowCustomHeader: [{ type: Input }],
+		noBackgroundColor: [{ type: Input }],
+		toggleIconPosition: [{ type: Input }],
+		toggleIcon: [{ type: Input }],
+		toggleIconExpanded: [{ type: Input }],
+		boldLabel: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		closed: [{ type: Output }],
+		opened: [{ type: Output }]
+	}
+});
+var AccordionComponentModule = class AccordionComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AccordionComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AccordionComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ButtonComponentModule,
+				MatTooltipModule,
+				MatExpansionModule,
+				AccordionComponent
+			],
+			exports: [AccordionComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AccordionComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ButtonComponentModule,
+				MatTooltipModule,
+				MatExpansionModule,
+				AccordionComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AccordionComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			exports: [AccordionComponent],
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ButtonComponentModule,
+				MatTooltipModule,
+				MatExpansionModule,
+				AccordionComponent
+			]
+		}]
+	}]
+});
 export { AccordionComponent, AccordionComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-accordion.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-accordion.mjs.map