init

node_modules/ng-zorro-antd/calendar/index.d.ts

@@ -0,0 +1,133 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
+import { CandyDate } from 'ng-zorro-antd/core/time';
+import { NzSelectSizeType } from 'ng-zorro-antd/select';
+import { Direction } from '@angular/cdk/bidi';
+import { ControlValueAccessor } from '@angular/forms';
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzCalendarHeaderComponent implements OnInit, OnChanges {
+    private readonly dateHelper;
+    private readonly i18n;
+    mode: 'month' | 'year';
+    fullscreen: boolean;
+    activeDate: CandyDate;
+    nzCustomHeader?: string | TemplateRef<void>;
+    readonly modeChange: EventEmitter<"month" | "year">;
+    readonly yearChange: EventEmitter<number>;
+    readonly monthChange: EventEmitter<number>;
+    yearOffset: number;
+    yearTotal: number;
+    years: Array<{
+        label: string;
+        value: number;
+    }>;
+    months: Array<{
+        label: string;
+        value: number;
+    }>;
+    get activeYear(): number;
+    get activeMonth(): number;
+    get size(): NzSelectSizeType;
+    get yearTypeText(): string;
+    get monthTypeText(): string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    updateYear(year: number): void;
+    private setUpYears;
+    private setUpMonths;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCalendarHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzCalendarHeaderComponent, "nz-calendar-header", ["nzCalendarHeader"], { "mode": { "alias": "mode"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "nzCustomHeader": { "alias": "nzCustomHeader"; "required": false; }; }, { "modeChange": "modeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; }, never, never, true, never>;
+    static ngAcceptInputType_fullscreen: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+type NzCalendarMode = 'month' | 'year';
+type NzCalendarDateTemplate = TemplateRef<{
+    $implicit: Date;
+}>;
+declare class NzCalendarComponent implements ControlValueAccessor, OnChanges, OnInit {
+    private cdr;
+    private directionality;
+    private destroyRef;
+    activeDate: CandyDate;
+    prefixCls: string;
+    dir: Direction;
+    private onChangeFn;
+    private onTouchFn;
+    nzMode: NzCalendarMode;
+    nzValue?: Date;
+    nzDisabledDate?: (date: Date) => boolean;
+    readonly nzModeChange: EventEmitter<NzCalendarMode>;
+    readonly nzPanelChange: EventEmitter<{
+        date: Date;
+        mode: NzCalendarMode;
+    }>;
+    readonly nzSelectChange: EventEmitter<Date>;
+    readonly nzValueChange: EventEmitter<Date>;
+    /**
+     * Cannot use @Input and @ContentChild on one variable
+     * because { static: false } will make @Input property get delayed
+     **/
+    nzDateCell?: NzCalendarDateTemplate;
+    nzDateCellChild?: NzCalendarDateTemplate;
+    get dateCell(): NzCalendarDateTemplate;
+    nzDateFullCell?: NzCalendarDateTemplate;
+    nzDateFullCellChild?: NzCalendarDateTemplate;
+    get dateFullCell(): NzCalendarDateTemplate;
+    nzMonthCell?: NzCalendarDateTemplate;
+    nzMonthCellChild?: NzCalendarDateTemplate;
+    get monthCell(): NzCalendarDateTemplate;
+    nzMonthFullCell?: NzCalendarDateTemplate;
+    nzMonthFullCellChild?: NzCalendarDateTemplate;
+    get monthFullCell(): NzCalendarDateTemplate;
+    nzCustomHeader?: string | TemplateRef<void>;
+    nzFullscreen: boolean;
+    ngOnInit(): void;
+    onModeChange(mode: NzCalendarMode): void;
+    onYearSelect(year: number): void;
+    onMonthSelect(month: number): void;
+    onDateSelect(date: CandyDate): void;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (date: Date) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private updateDate;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzCalendarComponent, "nz-calendar", ["nzCalendar"], { "nzMode": { "alias": "nzMode"; "required": false; }; "nzValue": { "alias": "nzValue"; "required": false; }; "nzDisabledDate": { "alias": "nzDisabledDate"; "required": false; }; "nzDateCell": { "alias": "nzDateCell"; "required": false; }; "nzDateFullCell": { "alias": "nzDateFullCell"; "required": false; }; "nzMonthCell": { "alias": "nzMonthCell"; "required": false; }; "nzMonthFullCell": { "alias": "nzMonthFullCell"; "required": false; }; "nzCustomHeader": { "alias": "nzCustomHeader"; "required": false; }; "nzFullscreen": { "alias": "nzFullscreen"; "required": false; }; }, { "nzModeChange": "nzModeChange"; "nzPanelChange": "nzPanelChange"; "nzSelectChange": "nzSelectChange"; "nzValueChange": "nzValueChange"; }, ["nzDateCellChild", "nzDateFullCellChild", "nzMonthCellChild", "nzMonthFullCellChild"], never, true, never>;
+    static ngAcceptInputType_nzFullscreen: unknown;
+}
+
+declare class NzDateCellDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzDateCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzDateCellDirective, "[nzDateCell]", ["nzDateCell"], {}, {}, never, never, true, never>;
+}
+declare class NzMonthCellDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzMonthCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzMonthCellDirective, "[nzMonthCell]", ["nzMonthCell"], {}, {}, never, never, true, never>;
+}
+declare class NzDateFullCellDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzDateFullCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzDateFullCellDirective, "[nzDateFullCell]", ["nzDateFullCell"], {}, {}, never, never, true, never>;
+}
+declare class NzMonthFullCellDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzMonthFullCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzMonthFullCellDirective, "[nzMonthFullCell]", ["nzMonthFullCell"], {}, {}, never, never, true, never>;
+}
+
+declare class NzCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzCalendarModule, never, [typeof NzCalendarHeaderComponent, typeof NzCalendarComponent, typeof NzDateCellDirective, typeof NzDateFullCellDirective, typeof NzMonthCellDirective, typeof NzMonthFullCellDirective], [typeof NzCalendarComponent, typeof NzDateCellDirective, typeof NzDateFullCellDirective, typeof NzMonthCellDirective, typeof NzMonthFullCellDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzCalendarModule>;
+}
+
+export { NzCalendarComponent, NzCalendarHeaderComponent, NzCalendarModule, NzDateCellDirective, NzDateFullCellDirective, NzMonthCellDirective, NzMonthFullCellDirective };
+export type { NzCalendarMode };

node_modules/ng-zorro-antd/calendar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/ng-zorro-antd-calendar.mjs"
+}

node_modules/ng-zorro-antd/calendar/style/entry.less

@@ -0,0 +1,4 @@
+@import './index.less';
+// style dependencies
+@import '../../select/style/entry.less';
+@import '../../radio/style/entry.less';

node_modules/ng-zorro-antd/calendar/style/index.less

@@ -0,0 +1,196 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@calendar-prefix-cls: ~'@{ant-prefix}-picker-calendar';
+@calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';
+
+.@{calendar-prefix-cls} {
+  .reset-component();
+  background: @calendar-full-bg;
+
+  // ========================= Header =========================
+  &-header {
+    display: flex;
+    justify-content: flex-end;
+    padding: @padding-sm 0;
+
+    .@{calendar-prefix-cls}-year-select {
+      min-width: 80px;
+    }
+
+    .@{calendar-prefix-cls}-month-select {
+      min-width: 70px;
+      margin-left: @padding-xs;
+    }
+
+    .@{calendar-prefix-cls}-mode-switch {
+      margin-left: @padding-xs;
+    }
+  }
+
+  .@{calendar-picker-prefix-cls}-panel {
+    background: @calendar-full-panel-bg;
+    border: 0;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    border-radius: 0;
+
+    .@{calendar-picker-prefix-cls}-month-panel,
+    .@{calendar-picker-prefix-cls}-date-panel {
+      width: auto;
+    }
+
+    .@{calendar-picker-prefix-cls}-body {
+      padding: @padding-xs 0;
+    }
+
+    .@{calendar-picker-prefix-cls}-content {
+      width: 100%;
+    }
+  }
+
+  // ========================== Mini ==========================
+  &-mini {
+    border-radius: @border-radius-base;
+
+    .@{calendar-picker-prefix-cls}-calendar-header {
+      padding-right: @padding-xs;
+      padding-left: @padding-xs;
+    }
+
+    .@{calendar-picker-prefix-cls}-panel {
+      border-radius: 0 0 @border-radius-base @border-radius-base;
+    }
+
+    .@{calendar-picker-prefix-cls}-content {
+      height: 256px;
+
+      th {
+        height: auto;
+        padding: 0;
+        line-height: 18px;
+      }
+    }
+
+    .@{calendar-picker-prefix-cls}-cell::before {
+      pointer-events: none;
+    }
+  }
+
+  // ========================== Full ==========================
+  &-full {
+    .@{calendar-picker-prefix-cls}-panel {
+      display: block;
+      width: 100%;
+      text-align: right;
+      background: @calendar-full-bg;
+      border: 0;
+
+      .@{calendar-picker-prefix-cls}-body {
+        th,
+        td {
+          padding: 0;
+        }
+
+        th {
+          height: auto;
+          padding: 0 12px 5px 0;
+          line-height: 18px;
+        }
+      }
+
+      // Cell
+      .@{calendar-picker-prefix-cls}-cell {
+        &::before {
+          display: none;
+        }
+
+        &:hover {
+          .@{calendar-prefix-cls}-date {
+            background: @item-hover-bg;
+          }
+        }
+
+        .@{calendar-prefix-cls}-date-today::before {
+          display: none;
+        }
+
+        &-selected,
+        &-selected:hover {
+          .@{calendar-prefix-cls}-date,
+          .@{calendar-prefix-cls}-date-today {
+            background: @calendar-item-active-bg;
+
+            .@{calendar-prefix-cls}-date-value {
+              color: @primary-color;
+            }
+          }
+        }
+      }
+
+      // Cell date
+      .@{calendar-prefix-cls}-date {
+        display: block;
+        width: auto;
+        height: auto;
+        margin: 0 (@padding-xs / 2);
+        padding: (@padding-xs / 2) @padding-xs 0;
+        border: 0;
+        border-top: 2px solid @border-color-split;
+        border-radius: 0;
+        transition: background 0.3s;
+
+        &-value {
+          line-height: 24px;
+          transition: color 0.3s;
+        }
+
+        &-content {
+          position: static;
+          width: auto;
+          height: 86px;
+          overflow-y: auto;
+          color: @text-color;
+          line-height: @line-height-base;
+          text-align: left;
+        }
+
+        &-today {
+          border-color: @primary-color;
+
+          .@{calendar-prefix-cls}-date-value {
+            color: @text-color;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: @screen-xs) {
+  .@{calendar-prefix-cls} {
+    &-header {
+      display: block;
+
+      .@{calendar-prefix-cls}-year-select {
+        width: 50%;
+      }
+
+      .@{calendar-prefix-cls}-month-select {
+        width: ~'calc(50% - @{padding-xs})';
+      }
+
+      .@{calendar-prefix-cls}-mode-switch {
+        width: 100%;
+        margin-top: @padding-xs;
+        margin-left: 0;
+
+        > label {
+          width: 50%;
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+
+@import './rtl';

node_modules/ng-zorro-antd/calendar/style/rtl.less

@@ -0,0 +1,46 @@
+.@{calendar-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-header {
+    .@{calendar-prefix-cls}-month-select {
+      .@{calendar-prefix-cls}-rtl & {
+        margin-right: @padding-xs;
+        margin-left: 0;
+      }
+    }
+
+    .@{calendar-prefix-cls}-mode-switch {
+      .@{calendar-prefix-cls}-rtl & {
+        margin-right: @padding-xs;
+        margin-left: 0;
+      }
+    }
+  }
+
+  // ========================== Full ==========================
+  &-full {
+    .@{calendar-picker-prefix-cls}-panel {
+      .@{calendar-prefix-cls}-rtl& {
+        text-align: left;
+      }
+
+      .@{calendar-picker-prefix-cls}-body {
+        th {
+          .@{calendar-prefix-cls}-rtl& {
+            padding: 0 0 5px 12px;
+          }
+        }
+      }
+
+      .@{calendar-prefix-cls}-date {
+        &-content {
+          .@{calendar-prefix-cls}-rtl& {
+            text-align: right;
+          }
+        }
+      }
+    }
+  }
+}