@anguless/angulux 22.0.0-rc.0

package/fesm2022/anguless-angulux-confirmdialog.mjs

@@ -0,0 +1,858 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, EventEmitter, computed, booleanAttribute, numberAttribute, ContentChildren, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid, findSingle, setAttribute } from '@anguless/angulux-utils';
+import * as i1 from '@anguless/angulux/api';
+import { ConfirmEventType, TranslationKeys, SharedModule, Footer, AglTemplate } from '@anguless/angulux/api';
+import { BaseComponent, PARENT_INSTANCE } from '@anguless/angulux/basecomponent';
+import * as i2 from '@anguless/angulux/bind';
+import { Bind } from '@anguless/angulux/bind';
+import { Button } from '@anguless/angulux/button';
+import { Dialog } from '@anguless/angulux/dialog';
+import { style } from '@anguless/angulux-styles/confirmdialog';
+import { BaseStyle } from '@anguless/angulux/base';
+export * from '@anguless/angulux/types/confirmdialog';
+
+const classes = {
+    root: 'p-confirmdialog',
+    icon: 'p-confirmdialog-icon',
+    message: 'p-confirmdialog-message',
+    pcRejectButton: 'p-confirmdialog-reject-button',
+    pcAcceptButton: 'p-confirmdialog-accept-button'
+};
+class ConfirmDialogStyle extends BaseStyle {
+    name = 'confirmdialog';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.
+ *
+ * @module confirmdialogstyle
+ *
+ */
+var ConfirmDialogClasses;
+(function (ConfirmDialogClasses) {
+    /**
+     * Class name of the root element
+     */
+    ConfirmDialogClasses["root"] = "p-confirmdialog";
+    /**
+     * Class name of the icon element
+     */
+    ConfirmDialogClasses["icon"] = "p-confirmdialog-icon";
+    /**
+     * Class name of the message element
+     */
+    ConfirmDialogClasses["message"] = "p-confirmdialog-message";
+    /**
+     * Class name of the reject button element
+     */
+    ConfirmDialogClasses["pcRejectButton"] = "p-confirmdialog-reject-button";
+    /**
+     * Class name of the accept button element
+     */
+    ConfirmDialogClasses["pcAcceptButton"] = "p-confirmdialog-accept-button";
+})(ConfirmDialogClasses || (ConfirmDialogClasses = {}));
+
+const CONFIRMDIALOG_INSTANCE = new InjectionToken('CONFIRMDIALOG_INSTANCE');
+/**
+ * ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.
+ * @group Components
+ */
+class ConfirmDialog extends BaseComponent {
+    confirmationService;
+    zone;
+    componentName = 'ConfirmDialog';
+    $pcConfirmDialog = inject(CONFIRMDIALOG_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('host'));
+    }
+    /**
+     * Title text of the dialog.
+     * @group Props
+     */
+    header;
+    /**
+     * Icon to display next to message.
+     * @group Props
+     */
+    icon;
+    /**
+     * Message of the confirmation.
+     * @group Props
+     */
+    message;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    get style() {
+        return this._style;
+    }
+    set style(value) {
+        this._style = value;
+        this.cd.markForCheck();
+    }
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * Specify the CSS class(es) for styling the mask element
+     * @group Props
+     */
+    maskStyleClass;
+    /**
+     * Icon of the accept button.
+     * @group Props
+     */
+    acceptIcon;
+    /**
+     * Label of the accept button.
+     * @group Props
+     */
+    acceptLabel;
+    /**
+     * Defines a string that labels the close button for accessibility.
+     * @group Props
+     */
+    closeAriaLabel;
+    /**
+     * Defines a string that labels the accept button for accessibility.
+     * @group Props
+     */
+    acceptAriaLabel;
+    /**
+     * Visibility of the accept button.
+     * @group Props
+     */
+    acceptVisible = true;
+    /**
+     * Icon of the reject button.
+     * @group Props
+     */
+    rejectIcon;
+    /**
+     * Label of the reject button.
+     * @group Props
+     */
+    rejectLabel;
+    /**
+     * Defines a string that labels the reject button for accessibility.
+     * @group Props
+     */
+    rejectAriaLabel;
+    /**
+     * Visibility of the reject button.
+     * @group Props
+     */
+    rejectVisible = true;
+    /**
+     * Style class of the accept button.
+     * @group Props
+     */
+    acceptButtonStyleClass;
+    /**
+     * Style class of the reject button.
+     * @group Props
+     */
+    rejectButtonStyleClass;
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @group Props
+     */
+    closeOnEscape = true;
+    /**
+     * Specifies if clicking the modal background should hide the dialog.
+     * @group Props
+     */
+    dismissableMask;
+    /**
+     * Determines whether scrolling behavior should be blocked within the component.
+     * @group Props
+     */
+    blockScroll = true;
+    /**
+     * When enabled dialog is displayed in RTL direction.
+     * @group Props
+     */
+    rtl = false;
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @group Props
+     */
+    closable = true;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'body'
+     * @group Props
+     */
+    appendTo = input('body', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.
+     * @group Props
+     */
+    key;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex = true;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex = 0;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
+    transitionOptions = '150ms cubic-bezier(0, 0, 0.2, 1)';
+    /**
+     * When enabled, can only focus on elements inside the confirm dialog.
+     * @group Props
+     */
+    focusTrap = true;
+    /**
+     * Element to receive the focus when the dialog gets visible.
+     * @group Props
+     */
+    defaultFocus = 'accept';
+    /**
+     * Object literal to define widths per screen size.
+     * @group Props
+     */
+    breakpoints;
+    /**
+     * Defines if background should be blocked when dialog is displayed.
+     * @group Props
+     */
+    modal = true;
+    /**
+     * Current visible state as a boolean.
+     * @group Props
+     */
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        this._visible = value;
+        if (this._visible && !this.maskVisible) {
+            this.maskVisible = true;
+        }
+        this.cd.markForCheck();
+    }
+    /**
+     *  Allows getting the position of the component.
+     * @group Props
+     */
+    position = 'center';
+    /**
+     * Enables dragging to change the position using header.
+     * @group Props
+     */
+    draggable = true;
+    /**
+     * Callback to invoke when dialog is hidden.
+     * @param {ConfirmEventType} enum - Custom confirm event.
+     * @group Emits
+     */
+    onHide = new EventEmitter();
+    footer;
+    _componentStyle = inject(ConfirmDialogStyle);
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate;
+    /**
+     * Custom reject icon template.
+     * @group Templates
+     */
+    rejectIconTemplate;
+    /**
+     * Custom accept icon template.
+     * @group Templates
+     */
+    acceptIconTemplate;
+    /**
+     * Custom message template.
+     * @group Templates
+     */
+    messageTemplate;
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    iconTemplate;
+    /**
+     * Custom headless template.
+     * @group Templates
+     */
+    headlessTemplate;
+    templates;
+    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []));
+    _headerTemplate;
+    _footerTemplate;
+    _rejectIconTemplate;
+    _acceptIconTemplate;
+    _messageTemplate;
+    _iconTemplate;
+    _headlessTemplate;
+    confirmation;
+    _visible;
+    _style;
+    maskVisible;
+    dialog;
+    wrapper;
+    contentContainer;
+    subscription;
+    preWidth;
+    styleElement;
+    id = uuid('pn_id_');
+    ariaLabelledBy = this.getAriaLabelledBy();
+    translationSubscription;
+    constructor(confirmationService, zone) {
+        super();
+        this.confirmationService = confirmationService;
+        this.zone = zone;
+        this.subscription = this.confirmationService.requireConfirmation$.subscribe((confirmation) => {
+            if (!confirmation) {
+                this.hide();
+                return;
+            }
+            if (confirmation.key === this.key) {
+                this.confirmation = confirmation;
+                const keys = Object.keys(confirmation);
+                keys.forEach((key) => {
+                    this[key] = confirmation[key];
+                });
+                if (this.confirmation.accept) {
+                    this.confirmation.acceptEvent = new EventEmitter();
+                    this.confirmation.acceptEvent.subscribe(this.confirmation.accept);
+                }
+                if (this.confirmation.reject) {
+                    this.confirmation.rejectEvent = new EventEmitter();
+                    this.confirmation.rejectEvent.subscribe(this.confirmation.reject);
+                }
+                this.visible = true;
+            }
+        });
+    }
+    onInit() {
+        if (this.breakpoints) {
+            this.createStyle();
+        }
+        this.translationSubscription = this.config.translationObserver.subscribe(() => {
+            if (this.visible) {
+                this.cd.markForCheck();
+            }
+        });
+    }
+    onAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'header':
+                    this._headerTemplate = item.template;
+                    break;
+                case 'footer':
+                    this._footerTemplate = item.template;
+                    break;
+                case 'message':
+                    this._messageTemplate = item.template;
+                    break;
+                case 'icon':
+                    this._iconTemplate = item.template;
+                    break;
+                case 'rejecticon':
+                    this._rejectIconTemplate = item.template;
+                    break;
+                case 'accepticon':
+                    this._acceptIconTemplate = item.template;
+                    break;
+                case 'headless':
+                    this._headlessTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    getAriaLabelledBy() {
+        return this.header !== null ? uuid('pn_id_') + '_header' : null;
+    }
+    option(name, k) {
+        const source = this;
+        if (source.hasOwnProperty(name)) {
+            const value = k ? source[k] : source[name];
+            return typeof value === 'function' ? value() : value;
+        }
+        return undefined;
+    }
+    getButtonStyleClass(cx, opt) {
+        const cxClass = this.cx(cx);
+        const optionClass = this.option(opt);
+        return [cxClass, optionClass].filter(Boolean).join(' ');
+    }
+    getElementToFocus() {
+        if (!this.dialog?.el?.nativeElement)
+            return;
+        switch (this.option('defaultFocus')) {
+            case 'accept':
+                return findSingle(this.dialog.el.nativeElement, '.p-confirm-dialog-accept');
+            case 'reject':
+                return findSingle(this.dialog.el.nativeElement, '.p-confirm-dialog-reject');
+            case 'close':
+                return findSingle(this.dialog.el.nativeElement, '.p-dialog-header-close');
+            case 'none':
+                return null;
+            //backward compatibility
+            default:
+                return findSingle(this.dialog.el.nativeElement, '.p-confirm-dialog-accept');
+        }
+    }
+    createStyle() {
+        if (!this.styleElement) {
+            this.styleElement = this.document.createElement('style');
+            this.styleElement.type = 'text/css';
+            setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
+            this.document.head.appendChild(this.styleElement);
+            let innerHTML = '';
+            for (let breakpoint in this.breakpoints) {
+                innerHTML += `
+                    @media screen and (max-width: ${breakpoint}) {
+                        .p-dialog[${this.id}] {
+                            width: ${this.breakpoints[breakpoint]} !important;
+                        }
+                    }
+                `;
+            }
+            this.styleElement.innerHTML = innerHTML;
+            setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
+        }
+    }
+    close() {
+        if (this.confirmation?.rejectEvent) {
+            this.confirmation.rejectEvent.emit(ConfirmEventType.CANCEL);
+        }
+        this.hide(ConfirmEventType.CANCEL);
+    }
+    hide(type) {
+        this.onHide.emit(type);
+        this.visible = false;
+        // Unsubscribe from confirmation events when the dialogue is closed, because events are created when the dialogue is opened.
+        this.unsubscribeConfirmationEvents();
+    }
+    onDialogHide() {
+        this.confirmation = null;
+    }
+    destroyStyle() {
+        if (this.styleElement) {
+            this.document.head.removeChild(this.styleElement);
+            this.styleElement = null;
+        }
+    }
+    onDestroy() {
+        this.subscription.unsubscribe();
+        // Unsubscribe from confirmation events if the dialogue is opened and this component is somehow destroyed.
+        this.unsubscribeConfirmationEvents();
+        if (this.translationSubscription) {
+            this.translationSubscription.unsubscribe();
+        }
+        this.destroyStyle();
+    }
+    onVisibleChange(value) {
+        if (!value) {
+            this.close();
+        }
+        else {
+            this.visible = value;
+        }
+    }
+    onAccept() {
+        if (this.confirmation && this.confirmation.acceptEvent) {
+            this.confirmation.acceptEvent.emit();
+        }
+        this.hide(ConfirmEventType.ACCEPT);
+    }
+    onReject() {
+        if (this.confirmation && this.confirmation.rejectEvent) {
+            this.confirmation.rejectEvent.emit(ConfirmEventType.REJECT);
+        }
+        this.hide(ConfirmEventType.REJECT);
+    }
+    unsubscribeConfirmationEvents() {
+        if (this.confirmation) {
+            this.confirmation.acceptEvent?.unsubscribe();
+            this.confirmation.rejectEvent?.unsubscribe();
+        }
+    }
+    get acceptButtonLabel() {
+        return this.option('acceptLabel') || this.getAcceptButtonProps()?.label || this.config.getTranslation(TranslationKeys.ACCEPT);
+    }
+    get rejectButtonLabel() {
+        return this.option('rejectLabel') || this.getRejectButtonProps()?.label || this.config.getTranslation(TranslationKeys.REJECT);
+    }
+    getAcceptButtonProps() {
+        return this.option('acceptButtonProps');
+    }
+    getRejectButtonProps() {
+        return this.option('rejectButtonProps');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialog, deps: [{ token: i1.ConfirmationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ConfirmDialog, isStandalone: true, selector: "agl-confirmDialog, agl-confirmdialog, agl-confirm-dialog", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: false, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, maskStyleClass: { classPropertyName: "maskStyleClass", publicName: "maskStyleClass", isSignal: false, isRequired: false, transformFunction: null }, acceptIcon: { classPropertyName: "acceptIcon", publicName: "acceptIcon", isSignal: false, isRequired: false, transformFunction: null }, acceptLabel: { classPropertyName: "acceptLabel", publicName: "acceptLabel", isSignal: false, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, acceptAriaLabel: { classPropertyName: "acceptAriaLabel", publicName: "acceptAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, acceptVisible: { classPropertyName: "acceptVisible", publicName: "acceptVisible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, rejectIcon: { classPropertyName: "rejectIcon", publicName: "rejectIcon", isSignal: false, isRequired: false, transformFunction: null }, rejectLabel: { classPropertyName: "rejectLabel", publicName: "rejectLabel", isSignal: false, isRequired: false, transformFunction: null }, rejectAriaLabel: { classPropertyName: "rejectAriaLabel", publicName: "rejectAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, rejectVisible: { classPropertyName: "rejectVisible", publicName: "rejectVisible", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, acceptButtonStyleClass: { classPropertyName: "acceptButtonStyleClass", publicName: "acceptButtonStyleClass", isSignal: false, isRequired: false, transformFunction: null }, rejectButtonStyleClass: { classPropertyName: "rejectButtonStyleClass", publicName: "rejectButtonStyleClass", isSignal: false, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, dismissableMask: { classPropertyName: "dismissableMask", publicName: "dismissableMask", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: false, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null }, focusTrap: { classPropertyName: "focusTrap", publicName: "focusTrap", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, defaultFocus: { classPropertyName: "defaultFocus", publicName: "defaultFocus", isSignal: false, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: false, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: false, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { onHide: "onHide" }, providers: [ConfirmDialogStyle, { provide: CONFIRMDIALOG_INSTANCE, useExisting: ConfirmDialog }, { provide: PARENT_INSTANCE, useExisting: ConfirmDialog }], queries: [{ propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "rejectIconTemplate", first: true, predicate: ["rejecticon"] }, { propertyName: "acceptIconTemplate", first: true, predicate: ["accepticon"] }, { propertyName: "messageTemplate", first: true, predicate: ["message"] }, { propertyName: "iconTemplate", first: true, predicate: ["icon"] }, { propertyName: "headlessTemplate", first: true, predicate: ["headless"] }, { propertyName: "templates", predicate: AglTemplate }], usesInheritance: true, hostDirectives: [{ directive: i2.Bind }], ngImport: i0, template: `
+        <agl-dialog
+            [pt]="pt"
+            #dialog
+            [visible]="visible"
+            (visibleChange)="onVisibleChange($event)"
+            role="alertdialog"
+            [closable]="option('closable')"
+            [styleClass]="cn(cx('root'), styleClass)"
+            [modal]="option('modal')"
+            [header]="option('header')"
+            [closeOnEscape]="option('closeOnEscape')"
+            [blockScroll]="option('blockScroll')"
+            [appendTo]="$appendTo()"
+            [position]="position"
+            [style]="style"
+            [dismissableMask]="dismissableMask"
+            [draggable]="draggable"
+            [baseZIndex]="baseZIndex"
+            [autoZIndex]="autoZIndex"
+            [maskStyleClass]="cn(cx('mask'), maskStyleClass)"
+            [unstyled]="unstyled()"
+            (onHide)="onDialogHide()"
+        >
+            @if (headlessTemplate || _headlessTemplate) {
+                <ng-template #headless>
+                    <ng-container
+                        *ngTemplateOutlet="
+                            headlessTemplate || _headlessTemplate;
+                            context: {
+                                $implicit: confirmation,
+                                onAccept: onAccept.bind(this),
+                                onReject: onReject.bind(this)
+                            }
+                        "
+                    ></ng-container>
+                </ng-template>
+            } @else {
+                @if (headerTemplate || _headerTemplate) {
+                    <ng-template #header>
+                        <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+                    </ng-template>
+                }
+
+                <ng-template #content>
+                    @if (iconTemplate || _iconTemplate) {
+                        <ng-template *ngTemplateOutlet="iconTemplate || _iconTemplate"></ng-template>
+                    } @else if (!iconTemplate && !_iconTemplate && !_messageTemplate && !messageTemplate) {
+                        <i [ngClass]="cx('icon')" [class]="option('icon')" [aglBind]="ptm('icon')" *ngIf="option('icon')"></i>
+                    }
+                    @if (messageTemplate || _messageTemplate) {
+                        <ng-template *ngTemplateOutlet="messageTemplate || _messageTemplate; context: { $implicit: confirmation }"></ng-template>
+                    } @else {
+                        <span [class]="cx('message')" [aglBind]="ptm('message')" [innerHTML]="option('message')"> </span>
+                    }
+                </ng-template>
+            }
+            <ng-template #footer>
+                @if (footerTemplate || _footerTemplate) {
+                    <ng-content select="agl-footer"></ng-content>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                }
+                @if (!footerTemplate && !_footerTemplate) {
+                    <agl-button
+                        [pt]="ptm('pcRejectButton')"
+                        *ngIf="option('rejectVisible')"
+                        [label]="rejectButtonLabel"
+                        (onClick)="onReject()"
+                        [styleClass]="getButtonStyleClass('pcRejectButton', 'rejectButtonStyleClass')"
+                        [ariaLabel]="option('rejectButtonProps', 'ariaLabel')"
+                        [buttonProps]="getRejectButtonProps()"
+                        [unstyled]="unstyled()"
+                    >
+                        <ng-template #icon>
+                            @if (rejectIcon && !rejectIconTemplate && !_rejectIconTemplate) {
+                                <i *ngIf="option('rejectIcon')" [class]="option('rejectIcon')" [aglBind]="ptm('pcRejectButton')['icon']"></i>
+                            }
+                            <ng-template *ngTemplateOutlet="rejectIconTemplate || _rejectIconTemplate"></ng-template>
+                        </ng-template>
+                    </agl-button>
+                    <agl-button
+                        [pt]="ptm('pcAcceptButton')"
+                        [label]="acceptButtonLabel"
+                        (onClick)="onAccept()"
+                        [styleClass]="getButtonStyleClass('pcAcceptButton', 'acceptButtonStyleClass')"
+                        *ngIf="option('acceptVisible')"
+                        [ariaLabel]="option('acceptButtonProps', 'ariaLabel')"
+                        [buttonProps]="getAcceptButtonProps()"
+                        [unstyled]="unstyled()"
+                    >
+                        <ng-template #icon>
+                            @if (acceptIcon && !_acceptIconTemplate && !acceptIconTemplate) {
+                                <i *ngIf="option('acceptIcon')" [class]="option('acceptIcon')" [aglBind]="ptm('pcAcceptButton')['icon']"></i>
+                            }
+                            <ng-template *ngTemplateOutlet="acceptIconTemplate || _acceptIconTemplate"></ng-template>
+                        </ng-template>
+                    </agl-button>
+                }
+            </ng-template>
+        </agl-dialog>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "agl-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Dialog, selector: "agl-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[aglBind]", inputs: ["aglBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'agl-confirmDialog, agl-confirmdialog, agl-confirm-dialog',
+                    standalone: true,
+                    imports: [CommonModule, Button, Dialog, SharedModule, Bind],
+                    template: `
+        <agl-dialog
+            [pt]="pt"
+            #dialog
+            [visible]="visible"
+            (visibleChange)="onVisibleChange($event)"
+            role="alertdialog"
+            [closable]="option('closable')"
+            [styleClass]="cn(cx('root'), styleClass)"
+            [modal]="option('modal')"
+            [header]="option('header')"
+            [closeOnEscape]="option('closeOnEscape')"
+            [blockScroll]="option('blockScroll')"
+            [appendTo]="$appendTo()"
+            [position]="position"
+            [style]="style"
+            [dismissableMask]="dismissableMask"
+            [draggable]="draggable"
+            [baseZIndex]="baseZIndex"
+            [autoZIndex]="autoZIndex"
+            [maskStyleClass]="cn(cx('mask'), maskStyleClass)"
+            [unstyled]="unstyled()"
+            (onHide)="onDialogHide()"
+        >
+            @if (headlessTemplate || _headlessTemplate) {
+                <ng-template #headless>
+                    <ng-container
+                        *ngTemplateOutlet="
+                            headlessTemplate || _headlessTemplate;
+                            context: {
+                                $implicit: confirmation,
+                                onAccept: onAccept.bind(this),
+                                onReject: onReject.bind(this)
+                            }
+                        "
+                    ></ng-container>
+                </ng-template>
+            } @else {
+                @if (headerTemplate || _headerTemplate) {
+                    <ng-template #header>
+                        <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+                    </ng-template>
+                }
+
+                <ng-template #content>
+                    @if (iconTemplate || _iconTemplate) {
+                        <ng-template *ngTemplateOutlet="iconTemplate || _iconTemplate"></ng-template>
+                    } @else if (!iconTemplate && !_iconTemplate && !_messageTemplate && !messageTemplate) {
+                        <i [ngClass]="cx('icon')" [class]="option('icon')" [aglBind]="ptm('icon')" *ngIf="option('icon')"></i>
+                    }
+                    @if (messageTemplate || _messageTemplate) {
+                        <ng-template *ngTemplateOutlet="messageTemplate || _messageTemplate; context: { $implicit: confirmation }"></ng-template>
+                    } @else {
+                        <span [class]="cx('message')" [aglBind]="ptm('message')" [innerHTML]="option('message')"> </span>
+                    }
+                </ng-template>
+            }
+            <ng-template #footer>
+                @if (footerTemplate || _footerTemplate) {
+                    <ng-content select="agl-footer"></ng-content>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                }
+                @if (!footerTemplate && !_footerTemplate) {
+                    <agl-button
+                        [pt]="ptm('pcRejectButton')"
+                        *ngIf="option('rejectVisible')"
+                        [label]="rejectButtonLabel"
+                        (onClick)="onReject()"
+                        [styleClass]="getButtonStyleClass('pcRejectButton', 'rejectButtonStyleClass')"
+                        [ariaLabel]="option('rejectButtonProps', 'ariaLabel')"
+                        [buttonProps]="getRejectButtonProps()"
+                        [unstyled]="unstyled()"
+                    >
+                        <ng-template #icon>
+                            @if (rejectIcon && !rejectIconTemplate && !_rejectIconTemplate) {
+                                <i *ngIf="option('rejectIcon')" [class]="option('rejectIcon')" [aglBind]="ptm('pcRejectButton')['icon']"></i>
+                            }
+                            <ng-template *ngTemplateOutlet="rejectIconTemplate || _rejectIconTemplate"></ng-template>
+                        </ng-template>
+                    </agl-button>
+                    <agl-button
+                        [pt]="ptm('pcAcceptButton')"
+                        [label]="acceptButtonLabel"
+                        (onClick)="onAccept()"
+                        [styleClass]="getButtonStyleClass('pcAcceptButton', 'acceptButtonStyleClass')"
+                        *ngIf="option('acceptVisible')"
+                        [ariaLabel]="option('acceptButtonProps', 'ariaLabel')"
+                        [buttonProps]="getAcceptButtonProps()"
+                        [unstyled]="unstyled()"
+                    >
+                        <ng-template #icon>
+                            @if (acceptIcon && !_acceptIconTemplate && !acceptIconTemplate) {
+                                <i *ngIf="option('acceptIcon')" [class]="option('acceptIcon')" [aglBind]="ptm('pcAcceptButton')['icon']"></i>
+                            }
+                            <ng-template *ngTemplateOutlet="acceptIconTemplate || _acceptIconTemplate"></ng-template>
+                        </ng-template>
+                    </agl-button>
+                }
+            </ng-template>
+        </agl-dialog>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [ConfirmDialogStyle, { provide: CONFIRMDIALOG_INSTANCE, useExisting: ConfirmDialog }, { provide: PARENT_INSTANCE, useExisting: ConfirmDialog }],
+                    hostDirectives: [Bind]
+                }]
+        }], ctorParameters: () => [{ type: i1.ConfirmationService }, { type: i0.NgZone }], propDecorators: { header: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], maskStyleClass: [{
+                type: Input
+            }], acceptIcon: [{
+                type: Input
+            }], acceptLabel: [{
+                type: Input
+            }], closeAriaLabel: [{
+                type: Input
+            }], acceptAriaLabel: [{
+                type: Input
+            }], acceptVisible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rejectIcon: [{
+                type: Input
+            }], rejectLabel: [{
+                type: Input
+            }], rejectAriaLabel: [{
+                type: Input
+            }], rejectVisible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], acceptButtonStyleClass: [{
+                type: Input
+            }], rejectButtonStyleClass: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dismissableMask: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], blockScroll: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rtl: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], closable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], key: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], baseZIndex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], transitionOptions: [{
+                type: Input
+            }], focusTrap: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], defaultFocus: [{
+                type: Input
+            }], breakpoints: [{
+                type: Input
+            }], modal: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], visible: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], draggable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onHide: [{
+                type: Output
+            }], footer: [{
+                type: ContentChild,
+                args: [Footer]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: ['footer', { descendants: false }]
+            }], rejectIconTemplate: [{
+                type: ContentChild,
+                args: ['rejecticon', { descendants: false }]
+            }], acceptIconTemplate: [{
+                type: ContentChild,
+                args: ['accepticon', { descendants: false }]
+            }], messageTemplate: [{
+                type: ContentChild,
+                args: ['message', { descendants: false }]
+            }], iconTemplate: [{
+                type: ContentChild,
+                args: ['icon', { descendants: false }]
+            }], headlessTemplate: [{
+                type: ContentChild,
+                args: ['headless', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [AglTemplate]
+            }] } });
+class ConfirmDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogModule, imports: [ConfirmDialog, SharedModule], exports: [ConfirmDialog, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogModule, imports: [ConfirmDialog, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ConfirmDialog, SharedModule],
+                    exports: [ConfirmDialog, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ConfirmDialog, ConfirmDialogClasses, ConfirmDialogModule, ConfirmDialogStyle };
+//# sourceMappingURL=anguless-angulux-confirmdialog.mjs.map