{"__symbolic":"module","version":4,"metadata":{"CustomizeRangePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"clink-customize-range-picker","exportAs":"ClinkCustomizeRangePicker","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":21},"multi":true,"useExisting":{"__symbolic":"reference","name":"CustomizeRangePickerComponent"}}],"template":"<nz-range-picker\r\n    *ngIf=\"!convenientPicker\"\r\n    style=\"width: 100%\"\r\n    #comp\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"_nzModelChange($event)\"\r\n    [nzAllowClear]=\"nzAllowClear\"\r\n    [nzAutoFocus]=\"nzAutoFocus\"\r\n    [ngClass]=\"nzClassName\"\r\n    [nzDisabled]=\"nzDisabled\"\r\n    [nzSize]=\"nzSize\"\r\n    [nzDisabledDate]=\"nzDisabledDate\"\r\n    [nzLocale]=\"nzLocale\"\r\n    [nzPopupStyle]=\"nzPopupStyle\"\r\n    [nzDropdownClassName]=\"nzDropdownClassName\"\r\n    [ngStyle]=\"nzStyle\"\r\n    [nzPlaceHolder]=\"nzPlaceHolder\"\r\n    (nzOnOpenChange)=\"_nzOnOpenChange($event)\"\r\n    [nzDateRender]=\"nzDateRender\"\r\n    [nzDisabledTime]=\"nzDisabledTime\"\r\n    [nzFormat]=\"nzFormat\"\r\n    [nzRenderExtraFooter]=\"nzRenderExtraFooter || (shortcut?.enabled ? shortcutTpl : null)\"\r\n    [nzShowTime]=\"nzShowTime\"\r\n    [nzShowToday]=\"nzShowToday\"\r\n    [nzMode]=\"nzMode\"\r\n    [nzRanges]=\"nzRanges\"\r\n    (nzOnPanelChange)=\"_nzOnPanelChange($event)\"\r\n    (nzOnOk)=\"_nzOnOk($event)\"\r\n    [nzDefaultPickerValue]=\"nzDefaultPickerValue\"\r\n></nz-range-picker>\r\n<ng-template #shortcutTpl>\r\n    <span [ngClass]=\"{ 'shortcut-wrap': convenientPicker }\">\r\n        <a\r\n            class=\"shortcut-date\"\r\n            *ngFor=\"let i of shortcut?.list; let first = first\"\r\n            (click)=\"clickShortcut(i)\"\r\n            [innerHTML]=\"i._text\"\r\n            [ngClass]=\"{ 'ml-sm': !first, convenientPicker: convenientPicker, selected: convenientPicker && i.text === selectedValue }\"\r\n        ></a>\r\n    </span>\r\n</ng-template>\r\n<div\r\n    class=\"select-range\"\r\n    #selectRange\r\n    *ngIf=\"convenientPicker\"\r\n    nzPopoverTrigger=\"click\"\r\n    nzPopoverPlacement=\"bottomLeft\"\r\n    nz-popover\r\n    [(nzPopoverVisible)]=\"convenientVisible\"\r\n    [nzPopoverContent]=\"shortcutTpl\"\r\n>\r\n    {{ selectedValue }}\r\n</div>\r\n","styles":[".customize-range-picker{display:inline-block}.shortcut-wrap{display:flex;flex-wrap:wrap;width:200px;padding:10px 0 0 10px}.shortcut-wrap .shortcut-date{width:160px;background:#f5f5f5;border:1px solid #f5f5f5;color:#08c;border-radius:4px;font-size:13px;padding:3px 12px;margin-bottom:8px;cursor:pointer}.shortcut-wrap .selected{background-color:#08c;color:#f5f5f5;border-color:#08c}.shortcut-date{margin-right:10px}.select-range{width:100%;height:29px;border:1px solid #dce7f0;font-size:12px;color:#999;line-height:29px;padding-left:5px}"]}]}],"members":{"comp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["comp",{"static":false}]}]}],"actionTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"shortcut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"ngModelEndChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":5}}]}],"nzDefaultPickerValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"nzAllowClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"nzAutoFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"nzClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"nzStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"nzDisabledDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"nzLocale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"nzPopupStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"nzDropdownClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"nzPlaceHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"nzOnOpenChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":5}}]}],"nzDateRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"nzFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"nzDisabledTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"nzRenderExtraFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"nzShowTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"nzShowToday":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@delon/util","name":"InputBoolean","line":83,"character":14}}]}],"nzMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"nzRanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"convenientPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"nzOnPanelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":5}}]}],"nzOnOk":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":5}}]}],"nzModelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":91,"character":29},{"__symbolic":"reference","module":"@delon/util","name":"AlainConfigService","line":91,"character":54}]}],"_nzOnOpenChange":[{"__symbolic":"method"}],"_nzOnPanelChange":[{"__symbolic":"method"}],"_nzOnOk":[{"__symbolic":"method"}],"_nzModelChange":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"clickShortcut":[{"__symbolic":"method"}]}},"CustomizeRangePickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CustomizeRangePickerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8},{"__symbolic":"reference","module":"ng-zorro-antd/date-picker","name":"NzDatePickerModule","line":11,"character":8}],"exports":[{"__symbolic":"reference","name":"CustomizeRangePickerComponent"}]}]}],"members":{}}},"origins":{"CustomizeRangePickerComponent":"./customize-range-picker.component","CustomizeRangePickerModule":"./customize-range-picker.module"},"importAs":"clink-ui-x/customize-range-picker"}