@testgorilla/tgo-ui 6.4.2-beta.1 → 6.4.2-beta.4

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { input, EventEmitter, ContentChild, HostListener, ViewChild, Output, Input, HostBinding, Optional, Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, NgModule } from '@angular/core';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i2 from '@testgorilla/tgo-ui/components/button';
 import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';
 
@@ -144,7 +144,7 @@ class DialogComponent {
          * @memberof DialogComponent
          */
         this.keyboardOpen = false;
-        this.primaryButtonIconPosition = input('left');
+        this.primaryButtonIconPosition = input('left', ...(ngDevMode ? [{ debugName: "primaryButtonIconPosition" }] : []));
         this.closeEvent = new EventEmitter();
         this.secondaryButtonClickEvent = new EventEmitter();
         this.primaryButtonClickEvent = new EventEmitter();
@@ -205,12 +205,12 @@ class DialogComponent {
     onPrimaryButtonClick(event) {
         this.primaryButtonClickEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DialogComponent, isStandalone: false, selector: "ui-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: false, isRequired: false, transformFunction: null }, canCloseFn: { classPropertyName: "canCloseFn", publicName: "canCloseFn", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, footerMessage: { classPropertyName: "footerMessage", publicName: "footerMessage", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonLabel: { classPropertyName: "primaryButtonLabel", publicName: "primaryButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonIconName: { classPropertyName: "primaryButtonIconName", publicName: "primaryButtonIconName", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonType: { classPropertyName: "secondaryButtonType", publicName: "secondaryButtonType", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonType: { classPropertyName: "primaryButtonType", publicName: "primaryButtonType", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonDataTestId: { classPropertyName: "primaryButtonDataTestId", publicName: "primaryButtonDataTestId", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonDataTestId: { classPropertyName: "secondaryButtonDataTestId", publicName: "secondaryButtonDataTestId", isSignal: false, isRequired: false, transformFunction: null }, companyColor: { classPropertyName: "companyColor", publicName: "companyColor", isSignal: false, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: false, isRequired: false, transformFunction: null }, disablePrimaryButton: { classPropertyName: "disablePrimaryButton", publicName: "disablePrimaryButton", isSignal: false, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: false, isRequired: false, transformFunction: null }, shouldDisableButtons: { classPropertyName: "shouldDisableButtons", publicName: "shouldDisableButtons", isSignal: false, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: false, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: false, isRequired: false, transformFunction: null }, keyboardOpen: { classPropertyName: "keyboardOpen", publicName: "keyboardOpen", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonIconPosition: { classPropertyName: "primaryButtonIconPosition", publicName: "primaryButtonIconPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", secondaryButtonClickEvent: "secondaryButtonClickEvent", primaryButtonClickEvent: "primaryButtonClickEvent" }, host: { listeners: { "keydown.esc": "onEsc()" }, properties: { "style.--color": "this.companyColor" } }, queries: [{ propertyName: "customHeader", first: true, predicate: ["dialogHeader"], descendants: true }], viewQueries: [{ propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    <ng-container *ngIf=\"!hasCustomHeader\">\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      <div *ngIf=\"showCloseButton\">\n        <ui-button\n          #closeButton\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          (click)=\"onClose($event)\"\n          (buttonClickEvent)=\"dismiss()\"\n          id=\"dialog-close-button\"\n        ></ui-button>\n      </div>\n    </ng-container>\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div\n    mat-dialog-actions\n    *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\"\n    [class.dialog-action-w-message]=\"!!footerMessage\"\n  >\n    @if (footerMessage) {\n      <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n    }\n    <ui-button\n      *ngIf=\"!!secondaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      [label]=\"secondaryButtonLabel\"\n      [attr.data-testid]=\"secondaryButtonDataTestId\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      *ngIf=\"!!primaryButtonLabel\"\n      [iconPosition]=\"primaryButtonIconPosition()\"\n      [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n      [variant]=\"primaryButtonType\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [attr.data-testid]=\"primaryButtonDataTestId\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n  </div>\n</div>\n", styles: [".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}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper.x-large{width:1312px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}.mat-mdc-dialog-actions.dialog-action-w-message{justify-content:space-between}.mat-mdc-dialog-actions .actions-footer-message{flex:1 0 auto}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}.cdk-overlay-pane.ui-dialog-wrapper.x-large{height:100%}.cdk-overlay-pane.ui-dialog-wrapper.x-large .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:16px}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DialogComponent, isStandalone: false, selector: "ui-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: false, isRequired: false, transformFunction: null }, canCloseFn: { classPropertyName: "canCloseFn", publicName: "canCloseFn", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, footerMessage: { classPropertyName: "footerMessage", publicName: "footerMessage", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonLabel: { classPropertyName: "primaryButtonLabel", publicName: "primaryButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonIconName: { classPropertyName: "primaryButtonIconName", publicName: "primaryButtonIconName", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonType: { classPropertyName: "secondaryButtonType", publicName: "secondaryButtonType", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonType: { classPropertyName: "primaryButtonType", publicName: "primaryButtonType", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonDataTestId: { classPropertyName: "primaryButtonDataTestId", publicName: "primaryButtonDataTestId", isSignal: false, isRequired: false, transformFunction: null }, secondaryButtonDataTestId: { classPropertyName: "secondaryButtonDataTestId", publicName: "secondaryButtonDataTestId", isSignal: false, isRequired: false, transformFunction: null }, companyColor: { classPropertyName: "companyColor", publicName: "companyColor", isSignal: false, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: false, isRequired: false, transformFunction: null }, disablePrimaryButton: { classPropertyName: "disablePrimaryButton", publicName: "disablePrimaryButton", isSignal: false, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: false, isRequired: false, transformFunction: null }, shouldDisableButtons: { classPropertyName: "shouldDisableButtons", publicName: "shouldDisableButtons", isSignal: false, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: false, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: false, isRequired: false, transformFunction: null }, keyboardOpen: { classPropertyName: "keyboardOpen", publicName: "keyboardOpen", isSignal: false, isRequired: false, transformFunction: null }, primaryButtonIconPosition: { classPropertyName: "primaryButtonIconPosition", publicName: "primaryButtonIconPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", secondaryButtonClickEvent: "secondaryButtonClickEvent", primaryButtonClickEvent: "primaryButtonClickEvent" }, host: { listeners: { "keydown.esc": "onEsc()" }, properties: { "style.--color": "this.companyColor" } }, queries: [{ propertyName: "customHeader", first: true, predicate: ["dialogHeader"], descendants: true }], viewQueries: [{ propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    @if (!hasCustomHeader) {\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      @if (showCloseButton) {\n        <div>\n          <ui-button\n            #closeButton\n            [variant]=\"'icon-button'\"\n            [iconName]=\"'Close'\"\n            [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n            (click)=\"onClose($event)\"\n            (buttonClickEvent)=\"dismiss()\"\n            id=\"dialog-close-button\"\n          ></ui-button>\n        </div>\n      }\n    }\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  @if (secondaryButtonLabel !== '' || primaryButtonLabel !== '') {\n    <div mat-dialog-actions [class.dialog-action-w-message]=\"!!footerMessage\">\n      @if (footerMessage) {\n        <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n      }\n      @if (!!secondaryButtonLabel) {\n        <ui-button\n          [companyColor]=\"companyColor\"\n          [variant]=\"secondaryButtonType\"\n          [applicationTheme]=\"applicationTheme\"\n          [label]=\"secondaryButtonLabel\"\n          [attr.data-testid]=\"secondaryButtonDataTestId\"\n          (click)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (!!primaryButtonLabel) {\n        <ui-button\n          [iconPosition]=\"primaryButtonIconPosition()\"\n          [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n          [variant]=\"primaryButtonType\"\n          [disabled]=\"disableButtons || disablePrimaryButton\"\n          [applicationTheme]=\"applicationTheme\"\n          (click)=\"onPrimaryButtonClick($event)\"\n          [label]=\"primaryButtonLabel\"\n          [companyColor]=\"companyColor\"\n          [attr.data-testid]=\"primaryButtonDataTestId\"\n          (buttonClickEvent)=\"dismiss()\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    @if (modalClosed) {\n      <span>{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n    }\n  </div>\n</div>\n", styles: [".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}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper.x-large{width:1312px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}.mat-mdc-dialog-actions.dialog-action-w-message{justify-content:space-between}.mat-mdc-dialog-actions .actions-footer-message{flex:1 0 auto}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}.cdk-overlay-pane.ui-dialog-wrapper.x-large{height:100%}.cdk-overlay-pane.ui-dialog-wrapper.x-large .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:16px}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    <ng-container *ngIf=\"!hasCustomHeader\">\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      <div *ngIf=\"showCloseButton\">\n        <ui-button\n          #closeButton\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          (click)=\"onClose($event)\"\n          (buttonClickEvent)=\"dismiss()\"\n          id=\"dialog-close-button\"\n        ></ui-button>\n      </div>\n    </ng-container>\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div\n    mat-dialog-actions\n    *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\"\n    [class.dialog-action-w-message]=\"!!footerMessage\"\n  >\n    @if (footerMessage) {\n      <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n    }\n    <ui-button\n      *ngIf=\"!!secondaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      [label]=\"secondaryButtonLabel\"\n      [attr.data-testid]=\"secondaryButtonDataTestId\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      *ngIf=\"!!primaryButtonLabel\"\n      [iconPosition]=\"primaryButtonIconPosition()\"\n      [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n      [variant]=\"primaryButtonType\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [attr.data-testid]=\"primaryButtonDataTestId\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n  </div>\n</div>\n", styles: [".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}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper.x-large{width:1312px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}.mat-mdc-dialog-actions.dialog-action-w-message{justify-content:space-between}.mat-mdc-dialog-actions .actions-footer-message{flex:1 0 auto}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}.cdk-overlay-pane.ui-dialog-wrapper.x-large{height:100%}.cdk-overlay-pane.ui-dialog-wrapper.x-large .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:16px}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"] }]
+            args: [{ selector: 'ui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    @if (!hasCustomHeader) {\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      @if (showCloseButton) {\n        <div>\n          <ui-button\n            #closeButton\n            [variant]=\"'icon-button'\"\n            [iconName]=\"'Close'\"\n            [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n            (click)=\"onClose($event)\"\n            (buttonClickEvent)=\"dismiss()\"\n            id=\"dialog-close-button\"\n          ></ui-button>\n        </div>\n      }\n    }\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  @if (secondaryButtonLabel !== '' || primaryButtonLabel !== '') {\n    <div mat-dialog-actions [class.dialog-action-w-message]=\"!!footerMessage\">\n      @if (footerMessage) {\n        <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n      }\n      @if (!!secondaryButtonLabel) {\n        <ui-button\n          [companyColor]=\"companyColor\"\n          [variant]=\"secondaryButtonType\"\n          [applicationTheme]=\"applicationTheme\"\n          [label]=\"secondaryButtonLabel\"\n          [attr.data-testid]=\"secondaryButtonDataTestId\"\n          (click)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (!!primaryButtonLabel) {\n        <ui-button\n          [iconPosition]=\"primaryButtonIconPosition()\"\n          [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n          [variant]=\"primaryButtonType\"\n          [disabled]=\"disableButtons || disablePrimaryButton\"\n          [applicationTheme]=\"applicationTheme\"\n          (click)=\"onPrimaryButtonClick($event)\"\n          [label]=\"primaryButtonLabel\"\n          [companyColor]=\"companyColor\"\n          [attr.data-testid]=\"primaryButtonDataTestId\"\n          (buttonClickEvent)=\"dismiss()\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    @if (modalClosed) {\n      <span>{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n    }\n  </div>\n</div>\n", styles: [".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}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper.x-large{width:1312px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}.mat-mdc-dialog-actions.dialog-action-w-message{justify-content:space-between}.mat-mdc-dialog-actions .actions-footer-message{flex:1 0 auto}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}.cdk-overlay-pane.ui-dialog-wrapper.x-large{height:100%}.cdk-overlay-pane.ui-dialog-wrapper.x-large .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:16px}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -260,7 +260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], keyboardOpen: [{
                 type: Input
-            }], closeEvent: [{
+            }], primaryButtonIconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryButtonIconPosition", required: false }] }], closeEvent: [{
                 type: Output
             }], secondaryButtonClickEvent: [{
                 type: Output
@@ -298,10 +298,10 @@ class DialogService {
                 : ['ui-dialog-wrapper', panelClass, applicationTheme, size],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }, { token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }, { token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.MatDialog }, { type: undefined, decorators: [{
                     type: Optional
@@ -311,11 +311,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }] }] });
 
 class DialogComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: DialogComponentModule, declarations: [DialogComponent], imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe], exports: [DialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponentModule, providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService], imports: [CommonModule, MatDialogModule, ButtonComponentModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DialogComponentModule, declarations: [DialogComponent], imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe], exports: [DialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogComponentModule, providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService], imports: [CommonModule, MatDialogModule, ButtonComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DialogComponent],
@@ -368,10 +368,10 @@ class ConfirmDialogComponent {
         }
         this.dialogRef.close(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ConfirmDialogComponent, isStandalone: false, selector: "ui-confirm-dialog", inputs: { applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ng-container>\n  <ui-dialog\n    [title]=\"title ?? ('COMMON.CONFIRM' | uiTranslate | async)!\"\n    [primaryButtonLabel]=\"confirmButtonText ?? ('COMMON.YES' | uiTranslate | async)!\"\n    [secondaryButtonLabel]=\"\n      showSecondaryButton ? (cancelButtonText ?? ('COMMON.CANCEL' | uiTranslate | async)!) : undefined\n    \"\n    (primaryButtonClickEvent)=\"onConfirm()\"\n    (secondaryButtonClickEvent)=\"dialogRef.close(false)\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [primaryButtonType]=\"primaryButtonType\"\n    [primaryButtonIconName]=\"primaryButtonIconName\"\n    [secondaryButtonType]=\"secondaryButtonType\"\n    [applicationTheme]=\"applicationTheme\"\n    [showCloseButton]=\"showCloseButton\"\n    [companyColor]=\"color\"\n    [primaryButtonDataTestId]=\"primaryButtonDataTestId\"\n    [secondaryButtonDataTestId]=\"secondaryButtonDataTestId\"\n    [primaryButtonIconPosition]=\"primaryButtonIconPosition\"\n  >\n    <div class=\"message\">{{ confirmMessage }}</div>\n    @if (confirmMessageHtml) {\n      <div class=\"message\" [innerHTML]=\"confirmMessageHtml\"></div>\n    }\n  </ui-dialog>\n</ng-container>\n", styles: ["::ng-deep .ui-dialog-wrapper{max-width:600px!important}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "ui-dialog", inputs: ["title", "showCloseButton", "canCloseFn", "secondaryButtonLabel", "footerMessage", "primaryButtonLabel", "primaryButtonIconName", "secondaryButtonType", "primaryButtonType", "primaryButtonDataTestId", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ConfirmDialogComponent, isStandalone: false, selector: "ui-confirm-dialog", inputs: { applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ng-container>\n  <ui-dialog\n    [title]=\"title ?? ('COMMON.CONFIRM' | uiTranslate | async)!\"\n    [primaryButtonLabel]=\"confirmButtonText ?? ('COMMON.YES' | uiTranslate | async)!\"\n    [secondaryButtonLabel]=\"\n      showSecondaryButton ? (cancelButtonText ?? ('COMMON.CANCEL' | uiTranslate | async)!) : undefined\n    \"\n    (primaryButtonClickEvent)=\"onConfirm()\"\n    (secondaryButtonClickEvent)=\"dialogRef.close(false)\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [primaryButtonType]=\"primaryButtonType\"\n    [primaryButtonIconName]=\"primaryButtonIconName\"\n    [secondaryButtonType]=\"secondaryButtonType\"\n    [applicationTheme]=\"applicationTheme\"\n    [showCloseButton]=\"showCloseButton\"\n    [companyColor]=\"color\"\n    [primaryButtonDataTestId]=\"primaryButtonDataTestId\"\n    [secondaryButtonDataTestId]=\"secondaryButtonDataTestId\"\n    [primaryButtonIconPosition]=\"primaryButtonIconPosition\"\n  >\n    <div class=\"message\">{{ confirmMessage }}</div>\n    @if (confirmMessageHtml) {\n      <div class=\"message\" [innerHTML]=\"confirmMessageHtml\"></div>\n    }\n  </ui-dialog>\n</ng-container>\n", styles: ["::ng-deep .ui-dialog-wrapper{max-width:600px!important}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "ui-dialog", inputs: ["title", "showCloseButton", "canCloseFn", "secondaryButtonLabel", "footerMessage", "primaryButtonLabel", "primaryButtonIconName", "secondaryButtonType", "primaryButtonType", "primaryButtonDataTestId", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-confirm-dialog', standalone: false, template: "<ng-container>\n  <ui-dialog\n    [title]=\"title ?? ('COMMON.CONFIRM' | uiTranslate | async)!\"\n    [primaryButtonLabel]=\"confirmButtonText ?? ('COMMON.YES' | uiTranslate | async)!\"\n    [secondaryButtonLabel]=\"\n      showSecondaryButton ? (cancelButtonText ?? ('COMMON.CANCEL' | uiTranslate | async)!) : undefined\n    \"\n    (primaryButtonClickEvent)=\"onConfirm()\"\n    (secondaryButtonClickEvent)=\"dialogRef.close(false)\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [primaryButtonType]=\"primaryButtonType\"\n    [primaryButtonIconName]=\"primaryButtonIconName\"\n    [secondaryButtonType]=\"secondaryButtonType\"\n    [applicationTheme]=\"applicationTheme\"\n    [showCloseButton]=\"showCloseButton\"\n    [companyColor]=\"color\"\n    [primaryButtonDataTestId]=\"primaryButtonDataTestId\"\n    [secondaryButtonDataTestId]=\"secondaryButtonDataTestId\"\n    [primaryButtonIconPosition]=\"primaryButtonIconPosition\"\n  >\n    <div class=\"message\">{{ confirmMessage }}</div>\n    @if (confirmMessageHtml) {\n      <div class=\"message\" [innerHTML]=\"confirmMessageHtml\"></div>\n    }\n  </ui-dialog>\n</ng-container>\n", styles: ["::ng-deep .ui-dialog-wrapper{max-width:600px!important}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -387,14 +387,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class ConfirmDialogComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponentModule, declarations: [ConfirmDialogComponent], imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, UiTranslatePipe], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponentModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponentModule, declarations: [ConfirmDialogComponent], imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, UiTranslatePipe], exports: [ConfirmDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponentModule, providers: [
             { provide: MAT_DIALOG_DATA, useValue: {} },
             { provide: MatDialogRef, useValue: {} },
         ], imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfirmDialogComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfirmDialogComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ConfirmDialogComponent],
@@ -437,12 +437,12 @@ class DialogCustomComponent {
     canCloseTrue() {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DialogCustomComponent, isStandalone: false, selector: "ui-dialog-custom", inputs: { applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  <div *ngIf=\"data.type === 'custom-header'\" dialogHeader class=\"custom-header\">\n    <div class=\"button-group\">\n      <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n    </div>\n  </div>\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    <p *ngIf=\"data.type === 'default'\" class=\"dialog-message\">\n      This is a default dialog example with a standard header.\n    </p>\n    <p *ngIf=\"data.type === 'custom-header'\" class=\"dialog-message\">\n      This dialog uses a custom header with content projection.\n    </p>\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n", styles: [".custom-header{width:100%}.custom-header .button-group{display:flex;gap:8px;align-items:center;margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DialogComponent, selector: "ui-dialog", inputs: ["title", "showCloseButton", "canCloseFn", "secondaryButtonLabel", "footerMessage", "primaryButtonLabel", "primaryButtonIconName", "secondaryButtonType", "primaryButtonType", "primaryButtonDataTestId", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DialogCustomComponent, isStandalone: false, selector: "ui-dialog-custom", inputs: { applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  @if (data.type === 'custom-header') {\n    <div dialogHeader class=\"custom-header\">\n      <div class=\"button-group\">\n        <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n        <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      </div>\n    </div>\n  }\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    @if (data.type === 'default') {\n      <p class=\"dialog-message\">This is a default dialog example with a standard header.</p>\n    }\n    @if (data.type === 'custom-header') {\n      <p class=\"dialog-message\">This dialog uses a custom header with content projection.</p>\n    }\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n", styles: [".custom-header{width:100%}.custom-header .button-group{display:flex;gap:8px;align-items:center;margin-left:auto}\n"], dependencies: [{ kind: "component", type: DialogComponent, selector: "ui-dialog", inputs: ["title", "showCloseButton", "canCloseFn", "secondaryButtonLabel", "footerMessage", "primaryButtonLabel", "primaryButtonIconName", "secondaryButtonType", "primaryButtonType", "primaryButtonDataTestId", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-dialog-custom', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  <div *ngIf=\"data.type === 'custom-header'\" dialogHeader class=\"custom-header\">\n    <div class=\"button-group\">\n      <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n    </div>\n  </div>\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    <p *ngIf=\"data.type === 'default'\" class=\"dialog-message\">\n      This is a default dialog example with a standard header.\n    </p>\n    <p *ngIf=\"data.type === 'custom-header'\" class=\"dialog-message\">\n      This dialog uses a custom header with content projection.\n    </p>\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n", styles: [".custom-header{width:100%}.custom-header .button-group{display:flex;gap:8px;align-items:center;margin-left:auto}\n"] }]
+            args: [{ selector: 'ui-dialog-custom', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  @if (data.type === 'custom-header') {\n    <div dialogHeader class=\"custom-header\">\n      <div class=\"button-group\">\n        <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n        <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      </div>\n    </div>\n  }\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    @if (data.type === 'default') {\n      <p class=\"dialog-message\">This is a default dialog example with a standard header.</p>\n    }\n    @if (data.type === 'custom-header') {\n      <p class=\"dialog-message\">This dialog uses a custom header with content projection.</p>\n    }\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n", styles: [".custom-header{width:100%}.custom-header .button-group{display:flex;gap:8px;align-items:center;margin-left:auto}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -456,11 +456,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class DialogCustomComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponentModule, declarations: [DialogCustomComponent], imports: [CommonModule, DialogComponentModule, ButtonComponentModule], exports: [DialogCustomComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponentModule, imports: [CommonModule, DialogComponentModule, ButtonComponentModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponentModule, declarations: [DialogCustomComponent], imports: [CommonModule, DialogComponentModule, ButtonComponentModule], exports: [DialogCustomComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponentModule, imports: [CommonModule, DialogComponentModule, ButtonComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCustomComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DialogCustomComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DialogCustomComponent],

package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-dialog.mjs","sources":["../../../components/dialog/dialog.component.ts","../../../components/dialog/dialog.component.html","../../../components/dialog/dialog.service.ts","../../../components/dialog/dialog.component.module.ts","../../../components/dialog/confirm-dialog/confirm-dialog.component.ts","../../../components/dialog/confirm-dialog/confirm-dialog.component.html","../../../components/dialog/confirm-dialog/confirm-dialog.component.module.ts","../../../components/dialog/dialog-custom/dialog-custom.component.ts","../../../components/dialog/dialog-custom/dialog-custom.component.html","../../../components/dialog/dialog-custom/dialog-custom.component.module.ts","../../../components/dialog/testgorilla-tgo-ui-components-dialog.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ButtonColor, ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class DialogComponent implements OnInit, OnChanges, AfterViewInit {\n  /**\n   * Dialog title\n   *\n   * @memberof DialogComponent\n   */\n  @Input() title? = '';\n\n  /**\n   * Show close button\n   *\n   * @memberof DialogComponent\n   */\n  @Input() showCloseButton = true;\n\n  /**\n   * Fuction called before dialgo is closed\n   *\n   * @memberof DialogComponent\n   */\n  @Input() canCloseFn: () => boolean = () => true;\n\n  /**\n   * Secondary button label\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonLabel? = '';\n\n  /**\n   * Footer dialog message\n   *\n   * @memberof DialogComponent\n   */\n  @Input() footerMessage? = '';\n\n  /**\n   * Primary button label\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonLabel? = '';\n\n  /**\n   * Primary button icon name\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonIconName?: IconName | '' = '';\n\n  /**\n   * Secondary button type\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonType: ButtonColor = 'ghost';\n\n  /**\n   * Primary button type\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonType: ButtonColor = 'primary';\n\n  /**\n   * Primary button test id\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonDataTestId: string | null = null;\n\n  /**\n   * Secondary button test id\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonDataTestId: string | null = null;\n\n  /**\n   * Color of the dialog.\n   * Defaults to Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @HostBinding('style.--color')\n  @Input()\n  companyColor: string | null = '';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n  /**\n   *\n   * Disable primary button\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() disablePrimaryButton = false;\n  /**\n   *\n   * Disable close button\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() disableClose = false;\n\n  /**\n   *\n   * Disable button when canCloseFn is used\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() shouldDisableButtons = true;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @Input() ariaLabelledby = '';\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @Input() ariaDescribedby = '';\n\n  /**\n   * Defines how modal was opened (with keyboard or not)\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() keyboardOpen = false;\n\n  primaryButtonIconPosition = input<ButtonIconPosition>('left');\n\n  @Output() closeEvent: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() secondaryButtonClickEvent: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() primaryButtonClickEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n  @ViewChild('closeButton') closeButton: ButtonComponent;\n\n  modalClosed = false;\n\n  @HostListener('keydown.esc')\n  onEsc() {\n    this.dismiss();\n  }\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    public dialogRef: MatDialogRef<DialogComponent>,\n    @Inject(MAT_DIALOG_DATA) private data: { applicationTheme: ApplicationTheme }\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  disableButtons = false;\n  protected readonly translationContext = 'DIALOG.';\n\n  @ContentChild('dialogHeader')\n  customHeader?: any;\n\n  get hasCustomHeader(): boolean {\n    return !!this.customHeader;\n  }\n\n  ngOnInit(): void {\n    this.areButtonsDisabled();\n    if (this.data?.applicationTheme) {\n      this.applicationTheme = this.data.applicationTheme;\n    }\n    if (this.applicationTheme !== 'classic') {\n      this.companyColor = this.companyColor || '#D410AA';\n    } else {\n      this.companyColor = this.companyColor || '#46A997';\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['canCloseFn']) {\n      this.dialogRef.disableClose = !this.canCloseFn();\n      this.areButtonsDisabled();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (this.keyboardOpen) {\n      setTimeout(() => {\n        this.closeButton.buttonElement.focus('keyboard');\n      }, 100);\n    }\n  }\n\n  //Disable primary button when canClose is false\n  areButtonsDisabled() {\n    this.disableButtons = !this.canCloseFn() && this.shouldDisableButtons;\n  }\n\n  //Close modal\n  dismiss(): void {\n    if (this.canCloseFn()) {\n      this.dialogRef.disableClose = false;\n      this.dialogRef.close();\n      this.modalClosed = true;\n    }\n  }\n\n  onClose(event: Event): void {\n    this.closeEvent.emit(event);\n    this.modalClosed = true;\n  }\n\n  onSecondaryButtonClick(event: Event): void {\n    this.secondaryButtonClickEvent.emit(event);\n  }\n\n  onPrimaryButtonClick(event: Event): void {\n    this.primaryButtonClickEvent.emit(event);\n  }\n}\n","<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    <ng-container *ngIf=\"!hasCustomHeader\">\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      <div *ngIf=\"showCloseButton\">\n        <ui-button\n          #closeButton\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          (click)=\"onClose($event)\"\n          (buttonClickEvent)=\"dismiss()\"\n          id=\"dialog-close-button\"\n        ></ui-button>\n      </div>\n    </ng-container>\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div\n    mat-dialog-actions\n    *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\"\n    [class.dialog-action-w-message]=\"!!footerMessage\"\n  >\n    @if (footerMessage) {\n      <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n    }\n    <ui-button\n      *ngIf=\"!!secondaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      [label]=\"secondaryButtonLabel\"\n      [attr.data-testid]=\"secondaryButtonDataTestId\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      *ngIf=\"!!primaryButtonLabel\"\n      [iconPosition]=\"primaryButtonIconPosition()\"\n      [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n      [variant]=\"primaryButtonType\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      [attr.data-testid]=\"primaryButtonDataTestId\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n  </div>\n</div>\n","import { ComponentType } from '@angular/cdk/portal';\nimport { Inject, Injectable, Optional } from '@angular/core';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { DialogConfig } from './dialog.model';\n\nexport type DialogSize = 'small' | 'large' | 'x-large';\n@Injectable()\nexport class DialogService {\n  constructor(\n    private matDialog: MatDialog,\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {}\n\n  open<K = any, R = any, T = any>(\n    dialogComponent: ComponentType<T>,\n    dialogConfig?: DialogConfig<K>\n  ): MatDialogRef<T, R> {\n    const {\n      applicationTheme = 'light',\n      size = 'small',\n      panelClass = '',\n      extraData = {},\n      backdropClass = '',\n      keyboardOpen = false,\n      config = {},\n    } = dialogConfig || {};\n    // Open the dialog using UI custom styles\n    return this.matDialog.open(dialogComponent, {\n      ...config,\n      data: {\n        applicationTheme: this.defaultAppTheme ?? applicationTheme,\n        ...extraData,\n        keyboardOpen,\n      },\n      backdropClass: backdropClass || '',\n      panelClass:\n        applicationTheme === 'classic'\n          ? ['ui-dialog-wrapper', panelClass, size]\n          : ['ui-dialog-wrapper', panelClass, applicationTheme, size],\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DialogComponent } from './dialog.component';\nimport { DialogService } from './dialog.service';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [DialogComponent],\n  imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe],\n  exports: [DialogComponent],\n  providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService],\n})\nexport class DialogComponentModule {}\n","import { Component, Inject, Input, Optional } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonColor, ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\nimport { ConfirmDialogData } from './confirm-dialog.model';\n\n@Component({\n  selector: 'ui-confirm-dialog',\n  templateUrl: './confirm-dialog.component.html',\n  styleUrls: ['./confirm-dialog.component.scss'],\n  standalone: false,\n})\nexport class ConfirmDialogComponent {\n  confirmMessage: string | undefined;\n  confirmButtonText: string | undefined;\n  cancelButtonText: string | undefined;\n  title: string | undefined;\n  lang = LanguageService.defaultLanguage;\n  confirmMessageHtml: string | undefined;\n  showCloseButton = false;\n  showSecondaryButton = true;\n  color: string | null;\n  primaryButtonType: ButtonColor;\n  secondaryButtonType: ButtonColor;\n  primaryButtonIconName: IconName | undefined;\n  primaryButtonDataTestId = 'confirm-dialog.confirm-button';\n  secondaryButtonDataTestId = 'confirm-dialog.cancel-button';\n  primaryButtonIconPosition: ButtonIconPosition;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    public dialogRef: MatDialogRef<ConfirmDialogComponent>,\n    @Inject(MAT_DIALOG_DATA) private data: ConfirmDialogData\n  ) {\n    this.confirmMessage = data.message;\n    this.confirmButtonText = data.confirmButtonText;\n    this.cancelButtonText = data.cancelButtonText;\n    this.title = data.title;\n    this.lang = data.language ?? LanguageService.defaultLanguage;\n    this.confirmMessageHtml = data.messageHtml ?? undefined;\n    this.showCloseButton = data.showCloseButton ?? false;\n    this.showSecondaryButton = data.showSecondaryButton ?? true;\n    this.color = data.color ?? null;\n    this.primaryButtonType = data.primaryButtonType ?? 'primary';\n    this.secondaryButtonType = data.secondaryButtonType ?? 'ghost';\n    this.primaryButtonIconName = data.primaryButtonIconName ?? undefined;\n    this.primaryButtonDataTestId = data.primaryButtonDataTestId ?? 'confirm-dialog.confirm-button';\n    this.secondaryButtonDataTestId = data.secondaryButtonDataTestId ?? 'confirm-dialog.cancel-button';\n    this.primaryButtonIconPosition = data.primaryButtonIconPosition ?? 'left';\n\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  onConfirm(): void {\n    if (this.data.onConfirm) {\n      this.data.onConfirm();\n    }\n    this.dialogRef.close(true);\n  }\n}\n","<ng-container>\n  <ui-dialog\n    [title]=\"title ?? ('COMMON.CONFIRM' | uiTranslate | async)!\"\n    [primaryButtonLabel]=\"confirmButtonText ?? ('COMMON.YES' | uiTranslate | async)!\"\n    [secondaryButtonLabel]=\"\n      showSecondaryButton ? (cancelButtonText ?? ('COMMON.CANCEL' | uiTranslate | async)!) : undefined\n    \"\n    (primaryButtonClickEvent)=\"onConfirm()\"\n    (secondaryButtonClickEvent)=\"dialogRef.close(false)\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [primaryButtonType]=\"primaryButtonType\"\n    [primaryButtonIconName]=\"primaryButtonIconName\"\n    [secondaryButtonType]=\"secondaryButtonType\"\n    [applicationTheme]=\"applicationTheme\"\n    [showCloseButton]=\"showCloseButton\"\n    [companyColor]=\"color\"\n    [primaryButtonDataTestId]=\"primaryButtonDataTestId\"\n    [secondaryButtonDataTestId]=\"secondaryButtonDataTestId\"\n    [primaryButtonIconPosition]=\"primaryButtonIconPosition\"\n  >\n    <div class=\"message\">{{ confirmMessage }}</div>\n    @if (confirmMessageHtml) {\n      <div class=\"message\" [innerHTML]=\"confirmMessageHtml\"></div>\n    }\n  </ui-dialog>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DialogComponentModule } from '../dialog.component.module';\nimport { ConfirmDialogComponent } from './confirm-dialog.component';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [ConfirmDialogComponent],\n  exports: [ConfirmDialogComponent],\n  providers: [\n    { provide: MAT_DIALOG_DATA, useValue: {} },\n    { provide: MatDialogRef, useValue: {} },\n  ],\n  imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, UiTranslatePipe],\n})\nexport class ConfirmDialogComponentModule {}\n","import { Component, Inject, Input, OnInit, Optional, ViewEncapsulation } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n  selector: 'ui-dialog-custom',\n  templateUrl: './dialog-custom.component.html',\n  styleUrls: ['./dialog-custom.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class DialogCustomComponent implements OnInit {\n  canClose: () => boolean;\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    @Inject(MAT_DIALOG_DATA) protected data: any\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.canClose = this.canCloseFalse.bind(this);\n    setTimeout(() => {\n      this.canClose = this.canCloseTrue.bind(this);\n    }, 2000);\n  }\n\n  //canCloseFn @input demo with false value\n  canCloseFalse(): boolean {\n    return false;\n  }\n\n  //canCloseFn @input demo with true value\n  canCloseTrue(): boolean {\n    return true;\n  }\n}\n","<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  <div *ngIf=\"data.type === 'custom-header'\" dialogHeader class=\"custom-header\">\n    <div class=\"button-group\">\n      <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n    </div>\n  </div>\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    <p *ngIf=\"data.type === 'default'\" class=\"dialog-message\">\n      This is a default dialog example with a standard header.\n    </p>\n    <p *ngIf=\"data.type === 'custom-header'\" class=\"dialog-message\">\n      This dialog uses a custom header with content projection.\n    </p>\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DialogComponentModule } from '../dialog.component.module';\nimport { DialogCustomComponent } from './dialog-custom.component';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\n\n@NgModule({\n  declarations: [DialogCustomComponent],\n  imports: [CommonModule, DialogComponentModule, ButtonComponentModule],\n  exports: [DialogCustomComponent],\n})\nexport class DialogCustomComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.DialogComponent","i3","i1"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-dialog.mjs","sources":["../../../components/dialog/dialog.component.ts","../../../components/dialog/dialog.component.html","../../../components/dialog/dialog.service.ts","../../../components/dialog/dialog.component.module.ts","../../../components/dialog/confirm-dialog/confirm-dialog.component.ts","../../../components/dialog/confirm-dialog/confirm-dialog.component.html","../../../components/dialog/confirm-dialog/confirm-dialog.component.module.ts","../../../components/dialog/dialog-custom/dialog-custom.component.ts","../../../components/dialog/dialog-custom/dialog-custom.component.html","../../../components/dialog/dialog-custom/dialog-custom.component.module.ts","../../../components/dialog/testgorilla-tgo-ui-components-dialog.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ButtonColor, ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\n\n@Component({\n  selector: 'ui-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class DialogComponent implements OnInit, OnChanges, AfterViewInit {\n  /**\n   * Dialog title\n   *\n   * @memberof DialogComponent\n   */\n  @Input() title? = '';\n\n  /**\n   * Show close button\n   *\n   * @memberof DialogComponent\n   */\n  @Input() showCloseButton = true;\n\n  /**\n   * Fuction called before dialgo is closed\n   *\n   * @memberof DialogComponent\n   */\n  @Input() canCloseFn: () => boolean = () => true;\n\n  /**\n   * Secondary button label\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonLabel? = '';\n\n  /**\n   * Footer dialog message\n   *\n   * @memberof DialogComponent\n   */\n  @Input() footerMessage? = '';\n\n  /**\n   * Primary button label\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonLabel? = '';\n\n  /**\n   * Primary button icon name\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonIconName?: IconName | '' = '';\n\n  /**\n   * Secondary button type\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonType: ButtonColor = 'ghost';\n\n  /**\n   * Primary button type\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonType: ButtonColor = 'primary';\n\n  /**\n   * Primary button test id\n   *\n   * @memberof DialogComponent\n   */\n  @Input() primaryButtonDataTestId: string | null = null;\n\n  /**\n   * Secondary button test id\n   *\n   * @memberof DialogComponent\n   */\n  @Input() secondaryButtonDataTestId: string | null = null;\n\n  /**\n   * Color of the dialog.\n   * Defaults to Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @HostBinding('style.--color')\n  @Input()\n  companyColor: string | null = '';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n  /**\n   *\n   * Disable primary button\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() disablePrimaryButton = false;\n  /**\n   *\n   * Disable close button\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() disableClose = false;\n\n  /**\n   *\n   * Disable button when canCloseFn is used\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() shouldDisableButtons = true;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @Input() ariaLabelledby = '';\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {string}\n   * @memberof DialogComponent\n   */\n  @Input() ariaDescribedby = '';\n\n  /**\n   * Defines how modal was opened (with keyboard or not)\n   *\n   * @type {boolean}\n   * @memberof DialogComponent\n   */\n  @Input() keyboardOpen = false;\n\n  primaryButtonIconPosition = input<ButtonIconPosition>('left');\n\n  @Output() closeEvent: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() secondaryButtonClickEvent: EventEmitter<Event> = new EventEmitter<Event>();\n  @Output() primaryButtonClickEvent: EventEmitter<Event> = new EventEmitter<Event>();\n\n  @ViewChild('closeButton') closeButton: ButtonComponent;\n\n  modalClosed = false;\n\n  @HostListener('keydown.esc')\n  onEsc() {\n    this.dismiss();\n  }\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    public dialogRef: MatDialogRef<DialogComponent>,\n    @Inject(MAT_DIALOG_DATA) private data: { applicationTheme: ApplicationTheme }\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  disableButtons = false;\n  protected readonly translationContext = 'DIALOG.';\n\n  @ContentChild('dialogHeader')\n  customHeader?: any;\n\n  get hasCustomHeader(): boolean {\n    return !!this.customHeader;\n  }\n\n  ngOnInit(): void {\n    this.areButtonsDisabled();\n    if (this.data?.applicationTheme) {\n      this.applicationTheme = this.data.applicationTheme;\n    }\n    if (this.applicationTheme !== 'classic') {\n      this.companyColor = this.companyColor || '#D410AA';\n    } else {\n      this.companyColor = this.companyColor || '#46A997';\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['canCloseFn']) {\n      this.dialogRef.disableClose = !this.canCloseFn();\n      this.areButtonsDisabled();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (this.keyboardOpen) {\n      setTimeout(() => {\n        this.closeButton.buttonElement.focus('keyboard');\n      }, 100);\n    }\n  }\n\n  //Disable primary button when canClose is false\n  areButtonsDisabled() {\n    this.disableButtons = !this.canCloseFn() && this.shouldDisableButtons;\n  }\n\n  //Close modal\n  dismiss(): void {\n    if (this.canCloseFn()) {\n      this.dialogRef.disableClose = false;\n      this.dialogRef.close();\n      this.modalClosed = true;\n    }\n  }\n\n  onClose(event: Event): void {\n    this.closeEvent.emit(event);\n    this.modalClosed = true;\n  }\n\n  onSecondaryButtonClick(event: Event): void {\n    this.secondaryButtonClickEvent.emit(event);\n  }\n\n  onPrimaryButtonClick(event: Event): void {\n    this.primaryButtonClickEvent.emit(event);\n  }\n}\n","<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n\n    <!-- Default header content -->\n    @if (!hasCustomHeader) {\n      <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n      @if (showCloseButton) {\n        <div>\n          <ui-button\n            #closeButton\n            [variant]=\"'icon-button'\"\n            [iconName]=\"'Close'\"\n            [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n            (click)=\"onClose($event)\"\n            (buttonClickEvent)=\"dismiss()\"\n            id=\"dialog-close-button\"\n          ></ui-button>\n        </div>\n      }\n    }\n\n    <!-- Custom header content projection -->\n    <ng-content select=\"[dialogHeader]\"></ng-content>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  @if (secondaryButtonLabel !== '' || primaryButtonLabel !== '') {\n    <div mat-dialog-actions [class.dialog-action-w-message]=\"!!footerMessage\">\n      @if (footerMessage) {\n        <div class=\"actions-footer-message\">{{ footerMessage }}</div>\n      }\n      @if (!!secondaryButtonLabel) {\n        <ui-button\n          [companyColor]=\"companyColor\"\n          [variant]=\"secondaryButtonType\"\n          [applicationTheme]=\"applicationTheme\"\n          [label]=\"secondaryButtonLabel\"\n          [attr.data-testid]=\"secondaryButtonDataTestId\"\n          (click)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (!!primaryButtonLabel) {\n        <ui-button\n          [iconPosition]=\"primaryButtonIconPosition()\"\n          [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n          [variant]=\"primaryButtonType\"\n          [disabled]=\"disableButtons || disablePrimaryButton\"\n          [applicationTheme]=\"applicationTheme\"\n          (click)=\"onPrimaryButtonClick($event)\"\n          [label]=\"primaryButtonLabel\"\n          [companyColor]=\"companyColor\"\n          [attr.data-testid]=\"primaryButtonDataTestId\"\n          (buttonClickEvent)=\"dismiss()\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px\">\n    @if (modalClosed) {\n      <span>{{ 'DIALOG.CLOSED' | uiTranslate | async }}</span>\n    }\n  </div>\n</div>\n","import { ComponentType } from '@angular/cdk/portal';\nimport { Inject, Injectable, Optional } from '@angular/core';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { DialogConfig } from './dialog.model';\n\nexport type DialogSize = 'small' | 'large' | 'x-large';\n@Injectable()\nexport class DialogService {\n  constructor(\n    private matDialog: MatDialog,\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {}\n\n  open<K = any, R = any, T = any>(\n    dialogComponent: ComponentType<T>,\n    dialogConfig?: DialogConfig<K>\n  ): MatDialogRef<T, R> {\n    const {\n      applicationTheme = 'light',\n      size = 'small',\n      panelClass = '',\n      extraData = {},\n      backdropClass = '',\n      keyboardOpen = false,\n      config = {},\n    } = dialogConfig || {};\n    // Open the dialog using UI custom styles\n    return this.matDialog.open(dialogComponent, {\n      ...config,\n      data: {\n        applicationTheme: this.defaultAppTheme ?? applicationTheme,\n        ...extraData,\n        keyboardOpen,\n      },\n      backdropClass: backdropClass || '',\n      panelClass:\n        applicationTheme === 'classic'\n          ? ['ui-dialog-wrapper', panelClass, size]\n          : ['ui-dialog-wrapper', panelClass, applicationTheme, size],\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DialogComponent } from './dialog.component';\nimport { DialogService } from './dialog.service';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [DialogComponent],\n  imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe],\n  exports: [DialogComponent],\n  providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService],\n})\nexport class DialogComponentModule {}\n","import { Component, Inject, Input, Optional } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonColor, ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\nimport { ConfirmDialogData } from './confirm-dialog.model';\n\n@Component({\n  selector: 'ui-confirm-dialog',\n  templateUrl: './confirm-dialog.component.html',\n  styleUrls: ['./confirm-dialog.component.scss'],\n  standalone: false,\n})\nexport class ConfirmDialogComponent {\n  confirmMessage: string | undefined;\n  confirmButtonText: string | undefined;\n  cancelButtonText: string | undefined;\n  title: string | undefined;\n  lang = LanguageService.defaultLanguage;\n  confirmMessageHtml: string | undefined;\n  showCloseButton = false;\n  showSecondaryButton = true;\n  color: string | null;\n  primaryButtonType: ButtonColor;\n  secondaryButtonType: ButtonColor;\n  primaryButtonIconName: IconName | undefined;\n  primaryButtonDataTestId = 'confirm-dialog.confirm-button';\n  secondaryButtonDataTestId = 'confirm-dialog.cancel-button';\n  primaryButtonIconPosition: ButtonIconPosition;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    public dialogRef: MatDialogRef<ConfirmDialogComponent>,\n    @Inject(MAT_DIALOG_DATA) private data: ConfirmDialogData\n  ) {\n    this.confirmMessage = data.message;\n    this.confirmButtonText = data.confirmButtonText;\n    this.cancelButtonText = data.cancelButtonText;\n    this.title = data.title;\n    this.lang = data.language ?? LanguageService.defaultLanguage;\n    this.confirmMessageHtml = data.messageHtml ?? undefined;\n    this.showCloseButton = data.showCloseButton ?? false;\n    this.showSecondaryButton = data.showSecondaryButton ?? true;\n    this.color = data.color ?? null;\n    this.primaryButtonType = data.primaryButtonType ?? 'primary';\n    this.secondaryButtonType = data.secondaryButtonType ?? 'ghost';\n    this.primaryButtonIconName = data.primaryButtonIconName ?? undefined;\n    this.primaryButtonDataTestId = data.primaryButtonDataTestId ?? 'confirm-dialog.confirm-button';\n    this.secondaryButtonDataTestId = data.secondaryButtonDataTestId ?? 'confirm-dialog.cancel-button';\n    this.primaryButtonIconPosition = data.primaryButtonIconPosition ?? 'left';\n\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  onConfirm(): void {\n    if (this.data.onConfirm) {\n      this.data.onConfirm();\n    }\n    this.dialogRef.close(true);\n  }\n}\n","<ng-container>\n  <ui-dialog\n    [title]=\"title ?? ('COMMON.CONFIRM' | uiTranslate | async)!\"\n    [primaryButtonLabel]=\"confirmButtonText ?? ('COMMON.YES' | uiTranslate | async)!\"\n    [secondaryButtonLabel]=\"\n      showSecondaryButton ? (cancelButtonText ?? ('COMMON.CANCEL' | uiTranslate | async)!) : undefined\n    \"\n    (primaryButtonClickEvent)=\"onConfirm()\"\n    (secondaryButtonClickEvent)=\"dialogRef.close(false)\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [primaryButtonType]=\"primaryButtonType\"\n    [primaryButtonIconName]=\"primaryButtonIconName\"\n    [secondaryButtonType]=\"secondaryButtonType\"\n    [applicationTheme]=\"applicationTheme\"\n    [showCloseButton]=\"showCloseButton\"\n    [companyColor]=\"color\"\n    [primaryButtonDataTestId]=\"primaryButtonDataTestId\"\n    [secondaryButtonDataTestId]=\"secondaryButtonDataTestId\"\n    [primaryButtonIconPosition]=\"primaryButtonIconPosition\"\n  >\n    <div class=\"message\">{{ confirmMessage }}</div>\n    @if (confirmMessageHtml) {\n      <div class=\"message\" [innerHTML]=\"confirmMessageHtml\"></div>\n    }\n  </ui-dialog>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DialogComponentModule } from '../dialog.component.module';\nimport { ConfirmDialogComponent } from './confirm-dialog.component';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [ConfirmDialogComponent],\n  exports: [ConfirmDialogComponent],\n  providers: [\n    { provide: MAT_DIALOG_DATA, useValue: {} },\n    { provide: MatDialogRef, useValue: {} },\n  ],\n  imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, UiTranslatePipe],\n})\nexport class ConfirmDialogComponentModule {}\n","import { Component, Inject, Input, OnInit, Optional, ViewEncapsulation } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n  selector: 'ui-dialog-custom',\n  templateUrl: './dialog-custom.component.html',\n  styleUrls: ['./dialog-custom.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class DialogCustomComponent implements OnInit {\n  canClose: () => boolean;\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DialogComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    @Inject(MAT_DIALOG_DATA) protected data: any\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.canClose = this.canCloseFalse.bind(this);\n    setTimeout(() => {\n      this.canClose = this.canCloseTrue.bind(this);\n    }, 2000);\n  }\n\n  //canCloseFn @input demo with false value\n  canCloseFalse(): boolean {\n    return false;\n  }\n\n  //canCloseFn @input demo with true value\n  canCloseTrue(): boolean {\n    return true;\n  }\n}\n","<ui-dialog\n  [title]=\"data.title\"\n  [showCloseButton]=\"data.showCloseButton\"\n  [applicationTheme]=\"applicationTheme\"\n  [primaryButtonLabel]=\"'OK'\"\n  [secondaryButtonLabel]=\"'Cancel'\"\n  [canCloseFn]=\"canClose\"\n  [keyboardOpen]=\"data.keyboardOpen\"\n  [footerMessage]=\"data.footerMessage\"\n>\n  <!-- Custom header content -->\n  @if (data.type === 'custom-header') {\n    <div dialogHeader class=\"custom-header\">\n      <div class=\"button-group\">\n        <ui-button label=\"Action 1\" [variant]=\"'ghost'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n        <ui-button label=\"Action 2\" [variant]=\"'primary'\" [applicationTheme]=\"applicationTheme\"></ui-button>\n      </div>\n    </div>\n  }\n\n  <!-- Dialog content -->\n  <div class=\"dialog-content\">\n    @if (data.type === 'default') {\n      <p class=\"dialog-message\">This is a default dialog example with a standard header.</p>\n    }\n    @if (data.type === 'custom-header') {\n      <p class=\"dialog-message\">This dialog uses a custom header with content projection.</p>\n    }\n    <p class=\"dialog-message\">The dialog will be closeable in 2 seconds (demonstrating canCloseFn).</p>\n  </div>\n</ui-dialog>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DialogComponentModule } from '../dialog.component.module';\nimport { DialogCustomComponent } from './dialog-custom.component';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\n\n@NgModule({\n  declarations: [DialogCustomComponent],\n  imports: [CommonModule, DialogComponentModule, ButtonComponentModule],\n  exports: [DialogCustomComponent],\n})\nexport class DialogCustomComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.DialogComponent","i1.DialogComponent"],"mappings":"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"}

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

@@ -42,12 +42,12 @@ class DividerComponent {
             this.applicationTheme = defaultAppTheme;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DividerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DividerComponent, isStandalone: false, selector: "ui-divider", inputs: { size: "size", companyColor: "companyColor", applicationTheme: "applicationTheme", label: "label" }, host: { properties: { "style.--companyColor": "this.companyColor" } }, ngImport: i0, template: "<div class=\"ui-divider-wrapper\">\n  <ng-container *ngIf=\"!label; else withLabel\">\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  </ng-container>\n\n  <ng-template #withLabel>\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".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}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #e0e0e0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #d3d3d3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\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.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DividerComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DividerComponent, isStandalone: false, selector: "ui-divider", inputs: { size: "size", companyColor: "companyColor", applicationTheme: "applicationTheme", label: "label" }, host: { properties: { "style.--companyColor": "this.companyColor" } }, ngImport: i0, template: "<div class=\"ui-divider-wrapper\">\n  @if (!label) {\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  } @else {\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  }\n</div>\n", styles: [".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}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #e0e0e0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #d3d3d3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DividerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-divider', standalone: false, template: "<div class=\"ui-divider-wrapper\">\n  <ng-container *ngIf=\"!label; else withLabel\">\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  </ng-container>\n\n  <ng-template #withLabel>\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".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}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #e0e0e0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #d3d3d3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\n"] }]
+            args: [{ selector: 'ui-divider', standalone: false, template: "<div class=\"ui-divider-wrapper\">\n  @if (!label) {\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  } @else {\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  }\n</div>\n", styles: [".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}mat-divider.classic.small{--mat-divider-width: 1px;--mat-divider-color: #e0e0e0}mat-divider.classic.large{--mat-divider-width: 2px;--mat-divider-color: var(--companyColor)}mat-divider.light.small,mat-divider.dark.small{--mat-divider-width: 1px;--mat-divider-color: #d3d3d3}mat-divider.light.large,mat-divider.dark.large{--mat-divider-width: 2px;--mat-divider-color: #242424}.ui-divider-wrapper .container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ui-divider-wrapper .line{flex:1}.ui-divider-wrapper .label{font-size:14px;padding:0 8px}.ui-divider-wrapper .label.large{color:#242424}.ui-divider-wrapper .label.small{color:#666}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -67,11 +67,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class DividerComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DividerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: DividerComponentModule, declarations: [DividerComponent], imports: [CommonModule, MatDividerModule], exports: [DividerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DividerComponentModule, imports: [CommonModule, MatDividerModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DividerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DividerComponentModule, declarations: [DividerComponent], imports: [CommonModule, MatDividerModule], exports: [DividerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DividerComponentModule, imports: [CommonModule, MatDividerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DividerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DividerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DividerComponent],

package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-divider.mjs","sources":["../../../components/divider/divider.component.ts","../../../components/divider/divider.component.html","../../../components/divider/divider.component.module.ts","../../../components/divider/testgorilla-tgo-ui-components-divider.ts"],"sourcesContent":["import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';\nimport { DividerSize } from './divider.model';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-divider',\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  standalone: false,\n})\nexport class DividerComponent {\n  /**\n   * Divider size\n   *\n   * @type {DividerSize}\n   * @memberof DividerComponent\n   */\n  @Input() size: DividerSize = 'large';\n\n  /**\n   * Determines whether the checkbox color.\n   * Default: Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof DividerComponent\n   */\n  @HostBinding('style.--companyColor')\n  @Input()\n  companyColor: string | null = '#46A997';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DividerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Text content in the center of the divider\n   *\n   * @type {string}\n   * @memberof DividerComponent\n   */\n  @Input() label = '';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n}\n","<div class=\"ui-divider-wrapper\">\n  <ng-container *ngIf=\"!label; else withLabel\">\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  </ng-container>\n\n  <ng-template #withLabel>\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  </ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DividerComponent } from './divider.component';\nimport { MatDividerModule } from '@angular/material/divider';\n\n@NgModule({\n  declarations: [DividerComponent],\n  exports: [DividerComponent],\n  imports: [CommonModule, MatDividerModule],\n})\nexport class DividerComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-divider.mjs","sources":["../../../components/divider/divider.component.ts","../../../components/divider/divider.component.html","../../../components/divider/divider.component.module.ts","../../../components/divider/testgorilla-tgo-ui-components-divider.ts"],"sourcesContent":["import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';\nimport { DividerSize } from './divider.model';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-divider',\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  standalone: false,\n})\nexport class DividerComponent {\n  /**\n   * Divider size\n   *\n   * @type {DividerSize}\n   * @memberof DividerComponent\n   */\n  @Input() size: DividerSize = 'large';\n\n  /**\n   * Determines whether the checkbox color.\n   * Default: Test Gorilla primary color.\n   *\n   * @type {string}\n   * @memberof DividerComponent\n   */\n  @HostBinding('style.--companyColor')\n  @Input()\n  companyColor: string | null = '#46A997';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof DividerComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Text content in the center of the divider\n   *\n   * @type {string}\n   * @memberof DividerComponent\n   */\n  @Input() label = '';\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n}\n","<div class=\"ui-divider-wrapper\">\n  @if (!label) {\n    <mat-divider aria-hidden=\"true\" [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider>\n  } @else {\n    <div class=\"container\">\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n      <div [class]=\"'label' + ' ' + size\">{{ label }}</div>\n      <div class=\"line\" aria-hidden=\"true\"><mat-divider [class]=\"applicationTheme\" [ngClass]=\"size\"></mat-divider></div>\n    </div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DividerComponent } from './divider.component';\nimport { MatDividerModule } from '@angular/material/divider';\n\n@NgModule({\n  declarations: [DividerComponent],\n  exports: [DividerComponent],\n  imports: [CommonModule, MatDividerModule],\n})\nexport class DividerComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAUa,gBAAgB,CAAA;AAqC3B,IAAA,WAAA,CAC6E,eAAiC,EAAA;QAAjC,IAAA,CAAA,eAAe,GAAf,eAAe;AArC5F;;;;;AAKG;QACM,IAAA,CAAA,IAAI,GAAgB,OAAO;AAEpC;;;;;;AAMG;QAGH,IAAA,CAAA,YAAY,GAAkB,SAAS;AAEvC;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAqB,OAAO;AAErD;;;;;AAKG;QACM,IAAA,CAAA,KAAK,GAAG,EAAE;QAKjB,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;QACzC;IACF;AA3CW,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,kBAsCL,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAtC/C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,4PCV7B,siBAWA,EAAA,MAAA,EAAA,CAAA,qxFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDDa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cAGV,KAAK,EAAA,QAAA,EAAA,siBAAA,EAAA,MAAA,EAAA,CAAA,qxFAAA,CAAA,EAAA;;0BAwCd;;0BAAY,MAAM;2BAAC,oCAAoC;;sBA/BzD;;sBASA,WAAW;uBAAC,sBAAsB;;sBAClC;;sBAUA;;sBAQA;;;MEnCU,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,iBAJlB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAErB,YAAY,EAAE,gBAAgB,aAD9B,gBAAgB,CAAA,EAAA,CAAA,CAAA;gHAGf,sBAAsB,EAAA,OAAA,EAAA,CAFvB,YAAY,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;;4FAE7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;AAC1C,iBAAA;;;ACTD;;AAEG;;;;"}