@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-confirmdialog.mjs

@@ -0,0 +1,570 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, booleanAttribute, numberAttribute, model, effect, output, contentChild, contentChildren, computed, EventEmitter, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid, findSingle, setAttribute } from '@gravionlabs/helix-core/uix/utils';
+import * as i1 from '@gravionlabs/helix-core/api';
+import { Footer, HelixTemplate, ConfirmEventType, TranslationKeys, SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i2 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { Button } from '@gravionlabs/helix-core/button';
+import { Dialog } from '@gravionlabs/helix-core/dialog';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+export * from '@gravionlabs/helix-core/types/confirmdialog';
+
+const style = /*css*/ `
+    .h-confirmdialog .h-dialog-content {
+        display: flex;
+        align-items: center;
+        gap: dt('confirmdialog.content.gap');
+    }
+
+    .h-confirmdialog-icon {
+        color: dt('confirmdialog.icon.color');
+        font-size: dt('confirmdialog.icon.size');
+        width: dt('confirmdialog.icon.size');
+        height: dt('confirmdialog.icon.size');
+    }
+`;
+
+const classes = {
+    root: 'h-confirmdialog',
+    icon: 'h-confirmdialog-icon',
+    message: 'h-confirmdialog-message',
+    pcRejectButton: 'h-confirmdialog-reject-button',
+    pcAcceptButton: 'h-confirmdialog-accept-button'
+};
+class ConfirmDialogStyle extends BaseStyle {
+    name = 'confirmdialog';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.
+ *
+ * [Live Demo](https://www.primeng.org/confirmdialog)
+ *
+ * @module confirmdialogstyle
+ *
+ */
+var ConfirmDialogClasses;
+(function (ConfirmDialogClasses) {
+    /**
+     * Class name of the root element
+     */
+    ConfirmDialogClasses["root"] = "h-confirmdialog";
+    /**
+     * Class name of the icon element
+     */
+    ConfirmDialogClasses["icon"] = "h-confirmdialog-icon";
+    /**
+     * Class name of the message element
+     */
+    ConfirmDialogClasses["message"] = "h-confirmdialog-message";
+    /**
+     * Class name of the reject button element
+     */
+    ConfirmDialogClasses["pcRejectButton"] = "h-confirmdialog-reject-button";
+    /**
+     * Class name of the accept button element
+     */
+    ConfirmDialogClasses["pcAcceptButton"] = "h-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 = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
+    /**
+     * Icon to display next to message.
+     * @group Props
+     */
+    icon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * Message of the confirmation.
+     * @group Props
+     */
+    message = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    style = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Specify the CSS class(es) for styling the mask element
+     * @group Props
+     */
+    maskStyleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "maskStyleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Icon of the accept button.
+     * @group Props
+     */
+    acceptIcon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "acceptIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Label of the accept button.
+     * @group Props
+     */
+    acceptLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "acceptLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines a string that labels the close button for accessibility.
+     * @group Props
+     */
+    closeAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines a string that labels the accept button for accessibility.
+     * @group Props
+     */
+    acceptAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "acceptAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Visibility of the accept button.
+     * @group Props
+     */
+    acceptVisible = input(true, { ...(ngDevMode ? { debugName: "acceptVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Icon of the reject button.
+     * @group Props
+     */
+    rejectIcon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rejectIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Label of the reject button.
+     * @group Props
+     */
+    rejectLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rejectLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines a string that labels the reject button for accessibility.
+     * @group Props
+     */
+    rejectAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rejectAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Visibility of the reject button.
+     * @group Props
+     */
+    rejectVisible = input(true, { ...(ngDevMode ? { debugName: "rejectVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Style class of the accept button.
+     * @group Props
+     */
+    acceptButtonStyleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "acceptButtonStyleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class of the reject button.
+     * @group Props
+     */
+    rejectButtonStyleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rejectButtonStyleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @group Props
+     */
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Specifies if clicking the modal background should hide the dialog.
+     * @group Props
+     */
+    dismissableMask = input(undefined, { ...(ngDevMode ? { debugName: "dismissableMask" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Determines whether scrolling behavior should be blocked within the component.
+     * @group Props
+     */
+    blockScroll = input(true, { ...(ngDevMode ? { debugName: "blockScroll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When enabled dialog is displayed in RTL direction.
+     * @group Props
+     */
+    rtl = input(false, { ...(ngDevMode ? { debugName: "rtl" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @group Props
+     */
+    closable = input(true, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * 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 = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex = input(true, { ...(ngDevMode ? { debugName: "autoZIndex" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex = input(0, { ...(ngDevMode ? { debugName: "baseZIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
+    transitionOptions = input('150ms cubic-bezier(0, 0, 0.2, 1)', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "transitionOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * When enabled, can only focus on elements inside the confirm dialog.
+     * @group Props
+     */
+    focusTrap = input(true, { ...(ngDevMode ? { debugName: "focusTrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Element to receive the focus when the dialog gets visible.
+     * @group Props
+     */
+    defaultFocus = input('accept', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultFocus" }] : /* istanbul ignore next */ []));
+    /**
+     * Object literal to define widths per screen size.
+     * @group Props
+     */
+    breakpoints = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "breakpoints" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines if background should be blocked when dialog is displayed.
+     * @group Props
+     */
+    modal = input(true, { ...(ngDevMode ? { debugName: "modal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Current visible state as a boolean.
+     * @group Props
+     */
+    visible = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    _visibleEffect = effect(() => {
+        if (this.visible() && !this.maskVisible) {
+            this.maskVisible = true;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_visibleEffect" }] : /* istanbul ignore next */ []));
+    /**
+     *  Allows getting the position of the component.
+     * @group Props
+     */
+    position = input('center', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /**
+     * Enables dragging to change the position using header.
+     * @group Props
+     */
+    draggable = input(true, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Callback to invoke when dialog is hidden.
+     * @param {ConfirmEventType} enum - Custom confirm event.
+     * @group Emits
+     */
+    onHide = output();
+    footer = contentChild(Footer, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []));
+    _componentStyle = inject(ConfirmDialogStyle);
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate = contentChild('header', { ...(ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate = contentChild('footer', { ...(ngDevMode ? { debugName: "footerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom reject icon template.
+     * @group Templates
+     */
+    rejectIconTemplate = contentChild('rejecticon', { ...(ngDevMode ? { debugName: "rejectIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom accept icon template.
+     * @group Templates
+     */
+    acceptIconTemplate = contentChild('accepticon', { ...(ngDevMode ? { debugName: "acceptIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom message template.
+     * @group Templates
+     */
+    messageTemplate = contentChild('message', { ...(ngDevMode ? { debugName: "messageTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    iconTemplate = contentChild('icon', { ...(ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom headless template.
+     * @group Templates
+     */
+    headlessTemplate = contentChild('headless', { ...(ngDevMode ? { debugName: "headlessTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []));
+    _headerTemplate;
+    _footerTemplate;
+    _rejectIconTemplate;
+    _acceptIconTemplate;
+    _messageTemplate;
+    _iconTemplate;
+    _headlessTemplate;
+    confirmation;
+    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.set(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, '.h-confirm-dialog-accept');
+            case 'reject':
+                return findSingle(this.dialog.el.nativeElement, '.h-confirm-dialog-reject');
+            case 'close':
+                return findSingle(this.dialog.el.nativeElement, '.h-dialog-header-close');
+            case 'none':
+                return null;
+            //backward compatibility
+            default:
+                return findSingle(this.dialog.el.nativeElement, '.h-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}) {
+                        .h-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.set(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.set(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.1.6", 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.1.6", type: ConfirmDialog, isStandalone: true, selector: "h-confirmDialog, h-confirmdialog, h-confirm-dialog", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, maskStyleClass: { classPropertyName: "maskStyleClass", publicName: "maskStyleClass", isSignal: true, isRequired: false, transformFunction: null }, acceptIcon: { classPropertyName: "acceptIcon", publicName: "acceptIcon", isSignal: true, isRequired: false, transformFunction: null }, acceptLabel: { classPropertyName: "acceptLabel", publicName: "acceptLabel", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, acceptAriaLabel: { classPropertyName: "acceptAriaLabel", publicName: "acceptAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, acceptVisible: { classPropertyName: "acceptVisible", publicName: "acceptVisible", isSignal: true, isRequired: false, transformFunction: null }, rejectIcon: { classPropertyName: "rejectIcon", publicName: "rejectIcon", isSignal: true, isRequired: false, transformFunction: null }, rejectLabel: { classPropertyName: "rejectLabel", publicName: "rejectLabel", isSignal: true, isRequired: false, transformFunction: null }, rejectAriaLabel: { classPropertyName: "rejectAriaLabel", publicName: "rejectAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, rejectVisible: { classPropertyName: "rejectVisible", publicName: "rejectVisible", isSignal: true, isRequired: false, transformFunction: null }, acceptButtonStyleClass: { classPropertyName: "acceptButtonStyleClass", publicName: "acceptButtonStyleClass", isSignal: true, isRequired: false, transformFunction: null }, rejectButtonStyleClass: { classPropertyName: "rejectButtonStyleClass", publicName: "rejectButtonStyleClass", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, dismissableMask: { classPropertyName: "dismissableMask", publicName: "dismissableMask", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, focusTrap: { classPropertyName: "focusTrap", publicName: "focusTrap", isSignal: true, isRequired: false, transformFunction: null }, defaultFocus: { classPropertyName: "defaultFocus", publicName: "defaultFocus", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", onHide: "onHide" }, providers: [ConfirmDialogStyle, { provide: CONFIRMDIALOG_INSTANCE, useExisting: ConfirmDialog }, { provide: PARENT_INSTANCE, useExisting: ConfirmDialog }], queries: [{ propertyName: "footer", first: true, predicate: Footer, descendants: true, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "rejectIconTemplate", first: true, predicate: ["rejecticon"], isSignal: true }, { propertyName: "acceptIconTemplate", first: true, predicate: ["accepticon"], isSignal: true }, { propertyName: "messageTemplate", first: true, predicate: ["message"], isSignal: true }, { propertyName: "iconTemplate", first: true, predicate: ["icon"], isSignal: true }, { propertyName: "headlessTemplate", first: true, predicate: ["headless"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i2.Bind }], ngImport: i0, template: "<h-dialog\n  [pt]=\"pt\"\n  #dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  role=\"alertdialog\"\n  [closable]=\"option('closable')\"\n  [styleClass]=\"cn(cx('root'), styleClass())\"\n  [modal]=\"option('modal')\"\n  [header]=\"option('header')\"\n  [closeOnEscape]=\"option('closeOnEscape')\"\n  [blockScroll]=\"option('blockScroll')\"\n  [appendTo]=\"$appendTo()\"\n  [position]=\"position()\"\n  [style]=\"style()\"\n  [dismissableMask]=\"dismissableMask()\"\n  [draggable]=\"draggable()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [maskStyleClass]=\"cn(cx('mask'), maskStyleClass())\"\n  [unstyled]=\"unstyled()\"\n  (onHide)=\"onDialogHide()\"\n  >\n  @if (headlessTemplate() || _headlessTemplate) {\n    <ng-template #headless>\n      <ng-container\n                *ngTemplateOutlet=\"\n                    headlessTemplate() || _headlessTemplate;\n                    context: {\n                        $implicit: confirmation,\n                        onAccept: onAccept.bind(this),\n                        onReject: onReject.bind(this)\n                    }\n                \"\n    ></ng-container>\n  </ng-template>\n} @else {\n  @if (headerTemplate() || _headerTemplate) {\n    <ng-template #header>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    </ng-template>\n  }\n\n  <ng-template #content>\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-template>\n    } @else if (!iconTemplate() && !_iconTemplate && !_messageTemplate && !messageTemplate()) {\n      @if (option('icon')) {\n        <i [ngClass]=\"cx('icon')\" [class]=\"option('icon')\" [hBind]=\"ptm('icon')\"></i>\n      }\n    }\n    @if (messageTemplate() || _messageTemplate) {\n      <ng-template *ngTemplateOutlet=\"messageTemplate() || _messageTemplate; context: { $implicit: confirmation }\"></ng-template>\n    } @else {\n      <span [class]=\"cx('message')\" [hBind]=\"ptm('message')\" [innerHTML]=\"option('message')\"> </span>\n    }\n  </ng-template>\n}\n<ng-template #footer>\n  @if (footerTemplate() || _footerTemplate) {\n    <ng-content select=\"h-footer\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"footerTemplate() || _footerTemplate\"></ng-container>\n  }\n  @if (!footerTemplate() && !_footerTemplate) {\n    @if (option('rejectVisible')) {\n      <h-button\n        [pt]=\"ptm('pcRejectButton')\"\n        [label]=\"rejectButtonLabel\"\n        (onClick)=\"onReject()\"\n        [styleClass]=\"getButtonStyleClass('pcRejectButton', 'rejectButtonStyleClass')\"\n        [ariaLabel]=\"option('rejectButtonProps', 'ariaLabel')\"\n        [buttonProps]=\"getRejectButtonProps()\"\n        [unstyled]=\"unstyled()\"\n        >\n        <ng-template #icon>\n          @if (rejectIcon() && !rejectIconTemplate() && !_rejectIconTemplate) {\n            @if (option('rejectIcon')) {\n              <i [class]=\"option('rejectIcon')\" [hBind]=\"ptm('pcRejectButton')['icon']\"></i>\n            }\n          }\n          <ng-template *ngTemplateOutlet=\"rejectIconTemplate() || _rejectIconTemplate\"></ng-template>\n        </ng-template>\n      </h-button>\n    }\n    @if (option('acceptVisible')) {\n      <h-button\n        [pt]=\"ptm('pcAcceptButton')\"\n        [label]=\"acceptButtonLabel\"\n        (onClick)=\"onAccept()\"\n        [styleClass]=\"getButtonStyleClass('pcAcceptButton', 'acceptButtonStyleClass')\"\n        [ariaLabel]=\"option('acceptButtonProps', 'ariaLabel')\"\n        [buttonProps]=\"getAcceptButtonProps()\"\n        [unstyled]=\"unstyled()\"\n        >\n        <ng-template #icon>\n          @if (acceptIcon() && !_acceptIconTemplate && !acceptIconTemplate()) {\n            @if (option('acceptIcon')) {\n              <i [class]=\"option('acceptIcon')\" [hBind]=\"ptm('pcAcceptButton')['icon']\"></i>\n            }\n          }\n          <ng-template *ngTemplateOutlet=\"acceptIconTemplate() || _acceptIconTemplate\"></ng-template>\n        </ng-template>\n      </h-button>\n    }\n  }\n</ng-template>\n</h-dialog>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Button, selector: "h-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: "h-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: ["visibleChange", "onShow", "onHide", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-confirmDialog, h-confirmdialog, h-confirm-dialog', standalone: true, imports: [CommonModule, Button, Dialog, SharedModule, Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ConfirmDialogStyle, { provide: CONFIRMDIALOG_INSTANCE, useExisting: ConfirmDialog }, { provide: PARENT_INSTANCE, useExisting: ConfirmDialog }], hostDirectives: [Bind], template: "<h-dialog\n  [pt]=\"pt\"\n  #dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  role=\"alertdialog\"\n  [closable]=\"option('closable')\"\n  [styleClass]=\"cn(cx('root'), styleClass())\"\n  [modal]=\"option('modal')\"\n  [header]=\"option('header')\"\n  [closeOnEscape]=\"option('closeOnEscape')\"\n  [blockScroll]=\"option('blockScroll')\"\n  [appendTo]=\"$appendTo()\"\n  [position]=\"position()\"\n  [style]=\"style()\"\n  [dismissableMask]=\"dismissableMask()\"\n  [draggable]=\"draggable()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [maskStyleClass]=\"cn(cx('mask'), maskStyleClass())\"\n  [unstyled]=\"unstyled()\"\n  (onHide)=\"onDialogHide()\"\n  >\n  @if (headlessTemplate() || _headlessTemplate) {\n    <ng-template #headless>\n      <ng-container\n                *ngTemplateOutlet=\"\n                    headlessTemplate() || _headlessTemplate;\n                    context: {\n                        $implicit: confirmation,\n                        onAccept: onAccept.bind(this),\n                        onReject: onReject.bind(this)\n                    }\n                \"\n    ></ng-container>\n  </ng-template>\n} @else {\n  @if (headerTemplate() || _headerTemplate) {\n    <ng-template #header>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    </ng-template>\n  }\n\n  <ng-template #content>\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-template>\n    } @else if (!iconTemplate() && !_iconTemplate && !_messageTemplate && !messageTemplate()) {\n      @if (option('icon')) {\n        <i [ngClass]=\"cx('icon')\" [class]=\"option('icon')\" [hBind]=\"ptm('icon')\"></i>\n      }\n    }\n    @if (messageTemplate() || _messageTemplate) {\n      <ng-template *ngTemplateOutlet=\"messageTemplate() || _messageTemplate; context: { $implicit: confirmation }\"></ng-template>\n    } @else {\n      <span [class]=\"cx('message')\" [hBind]=\"ptm('message')\" [innerHTML]=\"option('message')\"> </span>\n    }\n  </ng-template>\n}\n<ng-template #footer>\n  @if (footerTemplate() || _footerTemplate) {\n    <ng-content select=\"h-footer\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"footerTemplate() || _footerTemplate\"></ng-container>\n  }\n  @if (!footerTemplate() && !_footerTemplate) {\n    @if (option('rejectVisible')) {\n      <h-button\n        [pt]=\"ptm('pcRejectButton')\"\n        [label]=\"rejectButtonLabel\"\n        (onClick)=\"onReject()\"\n        [styleClass]=\"getButtonStyleClass('pcRejectButton', 'rejectButtonStyleClass')\"\n        [ariaLabel]=\"option('rejectButtonProps', 'ariaLabel')\"\n        [buttonProps]=\"getRejectButtonProps()\"\n        [unstyled]=\"unstyled()\"\n        >\n        <ng-template #icon>\n          @if (rejectIcon() && !rejectIconTemplate() && !_rejectIconTemplate) {\n            @if (option('rejectIcon')) {\n              <i [class]=\"option('rejectIcon')\" [hBind]=\"ptm('pcRejectButton')['icon']\"></i>\n            }\n          }\n          <ng-template *ngTemplateOutlet=\"rejectIconTemplate() || _rejectIconTemplate\"></ng-template>\n        </ng-template>\n      </h-button>\n    }\n    @if (option('acceptVisible')) {\n      <h-button\n        [pt]=\"ptm('pcAcceptButton')\"\n        [label]=\"acceptButtonLabel\"\n        (onClick)=\"onAccept()\"\n        [styleClass]=\"getButtonStyleClass('pcAcceptButton', 'acceptButtonStyleClass')\"\n        [ariaLabel]=\"option('acceptButtonProps', 'ariaLabel')\"\n        [buttonProps]=\"getAcceptButtonProps()\"\n        [unstyled]=\"unstyled()\"\n        >\n        <ng-template #icon>\n          @if (acceptIcon() && !_acceptIconTemplate && !acceptIconTemplate()) {\n            @if (option('acceptIcon')) {\n              <i [class]=\"option('acceptIcon')\" [hBind]=\"ptm('pcAcceptButton')['icon']\"></i>\n            }\n          }\n          <ng-template *ngTemplateOutlet=\"acceptIconTemplate() || _acceptIconTemplate\"></ng-template>\n        </ng-template>\n      </h-button>\n    }\n  }\n</ng-template>\n</h-dialog>\n" }]
+        }], ctorParameters: () => [{ type: i1.ConfirmationService }, { type: i0.NgZone }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], maskStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskStyleClass", required: false }] }], acceptIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptIcon", required: false }] }], acceptLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptLabel", required: false }] }], closeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAriaLabel", required: false }] }], acceptAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptAriaLabel", required: false }] }], acceptVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptVisible", required: false }] }], rejectIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectIcon", required: false }] }], rejectLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectLabel", required: false }] }], rejectAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectAriaLabel", required: false }] }], rejectVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectVisible", required: false }] }], acceptButtonStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptButtonStyleClass", required: false }] }], rejectButtonStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rejectButtonStyleClass", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], dismissableMask: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissableMask", required: false }] }], blockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockScroll", required: false }] }], rtl: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtl", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], autoZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoZIndex", required: false }] }], baseZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseZIndex", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], focusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusTrap", required: false }] }], defaultFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultFocus", required: false }] }], breakpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoints", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], onHide: [{ type: i0.Output, args: ["onHide"] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Footer), { isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }], rejectIconTemplate: [{ type: i0.ContentChild, args: ['rejecticon', { ...{ descendants: false }, isSignal: true }] }], acceptIconTemplate: [{ type: i0.ContentChild, args: ['accepticon', { ...{ descendants: false }, isSignal: true }] }], messageTemplate: [{ type: i0.ContentChild, args: ['message', { ...{ descendants: false }, isSignal: true }] }], iconTemplate: [{ type: i0.ContentChild, args: ['icon', { ...{ descendants: false }, isSignal: true }] }], headlessTemplate: [{ type: i0.ContentChild, args: ['headless', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class ConfirmDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogModule, imports: [ConfirmDialog, SharedModule], exports: [ConfirmDialog, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialogModule, imports: [ConfirmDialog, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", 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=gravionlabs-helix-core-confirmdialog.mjs.map