import { Component, HostListener, Input, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./lib/timepicker-panel.component";
import * as i3 from "./lib/footer-panel.component";
import * as i4 from "./lib/calendar-panel.component";
import * as i5 from "./lib/month-panel.component";
import * as i6 from "./lib/year-panel.component";
export class DatepickerPanelComponent {
    constructor() {
        this.mode = 'date';
    }
    onClick(event) {
        event.stopPropagation();
    }
}
DatepickerPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DatepickerPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DatepickerPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: DatepickerPanelComponent, selector: "d-datepicker-panel", inputs: { isRangeType: "isRangeType", showTime: "showTime", showCustom: "showCustom", customTemplate: "customTemplate", footerTemplate: "footerTemplate", mode: "mode" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"devui-datepicker-pro-panel\">\n  <ng-container *ngIf=\"mode === 'date' || !mode\">\n    <d-calendar-panel [isRangeType]=\"isRangeType\"> </d-calendar-panel>\n    <d-timepicker-panel *ngIf=\"showTime\"></d-timepicker-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"showTime || footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'month'\">\n    <d-month-panel [isRangeType]=\"isRangeType\"></d-month-panel>\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'year'\">\n    <d-year-panel [isRangeType]=\"isRangeType\"></d-year-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'week' && isRangeType === true\">\n    <d-calendar-panel [isRangeType]=\"true\" [isWeekSelect]=\"true\"> </d-calendar-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n</div>\n", styles: [".devui-custom-panel-wrapper{display:inline-block;vertical-align:top;text-align:center;height:305px;font-size:12px;border-left:1px solid #f2f2f3;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-datepicker-pro-panel{width:-webkit-max-content;width:-moz-max-content;width:max-content}:host{font-size:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TimepickerPanelComponent, selector: "d-timepicker-panel" }, { kind: "component", type: i3.FooterPanelComponent, selector: "d-datepicker-footer-panel", inputs: ["footerTemplate"] }, { kind: "component", type: i4.CalendarPanelComponent, selector: "d-calendar-panel", inputs: ["isRangeType", "isWeekSelect"] }, { kind: "component", type: i5.MonthPanelComponent, selector: "d-month-panel", inputs: ["isRangeType"] }, { kind: "component", type: i6.YearPanelComponent, selector: "d-year-panel", inputs: ["isRangeType"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DatepickerPanelComponent, decorators: [{
            type: Component,
            args: [{ selector: 'd-datepicker-panel', preserveWhitespaces: false, template: "<div class=\"devui-datepicker-pro-panel\">\n  <ng-container *ngIf=\"mode === 'date' || !mode\">\n    <d-calendar-panel [isRangeType]=\"isRangeType\"> </d-calendar-panel>\n    <d-timepicker-panel *ngIf=\"showTime\"></d-timepicker-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"showTime || footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'month'\">\n    <d-month-panel [isRangeType]=\"isRangeType\"></d-month-panel>\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'year'\">\n    <d-year-panel [isRangeType]=\"isRangeType\"></d-year-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n\n  <ng-container *ngIf=\"mode === 'week' && isRangeType === true\">\n    <d-calendar-panel [isRangeType]=\"true\" [isWeekSelect]=\"true\"> </d-calendar-panel>\n\n    <div class=\"devui-custom-panel-wrapper\" *ngIf=\"customTemplate\">\n      <ng-template [ngTemplateOutlet]=\"customTemplate\"> </ng-template>\n    </div>\n\n    <d-datepicker-footer-panel *ngIf=\"footerTemplate\" [footerTemplate]=\"footerTemplate\"></d-datepicker-footer-panel>\n  </ng-container>\n</div>\n", styles: [".devui-custom-panel-wrapper{display:inline-block;vertical-align:top;text-align:center;height:305px;font-size:12px;border-left:1px solid #f2f2f3;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-datepicker-pro-panel{width:-webkit-max-content;width:-moz-max-content;width:max-content}:host{font-size:0}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { isRangeType: [{
                type: Input
            }], showTime: [{
                type: Input
            }], showCustom: [{
                type: Input
            }], customTemplate: [{
                type: Input
            }], footerTemplate: [{
                type: Input
            }], mode: [{
                type: Input
            }], onClick: [{
                type: HostListener,
                args: ['click', ['$event']]
            }] } });
//# sourceMappingURL=data:application/json;base64, 