@alauda/ui 6.5.4-beta.21 → 6.5.4-beta.23

package/esm2020/date-picker/calendar/date-picker-panel/component.mjs

@@ -86,7 +86,7 @@ DatePickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             useExisting: forwardRef(() => DatePickerPanelComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-date-picker-panel__wrapper\">\n  <aui-calendar-header\n    [dateNavRange]=\"navRange\"\n    [anchor]=\"anchor\"\n    [minAvail]=\"minDate\"\n    [maxAvail]=\"maxDate\"\n    [style.margin-inline.px]=\"4\"\n    (navRangeChange)=\"navRange = $event\"\n    (anchorChange)=\"anchor = $event\"\n  ></aui-calendar-header>\n\n  <aui-picker-panel\n    [style.margin]=\"'16px 0'\"\n    [anchor]=\"anchor\"\n    [navRange]=\"navRange\"\n    [disabledDate]=\"disabledDate\"\n    [weekStartDay]=\"weekStartDay\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [type]=\"type\"\n    [matchDates]=\"[selectedDate]\"\n    (select)=\"panelValueChange($event)\"\n  ></aui-picker-panel>\n\n  <ng-container\n    *ngIf=\"extraFooter\"\n    [ngTemplateOutlet]=\"extraFooter\"\n    [ngTemplateOutletContext]=\"{ context: this }\"\n  ></ng-container>\n\n  <ng-container *ngIf=\"showFooter\">\n    <aui-calendar-footer\n      (clear)=\"clear.next()\"\n      (confirm)=\"confirmValue()\"\n      [clearable]=\"clearable\"\n      [clearText]=\"clearText\"\n      *ngIf=\"showTime; else today\"\n    >\n      <ng-container\n        *ngIf=\"footerTemplate; else default\"\n        [ngTemplateOutlet]=\"footerTemplate\"\n        [ngTemplateOutletContext]=\"{ context: this }\"\n      ></ng-container>\n\n      <ng-template #default>\n        <aui-time-picker\n          *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n          [showIcon]=\"false\"\n          size=\"small\"\n          [(ngModel)]=\"selectedTime\"\n          [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n          [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n          [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n          tooltipPosition=\"top start\"\n          (ngModelChange)=\"timeDateChange($event)\"\n          [placeholder]=\"'select_time' | auiI18n\"\n        ></aui-time-picker>\n      </ng-template>\n    </aui-calendar-footer>\n\n    <ng-template #today>\n      <aui-calendar-footer\n        *ngIf=\"type === DatePickerType.Day\"\n        [clearable]=\"false\"\n        [customAction]=\"todayBtn\"\n      >\n      </aui-calendar-footer>\n      <ng-template #todayBtn>\n        <button\n          aui-button=\"inline\"\n          (click)=\"setToday()\"\n        >\n          {{ 'today' | auiI18n }}\n        </button>\n      </ng-template>\n    </ng-template>\n  </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"], components: [{ type: i1.CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: i2.PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: i3.CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: i4.TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }, { type: i5.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": i8.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-date-picker-panel__wrapper\">\n  <aui-calendar-header\n    [dateNavRange]=\"navRange\"\n    [anchor]=\"anchor\"\n    [minAvail]=\"minDate\"\n    [maxAvail]=\"maxDate\"\n    [style.margin-inline.px]=\"4\"\n    (navRangeChange)=\"navRange = $event\"\n    (anchorChange)=\"anchor = $event\"\n  ></aui-calendar-header>\n\n  <aui-picker-panel\n    [style.margin]=\"'16px 0'\"\n    [anchor]=\"anchor\"\n    [navRange]=\"navRange\"\n    [disabledDate]=\"disabledDate\"\n    [weekStartDay]=\"weekStartDay\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [type]=\"type\"\n    [matchDates]=\"[selectedDate]\"\n    (select)=\"panelValueChange($event)\"\n  ></aui-picker-panel>\n\n  <ng-container\n    *ngIf=\"extraFooter\"\n    [ngTemplateOutlet]=\"extraFooter\"\n    [ngTemplateOutletContext]=\"{ context: this }\"\n  ></ng-container>\n\n  <ng-container *ngIf=\"showFooter\">\n    <aui-calendar-footer\n      (clear)=\"clear.next()\"\n      (confirm)=\"confirmValue()\"\n      [clearable]=\"clearable\"\n      [clearText]=\"clearText\"\n      *ngIf=\"showTime; else today\"\n    >\n      <ng-container\n        *ngIf=\"footerTemplate; else default\"\n        [ngTemplateOutlet]=\"footerTemplate\"\n        [ngTemplateOutletContext]=\"{ context: this }\"\n      ></ng-container>\n\n      <ng-template #default>\n        <aui-time-picker\n          *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n          [showIcon]=\"false\"\n          size=\"small\"\n          [(ngModel)]=\"selectedTime\"\n          [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n          [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n          [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n          tooltipPosition=\"top start\"\n          (ngModelChange)=\"timeDateChange($event)\"\n          [placeholder]=\"'select_time' | auiI18n\"\n        ></aui-time-picker>\n      </ng-template>\n    </aui-calendar-footer>\n\n    <ng-template #today>\n      <aui-calendar-footer\n        *ngIf=\"type === DatePickerType.Day\"\n        [clearable]=\"false\"\n        [customAction]=\"todayBtn\"\n      >\n      </aui-calendar-footer>\n      <ng-template #todayBtn>\n        <button\n          aui-button=\"inline\"\n          (click)=\"setToday()\"\n        >\n          {{ 'today' | auiI18n }}\n        </button>\n      </ng-template>\n    </ng-template>\n  </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"], components: [{ type: i1.CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: i2.PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: i3.CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: i4.TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }, { type: i5.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": i8.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aui-date-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
@@ -95,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                             useExisting: forwardRef(() => DatePickerPanelComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"aui-date-picker-panel__wrapper\">\n  <aui-calendar-header\n    [dateNavRange]=\"navRange\"\n    [anchor]=\"anchor\"\n    [minAvail]=\"minDate\"\n    [maxAvail]=\"maxDate\"\n    [style.margin-inline.px]=\"4\"\n    (navRangeChange)=\"navRange = $event\"\n    (anchorChange)=\"anchor = $event\"\n  ></aui-calendar-header>\n\n  <aui-picker-panel\n    [style.margin]=\"'16px 0'\"\n    [anchor]=\"anchor\"\n    [navRange]=\"navRange\"\n    [disabledDate]=\"disabledDate\"\n    [weekStartDay]=\"weekStartDay\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [type]=\"type\"\n    [matchDates]=\"[selectedDate]\"\n    (select)=\"panelValueChange($event)\"\n  ></aui-picker-panel>\n\n  <ng-container\n    *ngIf=\"extraFooter\"\n    [ngTemplateOutlet]=\"extraFooter\"\n    [ngTemplateOutletContext]=\"{ context: this }\"\n  ></ng-container>\n\n  <ng-container *ngIf=\"showFooter\">\n    <aui-calendar-footer\n      (clear)=\"clear.next()\"\n      (confirm)=\"confirmValue()\"\n      [clearable]=\"clearable\"\n      [clearText]=\"clearText\"\n      *ngIf=\"showTime; else today\"\n    >\n      <ng-container\n        *ngIf=\"footerTemplate; else default\"\n        [ngTemplateOutlet]=\"footerTemplate\"\n        [ngTemplateOutletContext]=\"{ context: this }\"\n      ></ng-container>\n\n      <ng-template #default>\n        <aui-time-picker\n          *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n          [showIcon]=\"false\"\n          size=\"small\"\n          [(ngModel)]=\"selectedTime\"\n          [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n          [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n          [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n          tooltipPosition=\"top start\"\n          (ngModelChange)=\"timeDateChange($event)\"\n          [placeholder]=\"'select_time' | auiI18n\"\n        ></aui-time-picker>\n      </ng-template>\n    </aui-calendar-footer>\n\n    <ng-template #today>\n      <aui-calendar-footer\n        *ngIf=\"type === DatePickerType.Day\"\n        [clearable]=\"false\"\n        [customAction]=\"todayBtn\"\n      >\n      </aui-calendar-footer>\n      <ng-template #todayBtn>\n        <button\n          aui-button=\"inline\"\n          (click)=\"setToday()\"\n        >\n          {{ 'today' | auiI18n }}\n        </button>\n      </ng-template>\n    </ng-template>\n  </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"] }]
+                    ], template: "<div class=\"aui-date-picker-panel__wrapper\">\n  <aui-calendar-header\n    [dateNavRange]=\"navRange\"\n    [anchor]=\"anchor\"\n    [minAvail]=\"minDate\"\n    [maxAvail]=\"maxDate\"\n    [style.margin-inline.px]=\"4\"\n    (navRangeChange)=\"navRange = $event\"\n    (anchorChange)=\"anchor = $event\"\n  ></aui-calendar-header>\n\n  <aui-picker-panel\n    [style.margin]=\"'16px 0'\"\n    [anchor]=\"anchor\"\n    [navRange]=\"navRange\"\n    [disabledDate]=\"disabledDate\"\n    [weekStartDay]=\"weekStartDay\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [type]=\"type\"\n    [matchDates]=\"[selectedDate]\"\n    (select)=\"panelValueChange($event)\"\n  ></aui-picker-panel>\n\n  <ng-container\n    *ngIf=\"extraFooter\"\n    [ngTemplateOutlet]=\"extraFooter\"\n    [ngTemplateOutletContext]=\"{ context: this }\"\n  ></ng-container>\n\n  <ng-container *ngIf=\"showFooter\">\n    <aui-calendar-footer\n      (clear)=\"clear.next()\"\n      (confirm)=\"confirmValue()\"\n      [clearable]=\"clearable\"\n      [clearText]=\"clearText\"\n      *ngIf=\"showTime; else today\"\n    >\n      <ng-container\n        *ngIf=\"footerTemplate; else default\"\n        [ngTemplateOutlet]=\"footerTemplate\"\n        [ngTemplateOutletContext]=\"{ context: this }\"\n      ></ng-container>\n\n      <ng-template #default>\n        <aui-time-picker\n          *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n          [showIcon]=\"false\"\n          size=\"small\"\n          [(ngModel)]=\"selectedTime\"\n          [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n          [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n          [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n          tooltipPosition=\"top start\"\n          (ngModelChange)=\"timeDateChange($event)\"\n          [placeholder]=\"'select_time' | auiI18n\"\n        ></aui-time-picker>\n      </ng-template>\n    </aui-calendar-footer>\n\n    <ng-template #today>\n      <aui-calendar-footer\n        *ngIf=\"type === DatePickerType.Day\"\n        [clearable]=\"false\"\n        [customAction]=\"todayBtn\"\n      >\n      </aui-calendar-footer>\n      <ng-template #todayBtn>\n        <button\n          aui-button=\"inline\"\n          (click)=\"setToday()\"\n        >\n          {{ 'today' | auiI18n }}\n        </button>\n      </ng-template>\n    </ng-template>\n  </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"] }]
         }], propDecorators: { clearable: [{
                 type: Input
             }], clearText: [{

package/esm2020/date-picker/calendar/header/component.mjs

@@ -83,10 +83,10 @@ export class CalendarHeaderComponent {
     }
 }
 CalendarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CalendarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n  <div>\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n  </div>\n  <!-- \u5185\u5BB9\u533A -->\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Month\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Month)\"\n    >\n      {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Year\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Decade\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n  </span>\n\n  <div [class]=\"bem.element('nav-action')\">\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n  </div>\n</div>\n\n<ng-template\n  #yearControl\n  let-side=\"side\"\n>\n  <span class=\"action-bar\">\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'right'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, 1)\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n      [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n    >\n      <aui-icon\n        [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n      ></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'left'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, -1)\"\n    >\n      <aui-icon icon=\"angle_left\"></aui-icon>\n    </button>\n  </span>\n</ng-template>\n\n<ng-template\n  #decadeControl\n  let-side=\"side\"\n>\n  <button\n    aui-button=\"text\"\n    (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n    [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n  >\n    <aui-icon\n      [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n    ></aui-icon>\n  </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"], components: [{ type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "auiI18n": i4.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CalendarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: CalendarHeaderComponent, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n  <div>\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n  </div>\n  <!-- \u5185\u5BB9\u533A -->\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Month\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Month)\"\n    >\n      {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Year\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Decade\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n  </span>\n\n  <div [class]=\"bem.element('nav-action')\">\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n  </div>\n</div>\n\n<ng-template\n  #yearControl\n  let-side=\"side\"\n>\n  <span class=\"action-bar\">\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'right'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, 1)\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n      [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n    >\n      <aui-icon\n        [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n      ></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'left'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, -1)\"\n    >\n      <aui-icon icon=\"angle_left\"></aui-icon>\n    </button>\n  </span>\n</ng-template>\n\n<ng-template\n  #decadeControl\n  let-side=\"side\"\n>\n  <button\n    aui-button=\"text\"\n    (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n    [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n  >\n    <aui-icon\n      [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n    ></aui-icon>\n  </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"], components: [{ type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "auiI18n": i4.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"bem.element('container')\">\n  <div>\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n  </div>\n  <!-- \u5185\u5BB9\u533A -->\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Month\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Month)\"\n    >\n      {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Year\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Decade\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n  </span>\n\n  <div [class]=\"bem.element('nav-action')\">\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n  </div>\n</div>\n\n<ng-template\n  #yearControl\n  let-side=\"side\"\n>\n  <span class=\"action-bar\">\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'right'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, 1)\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n      [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n    >\n      <aui-icon\n        [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n      ></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'left'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, -1)\"\n    >\n      <aui-icon icon=\"angle_left\"></aui-icon>\n    </button>\n  </span>\n</ng-template>\n\n<ng-template\n  #decadeControl\n  let-side=\"side\"\n>\n  <button\n    aui-button=\"text\"\n    (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n    [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n  >\n    <aui-icon\n      [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n    ></aui-icon>\n  </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"] }]
+            args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"bem.element('container')\">\n  <div>\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'left' }\"\n    ></ng-container>\n  </div>\n  <!-- \u5185\u5BB9\u533A -->\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Month\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Month)\"\n    >\n      {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Year\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    <a\n      href=\"javascript:;\"\n      (click)=\"clickNav(DateNavRange.Year)\"\n    >\n      {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n    </a>\n  </span>\n\n  <span\n    *ngIf=\"dateNavRange === DateNavRange.Decade\"\n    [class]=\"bem.element('nav-content')\"\n  >\n    {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n  </span>\n\n  <div [class]=\"bem.element('nav-action')\">\n    <ng-container\n      *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"yearControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n\n    <ng-container\n      *ngIf=\"dateNavRange === DateNavRange.Decade\"\n      [ngTemplateOutlet]=\"decadeControl\"\n      [ngTemplateOutletContext]=\"{ side: 'right' }\"\n    ></ng-container>\n  </div>\n</div>\n\n<ng-template\n  #yearControl\n  let-side=\"side\"\n>\n  <span class=\"action-bar\">\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'right'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, 1)\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n      [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n    >\n      <aui-icon\n        [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n      ></aui-icon>\n    </button>\n    <button\n      aui-button=\"text\"\n      *ngIf=\"side === 'left'\"\n      [class.hidden]=\"\n        !shouldShowNav(DateNavRange.Month, side) ||\n        dateNavRange !== DateNavRange.Month\n      \"\n      (click)=\"navHead(DateNavRange.Month, -1)\"\n    >\n      <aui-icon icon=\"angle_left\"></aui-icon>\n    </button>\n  </span>\n</ng-template>\n\n<ng-template\n  #decadeControl\n  let-side=\"side\"\n>\n  <button\n    aui-button=\"text\"\n    (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n    [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n  >\n    <aui-icon\n      [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n    ></aui-icon>\n  </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"] }]
         }], propDecorators: { dateNavRange: [{
                 type: Input
             }], anchor: [{

package/esm2020/date-picker/calendar/panel/picker-panel.mjs

@@ -127,10 +127,10 @@ export class PickerPanelComponent {
     }
 }
 PickerPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PickerPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PickerPanelComponent, selector: "aui-picker-panel", inputs: { navRange: "navRange", type: "type", anchor: "anchor", matchDates: "matchDates", disabledDate: "disabledDate", weekStartDay: "weekStartDay", minDate: "minDate", maxDate: "maxDate" }, outputs: { select: "select", hovered: "hovered" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    'day-panel-container': navRange === DateNavRange.Month,\n    'month-panel-container': navRange === DateNavRange.Year,\n    'year-panel-container': navRange === DateNavRange.Decade\n  }\"\n>\n  <div\n    [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n    *ngIf=\"navRange === DateNavRange.Month\"\n  >\n    <span\n      *ngFor=\"let item of weekDefs\"\n      [class]=\"bem.element('cell')\"\n    >\n      {{ item | auiI18n }}\n    </span>\n  </div>\n  <div\n    [class]=\"bem.element('row')\"\n    *ngFor=\"let row of panelData; trackBy: trackByFn\"\n  >\n    <span\n      *ngFor=\"let item of row; trackBy: trackByFn\"\n      [class]=\"bem.element('cell')\"\n      [ngClass]=\"{\n        inRange: item.inRange && !item.isDisabled,\n        isActive: match(item.value),\n        isBackground: item.isBackground && !item.isDisabled,\n        isRangeStart: item.isRangeStart,\n        isRangeEnd: item.isRangeEnd,\n        isToday: matchToday(item.value) && !item.isBackground,\n        isDisabled: item.isDisabled\n      }\"\n      ><button\n        aui-button=\"text\"\n        [plain]=\"true\"\n        [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n        [disabled]=\"item.isDisabled\"\n        (click)=\"selectValue(item.value)\"\n        (mouseenter)=\"hovered.next(item.value)\"\n      >\n        {{ item.label\n        }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n          'month_suffix' | auiI18n\n        }}</ng-container>\n      </button>\n    </span>\n  </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"], components: [{ type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "auiI18n": i3.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+PickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PickerPanelComponent, selector: "aui-picker-panel", inputs: { navRange: "navRange", type: "type", anchor: "anchor", matchDates: "matchDates", disabledDate: "disabledDate", weekStartDay: "weekStartDay", minDate: "minDate", maxDate: "maxDate" }, outputs: { select: "select", hovered: "hovered" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    'day-panel-container': navRange === DateNavRange.Month,\n    'month-panel-container': navRange === DateNavRange.Year,\n    'year-panel-container': navRange === DateNavRange.Decade\n  }\"\n>\n  <div\n    [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n    *ngIf=\"navRange === DateNavRange.Month\"\n  >\n    <span\n      *ngFor=\"let item of weekDefs\"\n      [class]=\"bem.element('cell')\"\n    >\n      {{ item | auiI18n }}\n    </span>\n  </div>\n  <div\n    [class]=\"bem.element('row')\"\n    *ngFor=\"let row of panelData; trackBy: trackByFn\"\n  >\n    <span\n      *ngFor=\"let item of row; trackBy: trackByFn\"\n      [class]=\"bem.element('cell')\"\n      [ngClass]=\"{\n        inRange: item.inRange && !item.isDisabled,\n        isActive: match(item.value),\n        isBackground: item.isBackground && !item.isDisabled,\n        isRangeStart: item.isRangeStart,\n        isRangeEnd: item.isRangeEnd,\n        isToday: matchToday(item.value) && !item.isBackground,\n        isDisabled: item.isDisabled\n      }\"\n      ><button\n        aui-button=\"text\"\n        [plain]=\"true\"\n        [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n        [disabled]=\"item.isDisabled\"\n        (click)=\"selectValue(item.value)\"\n        (mouseenter)=\"hovered.next(item.value)\"\n      >\n        {{ item.label\n        }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n          'month_suffix' | auiI18n\n        }}</ng-container>\n      </button>\n    </span>\n  </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"], components: [{ type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "auiI18n": i3.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PickerPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    'day-panel-container': navRange === DateNavRange.Month,\n    'month-panel-container': navRange === DateNavRange.Year,\n    'year-panel-container': navRange === DateNavRange.Decade\n  }\"\n>\n  <div\n    [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n    *ngIf=\"navRange === DateNavRange.Month\"\n  >\n    <span\n      *ngFor=\"let item of weekDefs\"\n      [class]=\"bem.element('cell')\"\n    >\n      {{ item | auiI18n }}\n    </span>\n  </div>\n  <div\n    [class]=\"bem.element('row')\"\n    *ngFor=\"let row of panelData; trackBy: trackByFn\"\n  >\n    <span\n      *ngFor=\"let item of row; trackBy: trackByFn\"\n      [class]=\"bem.element('cell')\"\n      [ngClass]=\"{\n        inRange: item.inRange && !item.isDisabled,\n        isActive: match(item.value),\n        isBackground: item.isBackground && !item.isDisabled,\n        isRangeStart: item.isRangeStart,\n        isRangeEnd: item.isRangeEnd,\n        isToday: matchToday(item.value) && !item.isBackground,\n        isDisabled: item.isDisabled\n      }\"\n      ><button\n        aui-button=\"text\"\n        [plain]=\"true\"\n        [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n        [disabled]=\"item.isDisabled\"\n        (click)=\"selectValue(item.value)\"\n        (mouseenter)=\"hovered.next(item.value)\"\n      >\n        {{ item.label\n        }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n          'month_suffix' | auiI18n\n        }}</ng-container>\n      </button>\n    </span>\n  </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"] }]
+            args: [{ selector: 'aui-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    'day-panel-container': navRange === DateNavRange.Month,\n    'month-panel-container': navRange === DateNavRange.Year,\n    'year-panel-container': navRange === DateNavRange.Decade\n  }\"\n>\n  <div\n    [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n    *ngIf=\"navRange === DateNavRange.Month\"\n  >\n    <span\n      *ngFor=\"let item of weekDefs\"\n      [class]=\"bem.element('cell')\"\n    >\n      {{ item | auiI18n }}\n    </span>\n  </div>\n  <div\n    [class]=\"bem.element('row')\"\n    *ngFor=\"let row of panelData; trackBy: trackByFn\"\n  >\n    <span\n      *ngFor=\"let item of row; trackBy: trackByFn\"\n      [class]=\"bem.element('cell')\"\n      [ngClass]=\"{\n        inRange: item.inRange && !item.isDisabled,\n        isActive: match(item.value),\n        isBackground: item.isBackground && !item.isDisabled,\n        isRangeStart: item.isRangeStart,\n        isRangeEnd: item.isRangeEnd,\n        isToday: matchToday(item.value) && !item.isBackground,\n        isDisabled: item.isDisabled\n      }\"\n      ><button\n        aui-button=\"text\"\n        [plain]=\"true\"\n        [size]=\"navRange === DateNavRange.Month ? 'mini' : 'small'\"\n        [disabled]=\"item.isDisabled\"\n        (click)=\"selectValue(item.value)\"\n        (mouseenter)=\"hovered.next(item.value)\"\n      >\n        {{ item.label\n        }}<ng-container *ngIf=\"navRange === DateNavRange.Year\">{{\n          'month_suffix' | auiI18n\n        }}</ng-container>\n      </button>\n    </span>\n  </div>\n</div>\n", styles: [".aui-picker-panel__container{height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container .aui-button{box-sizing:border-box}.aui-picker-panel__container .aui-button__content{padding:0!important}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-help-text));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-p-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-disabled-text))!important;border-color:rgb(var(--aui-color-disabled-text))!important}.aui-picker-panel__cell.isDisabled.isActive button,.aui-picker-panel__cell.isDisabled.isToday button{color:#fff!important;border-color:rgb(var(--aui-color-p-4))!important;background-color:rgb(var(--aui-color-p-4))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-popper-bg)),6px 0 0 0 rgb(var(--aui-color-p-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:rgb(var(--aui-color-primary)) 1px solid;color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-disabled-text))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navRange: [{
                 type: Input
             }], type: [{

package/esm2020/date-picker/calendar/range-picker-panel/component.mjs

@@ -173,7 +173,7 @@ DateRangePickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             useExisting: forwardRef(() => DateRangePickerPanelComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n  <div [class]=\"bem.element('header')\">\n    <aui-calendar-header\n      [dateNavRange]=\"leftDateRange\"\n      [anchor]=\"leftAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n      (anchorChange)=\"leftAnchor = $event\"\n      [maxAvail]=\"maxHeaderAvail\"\n      [minAvail]=\"minDate\"\n    ></aui-calendar-header>\n    <aui-calendar-header\n      [dateNavRange]=\"rightDateRange\"\n      [anchor]=\"rightAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n      (anchorChange)=\"rightAnchor = $event\"\n      [minAvail]=\"minHeaderAvail\"\n      [maxAvail]=\"maxDate\"\n    ></aui-calendar-header>\n  </div>\n  <div [class]=\"bem.element('body')\">\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"leftDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"leftAnchor\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n      [weekStartDay]=\"weekStartDay\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Left)\"\n    ></aui-picker-panel>\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"rightDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"rightAnchor\"\n      [weekStartDay]=\"weekStartDay\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Right)\"\n    ></aui-picker-panel>\n  </div>\n\n  <aui-calendar-footer\n    [class]=\"bem.element('footer')\"\n    [clearable]=\"clearable\"\n    [clearText]=\"clearText\"\n    (clear)=\"clear.next()\"\n    (confirm)=\"confirmValue(rangeValue)\"\n    *ngIf=\"showFooter && showTime\"\n  >\n    <div\n      [class]=\"bem.element('footer-content')\"\n      *ngIf=\"showTime\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'start_date' | auiI18n,\n          value: rangeValue[0]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        [(ngModel)]=\"startTime\"\n        size=\"small\"\n        (ngModelChange)=\"timeChange($event)\"\n        [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n        [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n        [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n\n      <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'end_date' | auiI18n,\n          value: rangeValue[1]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        size=\"small\"\n        [(ngModel)]=\"endTime\"\n        [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n        [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n        [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n        (ngModelChange)=\"timeChange($event)\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n    </div>\n  </aui-calendar-footer>\n</div>\n\n<ng-template\n  #datePlaceholder\n  let-placeholder=\"placeholder\"\n  let-value=\"value\"\n>\n  <span\n    *ngIf=\"!value\"\n    class=\"placeholder date-holder\"\n    >{{ placeholder }}</span\n  >\n  <span\n    *ngIf=\"value\"\n    class=\"date-value date-holder\"\n    >{{ value | date: FOOTER_DATE_FORMAT }}</span\n  >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"], components: [{ type: i1.CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: i2.PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: i3.CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: i4.TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": i7.I18nPipe, "date": i5.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n  <div [class]=\"bem.element('header')\">\n    <aui-calendar-header\n      [dateNavRange]=\"leftDateRange\"\n      [anchor]=\"leftAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n      (anchorChange)=\"leftAnchor = $event\"\n      [maxAvail]=\"maxHeaderAvail\"\n      [minAvail]=\"minDate\"\n    ></aui-calendar-header>\n    <aui-calendar-header\n      [dateNavRange]=\"rightDateRange\"\n      [anchor]=\"rightAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n      (anchorChange)=\"rightAnchor = $event\"\n      [minAvail]=\"minHeaderAvail\"\n      [maxAvail]=\"maxDate\"\n    ></aui-calendar-header>\n  </div>\n  <div [class]=\"bem.element('body')\">\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"leftDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"leftAnchor\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n      [weekStartDay]=\"weekStartDay\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Left)\"\n    ></aui-picker-panel>\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"rightDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"rightAnchor\"\n      [weekStartDay]=\"weekStartDay\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Right)\"\n    ></aui-picker-panel>\n  </div>\n\n  <aui-calendar-footer\n    [class]=\"bem.element('footer')\"\n    [clearable]=\"clearable\"\n    [clearText]=\"clearText\"\n    (clear)=\"clear.next()\"\n    (confirm)=\"confirmValue(rangeValue)\"\n    *ngIf=\"showFooter && showTime\"\n  >\n    <div\n      [class]=\"bem.element('footer-content')\"\n      *ngIf=\"showTime\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'start_date' | auiI18n,\n          value: rangeValue[0]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        [(ngModel)]=\"startTime\"\n        size=\"small\"\n        (ngModelChange)=\"timeChange($event)\"\n        [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n        [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n        [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n\n      <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'end_date' | auiI18n,\n          value: rangeValue[1]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        size=\"small\"\n        [(ngModel)]=\"endTime\"\n        [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n        [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n        [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n        (ngModelChange)=\"timeChange($event)\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n    </div>\n  </aui-calendar-footer>\n</div>\n\n<ng-template\n  #datePlaceholder\n  let-placeholder=\"placeholder\"\n  let-value=\"value\"\n>\n  <span\n    *ngIf=\"!value\"\n    class=\"placeholder date-holder\"\n    >{{ placeholder }}</span\n  >\n  <span\n    *ngIf=\"value\"\n    class=\"date-value date-holder\"\n    >{{ value | date: FOOTER_DATE_FORMAT }}</span\n  >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"], components: [{ type: i1.CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { type: i2.PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { type: i3.CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { type: i4.TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "auiI18n": i7.I18nPipe, "date": i5.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DateRangePickerPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aui-date-range-picker-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -182,7 +182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                             useExisting: forwardRef(() => DateRangePickerPanelComponent),
                             multi: true,
                         },
-                    ], template: "<div [class]=\"bem.element('container')\">\n  <div [class]=\"bem.element('header')\">\n    <aui-calendar-header\n      [dateNavRange]=\"leftDateRange\"\n      [anchor]=\"leftAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n      (anchorChange)=\"leftAnchor = $event\"\n      [maxAvail]=\"maxHeaderAvail\"\n      [minAvail]=\"minDate\"\n    ></aui-calendar-header>\n    <aui-calendar-header\n      [dateNavRange]=\"rightDateRange\"\n      [anchor]=\"rightAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n      (anchorChange)=\"rightAnchor = $event\"\n      [minAvail]=\"minHeaderAvail\"\n      [maxAvail]=\"maxDate\"\n    ></aui-calendar-header>\n  </div>\n  <div [class]=\"bem.element('body')\">\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"leftDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"leftAnchor\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n      [weekStartDay]=\"weekStartDay\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Left)\"\n    ></aui-picker-panel>\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"rightDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"rightAnchor\"\n      [weekStartDay]=\"weekStartDay\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Right)\"\n    ></aui-picker-panel>\n  </div>\n\n  <aui-calendar-footer\n    [class]=\"bem.element('footer')\"\n    [clearable]=\"clearable\"\n    [clearText]=\"clearText\"\n    (clear)=\"clear.next()\"\n    (confirm)=\"confirmValue(rangeValue)\"\n    *ngIf=\"showFooter && showTime\"\n  >\n    <div\n      [class]=\"bem.element('footer-content')\"\n      *ngIf=\"showTime\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'start_date' | auiI18n,\n          value: rangeValue[0]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        [(ngModel)]=\"startTime\"\n        size=\"small\"\n        (ngModelChange)=\"timeChange($event)\"\n        [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n        [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n        [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n\n      <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'end_date' | auiI18n,\n          value: rangeValue[1]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        size=\"small\"\n        [(ngModel)]=\"endTime\"\n        [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n        [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n        [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n        (ngModelChange)=\"timeChange($event)\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n    </div>\n  </aui-calendar-footer>\n</div>\n\n<ng-template\n  #datePlaceholder\n  let-placeholder=\"placeholder\"\n  let-value=\"value\"\n>\n  <span\n    *ngIf=\"!value\"\n    class=\"placeholder date-holder\"\n    >{{ placeholder }}</span\n  >\n  <span\n    *ngIf=\"value\"\n    class=\"date-value date-holder\"\n    >{{ value | date: FOOTER_DATE_FORMAT }}</span\n  >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"] }]
+                    ], template: "<div [class]=\"bem.element('container')\">\n  <div [class]=\"bem.element('header')\">\n    <aui-calendar-header\n      [dateNavRange]=\"leftDateRange\"\n      [anchor]=\"leftAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n      (anchorChange)=\"leftAnchor = $event\"\n      [maxAvail]=\"maxHeaderAvail\"\n      [minAvail]=\"minDate\"\n    ></aui-calendar-header>\n    <aui-calendar-header\n      [dateNavRange]=\"rightDateRange\"\n      [anchor]=\"rightAnchor\"\n      (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n      (anchorChange)=\"rightAnchor = $event\"\n      [minAvail]=\"minHeaderAvail\"\n      [maxAvail]=\"maxDate\"\n    ></aui-calendar-header>\n  </div>\n  <div [class]=\"bem.element('body')\">\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"leftDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"leftAnchor\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n      [weekStartDay]=\"weekStartDay\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Left)\"\n    ></aui-picker-panel>\n    <aui-picker-panel\n      class=\"panel__wrapper\"\n      [navRange]=\"rightDateRange\"\n      [type]=\"DatePickerType.Day\"\n      [anchor]=\"rightAnchor\"\n      [weekStartDay]=\"weekStartDay\"\n      [matchDates]=\"matchValues\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n      (hovered)=\"hoverItem($event)\"\n      (select)=\"selectPickerPanel($event, Side.Right)\"\n    ></aui-picker-panel>\n  </div>\n\n  <aui-calendar-footer\n    [class]=\"bem.element('footer')\"\n    [clearable]=\"clearable\"\n    [clearText]=\"clearText\"\n    (clear)=\"clear.next()\"\n    (confirm)=\"confirmValue(rangeValue)\"\n    *ngIf=\"showFooter && showTime\"\n  >\n    <div\n      [class]=\"bem.element('footer-content')\"\n      *ngIf=\"showTime\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'start_date' | auiI18n,\n          value: rangeValue[0]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        [(ngModel)]=\"startTime\"\n        size=\"small\"\n        (ngModelChange)=\"timeChange($event)\"\n        [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n        [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n        [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n\n      <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n      <ng-container\n        [ngTemplateOutlet]=\"datePlaceholder\"\n        [ngTemplateOutletContext]=\"{\n          placeholder: 'end_date' | auiI18n,\n          value: rangeValue[1]\n        }\"\n      ></ng-container>\n      <aui-time-picker\n        [showIcon]=\"false\"\n        size=\"small\"\n        [(ngModel)]=\"endTime\"\n        [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n        [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n        [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n        (ngModelChange)=\"timeChange($event)\"\n        [placeholder]=\"'select_time' | auiI18n\"\n        tooltipPosition=\"top start\"\n      ></aui-time-picker>\n    </div>\n  </aui-calendar-footer>\n</div>\n\n<ng-template\n  #datePlaceholder\n  let-placeholder=\"placeholder\"\n  let-value=\"value\"\n>\n  <span\n    *ngIf=\"!value\"\n    class=\"placeholder date-holder\"\n    >{{ placeholder }}</span\n  >\n  <span\n    *ngIf=\"value\"\n    class=\"date-value date-holder\"\n    >{{ value | date: FOOTER_DATE_FORMAT }}</span\n  >\n</ng-template>\n", styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-main-text))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}\n"] }]
         }], propDecorators: { clearable: [{
                 type: Input
             }], clearText: [{

package/esm2020/date-picker/trigger/trigger.component.mjs

@@ -36,10 +36,10 @@ export class DatePickerTriggerComponent {
     }
 }
 DatePickerTriggerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isRange: isRange,\n    disabled: disabled\n  }\"\n  (mouseenter)=\"hovered = true\"\n  (mouseleave)=\"hovered = false\"\n>\n  <span [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"isRange\">\n      <input\n        style=\"flex: 1\"\n        aui-input\n        #focusRef\n        [value]=\"$any(value || [])[0]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"leftFocus = true\"\n        (blur)=\"leftFocus = false; blur.next()\"\n        [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n      />\n      <span\n        class=\"placeholder\"\n        (click)=\"focusInput()\"\n        >{{ 'to' | auiI18n }}</span\n      >\n      <input\n        style=\"flex: 1\"\n        aui-input\n        [value]=\"$any(value || [])[1]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"rightFocus = true\"\n        (blur)=\"rightFocus = false; blur.next()\"\n        [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n      />\n    </ng-container>\n    <ng-container *ngIf=\"!isRange\">\n      <input\n        aui-input\n        auiTooltipType=\"plain\"\n        [value]=\"$any(value)?.format(format)\"\n        [readonly]=\"true\"\n        #focusRef\n        [size]=\"size\"\n        auiTooltipType=\"info\"\n        (focus)=\"centerFocus = true\"\n        (blur)=\"centerFocus = false; blur.next()\"\n        [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n      />\n    </ng-container>\n  </span>\n  <span\n    [class]=\"bem.element('addon')\"\n    (click)=\"focusInput()\"\n  >\n    <aui-icon\n      *ngIf=\"showClear; else calendar\"\n      class=\"clear\"\n      size=\"16px\"\n      icon=\"xmark_small\"\n      (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n    ></aui-icon>\n    <ng-template #calendar>\n      <aui-icon icon=\"calendar\"></aui-icon>\n    </ng-template>\n  </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: i1.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": i4.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isRange: isRange,\n    disabled: disabled\n  }\"\n  (mouseenter)=\"hovered = true\"\n  (mouseleave)=\"hovered = false\"\n>\n  <span [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"isRange\">\n      <input\n        style=\"flex: 1\"\n        aui-input\n        #focusRef\n        [value]=\"$any(value || [])[0]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"leftFocus = true\"\n        (blur)=\"leftFocus = false; blur.next()\"\n        [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n      />\n      <span\n        class=\"placeholder\"\n        (click)=\"focusInput()\"\n        >{{ 'to' | auiI18n }}</span\n      >\n      <input\n        style=\"flex: 1\"\n        aui-input\n        [value]=\"$any(value || [])[1]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"rightFocus = true\"\n        (blur)=\"rightFocus = false; blur.next()\"\n        [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n      />\n    </ng-container>\n    <ng-container *ngIf=\"!isRange\">\n      <input\n        aui-input\n        auiTooltipType=\"plain\"\n        [value]=\"$any(value)?.format(format)\"\n        [readonly]=\"true\"\n        #focusRef\n        [size]=\"size\"\n        auiTooltipType=\"info\"\n        (focus)=\"centerFocus = true\"\n        (blur)=\"centerFocus = false; blur.next()\"\n        [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n      />\n    </ng-container>\n  </span>\n  <span\n    [class]=\"bem.element('addon')\"\n    (click)=\"focusInput()\"\n  >\n    <aui-icon\n      *ngIf=\"showClear; else calendar\"\n      class=\"clear\"\n      size=\"16px\"\n      icon=\"xmark_small\"\n      (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n    ></aui-icon>\n    <ng-template #calendar>\n      <aui-icon icon=\"calendar\"></aui-icon>\n    </ng-template>\n  </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: i1.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": i4.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isRange: isRange,\n    disabled: disabled\n  }\"\n  (mouseenter)=\"hovered = true\"\n  (mouseleave)=\"hovered = false\"\n>\n  <span [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"isRange\">\n      <input\n        style=\"flex: 1\"\n        aui-input\n        #focusRef\n        [value]=\"$any(value || [])[0]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"leftFocus = true\"\n        (blur)=\"leftFocus = false; blur.next()\"\n        [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n      />\n      <span\n        class=\"placeholder\"\n        (click)=\"focusInput()\"\n        >{{ 'to' | auiI18n }}</span\n      >\n      <input\n        style=\"flex: 1\"\n        aui-input\n        [value]=\"$any(value || [])[1]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"rightFocus = true\"\n        (blur)=\"rightFocus = false; blur.next()\"\n        [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n      />\n    </ng-container>\n    <ng-container *ngIf=\"!isRange\">\n      <input\n        aui-input\n        auiTooltipType=\"plain\"\n        [value]=\"$any(value)?.format(format)\"\n        [readonly]=\"true\"\n        #focusRef\n        [size]=\"size\"\n        auiTooltipType=\"info\"\n        (focus)=\"centerFocus = true\"\n        (blur)=\"centerFocus = false; blur.next()\"\n        [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n      />\n    </ng-container>\n  </span>\n  <span\n    [class]=\"bem.element('addon')\"\n    (click)=\"focusInput()\"\n  >\n    <aui-icon\n      *ngIf=\"showClear; else calendar\"\n      class=\"clear\"\n      size=\"16px\"\n      icon=\"xmark_small\"\n      (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n    ></aui-icon>\n    <ng-template #calendar>\n      <aui-icon icon=\"calendar\"></aui-icon>\n    </ng-template>\n  </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
+            args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  [class]=\"bem.element('container')\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isRange: isRange,\n    disabled: disabled\n  }\"\n  (mouseenter)=\"hovered = true\"\n  (mouseleave)=\"hovered = false\"\n>\n  <span [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"isRange\">\n      <input\n        style=\"flex: 1\"\n        aui-input\n        #focusRef\n        [value]=\"$any(value || [])[0]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"leftFocus = true\"\n        (blur)=\"leftFocus = false; blur.next()\"\n        [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n      />\n      <span\n        class=\"placeholder\"\n        (click)=\"focusInput()\"\n        >{{ 'to' | auiI18n }}</span\n      >\n      <input\n        style=\"flex: 1\"\n        aui-input\n        [value]=\"$any(value || [])[1]?.format(format)\"\n        [readonly]=\"true\"\n        [size]=\"size\"\n        (focus)=\"rightFocus = true\"\n        (blur)=\"rightFocus = false; blur.next()\"\n        [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n      />\n    </ng-container>\n    <ng-container *ngIf=\"!isRange\">\n      <input\n        aui-input\n        auiTooltipType=\"plain\"\n        [value]=\"$any(value)?.format(format)\"\n        [readonly]=\"true\"\n        #focusRef\n        [size]=\"size\"\n        auiTooltipType=\"info\"\n        (focus)=\"centerFocus = true\"\n        (blur)=\"centerFocus = false; blur.next()\"\n        [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n      />\n    </ng-container>\n  </span>\n  <span\n    [class]=\"bem.element('addon')\"\n    (click)=\"focusInput()\"\n  >\n    <aui-icon\n      *ngIf=\"showClear; else calendar\"\n      class=\"clear\"\n      size=\"16px\"\n      icon=\"xmark_small\"\n      (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n    ></aui-icon>\n    <ng-template #calendar>\n      <aui-icon icon=\"calendar\"></aui-icon>\n    </ng-template>\n  </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}aui-date-picker-trigger{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none!important}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { format: [{
                 type: Input
             }], size: [{

package/esm2020/dialog/confirm-dialog/confirm-dialog.component.mjs

@@ -77,9 +77,9 @@ export class ConfirmDialogComponent {
     }
 }
 ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n  <div [class]=\"bem.element('title')\">\n    <span [class]=\"bem.element('icon', config.confirmType + '')\">\n      <aui-icon\n        [icon]=\"iconMap(config.confirmType)\"\n        [background]=\"\n          iconMap(config.confirmType).endsWith('_triangle_s')\n            ? 'triangle'\n            : 'circle'\n        \"\n      ></aui-icon>\n    </span>\n    <span>{{ config.title }}</span>\n  </div>\n  <div [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"config.content\">\n      <ng-container\n        *ngIf=\"\n          isTemplateRef(config.content) || isString(config.content);\n          else componentTemplate\n        \"\n      >\n        <ng-container\n          *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n        >\n          <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n        </ng-container>\n        <ng-template #stringTemplate>\n          {{ config.content }}\n        </ng-template>\n      </ng-container>\n      <ng-template #componentTemplate>\n        <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n      </ng-template>\n    </ng-container>\n  </div>\n  <div [class]=\"bem.element('button-wrapper')\">\n    <div>\n      <button\n        [aui-button]=\"config.confirmType\"\n        [ngClass]=\"bem.element('confirm-button')\"\n        [loading]=\"waitConfirm\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"confirm()\"\n      >\n        {{ config.confirmText }}\n      </button>\n      <button\n        *ngIf=\"config.cancelButton\"\n        aui-button\n        [ngClass]=\"bem.element('cancel-button')\"\n        [loading]=\"waitCancel\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"cancel()\"\n      >\n        {{ config.cancelText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-weight:var(--aui-font-weight-bold);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i3.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n  <div [class]=\"bem.element('title')\">\n    <span [class]=\"bem.element('icon', config.confirmType + '')\">\n      <aui-icon\n        [icon]=\"iconMap(config.confirmType)\"\n        [background]=\"\n          iconMap(config.confirmType).endsWith('_triangle_s')\n            ? 'triangle'\n            : 'circle'\n        \"\n      ></aui-icon>\n    </span>\n    <span>{{ config.title }}</span>\n  </div>\n  <div [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"config.content\">\n      <ng-container\n        *ngIf=\"\n          isTemplateRef(config.content) || isString(config.content);\n          else componentTemplate\n        \"\n      >\n        <ng-container\n          *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n        >\n          <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n        </ng-container>\n        <ng-template #stringTemplate>\n          {{ config.content }}\n        </ng-template>\n      </ng-container>\n      <ng-template #componentTemplate>\n        <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n      </ng-template>\n    </ng-container>\n  </div>\n  <div [class]=\"bem.element('button-wrapper')\">\n    <div>\n      <button\n        [aui-button]=\"config.confirmType\"\n        [ngClass]=\"bem.element('confirm-button')\"\n        [loading]=\"waitConfirm\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"confirm()\"\n      >\n        {{ config.confirmText }}\n      </button>\n      <button\n        *ngIf=\"config.cancelButton\"\n        aui-button\n        [ngClass]=\"bem.element('cancel-button')\"\n        [loading]=\"waitCancel\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"cancel()\"\n      >\n        {{ config.cancelText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i3.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n  <div [class]=\"bem.element('title')\">\n    <span [class]=\"bem.element('icon', config.confirmType + '')\">\n      <aui-icon\n        [icon]=\"iconMap(config.confirmType)\"\n        [background]=\"\n          iconMap(config.confirmType).endsWith('_triangle_s')\n            ? 'triangle'\n            : 'circle'\n        \"\n      ></aui-icon>\n    </span>\n    <span>{{ config.title }}</span>\n  </div>\n  <div [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"config.content\">\n      <ng-container\n        *ngIf=\"\n          isTemplateRef(config.content) || isString(config.content);\n          else componentTemplate\n        \"\n      >\n        <ng-container\n          *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n        >\n          <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n        </ng-container>\n        <ng-template #stringTemplate>\n          {{ config.content }}\n        </ng-template>\n      </ng-container>\n      <ng-template #componentTemplate>\n        <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n      </ng-template>\n    </ng-container>\n  </div>\n  <div [class]=\"bem.element('button-wrapper')\">\n    <div>\n      <button\n        [aui-button]=\"config.confirmType\"\n        [ngClass]=\"bem.element('confirm-button')\"\n        [loading]=\"waitConfirm\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"confirm()\"\n      >\n        {{ config.confirmText }}\n      </button>\n      <button\n        *ngIf=\"config.cancelButton\"\n        aui-button\n        [ngClass]=\"bem.element('cancel-button')\"\n        [loading]=\"waitCancel\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"cancel()\"\n      >\n        {{ config.cancelText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-weight:var(--aui-font-weight-bold);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
+            args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n  <div [class]=\"bem.element('title')\">\n    <span [class]=\"bem.element('icon', config.confirmType + '')\">\n      <aui-icon\n        [icon]=\"iconMap(config.confirmType)\"\n        [background]=\"\n          iconMap(config.confirmType).endsWith('_triangle_s')\n            ? 'triangle'\n            : 'circle'\n        \"\n      ></aui-icon>\n    </span>\n    <span>{{ config.title }}</span>\n  </div>\n  <div [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"config.content\">\n      <ng-container\n        *ngIf=\"\n          isTemplateRef(config.content) || isString(config.content);\n          else componentTemplate\n        \"\n      >\n        <ng-container\n          *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n        >\n          <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n        </ng-container>\n        <ng-template #stringTemplate>\n          {{ config.content }}\n        </ng-template>\n      </ng-container>\n      <ng-template #componentTemplate>\n        <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n      </ng-template>\n    </ng-container>\n  </div>\n  <div [class]=\"bem.element('button-wrapper')\">\n    <div>\n      <button\n        [aui-button]=\"config.confirmType\"\n        [ngClass]=\"bem.element('confirm-button')\"\n        [loading]=\"waitConfirm\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"confirm()\"\n      >\n        {{ config.confirmText }}\n      </button>\n      <button\n        *ngIf=\"config.cancelButton\"\n        aui-button\n        [ngClass]=\"bem.element('cancel-button')\"\n        [loading]=\"waitCancel\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"cancel()\"\n      >\n        {{ config.cancelText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);display:flex;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2RpYWxvZy9jb25maXJtLWRpYWxvZy9jb25maXJtLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvZGlhbG9nL2NvbmZpcm0tZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLFVBQVUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVsRCxPQUFPLEVBQU8sUUFBUSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckUsT0FBTyxFQUVMLFdBQVcsR0FHWixNQUFNLGlCQUFpQixDQUFDO0FBRXpCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7QUFVOUQsTUFBTSxPQUFPLHNCQUFzQjtJQVNqQyxZQUNtQixTQUF5QixFQUN6QixHQUFzQjtRQUR0QixjQUFTLEdBQVQsU0FBUyxDQUFnQjtRQUN6QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVZ6QyxRQUFHLEdBQVEsUUFBUSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFJMUMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixhQUFRLEdBQUcsUUFBUSxDQUFDO0lBSWpCLENBQUM7SUFFSixTQUFTLENBQUMsTUFBaUM7UUFDekMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLEdBQUcsSUFBSSxtQkFBbUIsRUFBRSxFQUFFLEdBQUcsTUFBTSxFQUFFLENBQUM7SUFDNUQsQ0FBQztJQUVELE9BQU8sQ0FBQyxJQUFpQjtRQUN2QixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssV0FBVyxDQUFDLE9BQU87Z0JBQ3RCLE9BQU8sZ0JBQWdCLENBQUM7WUFDMUIsS0FBSyxXQUFXLENBQUMsTUFBTTtnQkFDckIsT0FBTyx3QkFBd0IsQ0FBQztZQUNsQztnQkFDRSxPQUFPLHNCQUFzQixDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxPQUFPO1FBQ1gsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFO1lBQzlCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUN0RCxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJO1lBQ0YsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDL0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDakQ7UUFBQyxNQUFNO1NBQ1A7Z0JBQVM7WUFDUixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxNQUFNO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFO1lBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUN2RCxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJO1lBQ0YsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDbEQ7UUFBQyxNQUFNO1NBQ1A7Z0JBQVM7WUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVPLFNBQVMsQ0FBSSxZQUE2QjtRQUNoRCxJQUFJLFlBQVksQ0FBQyxNQUFNLEVBQUU7WUFDdkIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxZQUFrQyxDQUFDLENBQUM7U0FDeEQ7UUFFRCxNQUFNLE1BQU0sR0FBSSxZQUFzQyxFQUFFLENBQUM7UUFFekQsSUFBSSxNQUFNLFlBQVksVUFBVSxFQUFFO1lBQ2hDLE9BQU8sY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQy9CO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQzs7bUhBekVVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDBEQzNCbkMsaTFEQTREQTsyRkRqQ2Esc0JBQXNCO2tCQVJsQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZpcnN0VmFsdWVGcm9tLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIGlzU3RyaW5nLCBpc1RlbXBsYXRlUmVmIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgRGlhbG9nUmVmIH0gZnJvbSAnLi4vZGlhbG9nLXJlZic7XG5pbXBvcnQge1xuICBCZWZvcmVBY3Rpb24sXG4gIENvbmZpcm1UeXBlLFxuICBDdXN0b21CZWZvcmVBY3Rpb24sXG4gIFByb21pc2VFeGVjdXRvcixcbn0gZnJvbSAnLi4vZGlhbG9nLnR5cGVzJztcblxuaW1wb3J0IHsgQ29uZmlybURpYWxvZ0NvbmZpZyB9IGZyb20gJy4vY29uZmlybS1kaWFsb2ctY29uZmlnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWNvbmZpcm0tZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBDb25maXJtRGlhbG9nQ29tcG9uZW50PFQgPSB1bmtub3duLCBSID0gdW5rbm93bj4ge1xuICBiZW06IEJlbSA9IGJ1aWxkQmVtKCdhdWktY29uZmlybS1kaWFsb2cnKTtcblxuICBjb25maWc6IENvbmZpcm1EaWFsb2dDb25maWc8VCwgUj47XG5cbiAgd2FpdENvbmZpcm0gPSBmYWxzZTtcbiAgd2FpdENhbmNlbCA9IGZhbHNlO1xuICBpc1RlbXBsYXRlUmVmID0gaXNUZW1wbGF0ZVJlZjtcbiAgaXNTdHJpbmcgPSBpc1N0cmluZztcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBkaWFsb2dSZWY6IERpYWxvZ1JlZjxhbnk+LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7fVxuXG4gIHNldENvbmZpZyhjb25maWc6IENvbmZpcm1EaWFsb2dDb25maWc8VCwgUj4pIHtcbiAgICB0aGlzLmNvbmZpZyA9IHsgLi4ubmV3IENvbmZpcm1EaWFsb2dDb25maWcoKSwgLi4uY29uZmlnIH07XG4gIH1cblxuICBpY29uTWFwKHR5cGU6IENvbmZpcm1UeXBlKSB7XG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlIENvbmZpcm1UeXBlLlN1Y2Nlc3M6XG4gICAgICAgIHJldHVybiAnY2hlY2tfY2lyY2xlX3MnO1xuICAgICAgY2FzZSBDb25maXJtVHlwZS5EYW5nZXI6XG4gICAgICAgIHJldHVybiAnZXhjbGFtYXRpb25fdHJpYW5nbGVfcyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2V4Y2xhbWF0aW9uX2NpcmNsZV9zJztcbiAgICB9XG4gIH1cblxuICBhc3luYyBjb25maXJtKCkge1xuICAgIGlmICghdGhpcy5jb25maWcuYmVmb3JlQ29uZmlybSkge1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoeyBjb25maXJtOiB0cnVlLCByZXN1bHQ6IG51bGwgfSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMud2FpdENvbmZpcm0gPSB0cnVlO1xuICAgIHRyeSB7XG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCB0aGlzLnRvUHJvbWlzZSh0aGlzLmNvbmZpZy5iZWZvcmVDb25maXJtKTtcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHsgY29uZmlybTogdHJ1ZSwgcmVzdWx0IH0pO1xuICAgIH0gY2F0Y2gge1xuICAgIH0gZmluYWxseSB7XG4gICAgICB0aGlzLndhaXRDb25maXJtID0gZmFsc2U7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBhc3luYyBjYW5jZWwoKSB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy5iZWZvcmVDYW5jZWwpIHtcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHsgY29uZmlybTogZmFsc2UsIHJlc3VsdDogbnVsbCB9KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy53YWl0Q2FuY2VsID0gdHJ1ZTtcbiAgICB0cnkge1xuICAgICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdGhpcy50b1Byb21pc2UodGhpcy5jb25maWcuYmVmb3JlQ2FuY2VsKTtcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHsgY29uZmlybTogZmFsc2UsIHJlc3VsdCB9KTtcbiAgICB9IGNhdGNoIHtcbiAgICB9IGZpbmFsbHkge1xuICAgICAgdGhpcy53YWl0Q2FuY2VsID0gZmFsc2U7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHRvUHJvbWlzZTxUPihiZWZvcmVBY3Rpb246IEJlZm9yZUFjdGlvbjxUPikge1xuICAgIGlmIChiZWZvcmVBY3Rpb24ubGVuZ3RoKSB7XG4gICAgICByZXR1cm4gbmV3IFByb21pc2UoYmVmb3JlQWN0aW9uIGFzIFByb21pc2VFeGVjdXRvcjxUPik7XG4gICAgfVxuXG4gICAgY29uc3QgcmVzdWx0ID0gKGJlZm9yZUFjdGlvbiBhcyBDdXN0b21CZWZvcmVBY3Rpb248VD4pKCk7XG5cbiAgICBpZiAocmVzdWx0IGluc3RhbmNlb2YgT2JzZXJ2YWJsZSkge1xuICAgICAgcmV0dXJuIGZpcnN0VmFsdWVGcm9tKHJlc3VsdCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlc3VsdDtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiYmVtLmJsb2NrKClcIj5cbiAgPGRpdiBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ3RpdGxlJylcIj5cbiAgICA8c3BhbiBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2ljb24nLCBjb25maWcuY29uZmlybVR5cGUgKyAnJylcIj5cbiAgICAgIDxhdWktaWNvblxuICAgICAgICBbaWNvbl09XCJpY29uTWFwKGNvbmZpZy5jb25maXJtVHlwZSlcIlxuICAgICAgICBbYmFja2dyb3VuZF09XCJcbiAgICAgICAgICBpY29uTWFwKGNvbmZpZy5jb25maXJtVHlwZSkuZW5kc1dpdGgoJ190cmlhbmdsZV9zJylcbiAgICAgICAgICAgID8gJ3RyaWFuZ2xlJ1xuICAgICAgICAgICAgOiAnY2lyY2xlJ1xuICAgICAgICBcIlxuICAgICAgPjwvYXVpLWljb24+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuPnt7IGNvbmZpZy50aXRsZSB9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250ZW50JylcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29uZmlnLmNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICBpc1RlbXBsYXRlUmVmKGNvbmZpZy5jb250ZW50KSB8fCBpc1N0cmluZyhjb25maWcuY29udGVudCk7XG4gICAgICAgICAgZWxzZSBjb21wb25lbnRUZW1wbGF0ZVxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJpc1RlbXBsYXRlUmVmKGNvbmZpZy5jb250ZW50KTsgZWxzZSBzdHJpbmdUZW1wbGF0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb25maWcuY29udGVudFwiPjwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctdGVtcGxhdGUgI3N0cmluZ1RlbXBsYXRlPlxuICAgICAgICAgIHt7IGNvbmZpZy5jb250ZW50IH19XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjY29tcG9uZW50VGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiJGFueShjb25maWcuY29udGVudClcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2IFtjbGFzc109XCJiZW0uZWxlbWVudCgnYnV0dG9uLXdyYXBwZXInKVwiPlxuICAgIDxkaXY+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFthdWktYnV0dG9uXT1cImNvbmZpZy5jb25maXJtVHlwZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjb25maXJtLWJ1dHRvbicpXCJcbiAgICAgICAgW2xvYWRpbmddPVwid2FpdENvbmZpcm1cIlxuICAgICAgICBbZGlzYWJsZWRdPVwid2FpdENvbmZpcm0gfHwgd2FpdENhbmNlbFwiXG4gICAgICAgIChjbGljayk9XCJjb25maXJtKClcIlxuICAgICAgPlxuICAgICAgICB7eyBjb25maWcuY29uZmlybVRleHQgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cImNvbmZpZy5jYW5jZWxCdXR0b25cIlxuICAgICAgICBhdWktYnV0dG9uXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjYW5jZWwtYnV0dG9uJylcIlxuICAgICAgICBbbG9hZGluZ109XCJ3YWl0Q2FuY2VsXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIndhaXRDb25maXJtIHx8IHdhaXRDYW5jZWxcIlxuICAgICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxuICAgICAgPlxuICAgICAgICB7eyBjb25maWcuY2FuY2VsVGV4dCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=