@ng-nest/ui 13.0.9 → 13.1.0

package/alert/alert.component.d.ts

@@ -1,10 +1,12 @@
 import { OnInit, ChangeDetectorRef, OnDestroy, SimpleChanges } from '@angular/core';
 import { XAlertProperty } from './alert.property';
 import { XConfigService } from '@ng-nest/ui/core';
+import { CdkDrag } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class XAlertComponent extends XAlertProperty implements OnInit, OnDestroy {
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    alert: CdkDrag;
     private _unSubject;
     constructor(cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;

package/alert/alert.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@angular/cdk/drag-drop";
 import * as i5 from "@ng-nest/ui/icon";
 import * as i6 from "@ng-nest/ui/button";
 import * as i7 from "@ng-nest/ui/outlet";
+import * as i8 from "@ng-nest/ui/resizable";
 export declare class XAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XAlertModule, [typeof i1.XAlertComponent, typeof i2.XAlertProperty], [typeof i3.CommonModule, typeof i4.DragDropModule, typeof i5.XIconModule, typeof i6.XButtonModule, typeof i7.XOutletModule], [typeof i1.XAlertComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XAlertModule, [typeof i1.XAlertComponent, typeof i2.XAlertProperty], [typeof i3.CommonModule, typeof i4.DragDropModule, typeof i5.XIconModule, typeof i6.XButtonModule, typeof i7.XOutletModule, typeof i8.XResizableModule], [typeof i1.XAlertComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XAlertModule>;
 }

package/alert/alert.property.d.ts

@@ -1,5 +1,7 @@
 import { XStatus, XTemplate, XEffect, XProperty, XBoolean, XNumber } from '@ng-nest/ui/core';
 import { EventEmitter, ElementRef } from '@angular/core';
+import { CdkDragEnd } from '@angular/cdk/drag-drop';
+import { XResizableEvent } from '@ng-nest/ui/resizable';
 import * as i0 from "@angular/core";
 /**
  * Alert
@@ -71,18 +73,63 @@ export declare class XAlertProperty extends XProperty {
      * @en_US Drag dialog
      */
     draggable?: XBoolean;
+    /**
+     * @zh_CN 调整提示框大小
+     * @en_US Adjust the size of the box
+     */
+    resizable?: XBoolean;
+    /**
+     * @zh_CN 开启 resizable 调整大小，偏移屏幕左边
+     * @en_US Open the resizable resize, offset screen left
+     */
+    offsetLeft: XNumber;
+    /**
+     * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部
+     * @en_US Open the resizable resize, offset screen top
+     */
+    offsetTop: XNumber;
+    /**
+     * @zh_CN 最小宽度
+     * @en_US Min width
+     */
+    minWidth?: string;
+    /**
+     * @zh_CN 最小高度
+     * @en_US Min height
+     */
+    minHeight?: string;
     /**
      * @zh_CN 拖动范围限制，父节点选择器或者对象
      * @en_US Drag dialog
      */
     dragBoundary: string | ElementRef<HTMLElement> | HTMLElement;
+    /**
+     * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置
+     * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users
+     */
+    dragFreeDragPosition: XAlertDragFreeDragPosition;
+    /**
+     * @zh_CN 自定义操作
+     * @en_US Custom operation
+     */
+    operationTpl: XTemplate;
     /**
      * @zh_CN 关闭的事件
      * @en_US Closed events
      */
     close: EventEmitter<any>;
+    /**
+     * @zh_CN 拖动结束的事件
+     * @en_US Drag end event
+     */
+    dragEnded: EventEmitter<CdkDragEnd<any>>;
+    /**
+     * @zh_CN 改变尺寸事件
+     * @en_US Change the size event
+     */
+    resizing: EventEmitter<XResizableEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAlertProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XAlertProperty, "ng-component", never, { "hide": "hide"; "title": "title"; "content": "content"; "type": "type"; "effect": "effect"; "hideClose": "hideClose"; "closeText": "closeText"; "showIcon": "showIcon"; "disabledAnimation": "disabledAnimation"; "duration": "duration"; "manual": "manual"; "draggable": "draggable"; "dragBoundary": "dragBoundary"; }, { "close": "close"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAlertProperty, "ng-component", never, { "hide": "hide"; "title": "title"; "content": "content"; "type": "type"; "effect": "effect"; "hideClose": "hideClose"; "closeText": "closeText"; "showIcon": "showIcon"; "disabledAnimation": "disabledAnimation"; "duration": "duration"; "manual": "manual"; "draggable": "draggable"; "resizable": "resizable"; "offsetLeft": "offsetLeft"; "offsetTop": "offsetTop"; "minWidth": "minWidth"; "minHeight": "minHeight"; "dragBoundary": "dragBoundary"; "dragFreeDragPosition": "dragFreeDragPosition"; "operationTpl": "operationTpl"; }, { "close": "close"; "dragEnded": "dragEnded"; "resizing": "resizing"; }, never, never>;
 }
 /**
  * Alert Option
@@ -133,6 +180,30 @@ export interface XAlertOption {
      * 手动处理关闭事件
      */
     manual?: boolean;
+    /**
+     * 拖动提示框
+     */
+    draggable?: boolean;
+    /**
+     * 调整提示框大小
+     */
+    resizable?: boolean;
+    /**
+     * 开启 resizable 调整大小，偏移屏幕左边
+     */
+    offsetLeft?: number;
+    /**
+     * 开启 resizable 调整大小，偏移屏幕顶部
+     */
+    offsetTop?: number;
+    /**
+     * 最小宽度
+     */
+    minWidth?: string;
+    /**
+     * 最小高度
+     */
+    minHeight?: string;
 }
 /**
  * @zh_CN 类型
@@ -143,3 +214,11 @@ export interface XAlertOption {
  * @value "error"
  */
 export declare type XAlertType = XStatus;
+/**
+ * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置
+ * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users
+ */
+export declare type XAlertDragFreeDragPosition = {
+    x: number;
+    y: number;
+};

package/collapse/collapse.property.d.ts

@@ -26,11 +26,21 @@ export declare class XCollapseProperty extends XProperty {
      * @en_US Show / hide icon
      */
     showIcon?: Boolean;
+    /**
+     * @zh_CN 图标位置
+     * @en_US Icon position
+     */
+    iconPosition?: XCollapseIconPosition;
     /**
      * @zh_CN 幽灵面板
      * @en_US Ghost panel
      */
     ghost?: XBoolean;
+    /**
+     * @zh_CN 边框
+     * @en_US border
+     */
+    bordered?: XBoolean;
     /**
      * @zh_CN 当前激活的面板序号
      * @en_US The serial number of the currently active panel
@@ -42,8 +52,13 @@ export declare class XCollapseProperty extends XProperty {
      */
     activeChange: EventEmitter<XNumber | XNumber[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCollapseProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapseProperty, "ng-component", never, { "accordion": "accordion"; "icon": "icon"; "showIcon": "showIcon"; "ghost": "ghost"; "active": "active"; }, { "activeChange": "activeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapseProperty, "ng-component", never, { "accordion": "accordion"; "icon": "icon"; "showIcon": "showIcon"; "iconPosition": "iconPosition"; "ghost": "ghost"; "bordered": "bordered"; "active": "active"; }, { "activeChange": "activeChange"; }, never, never>;
 }
+/**
+ * @zh_CN 图标位置
+ * @en_US Icon position
+ */
+export declare type XCollapseIconPosition = 'left' | 'right';
 /**
  * Collapse Panel
  * @selector x-collapse-panel

package/collapse/examples/en_US/default/arrow/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Position'
+---
+
+Use the `iconPosition` property set the left and right positions of the icon.

package/collapse/examples/en_US/default/border/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Border'
+---
+
+Use `bordered` to open the left and right border style.

package/collapse/examples/zh_CN/default/arrow/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '图标位置'
+---
+
+使用 `iconPosition` 属性设置图标的左右位置。

package/collapse/examples/zh_CN/default/border/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '边框'
+---
+
+使用 `bordered` 来开启左右的边框样式。

package/core/config/config.d.ts

@@ -102,6 +102,7 @@ export interface XAlertConfig {
     showIcon?: XBoolean;
     disabledAnimation?: XBoolean;
     draggable?: XBoolean;
+    resizable?: XBoolean;
     dragHandleTitle?: XBoolean;
     duration?: XNumber;
 }
@@ -166,6 +167,8 @@ export interface XCheckboxConfig {
 export interface XCollapseConfig {
     showIcon?: Boolean;
     ghost?: Boolean;
+    iconPosition?: 'left' | 'right';
+    bordered?: Boolean;
 }
 export interface XColorConfig {
     merge?: string;
@@ -208,6 +211,8 @@ export interface XDialogConfig {
     placement?: XPlace;
     offset?: string;
     width?: string;
+    minWidth?: string;
+    minHeight?: string;
     effect?: XEffect;
     showCancel?: XBoolean;
     cancelText?: string;
@@ -215,6 +220,8 @@ export interface XDialogConfig {
     confirmText?: string;
     backdropClose?: XBoolean;
     draggable?: XBoolean;
+    resizable?: XBoolean;
+    maximize?: XBoolean;
     hasBackdrop?: XBoolean;
     className?: string;
     buttonsCenter?: XBoolean;
@@ -405,6 +412,7 @@ export interface XTableConfig {
     bordered?: XNumber;
     allowSelectRow?: XBoolean;
     rowSize?: XSize;
+    showPagination?: XBoolean;
 }
 export interface XTabsConfig {
     size?: XSize;

package/dialog/dialog.component.d.ts

@@ -2,8 +2,10 @@ import { Renderer2, ElementRef, ChangeDetectorRef, OnChanges, SimpleChanges, Tem
 import { XDialogOverlayRef, XDialogProperty } from './dialog.property';
 import { XPortalService } from '@ng-nest/ui/portal';
 import { Subscription } from 'rxjs';
-import { BlockScrollStrategy } from '@angular/cdk/overlay';
+import { BlockScrollStrategy, Overlay } from '@angular/cdk/overlay';
 import { XI18nDialog, XI18nService } from '@ng-nest/ui/i18n';
+import { CdkDragEnd } from '@angular/cdk/drag-drop';
+import { XResizableEvent } from '@ng-nest/ui/resizable';
 import * as i0 from "@angular/core";
 export declare class XDialogComponent extends XDialogProperty implements OnChanges, OnDestroy {
     renderer: Renderer2;
@@ -11,30 +13,51 @@ export declare class XDialogComponent extends XDialogProperty implements OnChang
     cdr: ChangeDetectorRef;
     viewContainerRef: ViewContainerRef;
     protalService: XPortalService;
+    overlay: Overlay;
     i18n: XI18nService;
     dialogTpl: TemplateRef<void>;
     dialogRef: XDialogOverlayRef;
     backdropClick$: Subscription;
     scrollStrategy: BlockScrollStrategy;
     locale: XI18nDialog;
+    overlayElement?: HTMLElement;
+    dialogContent?: HTMLElement;
+    initHeight?: number | undefined;
+    initContentHeight?: number | undefined;
+    isMaximize: boolean;
+    isDefaultMaximize: boolean;
+    dialogBox: {
+        [key: string]: any;
+    };
+    contentBox: XResizableEvent;
+    distance: {
+        x: number;
+        y: number;
+    };
     private _unSubject;
     get getCancelText(): string | undefined;
     get getConfirmText(): string | undefined;
-    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, viewContainerRef: ViewContainerRef, protalService: XPortalService, i18n: XI18nService);
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, viewContainerRef: ViewContainerRef, protalService: XPortalService, overlay: Overlay, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     unsubscribe(): void;
     setVisible(): void;
     create(): void;
+    setWidthHeight(): void;
     detach(): void;
     portalAttached(): boolean | undefined;
     onClose(): void;
+    onDragEnded($event: CdkDragEnd): void;
+    onSize(): void;
+    onMaximize(): void;
+    onMinimize(): void;
     onCancel(): void;
     onConfirm(): void;
     moveDone($event: {
         toState: string;
     }): void;
+    onResizing(event: XResizableEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDialogComponent, "x-dialog", never, {}, {}, never, ["*"]>;
 }

package/dialog/dialog.module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "@ng-nest/ui/icon";
 import * as i11 from "@ng-nest/ui/portal";
 import * as i12 from "@ng-nest/ui/alert";
 import * as i13 from "@ng-nest/ui/outlet";
+import * as i14 from "@ng-nest/ui/resizable";
 export declare class XDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent, typeof i4.XDialogProperty], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.DragDropModule, typeof i8.XInputModule, typeof i9.XButtonModule, typeof i10.XIconModule, typeof i11.XPortalModule, typeof i12.XAlertModule, typeof i13.XOutletModule], [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent, typeof i4.XDialogProperty], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.DragDropModule, typeof i8.XInputModule, typeof i9.XButtonModule, typeof i10.XIconModule, typeof i11.XPortalModule, typeof i12.XAlertModule, typeof i13.XOutletModule, typeof i14.XResizableModule], [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XDialogModule>;
 }

package/dialog/dialog.property.d.ts

@@ -44,6 +44,16 @@ export declare class XDialogProperty extends XAlertProperty {
      * @en_US Height
      */
     height?: string;
+    /**
+     * @zh_CN 最小宽度
+     * @en_US Min width
+     */
+    minWidth?: string;
+    /**
+     * @zh_CN 最小高度
+     * @en_US Min height
+     */
+    minHeight?: string;
     /**
      * @zh_CN 样式主题
      * @en_US Style theme
@@ -99,6 +109,16 @@ export declare class XDialogProperty extends XAlertProperty {
      * @en_US Drag dialog
      */
     draggable?: XBoolean;
+    /**
+     * @zh_CN 调整弹框的大小
+     * @en_US Adjust the size of the box
+     */
+    resizable?: XBoolean;
+    /**
+     * @zh_CN 最大化弹出框按钮，当启用 resizable 时也会显示
+     * @en_US Maximize the bullet box button, Will also display when resizable is enabled
+     */
+    maximize?: XBoolean;
     /**
      * @zh_CN 关闭前处理函数
      * @en_US Processing function before closing
@@ -130,7 +150,7 @@ export declare class XDialogProperty extends XAlertProperty {
      */
     closeDone: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogProperty, "ng-component", never, { "visible": "visible"; "placement": "placement"; "offset": "offset"; "type": "type"; "width": "width"; "height": "height"; "effect": "effect"; "footer": "footer"; "showCancel": "showCancel"; "cancelText": "cancelText"; "showConfirm": "showConfirm"; "confirmText": "confirmText"; "backdropClose": "backdropClose"; "hasBackdrop": "hasBackdrop"; "className": "className"; "buttonsCenter": "buttonsCenter"; "draggable": "draggable"; "beforeClose": "beforeClose"; }, { "cancel": "cancel"; "confirm": "confirm"; "visibleChange": "visibleChange"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogProperty, "ng-component", never, { "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"; }, { "cancel": "cancel"; "confirm": "confirm"; "visibleChange": "visibleChange"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never>;
 }
 export interface XDialogOption extends XAlertOption {
     visible?: boolean;
@@ -213,7 +233,12 @@ export interface XDialogOption extends XAlertOption {
      * @zh_CN 拖动对话框
      * @en_US Drag dialog
      */
-    draggable?: XBoolean;
+    draggable?: boolean;
+    /**
+     * @zh_CN 调整弹框的大小
+     * @en_US Adjust the size of the box
+     */
+    resizable?: boolean;
     /**
      * @zh_CN 关闭前处理函数
      * @en_US Processing function before closing
@@ -269,13 +294,6 @@ export interface XDialogRefOption {
      * @withConfig true
      */
     hasBackdrop?: boolean;
-    /**
-     * @zh_CN 拖动对话框
-     * @en_US Drag dialog
-     * @default false
-     * @withConfig true
-     */
-    draggable?: boolean;
     /**
      * @zh_CN 数据，通过 "@Inject(X_DIALOG_DATA)" 来接收数据
      * @en_US Data. Receive data by "@Inject(X_DIALOG_DATA)"

package/dialog/dialog.service.d.ts

@@ -1,6 +1,6 @@
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
-import { TemplateRef } from '@angular/core';
+import { Renderer2, RendererFactory2, TemplateRef } from '@angular/core';
 import { XConfigService, XDialogConfig } from '@ng-nest/ui/core';
 import { XPortalService } from '@ng-nest/ui/portal';
 import { XDialogRef } from './dialog-ref';
@@ -10,9 +10,11 @@ export declare class XDialogService {
     portalService: XPortalService;
     configService: XConfigService;
     overlay: Overlay;
+    rendererFactory: RendererFactory2;
     default: XDialogRefOption;
     configDefault?: XDialogConfig;
-    constructor(portalService: XPortalService, configService: XConfigService, overlay: Overlay);
+    renderer: Renderer2;
+    constructor(portalService: XPortalService, configService: XConfigService, overlay: Overlay, rendererFactory: RendererFactory2);
     create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDialogRefOption): XDialogRef<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<XDialogService>;

package/dialog/examples/zh_CN/default/resizable/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '调整尺寸'
+---
+
+使用 `resizable` 参数来启用窗口的尺寸调整。

package/esm2020/affix/affix.component.mjs

@@ -8,9 +8,9 @@ export class XAffixComponent extends XAffixProperty {
         this.configService = configService;
     }
 }
-/** @nocollapse */ /** @nocollapse */ XAffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAffixComponent, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0;position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAffixComponent, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0;position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAffixPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0;position:sticky;display:inline-block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }]; } });

package/esm2020/affix/affix.module.mjs

@@ -5,10 +5,10 @@ import { XAffixProperty } from './affix.property';
 import * as i0 from "@angular/core";
 export class XAffixModule {
 }
-/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixModule, declarations: [XAffixComponent, XAffixProperty], imports: [CommonModule], exports: [XAffixComponent] });
-/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixModule, declarations: [XAffixComponent, XAffixProperty], imports: [CommonModule], exports: [XAffixComponent] });
+/** @nocollapse */ /** @nocollapse */ XAffixModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XAffixComponent, XAffixProperty],

package/esm2020/affix/affix.property.mjs

@@ -14,15 +14,15 @@ const X_CONFIG_NAME = 'affix';
  */
 export class XAffixProperty extends XProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XAffixProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XAffixProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XAffixProperty, selector: "ng-component", inputs: { top: "top", left: "left" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XAffixProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XAffixProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XAffixProperty, selector: "ng-component", inputs: { top: "top", left: "left" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XAffixProperty.prototype, "top", void 0);
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XAffixProperty.prototype, "left", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { top: [{