@ng-nest/ui 12.0.5 → 12.0.10

package/date-picker/date-picker.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XBoolean, XCorner } from '@ng-nest/ui/core';
+import { XProperty, XBoolean, XCorner, XSize, XTemplate, XData, XIdentityProperty } from '@ng-nest/ui/core';
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
@@ -33,17 +33,27 @@ export declare class XDatePickerProperty extends XControlValueAccessor<any> impl
      */
     placement?: XCorner;
     /**
-     * @zh_CN 只读
-     * @en_US Readonly
+     * @zh_CN 尺寸
+     * @en_US Size
      */
-    readonly: XBoolean;
+    size: XSize;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered: XBoolean;
+    /**
+     * @zh_CN 快捷选择按钮，支持今天,昨天,明天
+     * @en_US Quick selection button, support today, yesterday, tomorrow
+     */
+    preset: XData<XDatePickerPreset>;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
     nodeEmit: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDatePickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "readonly": "readonly"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "size": "size"; "bordered": "bordered"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
 }
 /**
  * DatePicker Option
@@ -70,12 +80,107 @@ export interface XDatePickerOption extends XFormOption {
      * @en_US Display position
      */
     placement?: XCorner;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XSize;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: XBoolean;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    before?: XTemplate;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    after?: XTemplate;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
     nodeClick?: (value: number) => void;
 }
+/**
+ * DateRange
+ * @selector x-date-range
+ * @decorator component
+ */
+export declare const XDateRangePrefix = "x-date-range";
+/**
+ * DateRange Property
+ */
+export declare class XDateRangeProperty extends XControlValueAccessor<any> implements XDateRangeOption {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
+    /**
+     * @zh_CN 格式化类型
+     * @en_US Format type
+     */
+    format?: string;
+    /**
+     * @zh_CN 清除按钮
+     * @en_US Clear button
+     */
+    clearable?: XBoolean;
+    /**
+     * @zh_CN 展示方位
+     * @en_US Display position
+     */
+    placement?: XCorner;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size: XSize;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered: XBoolean;
+    /**
+     * @zh_CN 快捷选择按钮，支持今天,昨天,明天
+     * @en_US Quick selection button, support today, yesterday, tomorrow
+     */
+    preset: XData<XDatePickerPreset>;
+    /**
+     * @zh_CN 节点点击的事件
+     * @en_US Node click event
+     */
+    nodeEmit: EventEmitter<number[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangeProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangeProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "size": "size"; "bordered": "bordered"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
+}
+/**
+ * DateRange Option
+ * @undocument true
+ */
+export interface XDateRangeOption extends XFormOption {
+    /**
+     * @zh_CN tab 键控制次序
+     * @en_US Tab key control order
+     */
+    tabindex?: number;
+}
+/**
+ * @zh_CN 快捷选择按钮
+ * @en_US Quick selection button
+ */
+export interface XDatePickerPreset extends XIdentityProperty {
+    /**
+     * @zh_CN 自定义函数
+     * @en_US Custom function
+     */
+    func: () => Date;
+}
 /**
  * @zh_CN 日期选择类型
  * @en_US Date selection type
@@ -92,6 +197,12 @@ export declare type XDatePickerModelType = 'date' | 'number' | 'string';
  * @decorator component
  */
 export declare const XDatePickerPortalPrefix = "x-date-picker-portal";
+/**
+ * DateRange Portal
+ * @selector x-date-range-portal
+ * @decorator component
+ */
+export declare const XDateRangePortalPrefix = "x-date-range-portal";
 /**
  * PickerDate
  * @selector x-picker-date
@@ -102,6 +213,11 @@ export declare const XPickerDatePrefix = "x-picker-date";
  * PickerDate Property
  */
 export declare class XPickerDateProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -117,6 +233,21 @@ export declare class XPickerDateProperty extends XProperty {
      * @en_US Date display template
      */
     dateTemp?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
+    /**
+     * @zh_CN 范围选择
+     * @en_US Range picker
+     */
+    rangePicker?: XBoolean;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
@@ -128,7 +259,7 @@ export declare class XPickerDateProperty extends XProperty {
      */
     rangeChange: EventEmitter<Date[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "display": "display"; "model": "model"; "dateTemp": "dateTemp"; }, { "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "dateTemp": "dateTemp"; "showHeader": "showHeader"; "rangePicker": "rangePicker"; }, { "typeChange": "typeChange"; "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
 }
 /**
  * PickerMonth
@@ -140,6 +271,11 @@ export declare const XPickerMonthPrefix = "x-picker-month";
  * PickerMonth Property
  */
 export declare class XPickerMonthProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -155,18 +291,28 @@ export declare class XPickerMonthProperty extends XProperty {
      * @en_US Month display template
      */
     monthTemp?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
      */
     modelChange: EventEmitter<Date>;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
     rangeChange: EventEmitter<Date[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerMonthProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "ng-component", never, { "display": "display"; "model": "model"; "monthTemp": "monthTemp"; }, { "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "monthTemp": "monthTemp"; "showHeader": "showHeader"; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "rangeChange": "rangeChange"; }, never, never>;
 }
 /**
  * PickerYear
@@ -178,6 +324,11 @@ export declare const XPickerYearPrefix = "x-picker-year";
  * PickerYear Property
  */
 export declare class XPickerYearProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -188,16 +339,26 @@ export declare class XPickerYearProperty extends XProperty {
      * @en_US Selected date
      */
     model?: Date;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
      */
     modelChange: EventEmitter<Date>;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 开始年份变化的事件
      * @en_US Start year change event
      */
     startChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerYearProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "ng-component", never, { "display": "display"; "model": "model"; }, { "modelChange": "modelChange"; "startChange": "startChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "showHeader": "showHeader"; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "startChange": "startChange"; }, never, never>;
 }

package/date-picker/date-range-portal.component.d.ts

@@ -0,0 +1,65 @@
+import { ChangeDetectorRef, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
+import { XDatePickerPreset, XDatePickerType } from './date-picker.property';
+import { XPositionTopBottom } from '@ng-nest/ui/core';
+import { Subject } from 'rxjs';
+import { DatePipe, LowerCasePipe } from '@angular/common';
+import { XI18nService, XI18nDatePicker } from '@ng-nest/ui/i18n';
+import * as i0 from "@angular/core";
+export declare class XDateRangePortalComponent implements OnInit, OnDestroy, AfterViewInit {
+    datePipe: DatePipe;
+    lowerCasePipe: LowerCasePipe;
+    cdr: ChangeDetectorRef;
+    i18n: XI18nService;
+    placement: XPositionTopBottom;
+    done(event: {
+        toState: any;
+    }): void;
+    start(): void;
+    type: XDatePickerType;
+    display: Date;
+    model: Date;
+    startModel: Date;
+    endModel: Date;
+    startYear: number;
+    startDisplay: Date;
+    endDisplay: Date;
+    value: number[];
+    valueChange: Subject<number[]>;
+    positionChange: Subject<any>;
+    animating: Function;
+    closePortal: Function;
+    destroyPortal: Function;
+    nodeEmit: (date: Date[], sure?: boolean) => void;
+    startNodeEmit: (date: Date) => void;
+    endNodeEmit: (date: Date) => void;
+    locale: XI18nDatePicker;
+    time: number;
+    preset: XDatePickerPreset[];
+    private _type;
+    private _unSubject;
+    constructor(datePipe: DatePipe, lowerCasePipe: LowerCasePipe, cdr: ChangeDetectorRef, i18n: XI18nService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    init(): void;
+    stopPropagation(event: Event): void;
+    setDefault(): void;
+    setDisplay(date: Date): void;
+    dateChange(date: Date): void;
+    typeChange(type: XDatePickerType): void;
+    monthChange(date: Date): void;
+    yearChange(date: Date): void;
+    yearStartChange(number: number): void;
+    nextMonth(num: number): void;
+    nextYear(num: number): void;
+    nextYears(num: number): void;
+    getLocaleMonth(date: Date): any;
+    onToday(): void;
+    onYesterday(): void;
+    onTomorrow(): void;
+    onPresetFunc(item: XDatePickerPreset): void;
+    selectTime(time: Date): void;
+    setModel(date: Date, time: Date): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangePortalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangePortalComponent, "x-date-range-portal", never, {}, {}, never, never>;
+}

package/date-picker/date-range.component.d.ts

@@ -0,0 +1,74 @@
+import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { Subject } from 'rxjs';
+import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, OnChanges, ViewContainerRef, SimpleChanges } from '@angular/core';
+import { XDatePickerModelType, XDateRangeProperty } from './date-picker.property';
+import { XConfigService, XBoolean } from '@ng-nest/ui/core';
+import { XInputGroupComponent } from '@ng-nest/ui/input';
+import { DatePipe } from '@angular/common';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { XDateRangePortalComponent } from './date-range-portal.component';
+import * as i0 from "@angular/core";
+export declare class XDateRangeComponent extends XDateRangeProperty implements OnInit, OnChanges {
+    renderer: Renderer2;
+    configService: XConfigService;
+    private cdr;
+    private portalService;
+    private viewContainerRef;
+    private datePipe;
+    private overlay;
+    dateRange: ElementRef;
+    inputGroup: XInputGroupComponent;
+    modelType: XDatePickerModelType;
+    numberValue: number[];
+    isInput: boolean;
+    get getRequired(): boolean | "";
+    writeValue(value: any): void;
+    enter: boolean;
+    inputClearable: boolean;
+    animating: boolean;
+    displayValue: string[];
+    portal: XPortalOverlayRef<XDateRangePortalComponent>;
+    icon: string;
+    box: DOMRect;
+    protalHeight: number;
+    maxNodes: number;
+    protalTobottom: boolean;
+    valueChange: Subject<any>;
+    dataChange: Subject<any>;
+    positionChange: Subject<any>;
+    closeSubject: Subject<void>;
+    startDisplay: string | number;
+    endDisplay: string | number;
+    startActive: XBoolean;
+    endActive: XBoolean;
+    private _unSubject;
+    constructor(renderer: Renderer2, configService: XConfigService, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, datePipe: DatePipe, overlay: Overlay);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setSubject(): void;
+    setFormat(): void;
+    menter(): void;
+    mleave(): void;
+    clearEmit(): void;
+    modelChange(): void;
+    getValue(): number[] | Date[] | (string | null)[];
+    portalAttached(): boolean | undefined;
+    closePortal(): boolean;
+    destroyPortal(): void;
+    showPortal($event: Event, type?: 'start' | 'end'): void;
+    setPosition(config: OverlayConfig): void;
+    setInstance(): void;
+    startNodeClick(node: Date): void;
+    endNodeClick(node: Date): void;
+    onNodeClick(dates: Date[], sure?: boolean): void;
+    onInput(): void;
+    setDisplayValue(dateNumber: number[]): void;
+    setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
+    setPortal(): void;
+    setClassMap(): void;
+    formControlChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangeComponent, "x-date-range", never, {}, {}, never, never>;
+}

package/date-picker/picker-date.component.d.ts

@@ -1,25 +1,34 @@
 import { ChangeDetectorRef, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XPickerDateProperty } from './date-picker.property';
-import { XI18nService } from '@ng-nest/ui/i18n';
+import { XDatePickerType, XPickerDateProperty } from './date-picker.property';
+import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
+import { DatePipe, LowerCasePipe } from '@angular/common';
 import * as i0 from "@angular/core";
 export declare class XPickerDateComponent extends XPickerDateProperty implements OnChanges {
     renderer: Renderer2;
+    datePipe: DatePipe;
+    lowerCasePipe: LowerCasePipe;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     i18n: XI18nService;
     titles: string[];
     now: Date;
     dates: Date[][];
+    locale: XI18nDatePicker;
     private _unSubject;
-    constructor(renderer: Renderer2, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
+    constructor(renderer: Renderer2, datePipe: DatePipe, lowerCasePipe: LowerCasePipe, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestory(): void;
     init(): void;
     setDays(date: Date): void;
     dateClick(date: Date): void;
-    trackByNode(index: number, item: string | Date): string | Date;
+    getLocaleMonth(date: Date): any;
+    setDisplay(date: Date): void;
+    nextMonth(num: number): void;
+    nextYear(num: number): void;
+    typeOnChange(type: XDatePickerType): void;
+    trackByNode(_index: number, item: string | Date): string | Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateComponent, "x-picker-date", never, {}, {}, never, never>;
 }

package/date-picker/picker-month.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XPickerMonthProperty } from './date-picker.property';
+import { XDatePickerType, XPickerMonthProperty } from './date-picker.property';
 import { DatePipe, LowerCasePipe } from '@angular/common';
 import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
@@ -19,10 +19,13 @@ export declare class XPickerMonthComponent extends XPickerMonthProperty implemen
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     init(): void;
-    setMonths(): void;
+    setMonths(date: Date): void;
     monthClick(date: Date): void;
     getLocaleMonth(date: Date): any;
-    trackByMonth(index: number, item: Date): Date;
+    setDisplay(date: Date): void;
+    nextYear(num: number): void;
+    typeOnChange(type: XDatePickerType): void;
+    trackByMonth(_index: number, item: Date): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerMonthComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthComponent, "x-picker-month", never, {}, {}, never, never>;
 }

package/date-picker/picker-year.component.d.ts

@@ -15,11 +15,13 @@ export declare class XPickerYearComponent extends XPickerYearProperty implements
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, datePipe: DatePipe, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     init(): void;
-    setYears(): void;
+    setYears(date: Date): void;
     yearClick(date: Date): void;
     lastOrNext(year: Date): boolean;
+    setDisplay(date: Date): void;
+    nextYears(num: number): void;
     equalYear(one: Date, two: Date): boolean;
-    trackByYear(index: number, item: Date): Date;
+    trackByYear(_index: number, item: Date): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerYearComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearComponent, "x-picker-year", never, {}, {}, never, never>;
 }

package/date-picker/public-api.d.ts

@@ -1,5 +1,7 @@
 export * from './date-picker.component';
 export * from './date-picker-portal.component';
+export * from './date-range.component';
+export * from './date-range-portal.component';
 export * from './picker-date.component';
 export * from './picker-month.component';
 export * from './picker-year.component';

package/description/description.component.d.ts

@@ -1,14 +1,12 @@
-import { Renderer2, ElementRef, QueryList, SimpleChanges } from '@angular/core';
+import { QueryList, SimpleChanges } from '@angular/core';
 import { XDescriptionProperty } from './description.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XDescriptionItemComponent } from './description-item.component';
 import * as i0 from "@angular/core";
 export declare class XDescriptionComponent extends XDescriptionProperty {
-    private renderer;
-    private elementRef;
     configService: XConfigService;
     items: QueryList<XDescriptionItemComponent>;
-    constructor(renderer: Renderer2, elementRef: ElementRef, configService: XConfigService);
+    constructor(configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

package/dropdown/dropdown-portal.component.d.ts

@@ -16,9 +16,7 @@ export declare class XDropdownPortalComponent implements OnDestroy {
     done(event: {
         toState: any;
     }): void;
-    start(event: {
-        toState: any;
-    }): void;
+    start(): void;
     data: XDropdownNode[];
     trigger: XDropdownTrigger;
     close: Function;

package/dropdown/dropdown.component.d.ts

@@ -23,9 +23,9 @@ export declare class XDropdownComponent extends XDropdownProperty implements OnC
     animating: boolean;
     outsideClick: boolean;
     minWidth: string | number;
-    hoverDelayUnsub: Subject<unknown>;
+    hoverDelayUnsub: Subject<void>;
     positionChange: Subject<any>;
-    closeSubject: Subject<any>;
+    closeSubject: Subject<void>;
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, overlay: Overlay, configService: XConfigService);
     ngOnInit(): void;

package/esm2015/affix/affix.component.js

@@ -8,9 +8,9 @@ export class XAffixComponent extends XAffixProperty {
         this.configService = configService;
     }
 }
-/** @nocollapse */ XAffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAffixComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.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}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAffixComponent, decorators: [{
+/** @nocollapse */ XAffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAffixComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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: "12.0.5", ngImport: i0, type: XAffixComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XAffixPrefix}`,

package/esm2015/affix/affix.module.js

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

package/esm2015/affix/affix.property.js

@@ -14,15 +14,15 @@ const X_CONFIG_NAME = 'affix';
  */
 export class XAffixProperty extends XProperty {
 }
-/** @nocollapse */ XAffixProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XAffixProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XAffixProperty, selector: "ng-component", inputs: { top: "top", left: "left" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XAffixProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XAffixProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", 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: "12.0.3", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { top: [{