ngx-tethys 18.0.8 → 18.1.0-next.1

package/fesm2022/ngx-tethys-date-range.mjs

@@ -1,10 +1,10 @@
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import * as i0 from '@angular/core';
-import { Component, forwardRef, EventEmitter, Input, Output, NgModule } from '@angular/core';
-import { NgIf, NgFor, NgClass, CommonModule } from '@angular/common';
-import * as i2 from '@angular/forms';
+import { inject, Component, forwardRef, ChangeDetectorRef, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import { NgClass, CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i1 from 'ngx-tethys/popover';
+import { ThyPopover } from 'ngx-tethys/popover';
 import { ThyRangePickerDirective, ThyDatePickerFormatPipe, ThyDatePickerModule } from 'ngx-tethys/date-picker';
 import { ThyDropdownMenuComponent, ThyDropdownMenuItemDirective, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemExtendIconDirective, ThyDropdownModule } from 'ngx-tethys/dropdown';
 import { getUnixTime, startOfISOWeek, endOfISOWeek, startOfMonth, endOfMonth, addDays, addMonths, endOfDay, isSameDay, startOfDay, addYears } from 'date-fns';
@@ -17,8 +17,8 @@ import { ThyNavModule } from 'ngx-tethys/nav';
  * @private
  */
 class OptionalDateRanges {
-    constructor(thyPopover) {
-        this.thyPopover = thyPopover;
+    constructor() {
+        this.thyPopover = inject(ThyPopover);
         this.hiddenMenu = false;
         this.customValue = '自定义';
     }
@@ -37,23 +37,21 @@ class OptionalDateRanges {
         };
         this.selectedDateRange(this.selectedDate);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OptionalDateRanges, deps: [{ token: i1.ThyPopover }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OptionalDateRanges, isStandalone: true, selector: "date-range-optional", ngImport: i0, template: "<thy-dropdown-menu thyImmediateRender *ngIf=\"!hiddenMenu\" class=\"thy-date-range-dropdown-menu-container\">\n  <a thyDropdownMenuItem href=\"javascript:;\" *ngFor=\"let dateRange of optionalDateRanges\" (click)=\"_selectDateRange(dateRange)\">\n    <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"dateRange.key === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n  <a\n    thyDropdownMenuItem\n    href=\"javascript:;\"\n    thyRangePicker\n    [(ngModel)]=\"selectedDate\"\n    [thyMinDate]=\"minDate\"\n    [thyMaxDate]=\"maxDate\"\n    [thyDisabledDate]=\"disabledDate\"\n    (ngModelChange)=\"_selectedCustomDate($event)\"\n    (thyOnCalendarChange)=\"calendarChange($event)\"\n  >\n    <span thyDropdownMenuItemName>{{ customValue }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"customKey === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n</thy-dropdown-menu>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyRangePickerDirective, selector: "[thyRangePicker]", exportAs: ["thyRangePicker"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OptionalDateRanges, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: OptionalDateRanges, isStandalone: true, selector: "date-range-optional", ngImport: i0, template: "@if (!hiddenMenu) {\n  <thy-dropdown-menu thyImmediateRender class=\"thy-date-range-dropdown-menu-container\">\n    @for (dateRange of optionalDateRanges; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"_selectDateRange(dateRange)\">\n        <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n        @if (dateRange.key === selectedDate?.key) {\n          <span thyDropdownMenuItemExtendIcon>\n            <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n          </span>\n        }\n      </a>\n    }\n    <a\n      thyDropdownMenuItem\n      href=\"javascript:;\"\n      thyRangePicker\n      [(ngModel)]=\"selectedDate\"\n      [thyMinDate]=\"minDate\"\n      [thyMaxDate]=\"maxDate\"\n      [thyDisabledDate]=\"disabledDate\"\n      (ngModelChange)=\"_selectedCustomDate($event)\"\n      (thyOnCalendarChange)=\"calendarChange($event)\">\n      <span thyDropdownMenuItemName>{{ customValue }}</span>\n      @if (customKey === selectedDate?.key) {\n        <span thyDropdownMenuItemExtendIcon>\n          <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n        </span>\n      }\n    </a>\n  </thy-dropdown-menu>\n}\n", dependencies: [{ kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemExtendIconDirective, selector: "[thyDropdownMenuItemExtendIcon]" }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyRangePickerDirective, selector: "[thyRangePicker]", exportAs: ["thyRangePicker"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OptionalDateRanges, decorators: [{
             type: Component,
             args: [{ selector: 'date-range-optional', standalone: true, imports: [
-                        NgIf,
                         ThyDropdownMenuComponent,
-                        NgFor,
                         ThyDropdownMenuItemDirective,
                         ThyDropdownMenuItemNameDirective,
                         ThyDropdownMenuItemExtendIconDirective,
                         ThyIcon,
                         ThyRangePickerDirective,
                         FormsModule
-                    ], template: "<thy-dropdown-menu thyImmediateRender *ngIf=\"!hiddenMenu\" class=\"thy-date-range-dropdown-menu-container\">\n  <a thyDropdownMenuItem href=\"javascript:;\" *ngFor=\"let dateRange of optionalDateRanges\" (click)=\"_selectDateRange(dateRange)\">\n    <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"dateRange.key === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n  <a\n    thyDropdownMenuItem\n    href=\"javascript:;\"\n    thyRangePicker\n    [(ngModel)]=\"selectedDate\"\n    [thyMinDate]=\"minDate\"\n    [thyMaxDate]=\"maxDate\"\n    [thyDisabledDate]=\"disabledDate\"\n    (ngModelChange)=\"_selectedCustomDate($event)\"\n    (thyOnCalendarChange)=\"calendarChange($event)\"\n  >\n    <span thyDropdownMenuItemName>{{ customValue }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"customKey === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n</thy-dropdown-menu>\n" }]
-        }], ctorParameters: () => [{ type: i1.ThyPopover }] });
+                    ], template: "@if (!hiddenMenu) {\n  <thy-dropdown-menu thyImmediateRender class=\"thy-date-range-dropdown-menu-container\">\n    @for (dateRange of optionalDateRanges; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"_selectDateRange(dateRange)\">\n        <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n        @if (dateRange.key === selectedDate?.key) {\n          <span thyDropdownMenuItemExtendIcon>\n            <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n          </span>\n        }\n      </a>\n    }\n    <a\n      thyDropdownMenuItem\n      href=\"javascript:;\"\n      thyRangePicker\n      [(ngModel)]=\"selectedDate\"\n      [thyMinDate]=\"minDate\"\n      [thyMaxDate]=\"maxDate\"\n      [thyDisabledDate]=\"disabledDate\"\n      (ngModelChange)=\"_selectedCustomDate($event)\"\n      (thyOnCalendarChange)=\"calendarChange($event)\">\n      <span thyDropdownMenuItemName>{{ customValue }}</span>\n      @if (customKey === selectedDate?.key) {\n        <span thyDropdownMenuItemExtendIcon>\n          <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n        </span>\n      }\n    </a>\n  </thy-dropdown-menu>\n}\n" }]
+        }] });
 
 const allDayTimestamp = 24 * 60 * 60;
 const INPUT_CONTROL_VALUE_ACCESSOR = {
@@ -67,16 +65,9 @@ const INPUT_CONTROL_VALUE_ACCESSOR = {
  * @order 10
  */
 class ThyDateRange {
-    /**
-     * 自定义可选值列表项
-     * @type DateRangeItemInfo[]
-     */
-    set thyOptionalDateRanges(value) {
-        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;
-    }
-    constructor(thyPopover, cdr) {
-        this.thyPopover = thyPopover;
-        this.cdr = cdr;
+    constructor() {
+        this.thyPopover = inject(ThyPopover);
+        this.cdr = inject(ChangeDetectorRef);
         /**
          * 隐藏下拉选择时间段
          * @default false
@@ -127,6 +118,13 @@ class ThyDateRange {
         this.onModelChange = () => { };
         this.onModelTouched = () => { };
     }
+    /**
+     * 自定义可选值列表项
+     * @type DateRangeItemInfo[]
+     */
+    set thyOptionalDateRanges(value) {
+        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;
+    }
     writeValue(value) {
         if (value) {
             this.selectedDate = value;
@@ -267,13 +265,13 @@ class ThyDateRange {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDateRange, deps: [{ token: i1.ThyPopover }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyDateRange, isStandalone: true, selector: "thy-date-range", inputs: { thyOptionalDateRanges: "thyOptionalDateRanges", thyHiddenMenu: ["thyHiddenMenu", "thyHiddenMenu", coerceBooleanProperty], thyDisabledSwitch: ["thyDisabledSwitch", "thyDisabledSwitch", coerceBooleanProperty], thyCustomTextValue: "thyCustomTextValue", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyCustomKey: "thyCustomKey", thyPickerFormat: "thyPickerFormat", thyDisabledDate: "thyDisabledDate" }, outputs: { thyOnCalendarChange: "thyOnCalendarChange" }, providers: [INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"thy-date-range-container\">\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  </ng-container>\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    <ng-container *ngIf=\"selectedDate?.key === 'custom'\">\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key === 'exception'\">\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception'\">{{ selectedDate?.text }}</ng-container>\n    <thy-icon *ngIf=\"!thyHiddenMenu\" class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n  </span>\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ThyDatePickerFormatPipe, name: "thyDatePickerFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDateRange, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyDateRange, isStandalone: true, selector: "thy-date-range", inputs: { thyOptionalDateRanges: "thyOptionalDateRanges", thyHiddenMenu: ["thyHiddenMenu", "thyHiddenMenu", coerceBooleanProperty], thyDisabledSwitch: ["thyDisabledSwitch", "thyDisabledSwitch", coerceBooleanProperty], thyCustomTextValue: "thyCustomTextValue", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyCustomKey: "thyCustomKey", thyPickerFormat: "thyPickerFormat", thyDisabledDate: "thyDisabledDate" }, outputs: { thyOnCalendarChange: "thyOnCalendarChange" }, providers: [INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ThyDatePickerFormatPipe, name: "thyDatePickerFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDateRange, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-date-range', providers: [INPUT_CONTROL_VALUE_ACCESSOR], standalone: true, imports: [NgIf, ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe], template: "<div class=\"thy-date-range-container\">\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  </ng-container>\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    <ng-container *ngIf=\"selectedDate?.key === 'custom'\">\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key === 'exception'\">\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception'\">{{ selectedDate?.text }}</ng-container>\n    <thy-icon *ngIf=\"!thyHiddenMenu\" class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n  </span>\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  </ng-container>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.ThyPopover }, { type: i0.ChangeDetectorRef }], propDecorators: { thyOptionalDateRanges: [{
+            args: [{ selector: 'thy-date-range', providers: [INPUT_CONTROL_VALUE_ACCESSOR], standalone: true, imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe], template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n" }]
+        }], propDecorators: { thyOptionalDateRanges: [{
                 type: Input
             }], thyHiddenMenu: [{
                 type: Input,

package/fesm2022/ngx-tethys-date-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-date-range.mjs","sources":["../../../src/date-range/optional-dates/optional-dates.component.ts","../../../src/date-range/optional-dates/optional-dates.component.html","../../../src/date-range/date-range.component.ts","../../../src/date-range/date-range.component.html","../../../src/date-range/module.ts","../../../src/date-range/date-range.class.ts","../../../src/date-range/ngx-tethys-date-range.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { DateRangeItemInfo } from '../date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { FormsModule } from '@angular/forms';\nimport { ThyRangePickerDirective } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective,\n    ThyDropdownMenuItemExtendIconDirective\n} from 'ngx-tethys/dropdown';\nimport { NgIf, NgFor } from '@angular/common';\n\n/**\n * @private\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'date-range-optional',\n    templateUrl: './optional-dates.component.html',\n    standalone: true,\n    imports: [\n        NgIf,\n        ThyDropdownMenuComponent,\n        NgFor,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuItemExtendIconDirective,\n        ThyIcon,\n        ThyRangePickerDirective,\n        FormsModule\n    ]\n})\nexport class OptionalDateRanges implements OnInit {\n    hiddenMenu = false;\n\n    optionalDateRanges: DateRangeItemInfo[];\n\n    customValue = '自定义';\n\n    customKey: string;\n\n    minDate: number | Date;\n\n    maxDate: number | Date;\n\n    disabledDate: (d: Date) => boolean;\n\n    selectedDateRange: (date: DateRangeItemInfo) => void;\n\n    calendarChange: (date: Date[]) => void;\n\n    selectedDate: DateRangeItemInfo;\n\n    constructor(private thyPopover: ThyPopover) {}\n\n    ngOnInit() {}\n\n    _selectDateRange(dateRange: DateRangeItemInfo) {\n        this.selectedDate = dateRange;\n        this.selectedDateRange(dateRange);\n        this.thyPopover.close();\n    }\n\n    _selectedCustomDate(date: DateRangeItemInfo) {\n        this.selectedDate = {\n            begin: date.begin,\n            end: date.end,\n            key: this.customKey,\n            text: this.customValue\n        };\n        this.selectedDateRange(this.selectedDate);\n    }\n}\n","<thy-dropdown-menu thyImmediateRender *ngIf=\"!hiddenMenu\" class=\"thy-date-range-dropdown-menu-container\">\n  <a thyDropdownMenuItem href=\"javascript:;\" *ngFor=\"let dateRange of optionalDateRanges\" (click)=\"_selectDateRange(dateRange)\">\n    <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"dateRange.key === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n  <a\n    thyDropdownMenuItem\n    href=\"javascript:;\"\n    thyRangePicker\n    [(ngModel)]=\"selectedDate\"\n    [thyMinDate]=\"minDate\"\n    [thyMaxDate]=\"maxDate\"\n    [thyDisabledDate]=\"disabledDate\"\n    (ngModelChange)=\"_selectedCustomDate($event)\"\n    (thyOnCalendarChange)=\"calendarChange($event)\"\n  >\n    <span thyDropdownMenuItemName>{{ customValue }}</span>\n    <span thyDropdownMenuItemExtendIcon *ngIf=\"customKey === selectedDate?.key\">\n      <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n    </span>\n  </a>\n</thy-dropdown-menu>\n","import { Component, forwardRef, OnInit, Input, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { DateRangeItemInfo } from './date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\n\nimport {\n    getUnixTime,\n    startOfISOWeek,\n    endOfISOWeek,\n    endOfMonth,\n    startOfMonth,\n    addDays,\n    addMonths,\n    addYears,\n    isSameDay,\n    endOfDay,\n    startOfDay\n} from 'date-fns';\nimport { ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { NgIf, NgClass } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst allDayTimestamp = 24 * 60 * 60;\n\nconst INPUT_CONTROL_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ThyDateRange),\n    multi: true\n};\n\n/**\n * 预设时间段及自定义时间段选择组件\n * @name thy-date-range\n * @order 10\n */\n@Component({\n    selector: 'thy-date-range',\n    templateUrl: './date-range.component.html',\n    providers: [INPUT_CONTROL_VALUE_ACCESSOR],\n    standalone: true,\n    imports: [NgIf, ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe]\n})\nexport class ThyDateRange implements OnInit, ControlValueAccessor {\n    /**\n     * 自定义可选值列表项\n     * @type DateRangeItemInfo[]\n     */\n    @Input()\n    set thyOptionalDateRanges(value: DateRangeItemInfo[]) {\n        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;\n    }\n\n    /**\n     * 隐藏下拉选择时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyHiddenMenu = false;\n\n    /**\n     * 禁用左右切换时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabledSwitch = false;\n\n    /**\n     * 自定义日期选择的展示文字\n     */\n    @Input() thyCustomTextValue = '自定义';\n\n    /**\n     * 自定义日期选择中可选择的最小时间\n     * @type Date | number\n     */\n    @Input() thyMinDate: Date | number;\n\n    /**\n     * 自定义日期选择中可选择的最大时间\n     * @type Date | number\n     */\n    @Input() thyMaxDate: Date | number;\n\n    /**\n     * 选中的时间段的展示形式，\n     * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；\n     * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。\n     */\n    @Input() thyCustomKey: 'custom' | 'exception' = 'custom';\n\n    /**\n     * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效\n     */\n    @Input() thyPickerFormat: string;\n\n    /**\n     * 自定义日期禁用日期\n     */\n    @Input() thyDisabledDate: (d: Date) => boolean;\n\n    /**\n     * 自定义日期选择日期回调\n     * @type EventEmitter<Date[]>\n     */\n    @Output() readonly thyOnCalendarChange = new EventEmitter<Date[]>();\n\n    public selectedDate?: DateRangeItemInfo;\n\n    public optionalDateRanges: DateRangeItemInfo[] = [\n        {\n            key: 'week',\n            text: '本周',\n            begin: getUnixTime(startOfISOWeek(new Date())),\n            end: getUnixTime(endOfISOWeek(new Date())),\n            timestamp: {\n                interval: 7,\n                unit: 'day'\n            }\n        },\n        {\n            key: 'month',\n            text: '本月',\n            begin: getUnixTime(startOfMonth(new Date())),\n            end: getUnixTime(endOfMonth(new Date())),\n            timestamp: {\n                interval: 1,\n                unit: 'month'\n            }\n        }\n    ];\n\n    public selectedDateRange: {\n        begin: number;\n        end: number;\n    };\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    constructor(\n        private thyPopover: ThyPopover,\n        private cdr: ChangeDetectorRef\n    ) {}\n\n    writeValue(value: any): void {\n        if (value) {\n            this.selectedDate = value;\n        } else if (this.optionalDateRanges.length > 0) {\n            this.selectedDate = this.optionalDateRanges[0];\n            this.onModelChange(this.selectedDate);\n        }\n        this._setSelectedDateRange();\n        this.cdr.detectChanges();\n    }\n\n    registerOnChange(fn: any): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onModelTouched = fn;\n    }\n\n    ngOnInit() {}\n\n    private _setSelectedDateRange() {\n        this.selectedDateRange = {\n            begin: this.selectedDate.begin,\n            end: this.selectedDate.end\n        };\n    }\n\n    private _calculateNewTime(type: string) {\n        if (this.selectedDate.timestamp) {\n            const beginDate = new Date(this.selectedDate.begin * 1000);\n            const endDate = new Date(this.selectedDate.end * 1000);\n            const interval = this.selectedDate.timestamp.interval;\n\n            if (this.selectedDate.timestamp.unit === 'day') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, -1 * interval)),\n                        end: getUnixTime(addDays(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, 1 * interval)),\n                        end: getUnixTime(addDays(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'month') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addMonths(beginDate, -1 * interval)),\n                        end: getUnixTime(endOfDay(addDays(beginDate, -1))),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    const endIsEndDayOfMonth = isSameDay(endDate, endOfMonth(endDate));\n                    return {\n                        begin: getUnixTime(startOfDay(addDays(endDate, 1))),\n                        end: endIsEndDayOfMonth\n                            ? getUnixTime(endOfMonth(addMonths(endDate, 1 * interval)))\n                            : getUnixTime(addMonths(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'year') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, -1 * interval)),\n                        end: getUnixTime(addYears(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, 1 * interval)),\n                        end: getUnixTime(addYears(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            }\n        } else {\n            const interval: number = this.selectedDate.end - this.selectedDate.begin + allDayTimestamp;\n            if (type === 'previous') {\n                return {\n                    begin: this.selectedDate.begin - interval,\n                    end: this.selectedDate.end - interval,\n                    key: this.thyCustomKey\n                };\n            } else {\n                return {\n                    begin: this.selectedDate.begin + interval,\n                    end: this.selectedDate.end + interval,\n                    key: this.thyCustomKey\n                };\n            }\n        }\n    }\n\n    private _setPreviousOrNextDate(type: string) {\n        this.selectedDate = Object.assign({}, this.selectedDate, this._calculateNewTime(type));\n        this._setSelectedDateRange();\n        this.onModelChange(this.selectedDate);\n    }\n\n    public previous() {\n        this._setPreviousOrNextDate('previous');\n    }\n\n    public next() {\n        this._setPreviousOrNextDate('next');\n    }\n\n    public openOptionalDateRangesMenu(event: Event) {\n        if (this.thyHiddenMenu) {\n            return;\n        }\n        this.thyPopover.open(OptionalDateRanges, {\n            origin: event.currentTarget as HTMLElement,\n            hasBackdrop: true,\n            backdropClass: 'thy-overlay-transparent-backdrop',\n            offset: 0,\n            manualClosure: true,\n            originActiveClass: 'thy-date-range-text-active',\n            initialState: {\n                hiddenMenu: this.thyHiddenMenu,\n                optionalDateRanges: this.optionalDateRanges,\n                selectedDate: this.selectedDate,\n                minDate: this.thyMinDate,\n                maxDate: this.thyMaxDate,\n                customValue: this.thyCustomTextValue,\n                customKey: this.thyCustomKey,\n                disabledDate: this.thyDisabledDate,\n                selectedDateRange: (dateRange: DateRangeItemInfo) => {\n                    this.onModelChange(dateRange);\n                    this.selectedDate = dateRange;\n                },\n                calendarChange: (date: Date[]) => {\n                    this.thyOnCalendarChange.emit(date);\n                }\n            }\n        });\n    }\n}\n","<div class=\"thy-date-range-container\">\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  </ng-container>\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    <ng-container *ngIf=\"selectedDate?.key === 'custom'\">\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key === 'exception'\">\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    </ng-container>\n    <ng-container *ngIf=\"selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception'\">{{ selectedDate?.text }}</ng-container>\n    <thy-icon *ngIf=\"!thyHiddenMenu\" class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n  </span>\n  <ng-container *ngIf=\"!thyDisabledSwitch\">\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  </ng-container>\n</div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyDateRange } from './date-range.component';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyDatePickerModule } from 'ngx-tethys/date-picker';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\nimport { ThyNavModule } from 'ngx-tethys/nav';\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ThyDropdownModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyDatePickerModule,\n        ThyNavModule,\n        ThyDateRange,\n        OptionalDateRanges\n    ],\n    exports: [ThyDateRange]\n})\nexport class ThyDateRangeModule {}\n","export type AttachTypes = 'day' | 'month' | 'year';\n\n/**\n * @order 20\n */\nexport class DateRangeItemInfo {\n    /**\n     * 开始时间\n     */\n    begin?: number;\n\n    /**\n     * 截止时间\n     */\n    end?: number;\n\n    /**\n     * 时间段的唯一标识，如'week'、'month'\n     */\n    key?: string;\n\n    /**\n     * 时间段的展示文本\n     */\n    text?: string;\n\n    /**\n     * 自定义时间段规则，interval为时间间隔；unit可选值有'day' | 'month' | 'year'\n     */\n    timestamp?: { interval?: number; unit?: AttachTypes };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-date-range.mjs","sources":["../../../src/date-range/optional-dates/optional-dates.component.ts","../../../src/date-range/optional-dates/optional-dates.component.html","../../../src/date-range/date-range.component.ts","../../../src/date-range/date-range.component.html","../../../src/date-range/module.ts","../../../src/date-range/date-range.class.ts","../../../src/date-range/ngx-tethys-date-range.ts"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { DateRangeItemInfo } from '../date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { FormsModule } from '@angular/forms';\nimport { ThyRangePickerDirective } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective,\n    ThyDropdownMenuItemExtendIconDirective\n} from 'ngx-tethys/dropdown';\n\n/**\n * @private\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'date-range-optional',\n    templateUrl: './optional-dates.component.html',\n    standalone: true,\n    imports: [\n        ThyDropdownMenuComponent,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuItemExtendIconDirective,\n        ThyIcon,\n        ThyRangePickerDirective,\n        FormsModule\n    ]\n})\nexport class OptionalDateRanges implements OnInit {\n    private thyPopover = inject(ThyPopover);\n\n    hiddenMenu = false;\n\n    optionalDateRanges: DateRangeItemInfo[];\n\n    customValue = '自定义';\n\n    customKey: string;\n\n    minDate: number | Date;\n\n    maxDate: number | Date;\n\n    disabledDate: (d: Date) => boolean;\n\n    selectedDateRange: (date: DateRangeItemInfo) => void;\n\n    calendarChange: (date: Date[]) => void;\n\n    selectedDate: DateRangeItemInfo;\n\n    ngOnInit() {}\n\n    _selectDateRange(dateRange: DateRangeItemInfo) {\n        this.selectedDate = dateRange;\n        this.selectedDateRange(dateRange);\n        this.thyPopover.close();\n    }\n\n    _selectedCustomDate(date: DateRangeItemInfo) {\n        this.selectedDate = {\n            begin: date.begin,\n            end: date.end,\n            key: this.customKey,\n            text: this.customValue\n        };\n        this.selectedDateRange(this.selectedDate);\n    }\n}\n","@if (!hiddenMenu) {\n  <thy-dropdown-menu thyImmediateRender class=\"thy-date-range-dropdown-menu-container\">\n    @for (dateRange of optionalDateRanges; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"_selectDateRange(dateRange)\">\n        <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n        @if (dateRange.key === selectedDate?.key) {\n          <span thyDropdownMenuItemExtendIcon>\n            <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n          </span>\n        }\n      </a>\n    }\n    <a\n      thyDropdownMenuItem\n      href=\"javascript:;\"\n      thyRangePicker\n      [(ngModel)]=\"selectedDate\"\n      [thyMinDate]=\"minDate\"\n      [thyMaxDate]=\"maxDate\"\n      [thyDisabledDate]=\"disabledDate\"\n      (ngModelChange)=\"_selectedCustomDate($event)\"\n      (thyOnCalendarChange)=\"calendarChange($event)\">\n      <span thyDropdownMenuItemName>{{ customValue }}</span>\n      @if (customKey === selectedDate?.key) {\n        <span thyDropdownMenuItemExtendIcon>\n          <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n        </span>\n      }\n    </a>\n  </thy-dropdown-menu>\n}\n","import { Component, forwardRef, OnInit, Input, ChangeDetectorRef, Output, EventEmitter, inject } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { DateRangeItemInfo } from './date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\n\nimport {\n    getUnixTime,\n    startOfISOWeek,\n    endOfISOWeek,\n    endOfMonth,\n    startOfMonth,\n    addDays,\n    addMonths,\n    addYears,\n    isSameDay,\n    endOfDay,\n    startOfDay\n} from 'date-fns';\nimport { ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { NgClass } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst allDayTimestamp = 24 * 60 * 60;\n\nconst INPUT_CONTROL_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ThyDateRange),\n    multi: true\n};\n\n/**\n * 预设时间段及自定义时间段选择组件\n * @name thy-date-range\n * @order 10\n */\n@Component({\n    selector: 'thy-date-range',\n    templateUrl: './date-range.component.html',\n    providers: [INPUT_CONTROL_VALUE_ACCESSOR],\n    standalone: true,\n    imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe]\n})\nexport class ThyDateRange implements OnInit, ControlValueAccessor {\n    private thyPopover = inject(ThyPopover);\n    private cdr = inject(ChangeDetectorRef);\n\n    /**\n     * 自定义可选值列表项\n     * @type DateRangeItemInfo[]\n     */\n    @Input()\n    set thyOptionalDateRanges(value: DateRangeItemInfo[]) {\n        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;\n    }\n\n    /**\n     * 隐藏下拉选择时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyHiddenMenu = false;\n\n    /**\n     * 禁用左右切换时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabledSwitch = false;\n\n    /**\n     * 自定义日期选择的展示文字\n     */\n    @Input() thyCustomTextValue = '自定义';\n\n    /**\n     * 自定义日期选择中可选择的最小时间\n     * @type Date | number\n     */\n    @Input() thyMinDate: Date | number;\n\n    /**\n     * 自定义日期选择中可选择的最大时间\n     * @type Date | number\n     */\n    @Input() thyMaxDate: Date | number;\n\n    /**\n     * 选中的时间段的展示形式，\n     * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；\n     * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。\n     */\n    @Input() thyCustomKey: 'custom' | 'exception' = 'custom';\n\n    /**\n     * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效\n     */\n    @Input() thyPickerFormat: string;\n\n    /**\n     * 自定义日期禁用日期\n     */\n    @Input() thyDisabledDate: (d: Date) => boolean;\n\n    /**\n     * 自定义日期选择日期回调\n     * @type EventEmitter<Date[]>\n     */\n    @Output() readonly thyOnCalendarChange = new EventEmitter<Date[]>();\n\n    public selectedDate?: DateRangeItemInfo;\n\n    public optionalDateRanges: DateRangeItemInfo[] = [\n        {\n            key: 'week',\n            text: '本周',\n            begin: getUnixTime(startOfISOWeek(new Date())),\n            end: getUnixTime(endOfISOWeek(new Date())),\n            timestamp: {\n                interval: 7,\n                unit: 'day'\n            }\n        },\n        {\n            key: 'month',\n            text: '本月',\n            begin: getUnixTime(startOfMonth(new Date())),\n            end: getUnixTime(endOfMonth(new Date())),\n            timestamp: {\n                interval: 1,\n                unit: 'month'\n            }\n        }\n    ];\n\n    public selectedDateRange: {\n        begin: number;\n        end: number;\n    };\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    writeValue(value: any): void {\n        if (value) {\n            this.selectedDate = value;\n        } else if (this.optionalDateRanges.length > 0) {\n            this.selectedDate = this.optionalDateRanges[0];\n            this.onModelChange(this.selectedDate);\n        }\n        this._setSelectedDateRange();\n        this.cdr.detectChanges();\n    }\n\n    registerOnChange(fn: any): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onModelTouched = fn;\n    }\n\n    ngOnInit() {}\n\n    private _setSelectedDateRange() {\n        this.selectedDateRange = {\n            begin: this.selectedDate.begin,\n            end: this.selectedDate.end\n        };\n    }\n\n    private _calculateNewTime(type: string) {\n        if (this.selectedDate.timestamp) {\n            const beginDate = new Date(this.selectedDate.begin * 1000);\n            const endDate = new Date(this.selectedDate.end * 1000);\n            const interval = this.selectedDate.timestamp.interval;\n\n            if (this.selectedDate.timestamp.unit === 'day') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, -1 * interval)),\n                        end: getUnixTime(addDays(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, 1 * interval)),\n                        end: getUnixTime(addDays(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'month') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addMonths(beginDate, -1 * interval)),\n                        end: getUnixTime(endOfDay(addDays(beginDate, -1))),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    const endIsEndDayOfMonth = isSameDay(endDate, endOfMonth(endDate));\n                    return {\n                        begin: getUnixTime(startOfDay(addDays(endDate, 1))),\n                        end: endIsEndDayOfMonth\n                            ? getUnixTime(endOfMonth(addMonths(endDate, 1 * interval)))\n                            : getUnixTime(addMonths(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'year') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, -1 * interval)),\n                        end: getUnixTime(addYears(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, 1 * interval)),\n                        end: getUnixTime(addYears(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            }\n        } else {\n            const interval: number = this.selectedDate.end - this.selectedDate.begin + allDayTimestamp;\n            if (type === 'previous') {\n                return {\n                    begin: this.selectedDate.begin - interval,\n                    end: this.selectedDate.end - interval,\n                    key: this.thyCustomKey\n                };\n            } else {\n                return {\n                    begin: this.selectedDate.begin + interval,\n                    end: this.selectedDate.end + interval,\n                    key: this.thyCustomKey\n                };\n            }\n        }\n    }\n\n    private _setPreviousOrNextDate(type: string) {\n        this.selectedDate = Object.assign({}, this.selectedDate, this._calculateNewTime(type));\n        this._setSelectedDateRange();\n        this.onModelChange(this.selectedDate);\n    }\n\n    public previous() {\n        this._setPreviousOrNextDate('previous');\n    }\n\n    public next() {\n        this._setPreviousOrNextDate('next');\n    }\n\n    public openOptionalDateRangesMenu(event: Event) {\n        if (this.thyHiddenMenu) {\n            return;\n        }\n        this.thyPopover.open(OptionalDateRanges, {\n            origin: event.currentTarget as HTMLElement,\n            hasBackdrop: true,\n            backdropClass: 'thy-overlay-transparent-backdrop',\n            offset: 0,\n            manualClosure: true,\n            originActiveClass: 'thy-date-range-text-active',\n            initialState: {\n                hiddenMenu: this.thyHiddenMenu,\n                optionalDateRanges: this.optionalDateRanges,\n                selectedDate: this.selectedDate,\n                minDate: this.thyMinDate,\n                maxDate: this.thyMaxDate,\n                customValue: this.thyCustomTextValue,\n                customKey: this.thyCustomKey,\n                disabledDate: this.thyDisabledDate,\n                selectedDateRange: (dateRange: DateRangeItemInfo) => {\n                    this.onModelChange(dateRange);\n                    this.selectedDate = dateRange;\n                },\n                calendarChange: (date: Date[]) => {\n                    this.thyOnCalendarChange.emit(date);\n                }\n            }\n        });\n    }\n}\n","<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }} ~ {{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat : thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyDateRange } from './date-range.component';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyDatePickerModule } from 'ngx-tethys/date-picker';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\nimport { ThyNavModule } from 'ngx-tethys/nav';\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ThyDropdownModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyDatePickerModule,\n        ThyNavModule,\n        ThyDateRange,\n        OptionalDateRanges\n    ],\n    exports: [ThyDateRange]\n})\nexport class ThyDateRangeModule {}\n","export type AttachTypes = 'day' | 'month' | 'year';\n\n/**\n * @order 20\n */\nexport class DateRangeItemInfo {\n    /**\n     * 开始时间\n     */\n    begin?: number;\n\n    /**\n     * 截止时间\n     */\n    end?: number;\n\n    /**\n     * 时间段的唯一标识，如'week'、'month'\n     */\n    key?: string;\n\n    /**\n     * 时间段的展示文本\n     */\n    text?: string;\n\n    /**\n     * 自定义时间段规则，interval为时间间隔；unit可选值有'day' | 'month' | 'year'\n     */\n    timestamp?: { interval?: number; unit?: AttachTypes };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-dialog.mjs

@@ -1,24 +1,22 @@
-import * as i1 from '@angular/cdk/overlay';
-import { OverlayModule } from '@angular/cdk/overlay';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule, ComponentPortal } from '@angular/cdk/portal';
-import { DOCUMENT, NgIf, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
+import { DOCUMENT, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, Component, ChangeDetectionStrategy, Inject, ViewChild, HostBinding, Injector, Injectable, Optional, Input, ContentChild, Output, NgModule } from '@angular/core';
-import * as i2$2 from '@angular/forms';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, Renderer2, EventEmitter, Component, ChangeDetectionStrategy, ViewChild, HostBinding, Injector, Injectable, Input, ContentChild, Output, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
 import { ThyButton, ThyButtonModule } from 'ngx-tethys/button';
 import { ThyFormDirective, ThyFormGroupFooter, ThyFormModule } from 'ngx-tethys/form';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThySharedModule } from 'ngx-tethys/shared';
-import * as i2 from 'ngx-tethys/core';
-import { ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, reqAnimFrame, ThyPortalOutlet, ThyAbstractOverlayRef, ThyAbstractInternalOverlayRef, ThyAbstractOverlayService } from 'ngx-tethys/core';
+import { ThyAbstractOverlayConfig, ThyAbstractOverlayContainer, reqAnimFrame, ThyClickPositioner, ThyPortalOutlet, ThyAbstractOverlayRef, ThyAbstractInternalOverlayRef, ThyAbstractOverlayService, ThyTranslate } from 'ngx-tethys/core';
 import { of } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
 import { filter, finalize } from 'rxjs/operators';
-import * as i3 from '@angular/cdk/a11y';
+import { FocusTrapFactory } from '@angular/cdk/a11y';
 import { state, style, transition, animate, trigger } from '@angular/animations';
-import * as i2$1 from '@angular/cdk/scrolling';
+import * as i1 from '@angular/cdk/scrolling';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { useHostRenderer } from '@tethys/cdk/dom';
@@ -178,15 +176,16 @@ class ThyDialogContainer extends ThyAbstractOverlayContainer {
             this.changeDetectorRef.markForCheck();
         });
     }
-    constructor(elementRef, document, config, changeDetectorRef, clickPositioner, focusTrapFactory, ngZone, renderer) {
+    constructor() {
+        const changeDetectorRef = inject(ChangeDetectorRef);
         super(dialogAbstractOverlayOptions, changeDetectorRef);
-        this.elementRef = elementRef;
-        this.document = document;
-        this.config = config;
-        this.clickPositioner = clickPositioner;
-        this.focusTrapFactory = focusTrapFactory;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
+        this.elementRef = inject(ElementRef);
+        this.document = inject(DOCUMENT);
+        this.config = inject(ThyDialogConfig);
+        this.clickPositioner = inject(ThyClickPositioner);
+        this.focusTrapFactory = inject(FocusTrapFactory);
+        this.ngZone = inject(NgZone);
+        this.renderer = inject(Renderer2);
         /** State of the dialog animation. */
         this.animationState = 'void';
         /** Emits when an animation state changes. */
@@ -231,7 +230,7 @@ class ThyDialogContainer extends ThyAbstractOverlayContainer {
     ngOnDestroy() {
         super.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: ThyDialogConfig }, { token: i0.ChangeDetectorRef }, { token: i2.ThyClickPositioner }, { token: i3.FocusTrapFactory }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyDialogContainer, isStandalone: true, selector: "thy-dialog-container", host: { attributes: { "tabindex": "-1", "aria-modal": "true" }, listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "attr.id": "this.id", "attr.role": "config.role", "attr.aria-labelledby": "config.ariaLabel ? null : ariaLabelledBy", "attr.aria-label": "config.ariaLabel", "attr.aria-describedby": "config.ariaDescribedBy || null", "@dialogContainer": "animationState" }, classAttribute: "thy-dialog-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template thyPortalOutlet></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thyDialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogContainer, decorators: [{
@@ -259,10 +258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     standalone: true,
                     imports: [PortalModule, ThyPortalOutlet]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: ThyDialogConfig }, { type: i0.ChangeDetectorRef }, { type: i2.ThyClickPositioner }, { type: i3.FocusTrapFactory }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { portalOutlet: [{
+        }], ctorParameters: () => [], propDecorators: { portalOutlet: [{
                 type: ViewChild,
                 args: [ThyPortalOutlet, { static: true }]
             }], id: [{
@@ -345,9 +341,13 @@ class ThyDialog extends ThyAbstractOverlayService {
         }
         return Injector.create({ parent: userInjector || this.injector, providers: injectionTokens });
     }
-    constructor(overlay, injector, defaultConfig, clickPositioner, confirmComponentType) {
+    constructor() {
+        const overlay = inject(Overlay);
+        const injector = inject(Injector);
+        const defaultConfig = inject(THY_DIALOG_DEFAULT_OPTIONS, { optional: true });
+        const clickPositioner = inject(ThyClickPositioner);
         super(dialogAbstractOverlayOptions, overlay, injector, defaultConfig);
-        this.confirmComponentType = confirmComponentType;
+        this.confirmComponentType = inject(THY_CONFIRM_COMPONENT_TOKEN);
         clickPositioner.initialize();
     }
     /**
@@ -398,20 +398,12 @@ class ThyDialog extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialog, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: THY_DIALOG_DEFAULT_OPTIONS, optional: true }, { token: i2.ThyClickPositioner }, { token: THY_CONFIRM_COMPONENT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialog, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialog }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialog, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }, { type: ThyDialogConfig, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [THY_DIALOG_DEFAULT_OPTIONS]
-                }] }, { type: i2.ThyClickPositioner }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [THY_CONFIRM_COMPONENT_TOKEN]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 模态框的主体组件
@@ -419,6 +411,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 50
  */
 class ThyDialogBody {
+    constructor() {
+        this.dialog = inject(ThyDialog);
+        this._isDialogBody = true;
+        this.thyClearPaddingClassName = false;
+    }
     /**
      * 清除间距
      * @default false
@@ -426,14 +423,9 @@ class ThyDialogBody {
     set thyClearPadding(value) {
         this.thyClearPaddingClassName = value;
     }
-    constructor(dialog) {
-        this.dialog = dialog;
-        this._isDialogBody = true;
-        this.thyClearPaddingClassName = false;
-    }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogBody, deps: [{ token: ThyDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: ["thyClearPadding", "thyClearPadding", coerceBooleanProperty] }, host: { properties: { "class.dialog-body": "this._isDialogBody", "class.dialog-body-clear-padding": "this.thyClearPaddingClassName" } }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i2$1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyDialogBody, isStandalone: true, selector: "thy-dialog-body", inputs: { thyClearPadding: ["thyClearPadding", "thyClearPadding", coerceBooleanProperty] }, host: { properties: { "class.dialog-body": "this._isDialogBody", "class.dialog-body-clear-padding": "this.thyClearPaddingClassName" } }, exportAs: ["thyDialogBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogBody, decorators: [{
             type: Component,
@@ -445,7 +437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     standalone: true,
                     hostDirectives: [CdkScrollable]
                 }]
-        }], ctorParameters: () => [{ type: ThyDialog }], propDecorators: { _isDialogBody: [{
+        }], propDecorators: { _isDialogBody: [{
                 type: HostBinding,
                 args: [`class.dialog-body`]
             }], thyClearPaddingClassName: [{
@@ -475,6 +467,16 @@ const THY_CONFIRM_DEFAULT_OPTIONS_PROVIDER = {
  * @order 40
  */
 class ThyDialogHeader {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.dialog = inject(ThyDialog);
+        this.translate = inject(ThyTranslate);
+        this.dialogContainer = inject(ThyDialogContainer, { optional: true });
+        /**
+         * 关闭事件
+         */
+        this.thyOnClose = new EventEmitter();
+    }
     /**
      * 标题的多语言 Key
      */
@@ -483,16 +485,6 @@ class ThyDialogHeader {
             this.thyTitle = this.translate.instant(key);
         }
     }
-    constructor(elementRef, dialog, translate, dialogContainer) {
-        this.elementRef = elementRef;
-        this.dialog = dialog;
-        this.translate = translate;
-        this.dialogContainer = dialogContainer;
-        /**
-         * 关闭事件
-         */
-        this.thyOnClose = new EventEmitter();
-    }
     ngOnInit() {
         if (!this.dialogContainer) {
             // When this directive is included in a dialog via TemplateRef (rather than being
@@ -519,8 +511,8 @@ class ThyDialogHeader {
             this.dialog.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogHeader, deps: [{ token: i0.ElementRef }, { token: ThyDialog }, { token: i2.ThyTranslate }, { token: ThyDialogContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: "thyTitle", thySize: "thySize", thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyTitleTranslationKey: "thyTitleTranslationKey", thyIcon: "thyIcon" }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize === 'lg'", "class.thy-dialog-header-divided": "thyDivided" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "<ng-container *ngIf=\"headerTemplate; else defaultHeader\">\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n</ng-container>\n<ng-template #defaultHeader>\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyDialogHeader, isStandalone: true, selector: "thy-dialog-header", inputs: { thyTitle: "thyTitle", thySize: "thySize", thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyTitleTranslationKey: "thyTitleTranslationKey", thyIcon: "thyIcon" }, outputs: { thyOnClose: "thyOnClose" }, host: { properties: { "class.thy-dialog-header-lg": "thySize === 'lg'", "class.thy-dialog-header-divided": "thyDivided" }, classAttribute: "dialog-header thy-dialog-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["dialogHeader"], descendants: true }], exportAs: ["thyDialogHeader"], ngImport: i0, template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogHeader, decorators: [{
             type: Component,
@@ -528,10 +520,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         class: 'dialog-header thy-dialog-header',
                         '[class.thy-dialog-header-lg]': `thySize === 'lg'`,
                         '[class.thy-dialog-header-divided]': `thyDivided`
-                    }, standalone: true, imports: [NgIf, NgTemplateOutlet, ThyIcon, ThyAction], template: "<ng-container *ngIf=\"headerTemplate; else defaultHeader\">\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n</ng-container>\n<ng-template #defaultHeader>\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ThyDialog }, { type: i2.ThyTranslate }, { type: ThyDialogContainer, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { headerTemplate: [{
+                    }, standalone: true, imports: [NgTemplateOutlet, ThyIcon, ThyAction], template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h3 class=\"dialog-title\"><thy-icon [thyIconName]=\"thyIcon\"></thy-icon>{{ thyTitle }}</h3>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"close($event)\"></a>\n}\n" }]
+        }], propDecorators: { headerTemplate: [{
                 type: ContentChild,
                 args: ['dialogHeader']
             }], thyTitle: [{
@@ -553,10 +543,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class ThyConfirm {
-    constructor(dialogRef, changeDetectorRef, defaultConfig) {
-        this.dialogRef = dialogRef;
-        this.changeDetectorRef = changeDetectorRef;
-        this.defaultConfig = defaultConfig;
+    constructor() {
+        this.dialogRef = inject(ThyDialogRef);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.defaultConfig = inject(THY_CONFIRM_DEFAULT_OPTIONS);
         this.defaultConfig = { ...THY_CONFIRM_DEFAULT_OPTIONS_VALUE, ...this.defaultConfig };
     }
     ngOnInit() {
@@ -593,16 +583,13 @@ class ThyConfirm {
         this.dialogRef.close();
     }
     ngOnDestroy() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyConfirm, deps: [{ token: ThyDialogRef }, { token: i0.ChangeDetectorRef }, { token: THY_CONFIRM_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: "options" }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyConfirm, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyConfirm, isStandalone: true, selector: "thy-confirm-default", inputs: { options: "options" }, ngImport: i0, template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n", dependencies: [{ kind: "component", type: ThyDialogHeader, selector: "thy-dialog-header", inputs: ["thyTitle", "thySize", "thyDivided", "thyTitleTranslationKey", "thyIcon"], outputs: ["thyOnClose"], exportAs: ["thyDialogHeader"] }, { kind: "component", type: ThyDialogBody, selector: "thy-dialog-body", inputs: ["thyClearPadding"], exportAs: ["thyDialogBody"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyConfirm, decorators: [{
             type: Component,
             args: [{ selector: 'thy-confirm-default', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyDialogHeader, ThyDialogBody, FormsModule, ThyFormDirective, ThyFormGroupFooter, NgClass, ThyButton], template: "<thy-dialog-header [thyTitle]=\"title || 'Install Angular'\" (thyOnClose)=\"close()\"> </thy-dialog-header>\n<thy-dialog-body class=\"thy-form\">\n  <form thyForm name=\"thyConfirm\" thyLayout=\"vertical\">\n    <div class=\"form-group\">\n      <p [innerHTML]=\"content\"></p>\n    </div>\n    <thy-form-group-footer [thyAlign]=\"footerAlign\">\n      <div class=\"thy-confirm-footer\" [ngClass]=\"'thy-confirm-footer-' + footerAlign\">\n        <button [thyButton]=\"okType\" (click)=\"confirm()\" [thyLoading]=\"loading\" [thyLoadingText]=\"okLoadingText\">{{ okText }}</button>\n        <button thyButton=\"link-secondary\" (click)=\"close()\" class=\"thy-confirm-cancel\">{{ cancelText }}</button>\n      </div>\n    </thy-form-group-footer>\n  </form>\n</thy-dialog-body>\n" }]
-        }], ctorParameters: () => [{ type: ThyDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [THY_CONFIRM_DEFAULT_OPTIONS]
-                }] }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }] } });
 
@@ -623,8 +610,8 @@ class ThyDialogFooter {
     get align() {
         return !!this.thyAlign ? this.thyAlign : this.dialogLayoutConfig.footerAlign;
     }
-    constructor(dialogLayoutConfig) {
-        this.dialogLayoutConfig = dialogLayoutConfig;
+    constructor() {
+        this.dialogLayoutConfig = inject(THY_DIALOG_LAYOUT_CONFIG);
         this.hostRenderer = useHostRenderer();
         this.divided = this.dialogLayoutConfig.footerDivided;
     }
@@ -635,16 +622,13 @@ class ThyDialogFooter {
             'dialog-footer-border-top': this.divided
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogFooter, deps: [{ token: THY_DIALOG_LAYOUT_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyAlign: "thyAlign" }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n<div class=\"dialog-footer-description\" *ngIf=\"description\">\n  <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyDialogFooter, isStandalone: true, selector: "thy-dialog-footer", inputs: { thyDivided: ["thyDivided", "thyDivided", coerceBooleanProperty], thyAlign: "thyAlign" }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], exportAs: ["thyDialogFooter"], ngImport: i0, template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDialogFooter, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-dialog-footer', exportAs: 'thyDialogFooter', standalone: true, imports: [NgIf, NgTemplateOutlet], template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n<div class=\"dialog-footer-description\" *ngIf=\"description\">\n  <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: ThyDialogLayoutConfig, decorators: [{
-                    type: Inject,
-                    args: [THY_DIALOG_LAYOUT_CONFIG]
-                }] }], propDecorators: { description: [{
+            args: [{ selector: 'thy-dialog-footer', exportAs: 'thyDialogFooter', standalone: true, imports: [NgTemplateOutlet], template: "<div class=\"dialog-footer-actions btn-pair\">\n  <ng-content></ng-content>\n</div>\n@if (description) {\n  <div class=\"dialog-footer-description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { description: [{
                 type: ContentChild,
                 args: ['description']
             }], thyDivided: [{