igniteui-angular 22.1.4 → 22.2.0-rc.0

package/fesm2022/igniteui-angular-dialog.mjs

@@ -476,10 +476,10 @@ class IgxDialogComponent {
     emitOpenedFromDialog(eventArgs) {
         this.opened.emit({ dialog: this, event: eventArgs.event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: IgxDialogComponent, isStandalone: true, selector: "igx-dialog", inputs: { id: "id", isModal: ["isModal", "isModal", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], focusTrap: ["focusTrap", "focusTrap", booleanAttribute], title: "title", message: "message", leftButtonLabel: "leftButtonLabel", leftButtonType: "leftButtonType", leftButtonRipple: "leftButtonRipple", rightButtonLabel: "rightButtonLabel", rightButtonType: "rightButtonType", rightButtonRipple: "rightButtonRipple", closeOnOutsideSelect: ["closeOnOutsideSelect", "closeOnOutsideSelect", booleanAttribute], positionSettings: "positionSettings", isOpen: ["isOpen", "isOpen", booleanAttribute], role: "role", titleId: "titleId" }, outputs: { opening: "opening", opened: "opened", closing: "closing", closed: "closed", leftButtonSelect: "leftButtonSelect", rightButtonSelect: "rightButtonSelect", isOpenChange: "isOpenChange" }, host: { properties: { "attr.id": "this.id", "attr.tabindex": "this.tabindex", "class.igx-dialog--hidden": "this.isCollapsed" } }, viewQueries: [{ propertyName: "toggleRef", first: true, predicate: IgxToggleDirective, descendants: true, static: true }], ngImport: i0, template: "<div\n    tabindex=\"0\"\n    #dialog\n    class=\"igx-dialog\"\n    igxToggle\n    [igxFocusTrap]=\"focusTrap\"\n    (click)=\"onDialogSelected($event)\"\n>\n    <div\n        #dialogWindow\n        class=\"igx-dialog__window\"\n        [attr.role]=\"role\"\n        [attr.aria-labelledby]=\"titleId\"\n    >\n        @if (title) {\n            <div [attr.id]=\"titleId\" class=\"igx-dialog__window-title\">\n                {{ title }}\n            </div>\n        }\n        @if (!title) {\n            <ng-content select=\"igx-dialog-title,[igxDialogTitle]\"></ng-content>\n        }\n\n        <div class=\"igx-dialog__window-content\">\n            @if (message) {\n                <span class=\"igx-dialog__window-message\">\n                    {{ message }}\n                </span>\n            }\n            @if (!message) {\n                <ng-content></ng-content>\n            }\n        </div>\n\n        @if (leftButtonLabel || rightButtonLabel) {\n            <div class=\"igx-dialog__window-actions\">\n                @if (leftButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"leftButtonType\"\n                        igxRipple=\"{{ leftButtonRipple }}\"\n                        (click)=\"onInternalLeftButtonSelect($event)\"\n                    >\n                        {{ leftButtonLabel }}\n                    </button>\n                }\n                @if (rightButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"rightButtonType\"\n                        igxRipple=\"{{ rightButtonRipple }}\"\n                        (click)=\"onInternalRightButtonSelect($event)\"\n                        >\n                        {{ rightButtonLabel }}\n                    </button>\n                }\n            </div>\n        }\n        @if (!leftButtonLabel && !rightButtonLabel) {\n            <ng-content select=\"igx-dialog-actions,[igxDialogActions]\"></ng-content>\n        }\n    </div>\n</div>\n", styles: ["@layer ig.base{.igx-dialog{outline-style:none}.igx-dialog__window{position:relative;min-width:var(--min-width);border:.0625rem solid var(--border-color);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--elevation);overflow:hidden}.igx-dialog__window .igx-calendar{min-width:20rem}.igx-dialog__window .igx-calendar--vertical{min-width:31rem}.igx-dialog__window-title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0;display:flex;color:var(--title-color);padding:var(--title-padding)}.igx-dialog__window-content{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0;color:var(--message-color);padding:var(--message-padding);position:relative;z-index:0}.igx-dialog__window-message{display:inline-block;max-width:40ch}.igx-dialog__window-actions{display:flex;flex-flow:row nowrap;justify-content:flex-end;padding:var(--actions-padding);gap:.5rem}.igx-dialog--hidden{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-dialog{--min-width: 17.5rem;--title-padding: 1rem 1.5rem 0rem 1.5rem;--message-padding: .875rem 1.5rem;--actions-padding: 0 .5rem .5rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-dialog{--min-width: 18rem;--title-padding: 1rem;--message-padding: 1rem;--actions-padding: 1rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0;border-bottom:.0625rem solid var(--border-color)}.igx-dialog__window-actions{border-top:.0625rem solid var(--border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-dialog{--min-width: 18rem;--title-padding: 1rem 1.5rem 1.5rem 1.5rem;--message-padding: 0 1.5rem 1.25rem 1.5rem;--actions-padding: 0 1.5rem 1.5rem 1.5rem}.igx-dialog__window-content{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-dialog{--title-padding: 1.5rem 1.5rem 0 1.5rem;--message-padding: 1rem 1.5rem;--actions-padding: 1rem 1.5rem 1.5rem 1.5rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.igx-dialog__window-actions{gap:1rem}}}\n"], dependencies: [{ kind: "directive", type: IgxToggleDirective, selector: "[igxToggle]", inputs: ["id"], outputs: ["opened", "opening", "closed", "closing", "appended"], exportAs: ["toggle"] }, { kind: "directive", type: IgxFocusTrapDirective, selector: "[igxFocusTrap]", inputs: ["igxFocusTrap"] }, { kind: "directive", type: IgxFocusDirective, selector: "[igxFocus]", inputs: ["igxFocus"], exportAs: ["igxFocus"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "directive", type: IgxRippleDirective, selector: "[igxRipple]", inputs: ["igxRippleTarget", "igxRipple", "igxRippleDuration", "igxRippleCentered", "igxRippleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxDialogComponent, isStandalone: true, selector: "igx-dialog", inputs: { id: "id", isModal: ["isModal", "isModal", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], focusTrap: ["focusTrap", "focusTrap", booleanAttribute], title: "title", message: "message", leftButtonLabel: "leftButtonLabel", leftButtonType: "leftButtonType", leftButtonRipple: "leftButtonRipple", rightButtonLabel: "rightButtonLabel", rightButtonType: "rightButtonType", rightButtonRipple: "rightButtonRipple", closeOnOutsideSelect: ["closeOnOutsideSelect", "closeOnOutsideSelect", booleanAttribute], positionSettings: "positionSettings", isOpen: ["isOpen", "isOpen", booleanAttribute], role: "role", titleId: "titleId" }, outputs: { opening: "opening", opened: "opened", closing: "closing", closed: "closed", leftButtonSelect: "leftButtonSelect", rightButtonSelect: "rightButtonSelect", isOpenChange: "isOpenChange" }, host: { properties: { "attr.id": "this.id", "attr.tabindex": "this.tabindex", "class.igx-dialog--hidden": "this.isCollapsed" } }, viewQueries: [{ propertyName: "toggleRef", first: true, predicate: IgxToggleDirective, descendants: true, static: true }], ngImport: i0, template: "<div\n    tabindex=\"0\"\n    #dialog\n    class=\"igx-dialog\"\n    igxToggle\n    [igxFocusTrap]=\"focusTrap\"\n    (click)=\"onDialogSelected($event)\"\n>\n    <div\n        #dialogWindow\n        class=\"igx-dialog__window\"\n        [attr.role]=\"role\"\n        [attr.aria-labelledby]=\"titleId\"\n    >\n        @if (title) {\n            <div [attr.id]=\"titleId\" class=\"igx-dialog__window-title\">\n                {{ title }}\n            </div>\n        }\n        @if (!title) {\n            <ng-content select=\"igx-dialog-title,[igxDialogTitle]\"></ng-content>\n        }\n\n        <div class=\"igx-dialog__window-content\">\n            @if (message) {\n                <span class=\"igx-dialog__window-message\">\n                    {{ message }}\n                </span>\n            }\n            @if (!message) {\n                <ng-content></ng-content>\n            }\n        </div>\n\n        @if (leftButtonLabel || rightButtonLabel) {\n            <div class=\"igx-dialog__window-actions\">\n                @if (leftButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"leftButtonType\"\n                        igxRipple=\"{{ leftButtonRipple }}\"\n                        (click)=\"onInternalLeftButtonSelect($event)\"\n                    >\n                        {{ leftButtonLabel }}\n                    </button>\n                }\n                @if (rightButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"rightButtonType\"\n                        igxRipple=\"{{ rightButtonRipple }}\"\n                        (click)=\"onInternalRightButtonSelect($event)\"\n                        >\n                        {{ rightButtonLabel }}\n                    </button>\n                }\n            </div>\n        }\n        @if (!leftButtonLabel && !rightButtonLabel) {\n            <ng-content select=\"igx-dialog-actions,[igxDialogActions]\"></ng-content>\n        }\n    </div>\n</div>\n", styles: ["@layer ig.base{.igx-dialog{outline-style:none}.igx-dialog__window{position:relative;min-width:var(--min-width);border:.0625rem solid var(--border-color);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--elevation);overflow:hidden}.igx-dialog__window .igx-calendar{min-width:20rem}.igx-dialog__window .igx-calendar--vertical{min-width:31rem}.igx-dialog__window-title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0;display:flex;color:var(--title-color);padding:var(--title-padding)}.igx-dialog__window-content{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0;color:var(--message-color);padding:var(--message-padding);position:relative;z-index:0}.igx-dialog__window-message{display:inline-block;max-width:40ch}.igx-dialog__window-actions{display:flex;flex-flow:row nowrap;justify-content:flex-end;padding:var(--actions-padding);gap:.5rem}.igx-dialog--hidden{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-dialog{--min-width: 17.5rem;--title-padding: 1rem 1.5rem 0rem 1.5rem;--message-padding: .875rem 1.5rem;--actions-padding: 0 .5rem .5rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-dialog{--min-width: 18rem;--title-padding: 1rem;--message-padding: 1rem;--actions-padding: 1rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0;border-bottom:.0625rem solid var(--border-color)}.igx-dialog__window-actions{border-top:.0625rem solid var(--border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-dialog{--min-width: 18rem;--title-padding: 1rem 1.5rem 1.5rem 1.5rem;--message-padding: 0 1.5rem 1.25rem 1.5rem;--actions-padding: 0 1.5rem 1.5rem 1.5rem}.igx-dialog__window-content{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-dialog{--title-padding: 1.5rem 1.5rem 0 1.5rem;--message-padding: 1rem 1.5rem;--actions-padding: 1rem 1.5rem 1.5rem 1.5rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.igx-dialog__window-actions{gap:1rem}}}\n"], dependencies: [{ kind: "directive", type: IgxToggleDirective, selector: "[igxToggle]", inputs: ["id"], outputs: ["opened", "opening", "closed", "closing", "appended"], exportAs: ["toggle"] }, { kind: "directive", type: IgxFocusTrapDirective, selector: "[igxFocusTrap]", inputs: ["igxFocusTrap"] }, { kind: "directive", type: IgxFocusDirective, selector: "[igxFocus]", inputs: ["igxFocus"], exportAs: ["igxFocus"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "directive", type: IgxRippleDirective, selector: "[igxRipple]", inputs: ["igxRippleTarget", "igxRipple", "igxRippleDuration", "igxRippleCentered", "igxRippleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxToggleDirective, IgxFocusTrapDirective, IgxFocusDirective, IgxButtonDirective, IgxRippleDirective], template: "<div\n    tabindex=\"0\"\n    #dialog\n    class=\"igx-dialog\"\n    igxToggle\n    [igxFocusTrap]=\"focusTrap\"\n    (click)=\"onDialogSelected($event)\"\n>\n    <div\n        #dialogWindow\n        class=\"igx-dialog__window\"\n        [attr.role]=\"role\"\n        [attr.aria-labelledby]=\"titleId\"\n    >\n        @if (title) {\n            <div [attr.id]=\"titleId\" class=\"igx-dialog__window-title\">\n                {{ title }}\n            </div>\n        }\n        @if (!title) {\n            <ng-content select=\"igx-dialog-title,[igxDialogTitle]\"></ng-content>\n        }\n\n        <div class=\"igx-dialog__window-content\">\n            @if (message) {\n                <span class=\"igx-dialog__window-message\">\n                    {{ message }}\n                </span>\n            }\n            @if (!message) {\n                <ng-content></ng-content>\n            }\n        </div>\n\n        @if (leftButtonLabel || rightButtonLabel) {\n            <div class=\"igx-dialog__window-actions\">\n                @if (leftButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"leftButtonType\"\n                        igxRipple=\"{{ leftButtonRipple }}\"\n                        (click)=\"onInternalLeftButtonSelect($event)\"\n                    >\n                        {{ leftButtonLabel }}\n                    </button>\n                }\n                @if (rightButtonLabel) {\n                    <button\n                        type=\"button\"\n                        [igxFocus]=\"isOpen\"\n                        [igxButton]=\"rightButtonType\"\n                        igxRipple=\"{{ rightButtonRipple }}\"\n                        (click)=\"onInternalRightButtonSelect($event)\"\n                        >\n                        {{ rightButtonLabel }}\n                    </button>\n                }\n            </div>\n        }\n        @if (!leftButtonLabel && !rightButtonLabel) {\n            <ng-content select=\"igx-dialog-actions,[igxDialogActions]\"></ng-content>\n        }\n    </div>\n</div>\n", styles: ["@layer ig.base{.igx-dialog{outline-style:none}.igx-dialog__window{position:relative;min-width:var(--min-width);border:.0625rem solid var(--border-color);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--elevation);overflow:hidden}.igx-dialog__window .igx-calendar{min-width:20rem}.igx-dialog__window .igx-calendar--vertical{min-width:31rem}.igx-dialog__window-title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0;display:flex;color:var(--title-color);padding:var(--title-padding)}.igx-dialog__window-content{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0;color:var(--message-color);padding:var(--message-padding);position:relative;z-index:0}.igx-dialog__window-message{display:inline-block;max-width:40ch}.igx-dialog__window-actions{display:flex;flex-flow:row nowrap;justify-content:flex-end;padding:var(--actions-padding);gap:.5rem}.igx-dialog--hidden{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-dialog{--min-width: 17.5rem;--title-padding: 1rem 1.5rem 0rem 1.5rem;--message-padding: .875rem 1.5rem;--actions-padding: 0 .5rem .5rem}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-dialog{--min-width: 18rem;--title-padding: 1rem;--message-padding: 1rem;--actions-padding: 1rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0;border-bottom:.0625rem solid var(--border-color)}.igx-dialog__window-actions{border-top:.0625rem solid var(--border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-dialog{--min-width: 18rem;--title-padding: 1rem 1.5rem 1.5rem 1.5rem;--message-padding: 0 1.5rem 1.25rem 1.5rem;--actions-padding: 0 1.5rem 1.5rem 1.5rem}.igx-dialog__window-content{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-dialog{--title-padding: 1.5rem 1.5rem 0 1.5rem;--message-padding: 1rem 1.5rem;--actions-padding: 1rem 1.5rem 1.5rem 1.5rem}.igx-dialog__window-title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.igx-dialog__window-actions{gap:1rem}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { toggleRef: [{
@@ -556,10 +556,10 @@ class IgxDialogTitleDirective {
     constructor() {
         this.defaultStyle = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxDialogTitleDirective, isStandalone: true, selector: "[igxDialogTitle],igx-dialog-title", host: { properties: { "class.igx-dialog__window-title": "this.defaultStyle" } }, hostDirectives: [{ directive: i1.IgxNoTypographyDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxDialogTitleDirective, isStandalone: true, selector: "[igxDialogTitle],igx-dialog-title", host: { properties: { "class.igx-dialog__window-title": "this.defaultStyle" } }, hostDirectives: [{ directive: i1.IgxNoTypographyDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxDialogTitle],igx-dialog-title',
@@ -577,10 +577,10 @@ class IgxDialogActionsDirective {
     constructor() {
         this.defaultClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxDialogActionsDirective, isStandalone: true, selector: "[igxDialogActions],igx-dialog-actions", host: { properties: { "class.igx-dialog__window-actions": "this.defaultClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxDialogActionsDirective, isStandalone: true, selector: "[igxDialogActions],igx-dialog-actions", host: { properties: { "class.igx-dialog__window-actions": "this.defaultClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxDialogActions],igx-dialog-actions',
@@ -603,11 +603,11 @@ const IGX_DIALOG_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogModule, imports: [IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective], exports: [IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogModule, imports: [IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective], exports: [IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [