@ng-nest/ui 17.0.5 → 17.0.6

package/esm2022/dialog/dialog-portal.component.mjs

@@ -1,5 +1,5 @@
 import { BasePortalOutlet, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
-import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, HostListener, QueryList, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, HostListener, ViewChild, ViewEncapsulation } from '@angular/core';
 import { XMoveBoxAnimation } from '@ng-nest/ui/core';
 import { CdkDrag, CdkDragHandle, DragDropModule } from '@angular/cdk/drag-drop';
 import { XResizableDirective } from '@ng-nest/ui/resizable';
@@ -40,16 +40,14 @@ export class XDialogPortalComponent extends BasePortalOutlet {
         this.dialogBox['resizable'] = this.defaultMaximize ? this.dialogBox['resizable'] : this.option.resizable;
     }
     ngAfterViewInit() {
-        let list = new QueryList();
         if (this.dialogRef.dragHandleRefs.length === 0) {
             this.dialogBox['draggable'] = false;
             this.option.draggable = false;
             return;
         }
         for (let item of this.dialogRef.dragHandleRefs) {
-            list.reset([...list.toArray(), new CdkDragHandle(item, this.dragRef)]);
+            this.dragRef._addHandle(new CdkDragHandle(item, this.dragRef));
         }
-        this.dragRef._handles = list;
     }
     attachComponentPortal(portal) {
         if (this.portalOutlet.hasAttached()) {
@@ -77,10 +75,10 @@ export class XDialogPortalComponent extends BasePortalOutlet {
             y: this.distance.y + event.distance.y
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogPortalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.placement" } }, queries: [{ propertyName: "handles", predicate: CdkDragHandle, descendants: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogPortalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.placement" } }, queries: [{ propertyName: "handles", predicate: CdkDragHandle, descendants: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-dialog-portal', standalone: true, imports: [DragDropModule, PortalModule, XResizableDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<div\r\n  class=\"x-dialog-portal\"\r\n  #dragRef\r\n  cdkDrag\r\n  [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n  [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n  [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n  [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n  (resizing)=\"resizing($event)\"\r\n  (cdkDragEnded)=\"onDragEnded($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"dialogBox['minWidth']\"\r\n  [style.minHeight]=\"dialogBox['minHeight']\"\r\n>\r\n  <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { placement: [{
@@ -102,4 +100,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 type: ContentChildren,
                 args: [CdkDragHandle, { descendants: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXBvcnRhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLXBvcnRhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLXBvcnRhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFtQixZQUFZLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7QUFDdkgsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsZUFBZSxFQUVmLFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLFNBQVMsRUFFVCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBR3JELE9BQU8sRUFBRSxPQUFPLEVBQWMsYUFBYSxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBbUIsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQVk3RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsZ0JBQWdCO0lBR0YsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBa0I7UUFDakcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQztZQUN6QixNQUFNLEVBQUUsTUFBTTtZQUNkLEtBQUssRUFBRSxPQUFnQztZQUN2QyxTQUFTO1NBQ1YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUN3RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFrQjtRQUNuRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1lBQ3pCLE1BQU0sRUFBRSxPQUFPO1lBQ2YsS0FBSyxFQUFFLE9BQWdDO1lBQ3ZDLFNBQVM7U0FDVixDQUFDLENBQUM7SUFDTCxDQUFDO0lBeUJELFlBQW9CLFFBQW1CO1FBQ3JDLEtBQUssRUFBRSxDQUFDO1FBRFUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQW5CdkMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQXlCLENBQUM7UUFLN0QsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLGNBQVMsR0FBRyxDQUFDLENBQUM7UUFDZCxhQUFRLEdBQUcsTUFBTSxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLHNCQUFpQixHQUFHLENBQUMsQ0FBQztRQUV0QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUd4QixhQUFRLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUUxQixjQUFTLEdBQTJCLEVBQUUsQ0FBQztJQUl2QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDekcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQztJQUMzRyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxHQUFHLElBQUksU0FBUyxFQUFpQixDQUFDO1FBQzFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxHQUFHLEtBQUssQ0FBQztZQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDOUIsT0FBTztTQUNSO1FBQ0QsS0FBSyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsRUFBRTtZQUM5QyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDeEU7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDL0IsQ0FBQztJQUVELHFCQUFxQixDQUFJLE1BQTBCO1FBQ2pELElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsRUFBRTtZQUNuQyxNQUFNLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1NBQzNDO1FBQ0QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFDRCxvQkFBb0IsQ0FBSSxNQUF5QjtRQUMvQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLEVBQUU7WUFDbkMsTUFBTSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztTQUMzQztRQUNELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQXNCO1FBQzdCLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDNUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDcEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsWUFBWSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxTQUFtQixDQUFDLEVBQUU7WUFDL0csSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLElBQUksQ0FBQyxDQUFDO1NBQzVFO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHO1lBQ2QsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNyQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3RDLENBQUM7SUFDSixDQUFDO2lJQTFGVSxzQkFBc0I7cUhBQXRCLHNCQUFzQixxUkFvQmhCLGFBQWEsOEZBSG5CLGVBQWUsd0ZBQ2YsT0FBTyxxRkNsRHBCLDhtQkFpQkEsMjhDRFFZLGNBQWMsZ2VBQUUsWUFBWSxrTUFBRSxtQkFBbUIsMkNBSy9DLENBQUMsaUJBQWlCLENBQUM7OzJGQUVwQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsY0FBYyxFQUFFLFlBQVksRUFBRSxtQkFBbUIsQ0FBQyxpQkFHN0MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxDQUFDLGlCQUFpQixDQUFDOzhFQUljLFNBQVM7c0JBQXJELFdBQVc7dUJBQUMsdUJBQXVCO2dCQUNvQixJQUFJO3NCQUEzRCxZQUFZO3VCQUFDLDRCQUE0QixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU9HLEtBQUs7c0JBQTdELFlBQVk7dUJBQUMsNkJBQTZCLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBT1QsWUFBWTtzQkFBekQsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUNOLE9BQU87c0JBQTVDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFbUIsT0FBTztzQkFBN0QsZUFBZTt1QkFBQyxhQUFhLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzZVBvcnRhbE91dGxldCwgQ2RrUG9ydGFsT3V0bGV0LCBDb21wb25lbnRQb3J0YWwsIFBvcnRhbE1vZHVsZSwgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgQ29tcG9uZW50UmVmLFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBFbWJlZGRlZFZpZXdSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBRdWVyeUxpc3QsXHJcbiAgUmVuZGVyZXIyLFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3RW5jYXBzdWxhdGlvblxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYTW92ZUJveEFuaW1hdGlvbiB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYRGlhbG9nQW5pbWF0aW9uRXZlbnQsIFhEaWFsb2dBbmltYXRpb25TdGF0ZSwgWERpYWxvZ1JlZk9wdGlvbiB9IGZyb20gJy4vZGlhbG9nLnByb3BlcnR5JztcclxuaW1wb3J0IHsgQW5pbWF0aW9uRXZlbnQgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ2RrRHJhZywgQ2RrRHJhZ0VuZCwgQ2RrRHJhZ0hhbmRsZSwgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuaW1wb3J0IHsgWERpYWxvZ1JlZiB9IGZyb20gJy4vZGlhbG9nLXJlZic7XHJcbmltcG9ydCB7IFhSZXNpemFibGVEaXJlY3RpdmUsIFhSZXNpemFibGVFdmVudCB9IGZyb20gJ0BuZy1uZXN0L3VpL3Jlc2l6YWJsZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3gtZGlhbG9nLXBvcnRhbCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRHJhZ0Ryb3BNb2R1bGUsIFBvcnRhbE1vZHVsZSwgWFJlc2l6YWJsZURpcmVjdGl2ZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1wb3J0YWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy1wb3J0YWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFtYTW92ZUJveEFuaW1hdGlvbl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhEaWFsb2dQb3J0YWxDb21wb25lbnQgZXh0ZW5kcyBCYXNlUG9ydGFsT3V0bGV0IHtcclxuICAvLyBASG9zdEJpbmRpbmcoJ2NsYXNzLngtZGlhbG9nLXBvcnRhbCcpIF9oYXMgPSB0cnVlO1xyXG4gIEBIb3N0QmluZGluZygnQHgtbW92ZS1ib3gtYW5pbWF0aW9uJykgcHVibGljIHBsYWNlbWVudD86IFhEaWFsb2dBbmltYXRpb25TdGF0ZTtcclxuICBASG9zdExpc3RlbmVyKCdAeC1tb3ZlLWJveC1hbmltYXRpb24uZG9uZScsIFsnJGV2ZW50J10pIGRvbmUoeyB0b1N0YXRlLCB0b3RhbFRpbWUgfTogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uQ2hhbmdlZC5uZXh0KHtcclxuICAgICAgYWN0aW9uOiAnZG9uZScsXHJcbiAgICAgIHN0YXRlOiB0b1N0YXRlIGFzIFhEaWFsb2dBbmltYXRpb25TdGF0ZSxcclxuICAgICAgdG90YWxUaW1lXHJcbiAgICB9KTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLnN0YXJ0JywgWyckZXZlbnQnXSkgc3RhcnQoeyB0b1N0YXRlLCB0b3RhbFRpbWUgfTogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uQ2hhbmdlZC5uZXh0KHtcclxuICAgICAgYWN0aW9uOiAnc3RhcnQnLFxyXG4gICAgICBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsXHJcbiAgICAgIHRvdGFsVGltZVxyXG4gICAgfSk7XHJcbiAgfVxyXG4gIEBWaWV3Q2hpbGQoQ2RrUG9ydGFsT3V0bGV0LCB7IHN0YXRpYzogdHJ1ZSB9KSBwb3J0YWxPdXRsZXQhOiBDZGtQb3J0YWxPdXRsZXQ7XHJcbiAgQFZpZXdDaGlsZChDZGtEcmFnLCB7IHN0YXRpYzogdHJ1ZSB9KSBkcmFnUmVmITogQ2RrRHJhZztcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihDZGtEcmFnSGFuZGxlLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIGhhbmRsZXMhOiBRdWVyeUxpc3Q8Q2RrRHJhZ0hhbmRsZT47XHJcblxyXG4gIGFuaW1hdGlvbkNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFhEaWFsb2dBbmltYXRpb25FdmVudD4oKTtcclxuXHJcbiAgb3B0aW9uITogWERpYWxvZ1JlZk9wdGlvbjtcclxuICBkaWFsb2dSZWYhOiBYRGlhbG9nUmVmPGFueT47XHJcblxyXG4gIG9mZnNldExlZnQgPSAwO1xyXG4gIG9mZnNldFRvcCA9IDA7XHJcbiAgbWluV2lkdGggPSAnMHJlbSc7XHJcbiAgbWluSGVpZ2h0ID0gJzByZW0nO1xyXG4gIGluaXRIZWlnaHQgPSAwO1xyXG4gIGluaXRDb250ZW50SGVpZ2h0ID0gMDtcclxuICBkaWFsb2dDb250ZW50PzogSFRNTEVsZW1lbnQ7XHJcbiAgZGVmYXVsdE1heGltaXplID0gZmFsc2U7XHJcbiAgb3ZlcmxheUVsZW1lbnQ/OiBIVE1MRWxlbWVudDtcclxuICBob3N0RWxlbWVudD86IEhUTUxFbGVtZW50O1xyXG4gIGRpc3RhbmNlID0geyB4OiAwLCB5OiAwIH07XHJcblxyXG4gIGRpYWxvZ0JveDogeyBba2V5OiBzdHJpbmddOiBhbnkgfSA9IHt9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZGlhbG9nQm94WydkcmFnZ2FibGUnXSA9IHRoaXMuZGVmYXVsdE1heGltaXplID8gdGhpcy5kaWFsb2dCb3hbJ2RyYWdnYWJsZSddIDogdGhpcy5vcHRpb24uZHJhZ2dhYmxlO1xyXG4gICAgdGhpcy5kaWFsb2dCb3hbJ3Jlc2l6YWJsZSddID0gdGhpcy5kZWZhdWx0TWF4aW1pemUgPyB0aGlzLmRpYWxvZ0JveFsncmVzaXphYmxlJ10gOiB0aGlzLm9wdGlvbi5yZXNpemFibGU7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICBsZXQgbGlzdCA9IG5ldyBRdWVyeUxpc3Q8Q2RrRHJhZ0hhbmRsZT4oKTtcclxuICAgIGlmICh0aGlzLmRpYWxvZ1JlZi5kcmFnSGFuZGxlUmVmcy5sZW5ndGggPT09IDApIHtcclxuICAgICAgdGhpcy5kaWFsb2dCb3hbJ2RyYWdnYWJsZSddID0gZmFsc2U7XHJcbiAgICAgIHRoaXMub3B0aW9uLmRyYWdnYWJsZSA9IGZhbHNlO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBmb3IgKGxldCBpdGVtIG9mIHRoaXMuZGlhbG9nUmVmLmRyYWdIYW5kbGVSZWZzKSB7XHJcbiAgICAgIGxpc3QucmVzZXQoWy4uLmxpc3QudG9BcnJheSgpLCBuZXcgQ2RrRHJhZ0hhbmRsZShpdGVtLCB0aGlzLmRyYWdSZWYpXSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmRyYWdSZWYuX2hhbmRsZXMgPSBsaXN0O1xyXG4gIH1cclxuXHJcbiAgYXR0YWNoQ29tcG9uZW50UG9ydGFsPFQ+KHBvcnRhbDogQ29tcG9uZW50UG9ydGFsPFQ+KTogQ29tcG9uZW50UmVmPFQ+IHtcclxuICAgIGlmICh0aGlzLnBvcnRhbE91dGxldC5oYXNBdHRhY2hlZCgpKSB7XHJcbiAgICAgIHRocm93IEVycm9yKCdkaWFsb2cgcG9ydGFsIGhhcyBhdHRhY2hlZCcpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRoaXMucG9ydGFsT3V0bGV0LmF0dGFjaENvbXBvbmVudFBvcnRhbChwb3J0YWwpO1xyXG4gIH1cclxuICBhdHRhY2hUZW1wbGF0ZVBvcnRhbDxDPihwb3J0YWw6IFRlbXBsYXRlUG9ydGFsPEM+KTogRW1iZWRkZWRWaWV3UmVmPEM+IHtcclxuICAgIGlmICh0aGlzLnBvcnRhbE91dGxldC5oYXNBdHRhY2hlZCgpKSB7XHJcbiAgICAgIHRocm93IEVycm9yKCdkaWFsb2cgcG9ydGFsIGhhcyBhdHRhY2hlZCcpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRoaXMucG9ydGFsT3V0bGV0LmF0dGFjaFRlbXBsYXRlUG9ydGFsKHBvcnRhbCk7XHJcbiAgfVxyXG5cclxuICByZXNpemluZyhldmVudDogWFJlc2l6YWJsZUV2ZW50KSB7XHJcbiAgICBjb25zdCBjb250ZW50SGVpZ2h0ID0gTnVtYmVyKHRoaXMuaW5pdENvbnRlbnRIZWlnaHQpICsgTnVtYmVyKGV2ZW50LmNsaWVudEhlaWdodCkgLSBOdW1iZXIodGhpcy5pbml0SGVpZ2h0KTtcclxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kaWFsb2dDb250ZW50LCAnbWF4LWhlaWdodCcsICdpbml0aWFsJyk7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuZGlhbG9nQ29udGVudCwgJ2ZsZXgnLCAnaW5pdGlhbCcpO1xyXG4gICAgaWYgKFsndG9wLXN0YXJ0JywgJ3RvcC1lbmQnLCAnYm90dG9tJywgJ3RvcCcsICdib3R0b20tc3RhcnQnLCAnYm90dG9tLWVuZCddLmluY2x1ZGVzKGV2ZW50LmRpcmVjdGlvbiBhcyBzdHJpbmcpKSB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kaWFsb2dDb250ZW50LCAnaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25EcmFnRW5kZWQoZXZlbnQ6IENka0RyYWdFbmQpIHtcclxuICAgIHRoaXMuZGlzdGFuY2UgPSB7XHJcbiAgICAgIHg6IHRoaXMuZGlzdGFuY2UueCArIGV2ZW50LmRpc3RhbmNlLngsXHJcbiAgICAgIHk6IHRoaXMuZGlzdGFuY2UueSArIGV2ZW50LmRpc3RhbmNlLnlcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cIngtZGlhbG9nLXBvcnRhbFwiXHJcbiAgI2RyYWdSZWZcclxuICBjZGtEcmFnXHJcbiAgW2Nka0RyYWdEaXNhYmxlZF09XCIhb3B0aW9uLmRyYWdnYWJsZSAmJiAhZGlhbG9nQm94WydkcmFnZ2FibGUnXVwiXHJcbiAgW2Nka0RyYWdCb3VuZGFyeV09XCInLmNkay1vdmVybGF5LWNvbnRhaW5lcidcIlxyXG4gIFtjZGtEcmFnRnJlZURyYWdQb3NpdGlvbl09XCJkaWFsb2dCb3hbJ2Rpc3RhbmNlJ11cIlxyXG4gIFt4UmVzaXphYmxlXT1cIm9wdGlvbi5yZXNpemFibGUgJiYgZGlhbG9nQm94WydyZXNpemFibGUnXSFcIlxyXG4gIChyZXNpemluZyk9XCJyZXNpemluZygkZXZlbnQpXCJcclxuICAoY2RrRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZGVkKCRldmVudClcIlxyXG4gIFtvZmZzZXRMZWZ0XT1cIm9mZnNldExlZnRcIlxyXG4gIFtvZmZzZXRUb3BdPVwib2Zmc2V0VG9wXCJcclxuICBbc3R5bGUubWluV2lkdGhdPVwiZGlhbG9nQm94WydtaW5XaWR0aCddXCJcclxuICBbc3R5bGUubWluSGVpZ2h0XT1cImRpYWxvZ0JveFsnbWluSGVpZ2h0J11cIlxyXG4+XHJcbiAgPG5nLXRlbXBsYXRlIGNka1BvcnRhbE91dGxldD48L25nLXRlbXBsYXRlPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXBvcnRhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLXBvcnRhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLXBvcnRhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFtQixZQUFZLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7QUFDdkgsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsZUFBZSxFQUVmLFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUdaLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFHckQsT0FBTyxFQUFFLE9BQU8sRUFBYyxhQUFhLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFNUYsT0FBTyxFQUFFLG1CQUFtQixFQUFtQixNQUFNLHVCQUF1QixDQUFDOzs7O0FBWTdFLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxnQkFBZ0I7SUFHRixJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFrQjtRQUNqRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1lBQ3pCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsS0FBSyxFQUFFLE9BQWdDO1lBQ3ZDLFNBQVM7U0FDVixDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ3dELEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWtCO1FBQ25HLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsTUFBTSxFQUFFLE9BQU87WUFDZixLQUFLLEVBQUUsT0FBZ0M7WUFDdkMsU0FBUztT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QUFPO3NCQUE1QyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRW1CLE9BQU87c0JBQTdELGVBQWU7dUJBQUMsYUFBYSxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VQb3J0YWxPdXRsZXQsIENka1BvcnRhbE91dGxldCwgQ29tcG9uZW50UG9ydGFsLCBQb3J0YWxNb2R1bGUsIFRlbXBsYXRlUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbXBvbmVudFJlZixcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRW1iZWRkZWRWaWV3UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFJlbmRlcmVyMixcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb25cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWE1vdmVCb3hBbmltYXRpb24gfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWERpYWxvZ0FuaW1hdGlvbkV2ZW50LCBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsIFhEaWFsb2dSZWZPcHRpb24gfSBmcm9tICcuL2RpYWxvZy5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IEFuaW1hdGlvbkV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENka0RyYWcsIENka0RyYWdFbmQsIENka0RyYWdIYW5kbGUsIERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IFhEaWFsb2dSZWYgfSBmcm9tICcuL2RpYWxvZy1yZWYnO1xyXG5pbXBvcnQgeyBYUmVzaXphYmxlRGlyZWN0aXZlLCBYUmVzaXphYmxlRXZlbnQgfSBmcm9tICdAbmctbmVzdC91aS9yZXNpemFibGUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd4LWRpYWxvZy1wb3J0YWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0RyYWdEcm9wTW9kdWxlLCBQb3J0YWxNb2R1bGUsIFhSZXNpemFibGVEaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctcG9ydGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2ctcG9ydGFsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBhbmltYXRpb25zOiBbWE1vdmVCb3hBbmltYXRpb25dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nUG9ydGFsQ29tcG9uZW50IGV4dGVuZHMgQmFzZVBvcnRhbE91dGxldCB7XHJcbiAgLy8gQEhvc3RCaW5kaW5nKCdjbGFzcy54LWRpYWxvZy1wb3J0YWwnKSBfaGFzID0gdHJ1ZTtcclxuICBASG9zdEJpbmRpbmcoJ0B4LW1vdmUtYm94LWFuaW1hdGlvbicpIHB1YmxpYyBwbGFjZW1lbnQ/OiBYRGlhbG9nQW5pbWF0aW9uU3RhdGU7XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLmRvbmUnLCBbJyRldmVudCddKSBkb25lKHsgdG9TdGF0ZSwgdG90YWxUaW1lIH06IEFuaW1hdGlvbkV2ZW50KSB7XHJcbiAgICB0aGlzLmFuaW1hdGlvbkNoYW5nZWQubmV4dCh7XHJcbiAgICAgIGFjdGlvbjogJ2RvbmUnLFxyXG4gICAgICBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsXHJcbiAgICAgIHRvdGFsVGltZVxyXG4gICAgfSk7XHJcbiAgfVxyXG4gIEBIb3N0TGlzdGVuZXIoJ0B4LW1vdmUtYm94LWFuaW1hdGlvbi5zdGFydCcsIFsnJGV2ZW50J10pIHN0YXJ0KHsgdG9TdGF0ZSwgdG90YWxUaW1lIH06IEFuaW1hdGlvbkV2ZW50KSB7XHJcbiAgICB0aGlzLmFuaW1hdGlvbkNoYW5nZWQubmV4dCh7XHJcbiAgICAgIGFjdGlvbjogJ3N0YXJ0JyxcclxuICAgICAgc3RhdGU6IHRvU3RhdGUgYXMgWERpYWxvZ0FuaW1hdGlvblN0YXRlLFxyXG4gICAgICB0b3RhbFRpbWVcclxuICAgIH0pO1xyXG4gIH1cclxuICBAVmlld0NoaWxkKENka1BvcnRhbE91dGxldCwgeyBzdGF0aWM6IHRydWUgfSkgcG9ydGFsT3V0bGV0ITogQ2RrUG9ydGFsT3V0bGV0O1xyXG4gIEBWaWV3Q2hpbGQoQ2RrRHJhZywgeyBzdGF0aWM6IHRydWUgfSkgZHJhZ1JlZiE6IENka0RyYWc7XHJcblxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQ2RrRHJhZ0hhbmRsZSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBoYW5kbGVzITogUXVlcnlMaXN0PENka0RyYWdIYW5kbGU+O1xyXG5cclxuICBhbmltYXRpb25DaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxYRGlhbG9nQW5pbWF0aW9uRXZlbnQ+KCk7XHJcblxyXG4gIG9wdGlvbiE6IFhEaWFsb2dSZWZPcHRpb247XHJcbiAgZGlhbG9nUmVmITogWERpYWxvZ1JlZjxhbnk+O1xyXG5cclxuICBvZmZzZXRMZWZ0ID0gMDtcclxuICBvZmZzZXRUb3AgPSAwO1xyXG4gIG1pbldpZHRoID0gJzByZW0nO1xyXG4gIG1pbkhlaWdodCA9ICcwcmVtJztcclxuICBpbml0SGVpZ2h0ID0gMDtcclxuICBpbml0Q29udGVudEhlaWdodCA9IDA7XHJcbiAgZGlhbG9nQ29udGVudD86IEhUTUxFbGVtZW50O1xyXG4gIGRlZmF1bHRNYXhpbWl6ZSA9IGZhbHNlO1xyXG4gIG92ZXJsYXlFbGVtZW50PzogSFRNTEVsZW1lbnQ7XHJcbiAgaG9zdEVsZW1lbnQ/OiBIVE1MRWxlbWVudDtcclxuICBkaXN0YW5jZSA9IHsgeDogMCwgeTogMCB9O1xyXG5cclxuICBkaWFsb2dCb3g6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ0JveFsnZHJhZ2dhYmxlJ10gPSB0aGlzLmRlZmF1bHRNYXhpbWl6ZSA/IHRoaXMuZGlhbG9nQm94WydkcmFnZ2FibGUnXSA6IHRoaXMub3B0aW9uLmRyYWdnYWJsZTtcclxuICAgIHRoaXMuZGlhbG9nQm94WydyZXNpemFibGUnXSA9IHRoaXMuZGVmYXVsdE1heGltaXplID8gdGhpcy5kaWFsb2dCb3hbJ3Jlc2l6YWJsZSddIDogdGhpcy5vcHRpb24ucmVzaXphYmxlO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgaWYgKHRoaXMuZGlhbG9nUmVmLmRyYWdIYW5kbGVSZWZzLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICB0aGlzLmRpYWxvZ0JveFsnZHJhZ2dhYmxlJ10gPSBmYWxzZTtcclxuICAgICAgdGhpcy5vcHRpb24uZHJhZ2dhYmxlID0gZmFsc2U7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIGZvciAobGV0IGl0ZW0gb2YgdGhpcy5kaWFsb2dSZWYuZHJhZ0hhbmRsZVJlZnMpIHtcclxuICAgICAgdGhpcy5kcmFnUmVmLl9hZGRIYW5kbGUobmV3IENka0RyYWdIYW5kbGUoaXRlbSwgdGhpcy5kcmFnUmVmKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhdHRhY2hDb21wb25lbnRQb3J0YWw8VD4ocG9ydGFsOiBDb21wb25lbnRQb3J0YWw8VD4pOiBDb21wb25lbnRSZWY8VD4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoQ29tcG9uZW50UG9ydGFsKHBvcnRhbCk7XHJcbiAgfVxyXG4gIGF0dGFjaFRlbXBsYXRlUG9ydGFsPEM+KHBvcnRhbDogVGVtcGxhdGVQb3J0YWw8Qz4pOiBFbWJlZGRlZFZpZXdSZWY8Qz4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoVGVtcGxhdGVQb3J0YWwocG9ydGFsKTtcclxuICB9XHJcblxyXG4gIHJlc2l6aW5nKGV2ZW50OiBYUmVzaXphYmxlRXZlbnQpIHtcclxuICAgIGNvbnN0IGNvbnRlbnRIZWlnaHQgPSBOdW1iZXIodGhpcy5pbml0Q29udGVudEhlaWdodCkgKyBOdW1iZXIoZXZlbnQuY2xpZW50SGVpZ2h0KSAtIE51bWJlcih0aGlzLmluaXRIZWlnaHQpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmRpYWxvZ0NvbnRlbnQsICdtYXgtaGVpZ2h0JywgJ2luaXRpYWwnKTtcclxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kaWFsb2dDb250ZW50LCAnZmxleCcsICdpbml0aWFsJyk7XHJcbiAgICBpZiAoWyd0b3Atc3RhcnQnLCAndG9wLWVuZCcsICdib3R0b20nLCAndG9wJywgJ2JvdHRvbS1zdGFydCcsICdib3R0b20tZW5kJ10uaW5jbHVkZXMoZXZlbnQuZGlyZWN0aW9uIGFzIHN0cmluZykpIHtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmRpYWxvZ0NvbnRlbnQsICdoZWlnaHQnLCBgJHtjb250ZW50SGVpZ2h0fXB4YCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkRyYWdFbmRlZChldmVudDogQ2RrRHJhZ0VuZCkge1xyXG4gICAgdGhpcy5kaXN0YW5jZSA9IHtcclxuICAgICAgeDogdGhpcy5kaXN0YW5jZS54ICsgZXZlbnQuZGlzdGFuY2UueCxcclxuICAgICAgeTogdGhpcy5kaXN0YW5jZS55ICsgZXZlbnQuZGlzdGFuY2UueVxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwieC1kaWFsb2ctcG9ydGFsXCJcclxuICAjZHJhZ1JlZlxyXG4gIGNka0RyYWdcclxuICBbY2RrRHJhZ0Rpc2FibGVkXT1cIiFvcHRpb24uZHJhZ2dhYmxlICYmICFkaWFsb2dCb3hbJ2RyYWdnYWJsZSddXCJcclxuICBbY2RrRHJhZ0JvdW5kYXJ5XT1cIicuY2RrLW92ZXJsYXktY29udGFpbmVyJ1wiXHJcbiAgW2Nka0RyYWdGcmVlRHJhZ1Bvc2l0aW9uXT1cImRpYWxvZ0JveFsnZGlzdGFuY2UnXVwiXHJcbiAgW3hSZXNpemFibGVdPVwib3B0aW9uLnJlc2l6YWJsZSAmJiBkaWFsb2dCb3hbJ3Jlc2l6YWJsZSddIVwiXHJcbiAgKHJlc2l6aW5nKT1cInJlc2l6aW5nKCRldmVudClcIlxyXG4gIChjZGtEcmFnRW5kZWQpPVwib25EcmFnRW5kZWQoJGV2ZW50KVwiXHJcbiAgW29mZnNldExlZnRdPVwib2Zmc2V0TGVmdFwiXHJcbiAgW29mZnNldFRvcF09XCJvZmZzZXRUb3BcIlxyXG4gIFtzdHlsZS5taW5XaWR0aF09XCJkaWFsb2dCb3hbJ21pbldpZHRoJ11cIlxyXG4gIFtzdHlsZS5taW5IZWlnaHRdPVwiZGlhbG9nQm94WydtaW5IZWlnaHQnXVwiXHJcbj5cclxuICA8bmctdGVtcGxhdGUgY2RrUG9ydGFsT3V0bGV0PjwvbmctdGVtcGxhdGU+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/dialog/dialog-portal.directives.mjs

@@ -8,10 +8,10 @@ export class XDialogCloseDirective {
     onCloseClick() {
         this.dialogRef && this.dialogRef.close();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogCloseDirective, isStandalone: true, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogCloseDirective, isStandalone: true, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-close]`,
@@ -25,10 +25,10 @@ export class XDialogTitleDirective {
     constructor() {
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogTitleDirective, isStandalone: true, selector: "[x-dialog-title]", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogTitleDirective, isStandalone: true, selector: "[x-dialog-title]", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-title]`,
@@ -42,10 +42,10 @@ export class XDialogContentDirective {
     constructor() {
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogContentDirective, isStandalone: true, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogContentDirective, isStandalone: true, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-content], x-dialog-content`,
@@ -59,10 +59,10 @@ export class XDialogActionsDirective {
     constructor() {
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogActionsDirective, isStandalone: true, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogActionsDirective, isStandalone: true, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-actions], x-dialog-actions`,
@@ -83,10 +83,10 @@ export class XDialogDragHandleDirective {
     ngOnInit() {
         this.dialogRef?.dragHandleRefs.push(this.elementRef);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogDragHandleDirective, isStandalone: true, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogDragHandleDirective, isStandalone: true, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-drag-handle], x-dialog-drag-handle`,
@@ -103,10 +103,10 @@ export class XDialogFullscreenDirective {
     onFullscreenClick() {
         this.dialogRef && this.dialogRef.onFullscreen();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDialogFullscreenDirective, isStandalone: true, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDialogFullscreenDirective, isStandalone: true, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-dialog-fullscreen], x-dialog-fullscreen`,

package/esm2022/dialog/dialog.component.mjs

@@ -277,10 +277,10 @@ export class XDialogComponent extends XDialogProperty {
             this.renderer.setStyle(this.dialogContent, 'height', `${contentHeight}px`);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: XDialogComponent, isStandalone: true, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  @if (container && hasBackdrop) {\r\n    <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  }\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        @if (showCancel || showConfirm) {\r\n          <x-buttons space=\"1\">\r\n            @if (showCancel) {\r\n              <x-button (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n            }\r\n            @if (showConfirm) {\r\n              <x-button type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n            }\r\n          </x-buttons>\r\n        }\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  @if (maximize || resizable) {\r\n    <x-button\r\n      size=\"small\"\r\n      [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\"\r\n      [onlyIcon]=\"true\"\r\n      (click)=\"onSize()\"\r\n    ></x-button>\r\n  }\r\n</ng-template>\r\n\r\n@if (container && visible) {\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XDialogComponent, isStandalone: true, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n  @if (container && hasBackdrop) {\r\n    <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  }\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        @if (showCancel || showConfirm) {\r\n          <x-buttons space=\"1\">\r\n            @if (showCancel) {\r\n              <x-button (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n            }\r\n            @if (showConfirm) {\r\n              <x-button type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n            }\r\n          </x-buttons>\r\n        }\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  @if (maximize || resizable) {\r\n    <x-button\r\n      size=\"small\"\r\n      [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\"\r\n      [onlyIcon]=\"true\"\r\n      (click)=\"onSize()\"\r\n    ></x-button>\r\n  }\r\n</ng-template>\r\n\r\n@if (container && visible) {\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDialogPrefix}`, standalone: true, imports: [NgStyle, NgTemplateOutlet, XAlertComponent, XButtonComponent, XButtonsComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation, XOpacityAnimation], template: "<ng-template #dialogTpl>\r\n  @if (container && hasBackdrop) {\r\n    <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible\" (click)=\"onClose('close')\"></div>\r\n  }\r\n  <div\r\n    class=\"x-dialog\"\r\n    [@x-move-box-animation]=\"placement\"\r\n    (@x-move-box-animation.done)=\"moveDone($event)\"\r\n    [class.x-dialog-maximize]=\"isMaximize\"\r\n    [class.x-dialog-resizable]=\"resizable\"\r\n    [class.x-dialog-default-maximize]=\"isDefaultMaximize\"\r\n    [ngStyle]=\"getStyle\"\r\n  >\r\n    <x-alert\r\n      [draggable]=\"draggable && dialogBox['draggable']\"\r\n      [resizable]=\"resizable && dialogBox['resizable']\"\r\n      [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n      [offsetLeft]=\"offsetLeft\"\r\n      [offsetTop]=\"offsetTop\"\r\n      [minWidth]=\"dialogBox['minWidth']\"\r\n      [minHeight]=\"dialogBox['minHeight']\"\r\n      [dragBoundary]=\"'.cdk-overlay-container'\"\r\n      [title]=\"title\"\r\n      [content]=\"contentTpl\"\r\n      [type]=\"type\"\r\n      [effect]=\"effect\"\r\n      [hideClose]=\"hideClose\"\r\n      [closeText]=\"closeText\"\r\n      [operationTpl]=\"operationTpl\"\r\n      (close)=\"onClose('close')\"\r\n      (dragEnded)=\"onDragEnded($event)\"\r\n      (resizing)=\"onResizing($event)\"\r\n      showIcon=\"false\"\r\n      duration=\"0\"\r\n      manual\r\n      disabledAnimation\r\n    ></x-alert>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n  <div class=\"x-dialog-inner\">\r\n    <div class=\"x-dialog-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter\">\r\n      <ng-container *xOutlet=\"footer\">\r\n        @if (showCancel || showConfirm) {\r\n          <x-buttons space=\"1\">\r\n            @if (showCancel) {\r\n              <x-button (click)=\"onClose('cancel')\">{{ getCancelText }}</x-button>\r\n            }\r\n            @if (showConfirm) {\r\n              <x-button type=\"primary\" (click)=\"onClose('confirm')\">{{ getConfirmText }}</x-button>\r\n            }\r\n          </x-buttons>\r\n        }\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n  @if (maximize || resizable) {\r\n    <x-button\r\n      size=\"small\"\r\n      [icon]=\"isMaximize ? 'fto-minimize' : 'fto-maximize'\"\r\n      [onlyIcon]=\"true\"\r\n      (click)=\"onSize()\"\r\n    ></x-button>\r\n  }\r\n</ng-template>\r\n\r\n@if (container && visible) {\r\n  <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0;width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important;flex:initial}\n"] }]
         }], propDecorators: { getVisible: [{

package/esm2022/dialog/dialog.module.mjs

@@ -4,8 +4,8 @@ import { XDialogActionsDirective, XDialogCloseDirective, XDialogContentDirective
 import { XDialogContainerComponent } from './dialog-container.component';
 import * as i0 from "@angular/core";
 export class XDialogModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent,
             XDialogContainerComponent,
             XDialogCloseDirective,
             XDialogTitleDirective,
@@ -20,9 +20,9 @@ export class XDialogModule {
             XDialogActionsDirective,
             XDialogDragHandleDirective,
             XDialogFullscreenDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [

package/esm2022/dialog/dialog.property.mjs

@@ -55,8 +55,8 @@ export class XDialogProperty extends XAlertProperty {
          */
         this.closeDone = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDialogProperty, selector: "x-dialog-property", inputs: { visible: "visible", placement: "placement", offset: "offset", type: "type", width: "width", height: "height", minWidth: "minWidth", minHeight: "minHeight", effect: "effect", footer: "footer", showCancel: "showCancel", cancelText: "cancelText", showConfirm: "showConfirm", confirmText: "confirmText", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className", buttonsCenter: "buttonsCenter", draggable: "draggable", resizable: "resizable", maximize: "maximize", beforeClose: "beforeClose" }, outputs: { cancel: "cancel", confirm: "confirm", close: "close", visibleChange: "visibleChange", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDialogProperty, selector: "x-dialog-property", inputs: { visible: "visible", placement: "placement", offset: "offset", type: "type", width: "width", height: "height", minWidth: "minWidth", minHeight: "minHeight", effect: "effect", footer: "footer", showCancel: "showCancel", cancelText: "cancelText", showConfirm: "showConfirm", confirmText: "confirmText", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className", buttonsCenter: "buttonsCenter", draggable: "draggable", resizable: "resizable", maximize: "maximize", beforeClose: "beforeClose" }, outputs: { cancel: "cancel", confirm: "confirm", close: "close", visibleChange: "visibleChange", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     XInputBoolean()
@@ -116,7 +116,7 @@ __decorate([
     XWithConfig(X_DIALOG_CONFIG_NAME, false),
     XInputBoolean()
 ], XDialogProperty.prototype, "maximize", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XDialogPrefix}-property`, template: '' }]
         }], propDecorators: { visible: [{
@@ -187,10 +187,10 @@ export const X_DIALOG_CONTAINER = new InjectionToken('X_DIALOG_CONTAINER');
  * Dialog Container Property
  */
 export class XDialogContainerProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDialogContainerProperty, selector: "x-dialog-container-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDialogContainerProperty, selector: "x-dialog-container-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogContainerProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogContainerProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XDialogContainerPrefix}-property`, template: '' }]
         }] });

package/esm2022/dialog/dialog.service.mjs

@@ -112,10 +112,10 @@ export class XDialogService {
         }
         return false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });

package/esm2022/doc/doc.component.mjs

@@ -9,10 +9,10 @@ export class XDocComponent {
     ngOnInit() {
         this.renderer.addClass(this.elementRef.nativeElement, XDocPrefix);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDocComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDocComponent, isStandalone: true, selector: "x-doc", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0;padding:0 1.5rem;display:block;font-size:.875rem}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 .875rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:.875rem;font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:.875rem 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:.875rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:.5rem .5rem .5rem .875rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:.875rem;background-color:var(--x-background);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border-200);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{background-color:var(--x-primary-900);border:var(--x-border-width) solid var(--x-primary-800);padding:0 .25rem;border-radius:var(--x-border-radius)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>td{border-width:0px}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDocComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDocComponent, isStandalone: true, selector: "x-doc", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0;padding:0 1.5rem;display:block;font-size:.875rem}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 .875rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:.875rem;font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:.875rem 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:.875rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:.5rem .5rem .5rem .875rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:.875rem;background-color:var(--x-background);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border-200);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{background-color:var(--x-primary-900);border:var(--x-border-width) solid var(--x-primary-800);padding:0 .25rem;border-radius:var(--x-border-radius)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>td{border-width:0px}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDocComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDocComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-doc', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0;padding:0 1.5rem;display:block;font-size:.875rem}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 .875rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:.875rem;font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:.875rem 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:.875rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:.5rem .5rem .5rem .875rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:.875rem;background-color:var(--x-background);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border-200);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{background-color:var(--x-primary-900);border:var(--x-border-width) solid var(--x-primary-800);padding:0 .25rem;border-radius:var(--x-border-radius)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:.875rem 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem .875rem;white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr:last-child>td{border-width:0px}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }] });

package/esm2022/doc/doc.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { XDocComponent } from './doc.component';
 import * as i0 from "@angular/core";
 export class XDocModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: XDocModule, imports: [XDocComponent], exports: [XDocComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDocModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XDocModule, imports: [XDocComponent], exports: [XDocComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDocModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDocModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDocModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XDocComponent],

package/esm2022/drag/drag.directive.mjs

@@ -60,10 +60,10 @@ export class XDragDirective extends XDragProperty {
         this._unSubject.next();
         this._unSubject.complete();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDragDirective, isStandalone: true, selector: "[x-drag]", usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDragDirective, isStandalone: true, selector: "[x-drag]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[x-drag]', standalone: true }]
         }] });

package/esm2022/drag/drag.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { XDragDirective } from './drag.directive';
 import * as i0 from "@angular/core";
 export class XDragModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: XDragModule, imports: [XDragDirective], exports: [XDragDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XDragModule, imports: [XDragDirective], exports: [XDragDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XDragDirective],

package/esm2022/drag/drag.property.mjs

@@ -15,10 +15,10 @@ export class XDragProperty {
         this.dragMoved = new EventEmitter();
         this.dragEnded = new EventEmitter();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragProperty, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDragProperty, selector: "[x-drag]", outputs: { dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragProperty, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDragProperty, selector: "[x-drag]", outputs: { dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDragProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDragProperty, decorators: [{
             type: Directive,
             args: [{ selector: '[x-drag]' }]
         }], propDecorators: { dragStarted: [{

package/esm2022/drawer/drawer-container.component.mjs

@@ -6,15 +6,15 @@ export class XDrawerContainerComponent extends XDrawerContainerProperty {
         super(...arguments);
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDrawerContainerComponent, isStandalone: true, selector: "x-drawer-container", host: { properties: { "class.x-drawer-container": "this._has" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDrawerContainerComponent, isStandalone: true, selector: "x-drawer-container", host: { properties: { "class.x-drawer-container": "this._has" } }, providers: [
             {
                 provide: X_DRAWER_CONTAINER,
                 useExisting: XDrawerContainerComponent
             }
         ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-drawer-container{margin:0;padding:0;position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-drawer-container .x-drawer{position:absolute;display:block;outline:0;z-index:2;transition:transform .2s ease-in,visibility .2s ease-in;visibility:hidden}.x-drawer-container .x-drawer-left{transform:translate3d(-100%,0,0);left:0;top:0}.x-drawer-container .x-drawer-right{transform:translate3d(100%,0,0);right:0;top:0}.x-drawer-container .x-drawer-top{transform:translate3d(0,-100%,0);top:0;left:0}.x-drawer-container .x-drawer-bottom{transform:translate3d(0,100%,0);bottom:0;left:0}.x-drawer-container .x-drawer-visible{transform:translateZ(0);visibility:inherit}.x-drawer-container .x-drawer-visible .x-drawer-backdrop{opacity:1;z-index:1}.x-drawer-container .x-drawer-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:auto;background:#00000052;transition:opacity .4s cubic-bezier(.25,.8,.25,1),z-index 0 ease-in .4s;opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-drawer-container', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/drawer/drawer-portal.component.mjs

@@ -27,10 +27,10 @@ export class XDrawerPortalComponent extends BasePortalOutlet {
         }
         return this.portalOutlet.attachTemplatePortal(portal);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: XDrawerPortalComponent, isStandalone: true, selector: "x-drawer-portal", host: { listeners: { "@x-slide-animation.done": "done($event)", "@x-slide-animation.start": "start($event)" }, properties: { "class.x-drawer-portal": "this._has", "@x-slide-animation": "this.placement" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-drawer-portal{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);overflow:auto;padding:1rem}.x-drawer-portal-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-portal-content{display:block;margin:0 -1rem;padding:0 1rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XDrawerPortalComponent, isStandalone: true, selector: "x-drawer-portal", host: { listeners: { "@x-slide-animation.done": "done($event)", "@x-slide-animation.start": "start($event)" }, properties: { "class.x-drawer-portal": "this._has", "@x-slide-animation": "this.placement" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-drawer-portal{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);overflow:auto;padding:1rem}.x-drawer-portal-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-portal-content{display:block;margin:0 -1rem;padding:0 1rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XSlideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'x-drawer-portal', standalone: true, imports: [PortalModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XSlideAnimation], template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-drawer-portal{margin:0;padding:0;height:100%;width:100%;background-color:var(--x-background);position:relative;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);overflow:auto;padding:1rem}.x-drawer-portal-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-drawer-portal-content{display:block;margin:0 -1rem;padding:0 1rem;overflow:auto}\n"] }]
         }], propDecorators: { _has: [{

package/esm2022/drawer/drawer-portal.directives.mjs

@@ -8,10 +8,10 @@ export class XDrawerCloseDirective {
     onCloseClick() {
         this.drawerRef && this.drawerRef.close();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDrawerCloseDirective, isStandalone: true, selector: "[x-drawer-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDrawerCloseDirective, isStandalone: true, selector: "[x-drawer-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-drawer-close]`,
@@ -25,10 +25,10 @@ export class XDrawerTitleDirective {
     constructor() {
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDrawerTitleDirective, isStandalone: true, selector: "[x-drawer-title]", host: { properties: { "class.x-drawer-portal-title": "this._has" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDrawerTitleDirective, isStandalone: true, selector: "[x-drawer-title]", host: { properties: { "class.x-drawer-portal-title": "this._has" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-drawer-title]`,
@@ -42,10 +42,10 @@ export class XDrawerContentDirective {
     constructor() {
         this._has = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: XDrawerContentDirective, isStandalone: true, selector: "[x-drawer-content], x-drawer-content", host: { properties: { "class.x-drawer-portal-content": "this._has" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XDrawerContentDirective, isStandalone: true, selector: "[x-drawer-content], x-drawer-content", host: { properties: { "class.x-drawer-portal-content": "this._has" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: XDrawerContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XDrawerContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[x-drawer-content], x-drawer-content`,