@testgorilla/tgo-ui 11.22.2 → 12.0.0

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

@@ -1,541 +1,1150 @@
-import { CdkScrollable } from '@angular/cdk/scrolling';
-import { AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, 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 { MatDialogState, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { ButtonComponent, ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';
-import { TooltipComponent } from '@testgorilla/tgo-ui/components/tooltip';
-import { ToggleComponent, ToggleComponentModule } from '@testgorilla/tgo-ui/components/toggle';
-
-class DialogComponent {
-    onEsc() {
-        this.dismiss();
-    }
-    constructor(defaultAppTheme, dialogRef, data) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        /**
-         * Dialog title
-         *
-         * @memberof DialogComponent
-         */
-        this.title = '';
-        /**
-         * Show close button
-         *
-         * @memberof DialogComponent
-         */
-        this.showCloseButton = true;
-        /**
-         * Fuction called before dialgo is closed
-         *
-         * @memberof DialogComponent
-         */
-        this.canCloseFn = () => true;
-        /**
-         * Secondary button label
-         *
-         * @memberof DialogComponent
-         */
-        this.secondaryButtonLabel = '';
-        /**
-         * Footer dialog message
-         *
-         * @memberof DialogComponent
-         */
-        this.footerMessage = '';
-        /**
-         * Primary button label
-         *
-         * @memberof DialogComponent
-         */
-        this.primaryButtonLabel = '';
-        /**
-         * Primary button icon name
-         *
-         * @memberof DialogComponent
-         */
-        this.primaryButtonIconName = '';
-        /**
-         * Secondary button type
-         *
-         * @memberof DialogComponent
-         */
-        this.secondaryButtonType = 'ghost';
-        /**
-         * Primary button type
-         *
-         * @memberof DialogComponent
-         */
-        this.primaryButtonType = 'primary';
-        /**
-         * Primary button test id
-         *
-         * @memberof DialogComponent
-         */
-        this.primaryButtonDataTestId = null;
-        this.testId = null;
-        this.closeButtonTestId = null;
-        this.closeButtonAriaLabel = '';
-        /**
-         * Secondary button test id
-         *
-         * @memberof DialogComponent
-         */
-        this.secondaryButtonDataTestId = null;
-        /**
-         * Color of the dialog.
-         * Defaults to Test Gorilla primary color.
-         *
-         * @type {string}
-         * @memberof DialogComponent
-         */
-        this.companyColor = '';
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof DialogComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         *
-         * Disable primary button
-         *
-         * @type {boolean}
-         * @memberof DialogComponent
-         */
-        this.disablePrimaryButton = false;
-        /**
-         *
-         * Show a spinner in place of the primary button label while the action runs.
-         * Also disables the button, so a second click cannot fire
-         * `primaryButtonClickEvent` while the first is still in flight.
-         *
-         * @memberof DialogComponent
-         */
-        this.primaryButtonLoading = input(false, { ...(ngDevMode ? { debugName: "primaryButtonLoading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         *
-         * Tooltip shown when hovering the primary button. Bound to a wrapper around the
-         * button so it also shows while the button is disabled (a disabled button
-         * receives no pointer events), e.g. to explain why the action is unavailable.
-         *
-         * @type {string}
-         * @memberof DialogComponent
-         */
-        this.primaryButtonTooltip = '';
-        /**
-         *
-         * Disable close button
-         *
-         * @type {boolean}
-         * @memberof DialogComponent
-         */
-        this.disableClose = false;
-        /**
-         *
-         * Disable button when canCloseFn is used
-         *
-         * @type {boolean}
-         * @memberof DialogComponent
-         */
-        this.shouldDisableButtons = true;
-        /**
-         * A string representing the ARIA requirement for accessibility.
-         * This attribute is used to indicate whether an input field is required for form submission.
-         * @type {string}
-         * @memberof DialogComponent
-         */
-        this.ariaLabelledby = '';
-        /**
-         * A string representing the ARIA requirement for accessibility.
-         * This attribute is used to indicate whether an input field is required for form submission.
-         * @type {string}
-         * @memberof DialogComponent
-         */
-        this.ariaDescribedby = '';
-        /**
-         * Defines how modal was opened (with keyboard or not)
-         *
-         * @type {boolean}
-         * @memberof DialogComponent
-         */
-        this.keyboardOpen = false;
-        this.primaryButtonIconPosition = input('left', ...(ngDevMode ? [{ debugName: "primaryButtonIconPosition" }] : /* istanbul ignore next */ []));
-        this.closeEvent = new EventEmitter();
-        this.secondaryButtonClickEvent = new EventEmitter();
-        this.primaryButtonClickEvent = new EventEmitter();
-        this.modalClosed = false;
-        this.disableButtons = false;
-        this.translationContext = 'DIALOG.';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    get hasCustomHeader() {
-        return Boolean(this.customHeader);
-    }
-    ngOnInit() {
-        this.areButtonsDisabled();
-        if (this.data?.applicationTheme) {
-            this.applicationTheme = this.data.applicationTheme;
-        }
-        if (this.applicationTheme !== 'classic') {
-            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty companyColor falls back to the theme colour
-            this.companyColor = this.companyColor || '#D410AA';
-        }
-        else {
-            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty companyColor falls back to the theme colour
-            this.companyColor = this.companyColor || '#46A997';
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['canCloseFn']) {
-            this.dialogRef.disableClose = !this.canCloseFn();
-            this.areButtonsDisabled();
-        }
-    }
-    ngAfterViewInit() {
-        if (this.keyboardOpen) {
-            setTimeout(() => {
-                this.closeButton.buttonElement.focus('keyboard');
-            }, 100);
-        }
-    }
-    //Disable primary button when canClose is false
-    areButtonsDisabled() {
-        this.disableButtons = !this.canCloseFn() && this.shouldDisableButtons;
-    }
-    //Close modal
-    dismiss() {
-        if (this.canCloseFn()) {
-            this.dialogRef.disableClose = false;
-            this.dialogRef.close();
-            this.modalClosed = true;
-        }
-    }
-    onClose(event) {
-        this.closeEvent.emit(event);
-        this.modalClosed = true;
-    }
-    onSecondaryButtonClick(event) {
-        this.secondaryButtonClickEvent.emit(event);
-    }
-    onPrimaryButtonClick(event) {
-        this.primaryButtonClickEvent.emit(event);
-        // The consumer may have closed the dialog with its own result. Closing again
-        // would overwrite that result with undefined, and consumers read a missing
-        // result as a cancel (ASM-157).
-        if (this.dialogRef.getState() === MatDialogState.OPEN) {
-            this.dismiss();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", 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: "21.2.25", type: DialogComponent, isStandalone: true, 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 }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: false, isRequired: false, transformFunction: null }, closeButtonTestId: { classPropertyName: "closeButtonTestId", publicName: "closeButtonTestId", isSignal: false, isRequired: false, transformFunction: null }, closeButtonAriaLabel: { classPropertyName: "closeButtonAriaLabel", publicName: "closeButtonAriaLabel", 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 }, primaryButtonLoading: { classPropertyName: "primaryButtonLoading", publicName: "primaryButtonLoading", isSignal: true, isRequired: false, transformFunction: null }, primaryButtonTooltip: { classPropertyName: "primaryButtonTooltip", publicName: "primaryButtonTooltip", 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\" [attr.data-testid]=\"testId\">\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            [testId]=\"closeButtonTestId\"\n            [ariaLabel]=\"closeButtonAriaLabel || ('COMMON.CLOSE' | uiTranslate | async)!\"\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\n      <!-- Projected footer content, rendered to the left of the action buttons -->\n      <ng-content select=\"[dialogFooter]\"></ng-content>\n\n      @if (!!secondaryButtonLabel) {\n        <!-- Action-button ids stay on the ui-button wrappers: five tgo-qa-automation page objects descend from them. -->\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        <!-- The tooltip wraps the button: a disabled ui-button receives no pointer\n             events, so the tooltip must trigger from an enclosing element. -->\n        <ui-tooltip\n          class=\"primary-button-tooltip-trigger\"\n          [message]=\"primaryButtonTooltip\"\n          [applicationTheme]=\"applicationTheme\"\n        >\n          <ui-button\n            [iconPosition]=\"primaryButtonIconPosition()\"\n            [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n            [variant]=\"primaryButtonType\"\n            [loading]=\"primaryButtonLoading()\"\n            [ariaLabel]=\"primaryButtonLoading() ? primaryButtonLabel : ''\"\n            [disabled]=\"disableButtons || disablePrimaryButton || primaryButtonLoading()\"\n            [applicationTheme]=\"applicationTheme\"\n            (click)=\"onPrimaryButtonClick($event)\"\n            [label]=\"primaryButtonLabel\"\n            [companyColor]=\"companyColor\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n          ></ui-button>\n        </ui-tooltip>\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}.mat-mdc-dialog-actions [dialogFooter]{margin-right:auto}.mat-mdc-dialog-actions .primary-button-tooltip-trigger{display:inline-flex}@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: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: TooltipComponent, selector: "ui-tooltip", inputs: ["position", "disabled", "message", "applicationTheme", "labelForDefinition", "definitionTooltipSize", "variant"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        MatDialogTitle,
-                        TooltipComponent,
-                        ButtonComponent,
-                        CdkScrollable,
-                        MatDialogContent,
-                        MatDialogActions,
-                        AsyncPipe,
-                        UiTranslatePipe,
-                    ], template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\" [attr.data-testid]=\"testId\">\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            [testId]=\"closeButtonTestId\"\n            [ariaLabel]=\"closeButtonAriaLabel || ('COMMON.CLOSE' | uiTranslate | async)!\"\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\n      <!-- Projected footer content, rendered to the left of the action buttons -->\n      <ng-content select=\"[dialogFooter]\"></ng-content>\n\n      @if (!!secondaryButtonLabel) {\n        <!-- Action-button ids stay on the ui-button wrappers: five tgo-qa-automation page objects descend from them. -->\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        <!-- The tooltip wraps the button: a disabled ui-button receives no pointer\n             events, so the tooltip must trigger from an enclosing element. -->\n        <ui-tooltip\n          class=\"primary-button-tooltip-trigger\"\n          [message]=\"primaryButtonTooltip\"\n          [applicationTheme]=\"applicationTheme\"\n        >\n          <ui-button\n            [iconPosition]=\"primaryButtonIconPosition()\"\n            [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n            [variant]=\"primaryButtonType\"\n            [loading]=\"primaryButtonLoading()\"\n            [ariaLabel]=\"primaryButtonLoading() ? primaryButtonLabel : ''\"\n            [disabled]=\"disableButtons || disablePrimaryButton || primaryButtonLoading()\"\n            [applicationTheme]=\"applicationTheme\"\n            (click)=\"onPrimaryButtonClick($event)\"\n            [label]=\"primaryButtonLabel\"\n            [companyColor]=\"companyColor\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n          ></ui-button>\n        </ui-tooltip>\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}.mat-mdc-dialog-actions [dialogFooter]{margin-right:auto}.mat-mdc-dialog-actions .primary-button-tooltip-trigger{display:inline-flex}@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
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { title: [{
-                type: Input
-            }], showCloseButton: [{
-                type: Input
-            }], canCloseFn: [{
-                type: Input
-            }], secondaryButtonLabel: [{
-                type: Input
-            }], footerMessage: [{
-                type: Input
-            }], primaryButtonLabel: [{
-                type: Input
-            }], primaryButtonIconName: [{
-                type: Input
-            }], secondaryButtonType: [{
-                type: Input
-            }], primaryButtonType: [{
-                type: Input
-            }], primaryButtonDataTestId: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], closeButtonTestId: [{
-                type: Input
-            }], closeButtonAriaLabel: [{
-                type: Input
-            }], secondaryButtonDataTestId: [{
-                type: Input
-            }], companyColor: [{
-                type: HostBinding,
-                args: ['style.--color']
-            }, {
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], disablePrimaryButton: [{
-                type: Input
-            }], primaryButtonLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryButtonLoading", required: false }] }], primaryButtonTooltip: [{
-                type: Input
-            }], disableClose: [{
-                type: Input
-            }], shouldDisableButtons: [{
-                type: Input
-            }], ariaLabelledby: [{
-                type: Input
-            }], ariaDescribedby: [{
-                type: Input
-            }], keyboardOpen: [{
-                type: Input
-            }], primaryButtonIconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryButtonIconPosition", required: false }] }], closeEvent: [{
-                type: Output
-            }], secondaryButtonClickEvent: [{
-                type: Output
-            }], primaryButtonClickEvent: [{
-                type: Output
-            }], closeButton: [{
-                type: ViewChild,
-                args: ['closeButton']
-            }], onEsc: [{
-                type: HostListener,
-                args: ['keydown.esc']
-            }], customHeader: [{
-                type: ContentChild,
-                args: ['dialogHeader']
-            }] } });
-
-class DialogService {
-    constructor(matDialog, defaultAppTheme) {
-        this.matDialog = matDialog;
-        this.defaultAppTheme = defaultAppTheme;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialog.open<T, D = any, R = any>: untyped-by-default data/result types for consumer ergonomics
-    open(dialogComponent, dialogConfig) {
-        const { applicationTheme = 'light', size = 'small', panelClass = '', extraData = {}, backdropClass = '', keyboardOpen = false, config = {}, } = dialogConfig ?? {};
-        // Open the dialog using UI custom styles
-        return this.matDialog.open(dialogComponent, {
-            ...config,
-            data: {
-                applicationTheme: this.defaultAppTheme ?? applicationTheme,
-                ...extraData,
-                keyboardOpen,
-            },
-            backdropClass: backdropClass || '',
-            panelClass: applicationTheme === 'classic'
-                ? ['ui-dialog-wrapper', panelClass, size]
-                : ['ui-dialog-wrapper', panelClass, applicationTheme, size],
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", 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: "21.2.25", ngImport: i0, type: DialogService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }] });
-
-class DialogComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: DialogComponentModule, imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe, DialogComponent], exports: [DialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogComponentModule, providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService], imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatDialogModule, ButtonComponentModule, UiTranslatePipe, DialogComponent],
-                    exports: [DialogComponent],
-                    providers: [{ provide: MAT_DIALOG_DATA, useValue: {} }, { provide: MatDialogRef, useValue: {} }, DialogService],
-                }]
-        }] });
-
-class ConfirmDialogComponent {
-    constructor(defaultAppTheme, dialogRef, data) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.lang = LanguageService.defaultLanguage;
-        this.showCloseButton = false;
-        this.showSecondaryButton = true;
-        this.primaryButtonDataTestId = 'confirm-dialog.confirm-button';
-        this.secondaryButtonDataTestId = 'confirm-dialog.cancel-button';
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof DialogComponent
-         */
-        this.applicationTheme = 'light';
-        this.confirmMessage = data.message;
-        this.confirmButtonText = data.confirmButtonText;
-        this.cancelButtonText = data.cancelButtonText;
-        this.title = data.title;
-        this.lang = data.language ?? LanguageService.defaultLanguage;
-        this.confirmMessageHtml = data.messageHtml ?? undefined;
-        this.showCloseButton = data.showCloseButton ?? false;
-        this.showSecondaryButton = data.showSecondaryButton ?? true;
-        this.color = data.color ?? null;
-        this.primaryButtonType = data.primaryButtonType ?? 'primary';
-        this.secondaryButtonType = data.secondaryButtonType ?? 'ghost';
-        this.primaryButtonIconName = data.primaryButtonIconName ?? undefined;
-        this.primaryButtonDataTestId = data.primaryButtonDataTestId ?? 'confirm-dialog.confirm-button';
-        this.secondaryButtonDataTestId = data.secondaryButtonDataTestId ?? 'confirm-dialog.cancel-button';
-        this.primaryButtonIconPosition = data.primaryButtonIconPosition ?? 'left';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    onConfirm() {
-        if (this.data.onConfirm) {
-            this.data.onConfirm();
-        }
-        this.dialogRef.close(true);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", 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: "21.2.25", type: ConfirmDialogComponent, isStandalone: true, 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", "testId", "closeButtonTestId", "closeButtonAriaLabel", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "primaryButtonLoading", "primaryButtonTooltip", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DialogComponent, AsyncPipe, UiTranslatePipe], 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: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { applicationTheme: [{
-                type: Input
-            }] } });
-
-class ConfirmDialogComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ConfirmDialogComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: ConfirmDialogComponentModule, imports: [CommonModule,
-            MatDialogModule,
-            ButtonComponentModule,
-            DialogComponentModule,
-            UiTranslatePipe,
-            ConfirmDialogComponent], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ConfirmDialogComponentModule, providers: [
-            { provide: MAT_DIALOG_DATA, useValue: {} },
-            { provide: MatDialogRef, useValue: {} },
-        ], imports: [CommonModule,
-            MatDialogModule,
-            ButtonComponentModule,
-            DialogComponentModule,
-            ConfirmDialogComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: ConfirmDialogComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [ConfirmDialogComponent],
-                    providers: [
-                        { provide: MAT_DIALOG_DATA, useValue: {} },
-                        { provide: MatDialogRef, useValue: {} },
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatDialogModule,
-                        ButtonComponentModule,
-                        DialogComponentModule,
-                        UiTranslatePipe,
-                        ConfirmDialogComponent,
-                    ],
-                }]
-        }] });
-
-class DialogCustomComponent {
-    constructor(defaultAppTheme, data, cdr) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.data = data;
-        this.cdr = cdr;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof DialogComponent
-         */
-        this.applicationTheme = 'light';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnInit() {
-        this.canClose = this.canCloseFalse.bind(this);
-        setTimeout(() => {
-            this.canClose = this.canCloseTrue.bind(this);
-            // `canClose` is template-bound and swapped from a timer.
-            this.cdr.markForCheck();
-        }, 2000);
-    }
-    //canCloseFn @input demo with false value
-    canCloseFalse() {
-        return false;
-    }
-    //canCloseFn @input demo with true value
-    canCloseTrue() {
-        return true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: DialogCustomComponent, isStandalone: true, 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  [disablePrimaryButton]=\"data.type === 'disabled-primary-tooltip'\"\n  [primaryButtonTooltip]=\"data.primaryButtonTooltip ?? ''\"\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  <!-- Custom footer content projection -->\n  @if (data.type === 'footer-content') {\n    <ui-toggle dialogFooter label=\"Don't show this again\" [applicationTheme]=\"applicationTheme\"></ui-toggle>\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    @if (data.type === 'footer-content') {\n      <p class=\"dialog-message\">\n        This dialog projects a <code>ui-toggle</code> into the footer, to the left of the action buttons.\n      </p>\n    }\n    @if (data.type === 'disabled-primary-tooltip') {\n      <p class=\"dialog-message\">\n        The primary button is disabled; hover it to see the tooltip explaining why the action is unavailable.\n      </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", "testId", "closeButtonTestId", "closeButtonAriaLabel", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "primaryButtonLoading", "primaryButtonTooltip", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: ToggleComponent, selector: "ui-toggle", inputs: ["selected", "disabled", "label", "message", "maxWidth", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "preventClick", "loading", "ariaDescribedby"], outputs: ["toggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-dialog-custom', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [DialogComponent, ButtonComponent, ToggleComponent], 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  [disablePrimaryButton]=\"data.type === 'disabled-primary-tooltip'\"\n  [primaryButtonTooltip]=\"data.primaryButtonTooltip ?? ''\"\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  <!-- Custom footer content projection -->\n  @if (data.type === 'footer-content') {\n    <ui-toggle dialogFooter label=\"Don't show this again\" [applicationTheme]=\"applicationTheme\"></ui-toggle>\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    @if (data.type === 'footer-content') {\n      <p class=\"dialog-message\">\n        This dialog projects a <code>ui-toggle</code> into the footer, to the left of the action buttons.\n      </p>\n    }\n    @if (data.type === 'disabled-primary-tooltip') {\n      <p class=\"dialog-message\">\n        The primary button is disabled; hover it to see the tooltip explaining why the action is unavailable.\n      </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
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { applicationTheme: [{
-                type: Input
-            }] } });
-
-class DialogCustomComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponentModule, imports: [CommonModule, DialogComponentModule, ButtonComponentModule, ToggleComponentModule, DialogCustomComponent], exports: [DialogCustomComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponentModule, imports: [CommonModule, DialogComponentModule, ButtonComponentModule, ToggleComponentModule, DialogCustomComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DialogCustomComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, DialogComponentModule, ButtonComponentModule, ToggleComponentModule, DialogCustomComponent],
-                    exports: [DialogCustomComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { CdkScrollable } from "@angular/cdk/scrolling";
+import { AsyncPipe, CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, HostListener, Inject, Injectable, Input, NgModule, Optional, Output, ViewChild, ViewEncapsulation, booleanAttribute, input } from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogModule, MatDialogRef, MatDialogState, MatDialogTitle } from "@angular/material/dialog";
+import { ButtonComponent, ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { LanguageService, UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import { TooltipComponent } from "@testgorilla/tgo-ui/components/tooltip";
+import { ToggleComponent, ToggleComponentModule } from "@testgorilla/tgo-ui/components/toggle";
+var DialogComponent = class DialogComponent {
+	onEsc() {
+		this.dismiss();
+	}
+	constructor(defaultAppTheme, dialogRef, data) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.title = "";
+		this.showCloseButton = true;
+		this.canCloseFn = () => true;
+		this.secondaryButtonLabel = "";
+		this.footerMessage = "";
+		this.primaryButtonLabel = "";
+		this.primaryButtonIconName = "";
+		this.secondaryButtonType = "ghost";
+		this.primaryButtonType = "primary";
+		this.primaryButtonDataTestId = null;
+		this.testId = null;
+		this.closeButtonTestId = null;
+		this.closeButtonAriaLabel = "";
+		this.secondaryButtonDataTestId = null;
+		this.companyColor = "";
+		this.applicationTheme = "light";
+		this.disablePrimaryButton = false;
+		this.primaryButtonLoading = input(false, {
+			...ngDevMode ? { debugName: "primaryButtonLoading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.primaryButtonTooltip = "";
+		this.disableClose = false;
+		this.shouldDisableButtons = true;
+		this.ariaLabelledby = "";
+		this.ariaDescribedby = "";
+		this.keyboardOpen = false;
+		this.primaryButtonIconPosition = input("left", ...ngDevMode ? [{ debugName: "primaryButtonIconPosition" }] : /* istanbul ignore next */ []);
+		this.closeEvent = new EventEmitter();
+		this.secondaryButtonClickEvent = new EventEmitter();
+		this.primaryButtonClickEvent = new EventEmitter();
+		this.modalClosed = false;
+		this.disableButtons = false;
+		this.translationContext = "DIALOG.";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	get hasCustomHeader() {
+		return Boolean(this.customHeader);
+	}
+	ngOnInit() {
+		this.areButtonsDisabled();
+		if (this.data?.applicationTheme) this.applicationTheme = this.data.applicationTheme;
+		if (this.applicationTheme !== "classic") this.companyColor = this.companyColor || "#D410AA";
+		else this.companyColor = this.companyColor || "#46A997";
+	}
+	ngOnChanges(changes) {
+		if (changes["canCloseFn"]) {
+			this.dialogRef.disableClose = !this.canCloseFn();
+			this.areButtonsDisabled();
+		}
+	}
+	ngAfterViewInit() {
+		if (this.keyboardOpen) setTimeout(() => {
+			this.closeButton.buttonElement.focus("keyboard");
+		}, 100);
+	}
+	areButtonsDisabled() {
+		this.disableButtons = !this.canCloseFn() && this.shouldDisableButtons;
+	}
+	dismiss() {
+		if (this.canCloseFn()) {
+			this.dialogRef.disableClose = false;
+			this.dialogRef.close();
+			this.modalClosed = true;
+		}
+	}
+	onClose(event) {
+		this.closeEvent.emit(event);
+		this.modalClosed = true;
+	}
+	onSecondaryButtonClick(event) {
+		this.secondaryButtonClickEvent.emit(event);
+	}
+	onPrimaryButtonClick(event) {
+		this.primaryButtonClickEvent.emit(event);
+		if (this.dialogRef.getState() === MatDialogState.OPEN) this.dismiss();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			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: "22.2.4",
+			type: DialogComponent,
+			isStandalone: true,
+			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
+				},
+				testId: {
+					classPropertyName: "testId",
+					publicName: "testId",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeButtonTestId: {
+					classPropertyName: "closeButtonTestId",
+					publicName: "closeButtonTestId",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeButtonAriaLabel: {
+					classPropertyName: "closeButtonAriaLabel",
+					publicName: "closeButtonAriaLabel",
+					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
+				},
+				primaryButtonLoading: {
+					classPropertyName: "primaryButtonLoading",
+					publicName: "primaryButtonLoading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				primaryButtonTooltip: {
+					classPropertyName: "primaryButtonTooltip",
+					publicName: "primaryButtonTooltip",
+					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\" [attr.data-testid]=\"testId\">\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            [testId]=\"closeButtonTestId\"\n            [ariaLabel]=\"closeButtonAriaLabel || ('COMMON.CLOSE' | uiTranslate | async)!\"\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\n      <!-- Projected footer content, rendered to the left of the action buttons -->\n      <ng-content select=\"[dialogFooter]\"></ng-content>\n\n      @if (!!secondaryButtonLabel) {\n        <!-- Action-button ids stay on the ui-button wrappers: five tgo-qa-automation page objects descend from them. -->\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        <!-- The tooltip wraps the button: a disabled ui-button receives no pointer\n             events, so the tooltip must trigger from an enclosing element. -->\n        <ui-tooltip\n          class=\"primary-button-tooltip-trigger\"\n          [message]=\"primaryButtonTooltip\"\n          [applicationTheme]=\"applicationTheme\"\n        >\n          <ui-button\n            [iconPosition]=\"primaryButtonIconPosition()\"\n            [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n            [variant]=\"primaryButtonType\"\n            [loading]=\"primaryButtonLoading()\"\n            [ariaLabel]=\"primaryButtonLoading() ? primaryButtonLabel : ''\"\n            [disabled]=\"disableButtons || disablePrimaryButton || primaryButtonLoading()\"\n            [applicationTheme]=\"applicationTheme\"\n            (click)=\"onPrimaryButtonClick($event)\"\n            [label]=\"primaryButtonLabel\"\n            [companyColor]=\"companyColor\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n          ></ui-button>\n        </ui-tooltip>\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}.mat-mdc-dialog-actions [dialogFooter]{margin-right:auto}.mat-mdc-dialog-actions .primary-button-tooltip-trigger{display:inline-flex}@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: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "component",
+					type: TooltipComponent,
+					selector: "ui-tooltip",
+					inputs: [
+						"position",
+						"disabled",
+						"message",
+						"applicationTheme",
+						"labelForDefinition",
+						"definitionTooltipSize",
+						"variant"
+					]
+				},
+				{
+					kind: "component",
+					type: ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-dialog",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				MatDialogTitle,
+				TooltipComponent,
+				ButtonComponent,
+				CdkScrollable,
+				MatDialogContent,
+				MatDialogActions,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\" [attr.data-testid]=\"testId\">\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            [testId]=\"closeButtonTestId\"\n            [ariaLabel]=\"closeButtonAriaLabel || ('COMMON.CLOSE' | uiTranslate | async)!\"\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\n      <!-- Projected footer content, rendered to the left of the action buttons -->\n      <ng-content select=\"[dialogFooter]\"></ng-content>\n\n      @if (!!secondaryButtonLabel) {\n        <!-- Action-button ids stay on the ui-button wrappers: five tgo-qa-automation page objects descend from them. -->\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        <!-- The tooltip wraps the button: a disabled ui-button receives no pointer\n             events, so the tooltip must trigger from an enclosing element. -->\n        <ui-tooltip\n          class=\"primary-button-tooltip-trigger\"\n          [message]=\"primaryButtonTooltip\"\n          [applicationTheme]=\"applicationTheme\"\n        >\n          <ui-button\n            [iconPosition]=\"primaryButtonIconPosition()\"\n            [iconName]=\"primaryButtonIconName ? primaryButtonIconName : undefined\"\n            [variant]=\"primaryButtonType\"\n            [loading]=\"primaryButtonLoading()\"\n            [ariaLabel]=\"primaryButtonLoading() ? primaryButtonLabel : ''\"\n            [disabled]=\"disableButtons || disablePrimaryButton || primaryButtonLoading()\"\n            [applicationTheme]=\"applicationTheme\"\n            (click)=\"onPrimaryButtonClick($event)\"\n            [label]=\"primaryButtonLabel\"\n            [companyColor]=\"companyColor\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n          ></ui-button>\n        </ui-tooltip>\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}.mat-mdc-dialog-actions [dialogFooter]{margin-right:auto}.mat-mdc-dialog-actions .primary-button-tooltip-trigger{display:inline-flex}@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: void 0,
+			decorators: [{ type: Optional }, {
+				type: Inject,
+				args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+			}]
+		},
+		{ type: i1.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		}
+	],
+	propDecorators: {
+		title: [{ type: Input }],
+		showCloseButton: [{ type: Input }],
+		canCloseFn: [{ type: Input }],
+		secondaryButtonLabel: [{ type: Input }],
+		footerMessage: [{ type: Input }],
+		primaryButtonLabel: [{ type: Input }],
+		primaryButtonIconName: [{ type: Input }],
+		secondaryButtonType: [{ type: Input }],
+		primaryButtonType: [{ type: Input }],
+		primaryButtonDataTestId: [{ type: Input }],
+		testId: [{ type: Input }],
+		closeButtonTestId: [{ type: Input }],
+		closeButtonAriaLabel: [{ type: Input }],
+		secondaryButtonDataTestId: [{ type: Input }],
+		companyColor: [{
+			type: HostBinding,
+			args: ["style.--color"]
+		}, { type: Input }],
+		applicationTheme: [{ type: Input }],
+		disablePrimaryButton: [{ type: Input }],
+		primaryButtonLoading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "primaryButtonLoading",
+				required: false
+			}]
+		}],
+		primaryButtonTooltip: [{ type: Input }],
+		disableClose: [{ type: Input }],
+		shouldDisableButtons: [{ type: Input }],
+		ariaLabelledby: [{ type: Input }],
+		ariaDescribedby: [{ type: Input }],
+		keyboardOpen: [{ type: Input }],
+		primaryButtonIconPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "primaryButtonIconPosition",
+				required: false
+			}]
+		}],
+		closeEvent: [{ type: Output }],
+		secondaryButtonClickEvent: [{ type: Output }],
+		primaryButtonClickEvent: [{ type: Output }],
+		closeButton: [{
+			type: ViewChild,
+			args: ["closeButton"]
+		}],
+		onEsc: [{
+			type: HostListener,
+			args: ["keydown.esc"]
+		}],
+		customHeader: [{
+			type: ContentChild,
+			args: ["dialogHeader"]
+		}]
+	}
+});
+var DialogService = class DialogService {
+	constructor(matDialog, defaultAppTheme) {
+		this.matDialog = matDialog;
+		this.defaultAppTheme = defaultAppTheme;
+	}
+	open(dialogComponent, dialogConfig) {
+		const { applicationTheme = "light", size = "small", panelClass = "", extraData = {}, backdropClass = "", keyboardOpen = false, config = {} } = dialogConfig ?? {};
+		return this.matDialog.open(dialogComponent, {
+			...config,
+			data: {
+				applicationTheme: this.defaultAppTheme ?? applicationTheme,
+				...extraData,
+				keyboardOpen
+			},
+			backdropClass: backdropClass || "",
+			panelClass: applicationTheme === "classic" ? [
+				"ui-dialog-wrapper",
+				panelClass,
+				size
+			] : [
+				"ui-dialog-wrapper",
+				panelClass,
+				applicationTheme,
+				size
+			]
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			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: "22.2.4",
+			ngImport: i0,
+			type: DialogService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DialogService,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: i1.MatDialog }, {
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}]
+});
+var DialogComponentModule = class DialogComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogComponentModule,
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				DialogComponent
+			],
+			exports: [DialogComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogComponentModule,
+			providers: [
+				{
+					provide: MAT_DIALOG_DATA,
+					useValue: {}
+				},
+				{
+					provide: MatDialogRef,
+					useValue: {}
+				},
+				DialogService
+			],
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				DialogComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DialogComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				DialogComponent
+			],
+			exports: [DialogComponent],
+			providers: [
+				{
+					provide: MAT_DIALOG_DATA,
+					useValue: {}
+				},
+				{
+					provide: MatDialogRef,
+					useValue: {}
+				},
+				DialogService
+			]
+		}]
+	}]
+});
+var ConfirmDialogComponent = class ConfirmDialogComponent {
+	constructor(defaultAppTheme, dialogRef, data) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.lang = LanguageService.defaultLanguage;
+		this.showCloseButton = false;
+		this.showSecondaryButton = true;
+		this.primaryButtonDataTestId = "confirm-dialog.confirm-button";
+		this.secondaryButtonDataTestId = "confirm-dialog.cancel-button";
+		this.applicationTheme = "light";
+		this.confirmMessage = data.message;
+		this.confirmButtonText = data.confirmButtonText;
+		this.cancelButtonText = data.cancelButtonText;
+		this.title = data.title;
+		this.lang = data.language ?? LanguageService.defaultLanguage;
+		this.confirmMessageHtml = data.messageHtml ?? void 0;
+		this.showCloseButton = data.showCloseButton ?? false;
+		this.showSecondaryButton = data.showSecondaryButton ?? true;
+		this.color = data.color ?? null;
+		this.primaryButtonType = data.primaryButtonType ?? "primary";
+		this.secondaryButtonType = data.secondaryButtonType ?? "ghost";
+		this.primaryButtonIconName = data.primaryButtonIconName ?? void 0;
+		this.primaryButtonDataTestId = data.primaryButtonDataTestId ?? "confirm-dialog.confirm-button";
+		this.secondaryButtonDataTestId = data.secondaryButtonDataTestId ?? "confirm-dialog.cancel-button";
+		this.primaryButtonIconPosition = data.primaryButtonIconPosition ?? "left";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	onConfirm() {
+		if (this.data.onConfirm) this.data.onConfirm();
+		this.dialogRef.close(true);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			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: "22.2.4",
+			type: ConfirmDialogComponent,
+			isStandalone: true,
+			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",
+						"testId",
+						"closeButtonTestId",
+						"closeButtonAriaLabel",
+						"secondaryButtonDataTestId",
+						"companyColor",
+						"applicationTheme",
+						"disablePrimaryButton",
+						"primaryButtonLoading",
+						"primaryButtonTooltip",
+						"disableClose",
+						"shouldDisableButtons",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"keyboardOpen",
+						"primaryButtonIconPosition"
+					],
+					outputs: [
+						"closeEvent",
+						"secondaryButtonClickEvent",
+						"primaryButtonClickEvent"
+					]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: ConfirmDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-confirm-dialog",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				DialogComponent,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			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: void 0,
+			decorators: [{ type: Optional }, {
+				type: Inject,
+				args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+			}]
+		},
+		{ type: i1.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		}
+	],
+	propDecorators: { applicationTheme: [{ type: Input }] }
+});
+var ConfirmDialogComponentModule = class ConfirmDialogComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: ConfirmDialogComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: ConfirmDialogComponentModule,
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				DialogComponentModule,
+				UiTranslatePipe,
+				ConfirmDialogComponent
+			],
+			exports: [ConfirmDialogComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: ConfirmDialogComponentModule,
+			providers: [{
+				provide: MAT_DIALOG_DATA,
+				useValue: {}
+			}, {
+				provide: MatDialogRef,
+				useValue: {}
+			}],
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				DialogComponentModule,
+				ConfirmDialogComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: ConfirmDialogComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			exports: [ConfirmDialogComponent],
+			providers: [{
+				provide: MAT_DIALOG_DATA,
+				useValue: {}
+			}, {
+				provide: MatDialogRef,
+				useValue: {}
+			}],
+			imports: [
+				CommonModule,
+				MatDialogModule,
+				ButtonComponentModule,
+				DialogComponentModule,
+				UiTranslatePipe,
+				ConfirmDialogComponent
+			]
+		}]
+	}]
+});
+var DialogCustomComponent = class DialogCustomComponent {
+	constructor(defaultAppTheme, data, cdr) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.data = data;
+		this.cdr = cdr;
+		this.applicationTheme = "light";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnInit() {
+		this.canClose = this.canCloseFalse.bind(this);
+		setTimeout(() => {
+			this.canClose = this.canCloseTrue.bind(this);
+			this.cdr.markForCheck();
+		}, 2e3);
+	}
+	canCloseFalse() {
+		return false;
+	}
+	canCloseTrue() {
+		return true;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogCustomComponent,
+			deps: [
+				{
+					token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+					optional: true
+				},
+				{ token: MAT_DIALOG_DATA },
+				{ token: i0.ChangeDetectorRef }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: DialogCustomComponent,
+			isStandalone: true,
+			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  [disablePrimaryButton]=\"data.type === 'disabled-primary-tooltip'\"\n  [primaryButtonTooltip]=\"data.primaryButtonTooltip ?? ''\"\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  <!-- Custom footer content projection -->\n  @if (data.type === 'footer-content') {\n    <ui-toggle dialogFooter label=\"Don't show this again\" [applicationTheme]=\"applicationTheme\"></ui-toggle>\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    @if (data.type === 'footer-content') {\n      <p class=\"dialog-message\">\n        This dialog projects a <code>ui-toggle</code> into the footer, to the left of the action buttons.\n      </p>\n    }\n    @if (data.type === 'disabled-primary-tooltip') {\n      <p class=\"dialog-message\">\n        The primary button is disabled; hover it to see the tooltip explaining why the action is unavailable.\n      </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",
+						"testId",
+						"closeButtonTestId",
+						"closeButtonAriaLabel",
+						"secondaryButtonDataTestId",
+						"companyColor",
+						"applicationTheme",
+						"disablePrimaryButton",
+						"primaryButtonLoading",
+						"primaryButtonTooltip",
+						"disableClose",
+						"shouldDisableButtons",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"keyboardOpen",
+						"primaryButtonIconPosition"
+					],
+					outputs: [
+						"closeEvent",
+						"secondaryButtonClickEvent",
+						"primaryButtonClickEvent"
+					]
+				},
+				{
+					kind: "component",
+					type: ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "component",
+					type: ToggleComponent,
+					selector: "ui-toggle",
+					inputs: [
+						"selected",
+						"disabled",
+						"label",
+						"message",
+						"maxWidth",
+						"applicationTheme",
+						"ariaLabel",
+						"testId",
+						"ariaRequired",
+						"preventClick",
+						"loading",
+						"ariaDescribedby"
+					],
+					outputs: ["toggle"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DialogCustomComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-dialog-custom",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				DialogComponent,
+				ButtonComponent,
+				ToggleComponent
+			],
+			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  [disablePrimaryButton]=\"data.type === 'disabled-primary-tooltip'\"\n  [primaryButtonTooltip]=\"data.primaryButtonTooltip ?? ''\"\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  <!-- Custom footer content projection -->\n  @if (data.type === 'footer-content') {\n    <ui-toggle dialogFooter label=\"Don't show this again\" [applicationTheme]=\"applicationTheme\"></ui-toggle>\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    @if (data.type === 'footer-content') {\n      <p class=\"dialog-message\">\n        This dialog projects a <code>ui-toggle</code> into the footer, to the left of the action buttons.\n      </p>\n    }\n    @if (data.type === 'disabled-primary-tooltip') {\n      <p class=\"dialog-message\">\n        The primary button is disabled; hover it to see the tooltip explaining why the action is unavailable.\n      </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: void 0,
+			decorators: [{ type: Optional }, {
+				type: Inject,
+				args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+			}]
+		},
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		},
+		{ type: i0.ChangeDetectorRef }
+	],
+	propDecorators: { applicationTheme: [{ type: Input }] }
+});
+var DialogCustomComponentModule = class DialogCustomComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogCustomComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogCustomComponentModule,
+			imports: [
+				CommonModule,
+				DialogComponentModule,
+				ButtonComponentModule,
+				ToggleComponentModule,
+				DialogCustomComponent
+			],
+			exports: [DialogCustomComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: DialogCustomComponentModule,
+			imports: [
+				CommonModule,
+				DialogComponentModule,
+				ButtonComponentModule,
+				ToggleComponentModule,
+				DialogCustomComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: DialogCustomComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				DialogComponentModule,
+				ButtonComponentModule,
+				ToggleComponentModule,
+				DialogCustomComponent
+			],
+			exports: [DialogCustomComponent]
+		}]
+	}]
+});
 export { ConfirmDialogComponent, ConfirmDialogComponentModule, DialogComponent, DialogComponentModule, DialogCustomComponent, DialogCustomComponentModule, DialogService };
-//# sourceMappingURL=testgorilla-tgo-ui-components-dialog.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-dialog.mjs.map