mis-crystal-design-system 14.0.44-test8 → 14.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/async-search-dropdown/async-dropdown.component.d.ts +0 -1
- package/async-search-dropdown/async-dropdown.module.d.ts +1 -2
- package/datepicker_v2/datepicker.module.d.ts +1 -2
- package/datepicker_v2/tz-datepicker.directive.d.ts +0 -2
- package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +0 -2
- package/daterangepicker_v2/daterangepicker.module.d.ts +1 -2
- package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +0 -2
- package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +0 -2
- package/dropdown/dropdown.component.d.ts +0 -1
- package/dropdown/dropdown.module.d.ts +1 -2
- package/dynamic-form/dynamic-form.component.d.ts +3 -1
- package/dynamic-form/dynamic-form.namespace.d.ts +1 -0
- package/esm2020/async-search-dropdown/async-dropdown.component.mjs +48 -60
- package/esm2020/async-search-dropdown/async-dropdown.module.mjs +4 -5
- package/esm2020/checkbox/checkbox.component.mjs +4 -4
- package/esm2020/chip/chip.component.mjs +14 -14
- package/esm2020/datepicker_v2/datepicker.module.mjs +4 -5
- package/esm2020/datepicker_v2/tz-datepicker.directive.mjs +2 -21
- package/esm2020/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +40 -55
- package/esm2020/daterangepicker_v2/daterangepicker.module.mjs +4 -5
- package/esm2020/daterangepicker_v2/tz-daterangepicker.directive.mjs +2 -21
- package/esm2020/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +67 -88
- package/esm2020/dropdown/dropdown.component.mjs +38 -52
- package/esm2020/dropdown/dropdown.module.mjs +4 -5
- package/esm2020/dynamic-form/dynamic-form.component.mjs +84 -61
- package/esm2020/dynamic-form/dynamic-form.namespace.mjs +1 -1
- package/esm2020/mobile-filter/mobile-filter.component.mjs +16 -18
- package/esm2020/radio-button/radio-button.component.mjs +4 -4
- package/esm2020/table/table.component.mjs +2 -2
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs +50 -65
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-checkbox.mjs +3 -3
- package/fesm2015/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-chip.mjs +13 -13
- package/fesm2015/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs +43 -80
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs +70 -113
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-dropdown.mjs +40 -57
- package/fesm2015/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs +86 -60
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs +15 -17
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-radio-button.mjs +3 -3
- package/fesm2015/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-table.mjs +2 -2
- package/fesm2015/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs +50 -63
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-checkbox.mjs +3 -3
- package/fesm2020/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-chip.mjs +13 -13
- package/fesm2020/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-datepicker_v2.mjs +43 -78
- package/fesm2020/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs +70 -111
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-dropdown.mjs +40 -55
- package/fesm2020/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-dynamic-form.mjs +83 -60
- package/fesm2020/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs +15 -17
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-radio-button.mjs +3 -3
- package/fesm2020/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-table.mjs +2 -2
- package/fesm2020/mis-crystal-design-system-table.mjs.map +1 -1
- package/package.json +1 -1
- package/table/filter/filter.component.d.ts +1 -1
|
@@ -5,7 +5,7 @@ import { CommonModule } from '@angular/common';
|
|
|
5
5
|
|
|
6
6
|
function ChipComponent_img_1_Template(rf, ctx) {
|
|
7
7
|
if (rf & 1) {
|
|
8
|
-
i0.ɵɵelement(0, "img",
|
|
8
|
+
i0.ɵɵelement(0, "img", 4);
|
|
9
9
|
}
|
|
10
10
|
if (rf & 2) {
|
|
11
11
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -14,9 +14,9 @@ function ChipComponent_img_1_Template(rf, ctx) {
|
|
|
14
14
|
}
|
|
15
15
|
function ChipComponent_div_4_Template(rf, ctx) {
|
|
16
16
|
if (rf & 1) {
|
|
17
|
-
i0.ɵɵelementStart(0, "div",
|
|
18
|
-
i0.ɵɵelement(1, "div",
|
|
19
|
-
i0.ɵɵelementStart(2, "span",
|
|
17
|
+
i0.ɵɵelementStart(0, "div", 5);
|
|
18
|
+
i0.ɵɵelement(1, "div", 6);
|
|
19
|
+
i0.ɵɵelementStart(2, "span", 7);
|
|
20
20
|
i0.ɵɵtext(3);
|
|
21
21
|
i0.ɵɵelementEnd()();
|
|
22
22
|
}
|
|
@@ -29,11 +29,11 @@ function ChipComponent_div_4_Template(rf, ctx) {
|
|
|
29
29
|
function ChipComponent_span_5_Template(rf, ctx) {
|
|
30
30
|
if (rf & 1) {
|
|
31
31
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
32
|
-
i0.ɵɵelementStart(0, "span",
|
|
33
|
-
i0.ɵɵlistener("
|
|
32
|
+
i0.ɵɵelementStart(0, "span", 8);
|
|
33
|
+
i0.ɵɵlistener("click", function ChipComponent_span_5_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.cancel.emit(ctx_r3.value)); });
|
|
34
34
|
i0.ɵɵnamespaceSVG();
|
|
35
|
-
i0.ɵɵelementStart(1, "svg",
|
|
36
|
-
i0.ɵɵelement(2, "path",
|
|
35
|
+
i0.ɵɵelementStart(1, "svg", 9);
|
|
36
|
+
i0.ɵɵelement(2, "path", 10);
|
|
37
37
|
i0.ɵɵelementEnd()();
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -51,15 +51,15 @@ class ChipComponent {
|
|
|
51
51
|
ngOnInit() { }
|
|
52
52
|
}
|
|
53
53
|
ChipComponent.ɵfac = function ChipComponent_Factory(t) { return new (t || ChipComponent)(); };
|
|
54
|
-
ChipComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipComponent, selectors: [["mis-chip"]], inputs: { label: "label", value: "value", size: "size", iconUrl: "iconUrl", count: "count", dismissible: "dismissible" }, outputs: { cancel: "cancel" }, decls: 6, vars: 10, consts: [["id", "chip-container",
|
|
54
|
+
ChipComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipComponent, selectors: [["mis-chip"]], inputs: { label: "label", value: "value", size: "size", iconUrl: "iconUrl", count: "count", dismissible: "dismissible" }, outputs: { cancel: "cancel" }, decls: 6, vars: 10, consts: [["id", "chip-container", 3, "ngClass"], ["alt", "", 3, "src", 4, "ngIf"], ["id", "count-container", 4, "ngIf"], ["id", "close-icon", 3, "click", 4, "ngIf"], ["alt", "", 3, "src"], ["id", "count-container"], ["id", "separator"], ["id", "count-text"], ["id", "close-icon", 3, "click"], ["width", "16", "height", "16", "viewBox", "0 0 16 16", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z", "fill", "#181F33"]], template: function ChipComponent_Template(rf, ctx) {
|
|
55
55
|
if (rf & 1) {
|
|
56
56
|
i0.ɵɵelementStart(0, "div", 0);
|
|
57
57
|
i0.ɵɵtemplate(1, ChipComponent_img_1_Template, 1, 1, "img", 1);
|
|
58
|
-
i0.ɵɵelementStart(2, "span"
|
|
58
|
+
i0.ɵɵelementStart(2, "span");
|
|
59
59
|
i0.ɵɵtext(3);
|
|
60
60
|
i0.ɵɵelementEnd();
|
|
61
|
-
i0.ɵɵtemplate(4, ChipComponent_div_4_Template, 4, 1, "div",
|
|
62
|
-
i0.ɵɵtemplate(5, ChipComponent_span_5_Template, 3, 0, "span",
|
|
61
|
+
i0.ɵɵtemplate(4, ChipComponent_div_4_Template, 4, 1, "div", 2);
|
|
62
|
+
i0.ɵɵtemplate(5, ChipComponent_span_5_Template, 3, 0, "span", 3);
|
|
63
63
|
i0.ɵɵelementEnd();
|
|
64
64
|
}
|
|
65
65
|
if (rf & 2) {
|
|
@@ -77,7 +77,7 @@ ChipComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipComponent
|
|
|
77
77
|
(function () {
|
|
78
78
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipComponent, [{
|
|
79
79
|
type: Component,
|
|
80
|
-
args: [{ selector: "mis-chip", template: "<div\n id=\"chip-container\"\n
|
|
80
|
+
args: [{ selector: "mis-chip", template: "<div\n id=\"chip-container\"\n [ngClass]=\"{\n small: size === 'Small',\n medium: size === 'Medium',\n 'small-m': size === 'Small-M',\n 'medium-m': size === 'Medium-M'\n }\"\n>\n <img *ngIf=\"iconUrl && iconUrl.length > 0\" [src]=\"iconUrl\" alt=\"\" />\n <span>{{ label }}</span>\n <div *ngIf=\"count != null || count != undefined\" id=\"count-container\">\n <div id=\"separator\"></div>\n <span id=\"count-text\">{{ count }}</span>\n </div>\n <span *ngIf=\"dismissible\" id=\"close-icon\" (click)=\"cancel.emit(value)\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z\"\n fill=\"#181F33\"\n />\n </svg>\n </span>\n</div>\n", styles: ["#chip-container{display:flex;justify-content:center;align-items:center;font-family:Lato,sans-serif!important;background-color:#e0e0e0;box-sizing:border-box;cursor:default}#chip-container:hover{background:#d7d9de}img{margin-right:4px}#close-icon{display:flex;justify-content:center;align-items:center;margin-left:4px;cursor:pointer}#count-container{display:flex;height:100%;justify-content:center;align-items:center}#separator{height:100%;width:1px;background-color:#c8cdd3;margin:0 8px}#count-text{font-weight:700;letter-spacing:.25px}.small{height:24px;padding:4px 8px;border-radius:7px;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;color:#181f33}.medium{height:32px;padding:6px 12px;border-radius:16px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.small-m{height:20px;padding:4px 8px;border-radius:10px;font-style:normal;font-weight:400;font-size:11px;line-height:12px;letter-spacing:.1px;color:#181f33}.medium-m{height:24px;padding:4px 12px;border-radius:12px;font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px;color:#181f33}\n"] }]
|
|
81
81
|
}], function () { return []; }, { label: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}], value: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-chip.mjs","sources":["../../../projects/mis-components/chip/chip.component.html","../../../projects/mis-components/chip/chip.component.ts","../../../projects/mis-components/chip/chip.module.ts","../../../projects/mis-components/chip/mis-crystal-design-system-chip.ts"],"sourcesContent":["<div\n id=\"chip-container\"\n
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-chip.mjs","sources":["../../../projects/mis-components/chip/chip.component.html","../../../projects/mis-components/chip/chip.component.ts","../../../projects/mis-components/chip/chip.module.ts","../../../projects/mis-components/chip/mis-crystal-design-system-chip.ts"],"sourcesContent":["<div\n id=\"chip-container\"\n [ngClass]=\"{\n small: size === 'Small',\n medium: size === 'Medium',\n 'small-m': size === 'Small-M',\n 'medium-m': size === 'Medium-M'\n }\"\n>\n <img *ngIf=\"iconUrl && iconUrl.length > 0\" [src]=\"iconUrl\" alt=\"\" />\n <span>{{ label }}</span>\n <div *ngIf=\"count != null || count != undefined\" id=\"count-container\">\n <div id=\"separator\"></div>\n <span id=\"count-text\">{{ count }}</span>\n </div>\n <span *ngIf=\"dismissible\" id=\"close-icon\" (click)=\"cancel.emit(value)\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z\"\n fill=\"#181F33\"\n />\n </svg>\n </span>\n</div>\n","import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\n\n@Component({\n selector: \"mis-chip\",\n templateUrl: \"chip.component.html\",\n styleUrls: [\"chip.component.scss\"]\n})\nexport class ChipComponent implements OnInit {\n @Input() label: string = \"\";\n @Input() value: any = \"\";\n @Input() size: \"Small\" | \"Medium\" | \"Small-M\" | \"Medium-M\" = \"Medium\";\n @Input() iconUrl: string | null = null;\n @Input() count: number | null | undefined = null;\n @Input() dismissible: boolean = false;\n\n @Output() cancel = new EventEmitter<any>();\n constructor() {}\n ngOnInit() {}\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ChipComponent } from \"./chip.component\";\n\n@NgModule({\n declarations: [ChipComponent],\n imports: [CommonModule],\n exports: [ChipComponent]\n})\nexport class ChipModule {\n static forRoot(): ModuleWithProviders<ChipModule> {\n return { ngModule: ChipModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, Component, Inject,
|
|
2
|
+
import { InjectionToken, Component, Inject, EventEmitter, Injector, Directive, Self, Optional, Input, Output, HostListener, NgModule } from '@angular/core';
|
|
3
3
|
import { parseZone, tz } from 'moment-timezone';
|
|
4
4
|
import * as i1 from 'mis-crystal-design-system/toast';
|
|
5
5
|
import { ToastModule } from 'mis-crystal-design-system/toast';
|
|
@@ -7,8 +7,6 @@ import * as i2 from '@angular/common';
|
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
8
|
import * as i3 from 'mis-crystal-design-system/button';
|
|
9
9
|
import { ButtonModule } from 'mis-crystal-design-system/button';
|
|
10
|
-
import * as i4 from '@angular/cdk/a11y';
|
|
11
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
|
12
10
|
import * as i2$1 from '@angular/cdk/overlay';
|
|
13
11
|
import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
14
12
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
@@ -66,9 +64,9 @@ const getMonth = (index) => {
|
|
|
66
64
|
};
|
|
67
65
|
|
|
68
66
|
const _c0 = function (a0) { return { "current-day": a0 }; };
|
|
69
|
-
function
|
|
67
|
+
function TzDpContainerComponent_div_12_Template(rf, ctx) {
|
|
70
68
|
if (rf & 1) {
|
|
71
|
-
i0.ɵɵelementStart(0, "div",
|
|
69
|
+
i0.ɵɵelementStart(0, "div", 11)(1, "span", 12);
|
|
72
70
|
i0.ɵɵtext(2);
|
|
73
71
|
i0.ɵɵelementEnd()();
|
|
74
72
|
}
|
|
@@ -81,28 +79,27 @@ function TzDpContainerComponent_div_13_Template(rf, ctx) {
|
|
|
81
79
|
}
|
|
82
80
|
}
|
|
83
81
|
const _c1 = function (a0, a1, a2) { return { "current-day": a0, "selected-day": a1, "disabled-day": a2 }; };
|
|
84
|
-
function
|
|
82
|
+
function TzDpContainerComponent_div_14_span_1_Template(rf, ctx) {
|
|
85
83
|
if (rf & 1) {
|
|
86
|
-
i0.ɵɵelementStart(0, "span",
|
|
84
|
+
i0.ɵɵelementStart(0, "span", 12);
|
|
87
85
|
i0.ɵɵtext(1);
|
|
88
86
|
i0.ɵɵelementEnd();
|
|
89
87
|
}
|
|
90
88
|
if (rf & 2) {
|
|
91
89
|
const day_r4 = i0.ɵɵnextContext().$implicit;
|
|
92
90
|
const ctx_r5 = i0.ɵɵnextContext();
|
|
93
|
-
i0.ɵɵproperty("
|
|
94
|
-
i0.ɵɵattribute("aria-label", ctx_r5.retractDayMonth(day_r4.date, ctx_r5.currentMonth, ctx_r5.currentYearNumber));
|
|
91
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1, day_r4.isCurrentDay, !ctx_r5.localSelectedDate ? day_r4.isSelectedDay : day_r4 === ctx_r5.localSelectedDate, day_r4.isDisabledDay));
|
|
95
92
|
i0.ɵɵadvance(1);
|
|
96
93
|
i0.ɵɵtextInterpolate1(" ", day_r4.date, " ");
|
|
97
94
|
}
|
|
98
95
|
}
|
|
99
96
|
const _c2 = function (a0, a1, a2) { return { "selected-day": a0, "disabled-day": a1, "is-valid-date": a2 }; };
|
|
100
|
-
function
|
|
97
|
+
function TzDpContainerComponent_div_14_Template(rf, ctx) {
|
|
101
98
|
if (rf & 1) {
|
|
102
99
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
103
|
-
i0.ɵɵelementStart(0, "div",
|
|
104
|
-
i0.ɵɵlistener("click", function
|
|
105
|
-
i0.ɵɵtemplate(1,
|
|
100
|
+
i0.ɵɵelementStart(0, "div", 13);
|
|
101
|
+
i0.ɵɵlistener("click", function TzDpContainerComponent_div_14_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const day_r4 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.selectDay(day_r4)); });
|
|
102
|
+
i0.ɵɵtemplate(1, TzDpContainerComponent_div_14_span_1_Template, 2, 6, "span", 14);
|
|
106
103
|
i0.ɵɵelementEnd();
|
|
107
104
|
}
|
|
108
105
|
if (rf & 2) {
|
|
@@ -113,15 +110,15 @@ function TzDpContainerComponent_div_15_Template(rf, ctx) {
|
|
|
113
110
|
i0.ɵɵproperty("ngIf", day_r4.date > 0);
|
|
114
111
|
}
|
|
115
112
|
}
|
|
116
|
-
function
|
|
113
|
+
function TzDpContainerComponent_div_15_Template(rf, ctx) {
|
|
117
114
|
if (rf & 1) {
|
|
118
|
-
const
|
|
119
|
-
i0.ɵɵelementStart(0, "div",
|
|
120
|
-
i0.ɵɵlistener("click", function
|
|
115
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
116
|
+
i0.ɵɵelementStart(0, "div", 15)(1, "button", 16);
|
|
117
|
+
i0.ɵɵlistener("click", function TzDpContainerComponent_div_15_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.cancelDatePicker()); });
|
|
121
118
|
i0.ɵɵtext(2, "Cancel");
|
|
122
119
|
i0.ɵɵelementEnd();
|
|
123
|
-
i0.ɵɵelementStart(3, "button",
|
|
124
|
-
i0.ɵɵlistener("click", function
|
|
120
|
+
i0.ɵɵelementStart(3, "button", 17);
|
|
121
|
+
i0.ɵɵlistener("click", function TzDpContainerComponent_div_15_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.applyDate()); });
|
|
125
122
|
i0.ɵɵtext(4, "Apply");
|
|
126
123
|
i0.ɵɵelementEnd()();
|
|
127
124
|
}
|
|
@@ -162,9 +159,6 @@ class TzDpContainerComponent {
|
|
|
162
159
|
this.data.dpConfig = Object.assign(Object.assign({}, this.data.dpConfig), { format: DATE_FORMAT });
|
|
163
160
|
}
|
|
164
161
|
}
|
|
165
|
-
retractDayMonth(day, month, year) {
|
|
166
|
-
return `${day} ${month} ${year}`;
|
|
167
|
-
}
|
|
168
162
|
ngOnInit() {
|
|
169
163
|
this.currentDateInstance();
|
|
170
164
|
this.calculateMinMaxDays();
|
|
@@ -263,56 +257,47 @@ class TzDpContainerComponent {
|
|
|
263
257
|
this.cancelDatePicker();
|
|
264
258
|
}
|
|
265
259
|
}
|
|
266
|
-
closeOnEsc() {
|
|
267
|
-
this.cancelDatePicker();
|
|
268
|
-
}
|
|
269
260
|
cancelDatePicker() {
|
|
270
261
|
this.data.dateChange("");
|
|
271
262
|
}
|
|
272
263
|
}
|
|
273
264
|
TzDpContainerComponent.ɵfac = function TzDpContainerComponent_Factory(t) { return new (t || TzDpContainerComponent)(i0.ɵɵdirectiveInject(CONTAINER_DATA), i0.ɵɵdirectiveInject(i1.ToastService)); };
|
|
274
|
-
TzDpContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TzDpContainerComponent, selectors: [["mis-tz-dp"]],
|
|
275
|
-
if (rf & 1) {
|
|
276
|
-
i0.ɵɵlistener("keydown.esc", function TzDpContainerComponent_keydown_esc_HostBindingHandler() { return ctx.closeOnEsc(); });
|
|
277
|
-
}
|
|
278
|
-
}, decls: 17, vars: 13, consts: [["aria-label", "date picker", "cdkTrapFocus", "", 1, "datepicker-container", 3, "ngClass", "cdkTrapFocusAutoCapture"], ["tabindex", "-1", "cdkFocusInitial", ""], [1, "datepicker-container__header"], ["tabindex", "0", "aria-label", "Previous Month", 1, "datepicker-container__arrow__icon", 3, "ngClass", "click", "keyup.enter"], ["width", "20", "height", "16", "viewBox", "0 0 20 16", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z", "fill", "#181F33"], ["tabindex", "0", "aria-label", "Next Month", 1, "datepicker-container__arrow__icon", 3, "ngClass", "click", "keyup.enter"], [1, "datepicker-container__body"], [1, "datepicker-container__weekdays"], ["class", "datepicker-container__weekday", 4, "ngFor", "ngForOf"], [1, "datepicker-container__days"], ["class", "datepicker-container__day", 3, "ngClass", "click", "keyup.enter", 4, "ngFor", "ngForOf"], ["class", "datepicker-container__footer", 4, "ngIf"], [1, "datepicker-container__weekday"], [3, "ngClass"], [1, "datepicker-container__day", 3, "ngClass", "click", "keyup.enter"], [3, "tabindex", "ngClass", 4, "ngIf"], [3, "tabindex", "ngClass"], [1, "datepicker-container__footer"], ["mis-button", "", "size", "md", "type", "'none'", 3, "click"], ["mis-button", "", "size", "md", "type", "primary", 3, "disabled", "click"]], template: function TzDpContainerComponent_Template(rf, ctx) {
|
|
265
|
+
TzDpContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TzDpContainerComponent, selectors: [["mis-tz-dp"]], decls: 16, vars: 12, consts: [[1, "datepicker-container", 3, "ngClass"], [1, "datepicker-container__header"], [1, "datepicker-container__arrow__icon", 3, "ngClass", "click"], ["width", "20", "height", "16", "viewBox", "0 0 20 16", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z", "fill", "#181F33"], [1, "datepicker-container__body"], [1, "datepicker-container__weekdays"], ["class", "datepicker-container__weekday", 4, "ngFor", "ngForOf"], [1, "datepicker-container__days"], ["class", "datepicker-container__day", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["class", "datepicker-container__footer", 4, "ngIf"], [1, "datepicker-container__weekday"], [3, "ngClass"], [1, "datepicker-container__day", 3, "ngClass", "click"], [3, "ngClass", 4, "ngIf"], [1, "datepicker-container__footer"], ["mis-button", "", "size", "md", "type", "'none'", 3, "click"], ["mis-button", "", "size", "md", "type", "primary", 3, "disabled", "click"]], template: function TzDpContainerComponent_Template(rf, ctx) {
|
|
279
266
|
if (rf & 1) {
|
|
280
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
281
|
-
i0.ɵɵ
|
|
282
|
-
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
283
|
-
i0.ɵɵlistener("click", function TzDpContainerComponent_Template_div_click_3_listener() { return !ctx.isPreviousMonthDisabled && ctx.navigateMonth("PREVIOUS"); })("keyup.enter", function TzDpContainerComponent_Template_div_keyup_enter_3_listener() { return !ctx.isPreviousMonthDisabled && ctx.navigateMonth("PREVIOUS"); });
|
|
267
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
268
|
+
i0.ɵɵlistener("click", function TzDpContainerComponent_Template_div_click_2_listener() { return !ctx.isPreviousMonthDisabled && ctx.navigateMonth("PREVIOUS"); });
|
|
284
269
|
i0.ɵɵnamespaceSVG();
|
|
285
|
-
i0.ɵɵelementStart(
|
|
286
|
-
i0.ɵɵelement(
|
|
270
|
+
i0.ɵɵelementStart(3, "svg", 3);
|
|
271
|
+
i0.ɵɵelement(4, "path", 4);
|
|
287
272
|
i0.ɵɵelementEnd()();
|
|
288
273
|
i0.ɵɵnamespaceHTML();
|
|
289
|
-
i0.ɵɵelementStart(
|
|
290
|
-
i0.ɵɵtext(
|
|
274
|
+
i0.ɵɵelementStart(5, "span");
|
|
275
|
+
i0.ɵɵtext(6);
|
|
291
276
|
i0.ɵɵelementEnd();
|
|
292
|
-
i0.ɵɵelementStart(
|
|
293
|
-
i0.ɵɵlistener("click", function
|
|
277
|
+
i0.ɵɵelementStart(7, "div", 2);
|
|
278
|
+
i0.ɵɵlistener("click", function TzDpContainerComponent_Template_div_click_7_listener() { return !ctx.isNextMonthDisabled && ctx.navigateMonth("NEXT"); });
|
|
294
279
|
i0.ɵɵnamespaceSVG();
|
|
295
|
-
i0.ɵɵelementStart(
|
|
296
|
-
i0.ɵɵelement(
|
|
280
|
+
i0.ɵɵelementStart(8, "svg", 3);
|
|
281
|
+
i0.ɵɵelement(9, "path", 4);
|
|
297
282
|
i0.ɵɵelementEnd()()();
|
|
298
283
|
i0.ɵɵnamespaceHTML();
|
|
299
|
-
i0.ɵɵelementStart(
|
|
300
|
-
i0.ɵɵtemplate(
|
|
284
|
+
i0.ɵɵelementStart(10, "div", 5)(11, "div", 6);
|
|
285
|
+
i0.ɵɵtemplate(12, TzDpContainerComponent_div_12_Template, 3, 4, "div", 7);
|
|
301
286
|
i0.ɵɵelementEnd();
|
|
302
|
-
i0.ɵɵelementStart(
|
|
303
|
-
i0.ɵɵtemplate(
|
|
287
|
+
i0.ɵɵelementStart(13, "div", 8);
|
|
288
|
+
i0.ɵɵtemplate(14, TzDpContainerComponent_div_14_Template, 2, 6, "div", 9);
|
|
304
289
|
i0.ɵɵelementEnd()();
|
|
305
|
-
i0.ɵɵtemplate(
|
|
290
|
+
i0.ɵɵtemplate(15, TzDpContainerComponent_div_15_Template, 5, 1, "div", 10);
|
|
306
291
|
i0.ɵɵelementEnd();
|
|
307
292
|
}
|
|
308
293
|
if (rf & 2) {
|
|
309
|
-
i0.ɵɵproperty("ngClass", ctx.data.disableBoxShadow ? "remove-box-shadow" : "")
|
|
310
|
-
i0.ɵɵadvance(
|
|
311
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
294
|
+
i0.ɵɵproperty("ngClass", ctx.data.disableBoxShadow ? "remove-box-shadow" : "");
|
|
295
|
+
i0.ɵɵadvance(2);
|
|
296
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c3, ctx.isPreviousMonthDisabled));
|
|
312
297
|
i0.ɵɵadvance(4);
|
|
313
298
|
i0.ɵɵtextInterpolate2(" ", ctx.currentMonth, " ", ctx.currentYearNumber, " ");
|
|
314
299
|
i0.ɵɵadvance(1);
|
|
315
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
300
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c3, ctx.isNextMonthDisabled));
|
|
316
301
|
i0.ɵɵadvance(5);
|
|
317
302
|
i0.ɵɵproperty("ngForOf", ctx.weekDays);
|
|
318
303
|
i0.ɵɵadvance(2);
|
|
@@ -320,20 +305,17 @@ TzDpContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TzDp
|
|
|
320
305
|
i0.ɵɵadvance(1);
|
|
321
306
|
i0.ɵɵproperty("ngIf", ctx.data.dpConfig.showApplyButton);
|
|
322
307
|
}
|
|
323
|
-
}, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.ButtonDirective
|
|
308
|
+
}, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.ButtonDirective], styles: [".datepicker-container[_ngcontent-%COMP%]{background:#ffffff;border:1px solid #e0e0e0;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:12px;display:flex;flex-direction:column;font-family:Lato;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:290px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%]{display:flex;height:32px;margin:16px;justify-content:space-between;align-items:center;width:258px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%] .datepicker-container__arrow__icon[_ngcontent-%COMP%]{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%] .datepicker-container__arrow__icon.disabled-month[_ngcontent-%COMP%]{opacity:.5;cursor:not-allowed}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%] .datepicker-container__arrow__icon[_ngcontent-%COMP%]:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__header[_ngcontent-%COMP%] .datepicker-container__arrow__icon[_ngcontent-%COMP%]:nth-child(1){transform:rotate(180deg)}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%]{width:258px;height:100%;margin:0 16px 16px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__weekdays[_ngcontent-%COMP%]{width:100%;display:flex;padding-bottom:10px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__weekdays[_ngcontent-%COMP%] .datepicker-container__weekday[_ngcontent-%COMP%]{width:36px;height:18px;text-align:center}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__weekdays[_ngcontent-%COMP%] .datepicker-container__weekday[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#c7c7c7}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__weekdays[_ngcontent-%COMP%] .datepicker-container__weekday[_ngcontent-%COMP%] span.current-day[_ngcontent-%COMP%]{font-weight:700;letter-spacing:.25px;color:#181f33}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:2px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day[_ngcontent-%COMP%]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day.selected-day[_ngcontent-%COMP%]{background-color:#0937b2;cursor:pointer}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day.disabled-day[_ngcontent-%COMP%]{cursor:default}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day.disabled-day[_ngcontent-%COMP%]:hover{background-color:transparent}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day.is-valid-date[_ngcontent-%COMP%]:not(.disabled-day):not(.selected-day):hover{background-color:#cbddfb;cursor:pointer}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day.is-valid-date[_ngcontent-%COMP%]:not(.disabled-day):not(.selected-day):hover span.selected-day[_ngcontent-%COMP%]{color:#181f33!important}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day[_ngcontent-%COMP%] span.current-day[_ngcontent-%COMP%]{font-weight:700;letter-spacing:.25px}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day[_ngcontent-%COMP%] span.selected-day[_ngcontent-%COMP%]{color:#fff}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__body[_ngcontent-%COMP%] .datepicker-container__days[_ngcontent-%COMP%] .datepicker-container__day[_ngcontent-%COMP%] span.disabled-day[_ngcontent-%COMP%]{color:#c7c7c7}.datepicker-container[_ngcontent-%COMP%] .datepicker-container__footer[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;gap:8px;bottom:0;align-items:center;position:sticky;padding:16px;border-top:1px solid #e0e0e0}.remove-box-shadow[_ngcontent-%COMP%]{box-shadow:none!important;border:none!important;border-radius:0!important}"] });
|
|
324
309
|
(function () {
|
|
325
310
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TzDpContainerComponent, [{
|
|
326
311
|
type: Component,
|
|
327
|
-
args: [{ selector: "mis-tz-dp", template: "<div class=\"datepicker-container\" [ngClass]=\"data.disableBoxShadow?'remove-box-shadow':''\"
|
|
312
|
+
args: [{ selector: "mis-tz-dp", template: "<div class=\"datepicker-container\" [ngClass]=\"data.disableBoxShadow?'remove-box-shadow':''\">\n <div class=\"datepicker-container__header\">\n <div\n class=\"datepicker-container__arrow__icon\"\n (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n [ngClass]=\"{\n 'disabled-month': isPreviousMonthDisabled\n }\"\n >\n <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n fill=\"#181F33\"\n ></path>\n </svg>\n </div>\n <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n <div\n class=\"datepicker-container__arrow__icon\"\n (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n [ngClass]=\"{\n 'disabled-month': isNextMonthDisabled\n }\"\n >\n <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n fill=\"#181F33\"\n ></path>\n </svg>\n </div>\n </div>\n <div class=\"datepicker-container__body\">\n <div class=\"datepicker-container__weekdays\">\n <div class=\"datepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n <span [ngClass]=\"{ 'current-day': weekDay.isCurrentDay }\">{{ weekDay.label }}</span>\n </div>\n </div>\n <div class=\"datepicker-container__days\">\n <div\n class=\"datepicker-container__day\"\n [ngClass]=\"{\n 'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n 'disabled-day': day.isDisabledDay,\n 'is-valid-date': day.date > 0 && !day.isSelectedDay\n }\"\n *ngFor=\"let day of currentMonthDates\"\n (click)=\"selectDay(day)\"\n >\n <span\n *ngIf=\"day.date > 0\"\n [ngClass]=\"{\n 'current-day': day.isCurrentDay,\n 'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n 'disabled-day': day.isDisabledDay\n }\"\n >\n {{ day.date }}\n </span>\n </div>\n </div>\n </div>\n <div class=\"datepicker-container__footer\" *ngIf=\"data.dpConfig.showApplyButton\">\n <button mis-button size=\"md\" type=\"'none'\" (click)=\"cancelDatePicker()\">Cancel</button>\n <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDate()\" [disabled]=\"!(data.date || localSelectedDate)\">Apply</button>\n </div>\n</div>\n", styles: [".datepicker-container{background:#ffffff;border:1px solid #e0e0e0;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:12px;display:flex;flex-direction:column;font-family:Lato;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:290px}.datepicker-container .datepicker-container__header{display:flex;height:32px;margin:16px;justify-content:space-between;align-items:center;width:258px}.datepicker-container .datepicker-container__header span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:nth-child(1){transform:rotate(180deg)}.datepicker-container .datepicker-container__body{width:258px;height:100%;margin:0 16px 16px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday{width:36px;height:18px;text-align:center}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#c7c7c7}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days{display:flex;flex-wrap:wrap;gap:2px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.selected-day{background-color:#0937b2;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day{cursor:default}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day:hover{background-color:transparent}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover{background-color:#cbddfb;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover span.selected-day{color:#181f33!important}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.selected-day{color:#fff}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.disabled-day{color:#c7c7c7}.datepicker-container .datepicker-container__footer{display:flex;justify-content:flex-end;gap:8px;bottom:0;align-items:center;position:sticky;padding:16px;border-top:1px solid #e0e0e0}.remove-box-shadow{box-shadow:none!important;border:none!important;border-radius:0!important}\n"] }]
|
|
328
313
|
}], function () {
|
|
329
314
|
return [{ type: undefined, decorators: [{
|
|
330
315
|
type: Inject,
|
|
331
316
|
args: [CONTAINER_DATA]
|
|
332
317
|
}] }, { type: i1.ToastService }];
|
|
333
|
-
},
|
|
334
|
-
type: HostListener,
|
|
335
|
-
args: ["keydown.esc"]
|
|
336
|
-
}] });
|
|
318
|
+
}, null);
|
|
337
319
|
})();
|
|
338
320
|
|
|
339
321
|
class TzDatepickerDirective {
|
|
@@ -381,19 +363,6 @@ class TzDatepickerDirective {
|
|
|
381
363
|
this.open();
|
|
382
364
|
}
|
|
383
365
|
}
|
|
384
|
-
toggleDatePickerOnEnter() {
|
|
385
|
-
if (this.isOpen) {
|
|
386
|
-
this.close();
|
|
387
|
-
}
|
|
388
|
-
else {
|
|
389
|
-
this.open();
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
closeOnEsc() {
|
|
393
|
-
if (this.isOpen) {
|
|
394
|
-
this.close();
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
366
|
open() {
|
|
398
367
|
var _a;
|
|
399
368
|
this.dpConfig = Object.assign({ format: DATE_FORMAT, minDate: "", maxDate: "", showApplyButton: false }, this.dpConfig);
|
|
@@ -460,7 +429,7 @@ class TzDatepickerDirective {
|
|
|
460
429
|
TzDatepickerDirective.ɵfac = function TzDatepickerDirective_Factory(t) { return new (t || TzDatepickerDirective)(i0.ɵɵdirectiveInject(i1$1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2$1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
|
|
461
430
|
TzDatepickerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TzDatepickerDirective, selectors: [["input", "misTzDp", ""]], hostBindings: function TzDatepickerDirective_HostBindings(rf, ctx) {
|
|
462
431
|
if (rf & 1) {
|
|
463
|
-
i0.ɵɵlistener("click", function TzDatepickerDirective_click_HostBindingHandler() { return ctx.toggleDatePicker(); })
|
|
432
|
+
i0.ɵɵlistener("click", function TzDatepickerDirective_click_HostBindingHandler() { return ctx.toggleDatePicker(); });
|
|
464
433
|
}
|
|
465
434
|
}, inputs: { dpConfig: "dpConfig", selectedDate: "selectedDate", datesDisabled: "datesDisabled", dateMessages: "dateMessages", positionX: "positionX", positionY: "positionY", offsetX: "offsetX", offsetY: "offsetY", allowBookingOnDisabledDay: "allowBookingOnDisabledDay", disableBoxShadow: "disableBoxShadow", disableOverLay: "disableOverLay", openElement: "openElement" }, outputs: { dateChange: "dateChange" }, features: [i0.ɵɵNgOnChangesFeature] });
|
|
466
435
|
(function () {
|
|
@@ -504,12 +473,6 @@ TzDatepickerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TzDat
|
|
|
504
473
|
}], toggleDatePicker: [{
|
|
505
474
|
type: HostListener,
|
|
506
475
|
args: ["click"]
|
|
507
|
-
}], toggleDatePickerOnEnter: [{
|
|
508
|
-
type: HostListener,
|
|
509
|
-
args: ["keydown.enter"]
|
|
510
|
-
}], closeOnEsc: [{
|
|
511
|
-
type: HostListener,
|
|
512
|
-
args: ["keydown.esc"]
|
|
513
476
|
}] });
|
|
514
477
|
})();
|
|
515
478
|
|
|
@@ -517,18 +480,18 @@ class DatepickerModuleV2 {
|
|
|
517
480
|
}
|
|
518
481
|
DatepickerModuleV2.ɵfac = function DatepickerModuleV2_Factory(t) { return new (t || DatepickerModuleV2)(); };
|
|
519
482
|
DatepickerModuleV2.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DatepickerModuleV2 });
|
|
520
|
-
DatepickerModuleV2.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule
|
|
483
|
+
DatepickerModuleV2.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule] });
|
|
521
484
|
(function () {
|
|
522
485
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatepickerModuleV2, [{
|
|
523
486
|
type: NgModule,
|
|
524
487
|
args: [{
|
|
525
488
|
declarations: [TzDpContainerComponent, TzDatepickerDirective],
|
|
526
|
-
imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule
|
|
489
|
+
imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule],
|
|
527
490
|
exports: [TzDpContainerComponent, TzDatepickerDirective]
|
|
528
491
|
}]
|
|
529
492
|
}], null, null);
|
|
530
493
|
})();
|
|
531
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DatepickerModuleV2, { declarations: [TzDpContainerComponent, TzDatepickerDirective], imports: [CommonModule, OverlayModule, i1.ToastModule, ButtonModule
|
|
494
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DatepickerModuleV2, { declarations: [TzDpContainerComponent, TzDatepickerDirective], imports: [CommonModule, OverlayModule, i1.ToastModule, ButtonModule], exports: [TzDpContainerComponent, TzDatepickerDirective] }); })();
|
|
532
495
|
|
|
533
496
|
/**
|
|
534
497
|
* Generated bundle index. Do not edit.
|