@morozeckiy/dd-lib 0.2.25 → 0.2.26
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/assets/scss/common.scss +83 -0
- package/assets/scss/titles.scss +11 -1
- package/assets/scss/vars-dark.scss +1 -1
- package/esm2022/lib/components/data-empty/data-empty.component.mjs +2 -2
- package/esm2022/lib/components/main-shared/main-shared.component.mjs +6 -14
- package/esm2022/lib/core/dialog/modal-base/modal-common.component.mjs +1 -1
- package/esm2022/lib/core/services/date.service.mjs +1 -1
- package/esm2022/lib/core/toast/toast-base/toast-base.component.mjs +3 -3
- package/esm2022/lib/lib-calendar/lib-calendar.component.mjs +3 -3
- package/fesm2022/morozeckiy-dd-lib.mjs +11 -16
- package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
- package/lib/components/main-shared/main-shared.component.d.ts +0 -6
- package/lib/core/services/validators.service.d.ts +2 -2
- package/morozeckiy-dd-lib-0.2.25.tgz +0 -0
- package/morozeckiy-dd-lib-0.2.26.tgz +0 -0
- package/package.json +1 -1
|
@@ -1273,11 +1273,11 @@ class ToastBaseComponent {
|
|
|
1273
1273
|
}
|
|
1274
1274
|
}
|
|
1275
1275
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, deps: [{ token: ToastService }, { token: TOAST_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", outputs: { callEvent: "callEvent" }, host: { listeners: { "window:scroll": "scroll()" } }, ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", outputs: { callEvent: "callEvent" }, host: { listeners: { "window:scroll": "scroll()" } }, ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\r\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\r\n <div>\r\n <div>{{ data.title }}</div>\r\n <div>{{ data.description }}</div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1277
1277
|
}
|
|
1278
1278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, decorators: [{
|
|
1279
1279
|
type: Component,
|
|
1280
|
-
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgStyle, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\n <div>\n <div>{{ data.title }}</div>\n <div>{{ data.description }}</div>\n </div>\n</div>\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"] }]
|
|
1280
|
+
args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgStyle, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\r\n <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\r\n <div>\r\n <div>{{ data.title }}</div>\r\n <div>{{ data.description }}</div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"] }]
|
|
1281
1281
|
}], ctorParameters: () => [{ type: ToastService }, { type: undefined, decorators: [{
|
|
1282
1282
|
type: Inject,
|
|
1283
1283
|
args: [TOAST_DATA]
|
|
@@ -2167,7 +2167,7 @@ class LibCalendarComponent {
|
|
|
2167
2167
|
useExisting: forwardRef(() => LibCalendarComponent),
|
|
2168
2168
|
multi: true,
|
|
2169
2169
|
},
|
|
2170
|
-
], ngImport: i0, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n @if (dateValue) {\r\n <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n }\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n @if (dateValue) {\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n } @if (showCalendar) {\r\n <div class=\"calendar-abs-wrapper\">\r\n <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n </div>\r\n }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n <div class=\"calendar-block__header\">\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n <div class=\"calendar-block__week\">\r\n @for (day of week; track day) {\r\n <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__days\">\r\n @for (day of daysInMonth?.prevDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n } @for (day of daysInMonth?.days; track day) {\r\n <div\r\n (click)=\"selectDay(day)\"\r\n [class.active]=\"checkActiveDay(day)\"\r\n\r\n [class.current]=\"\r\n dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n \"\r\n [class.hide]=\"checkHideDay(day)\"\r\n class=\"calendar-block__days_day normal\">\r\n {{ day }}\r\n </div>\r\n } @for (day of daysInMonth?.lastDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__footer\">\r\n <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n </dd-lib-button>\r\n <dd-lib-button (click)=\"selectDate()\"\r\n [disabled]=\"(!dateValue && !rangeMode) || (rangeMode && (!dateStart || !dateEnd))\"\r\n class=\"calendar-block__footer_btn\"\r\n >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n </dd-lib-button>\r\n </div>\r\n </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block
|
|
2170
|
+
], ngImport: i0, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n @if (dateValue) {\r\n <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n }\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n @if (dateValue) {\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n } @if (showCalendar) {\r\n <div class=\"calendar-abs-wrapper\">\r\n <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n </div>\r\n }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n <div class=\"calendar-block__header\">\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n <div class=\"calendar-block__week\">\r\n @for (day of week; track day) {\r\n <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__days\">\r\n @for (day of daysInMonth?.prevDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n } @for (day of daysInMonth?.days; track day) {\r\n <div\r\n (click)=\"selectDay(day)\"\r\n [class.active]=\"checkActiveDay(day)\"\r\n\r\n [class.current]=\"\r\n dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n \"\r\n [class.hide]=\"checkHideDay(day)\"\r\n class=\"calendar-block__days_day normal\">\r\n {{ day }}\r\n </div>\r\n } @for (day of daysInMonth?.lastDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__footer\">\r\n <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n </dd-lib-button>\r\n <dd-lib-button (click)=\"selectDate()\"\r\n [disabled]=\"(!dateValue && !rangeMode) || (rangeMode && (!dateStart || !dateEnd))\"\r\n class=\"calendar-block__footer_btn\"\r\n >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n </dd-lib-button>\r\n </div>\r\n </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width: 840px){.calendar-block{height:100%}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}\n"], dependencies: [{ kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2171
2171
|
}
|
|
2172
2172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibCalendarComponent, decorators: [{
|
|
2173
2173
|
type: Component,
|
|
@@ -2185,7 +2185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
2185
2185
|
useExisting: forwardRef(() => LibCalendarComponent),
|
|
2186
2186
|
multi: true,
|
|
2187
2187
|
},
|
|
2188
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n @if (dateValue) {\r\n <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n }\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n @if (dateValue) {\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n } @if (showCalendar) {\r\n <div class=\"calendar-abs-wrapper\">\r\n <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n </div>\r\n }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n <div class=\"calendar-block__header\">\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n <div class=\"calendar-block__week\">\r\n @for (day of week; track day) {\r\n <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__days\">\r\n @for (day of daysInMonth?.prevDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n } @for (day of daysInMonth?.days; track day) {\r\n <div\r\n (click)=\"selectDay(day)\"\r\n [class.active]=\"checkActiveDay(day)\"\r\n\r\n [class.current]=\"\r\n dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n \"\r\n [class.hide]=\"checkHideDay(day)\"\r\n class=\"calendar-block__days_day normal\">\r\n {{ day }}\r\n </div>\r\n } @for (day of daysInMonth?.lastDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__footer\">\r\n <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n </dd-lib-button>\r\n <dd-lib-button (click)=\"selectDate()\"\r\n [disabled]=\"(!dateValue && !rangeMode) || (rangeMode && (!dateStart || !dateEnd))\"\r\n class=\"calendar-block__footer_btn\"\r\n >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n </dd-lib-button>\r\n </div>\r\n </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block
|
|
2188
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n @if (dateValue) {\r\n <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n }\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n @if (dateValue) {\r\n <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n } @if (showCalendar) {\r\n <div class=\"calendar-abs-wrapper\">\r\n <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n </div>\r\n }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n <div class=\"calendar-block__header\">\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n <div class=\"calendar-block__header_arrow\">\r\n <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n </div>\r\n </div>\r\n <div class=\"calendar-block__week\">\r\n @for (day of week; track day) {\r\n <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__days\">\r\n @for (day of daysInMonth?.prevDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n } @for (day of daysInMonth?.days; track day) {\r\n <div\r\n (click)=\"selectDay(day)\"\r\n [class.active]=\"checkActiveDay(day)\"\r\n\r\n [class.current]=\"\r\n dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n \"\r\n [class.hide]=\"checkHideDay(day)\"\r\n class=\"calendar-block__days_day normal\">\r\n {{ day }}\r\n </div>\r\n } @for (day of daysInMonth?.lastDays; track day) {\r\n <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n }\r\n </div>\r\n <div class=\"calendar-block__footer\">\r\n <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n </dd-lib-button>\r\n <dd-lib-button (click)=\"selectDate()\"\r\n [disabled]=\"(!dateValue && !rangeMode) || (rangeMode && (!dateStart || !dateEnd))\"\r\n class=\"calendar-block__footer_btn\"\r\n >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n </dd-lib-button>\r\n </div>\r\n </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width: 840px){.calendar-block{height:100%}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}\n"] }]
|
|
2189
2189
|
}], ctorParameters: () => [{ type: DateService }], propDecorators: { type: [{
|
|
2190
2190
|
type: Input
|
|
2191
2191
|
}], formatDate: [{
|
|
@@ -3802,29 +3802,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
3802
3802
|
}], ctorParameters: () => [{ type: SvgIconsService }] });
|
|
3803
3803
|
|
|
3804
3804
|
class MainSharedComponent {
|
|
3805
|
-
constructor(
|
|
3806
|
-
this.themeConstructorService = themeConstructorService;
|
|
3805
|
+
constructor() {
|
|
3807
3806
|
this.sharingLink = SharingLink;
|
|
3808
|
-
this.icon$ = this.themeConstructorService.getTheme$
|
|
3809
|
-
.pipe(map(mode => {
|
|
3810
|
-
return `shared_logo${mode ? '_d' : ''}`;
|
|
3811
|
-
}));
|
|
3812
3807
|
}
|
|
3813
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainSharedComponent, deps: [
|
|
3814
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: MainSharedComponent, isStandalone: true, selector: "dd-main-shared", ngImport: i0, template: "<div class=\"main-shared\">\r\n <div class=\"g-container pos-relative\">\r\n <div class=\"main-shared__info\">\r\n <div class=\"main-shared__logo\">\r\n <dd-lib-svg-icon
|
|
3808
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainSharedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3809
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: MainSharedComponent, isStandalone: true, selector: "dd-main-shared", ngImport: i0, template: "<div class=\"main-shared\">\r\n <div class=\"g-container pos-relative\">\r\n <div class=\"main-shared__info\">\r\n <div class=\"main-shared__logo\">\r\n <dd-lib-svg-icon icon=\"shared_logo\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"main-shared__ttl mt-40\">\u0421\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\r\n <div class=\"main-shared__txt mt-16\">\r\n \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u0435 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u043E\u0431\u043E \u0432\u0441\u0435\u0445 \u0433\u043E\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0445 \u0443\u0441\u043B\u0443\u0433\u0430\u0445 \u041C\u043E\u0441\u043A\u043E\u0432\u0441\u043A\u043E\u0439 \u043E\u0431\u043B\u0430\u0441\u0442\u0438\r\n </div>\r\n <div class=\"main-shared__social\">\r\n @for (soc of sharingLink; track soc) {\r\n <a [href]=\"soc.url\" target=\"_blank\">\r\n <dd-lib-svg-icon class=\"d-block\" [icon]=\"soc.icon\"></dd-lib-svg-icon>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"main-shared__img iphone-bg\"></div>\r\n </div>\r\n</div>\r\n", styles: [".main-shared{padding-top:134px;background-color:var(--shared-bgc)}@media screen and (max-width: 840px){.main-shared{padding-top:60px}}@media screen and (max-width: 480px){.main-shared{padding-top:40px}}.main-shared__logo ::ng-deep svg path:not(:last-child){fill:var(--shared-img-color)}.main-shared__info{max-width:590px}@media screen and (max-width: 1320px){.main-shared__info{max-width:45%}}@media screen and (max-width: 840px){.main-shared__info{max-width:none}}.main-shared__ttl{font-size:32px;line-height:48px;font-weight:700;color:var(--light-black-color)}@media screen and (max-width: 480px){.main-shared__ttl{font-size:24px;line-height:32px}}.main-shared__txt{font-size:24px;line-height:32px;color:var(--font-light-black-color)}@media screen and (max-width: 480px){.main-shared__txt{font-size:16px;line-height:24px}}.main-shared__social{margin-top:64px;padding-bottom:134px;display:flex;justify-content:space-between}@media screen and (max-width: 1320px){.main-shared__social{margin-top:48px;flex-wrap:wrap;max-width:286px}}@media screen and (max-width: 840px){.main-shared__social{margin-top:48px;padding-bottom:35px}}@media screen and (max-width: 480px){.main-shared__social{margin-top:30px}}@media screen and (max-width: 1320px){.main-shared__social ::ng-deep svg{margin-top:16px}}.main-shared__img{position:absolute;bottom:0;right:0;width:595px;height:586px;background-size:contain;background-repeat:no-repeat;background-position:right bottom}@media screen and (max-width: 1320px){.main-shared__img{max-width:60%}}@media screen and (max-width: 840px){.main-shared__img{position:static;display:block;margin:auto;max-width:none;width:440px;height:433px}}@media screen and (max-width: 480px){.main-shared__img{width:340px;height:335px}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3815
3810
|
}
|
|
3816
3811
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainSharedComponent, decorators: [{
|
|
3817
3812
|
type: Component,
|
|
3818
|
-
args: [{ selector: 'dd-main-shared', standalone: true, imports: [
|
|
3819
|
-
}]
|
|
3813
|
+
args: [{ selector: 'dd-main-shared', standalone: true, imports: [LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main-shared\">\r\n <div class=\"g-container pos-relative\">\r\n <div class=\"main-shared__info\">\r\n <div class=\"main-shared__logo\">\r\n <dd-lib-svg-icon icon=\"shared_logo\"></dd-lib-svg-icon>\r\n </div>\r\n <div class=\"main-shared__ttl mt-40\">\u0421\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u0443\u0434\u043E\u0431\u043D\u043E\u0435 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\r\n <div class=\"main-shared__txt mt-16\">\r\n \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u0435 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u043E\u0431\u043E \u0432\u0441\u0435\u0445 \u0433\u043E\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0445 \u0443\u0441\u043B\u0443\u0433\u0430\u0445 \u041C\u043E\u0441\u043A\u043E\u0432\u0441\u043A\u043E\u0439 \u043E\u0431\u043B\u0430\u0441\u0442\u0438\r\n </div>\r\n <div class=\"main-shared__social\">\r\n @for (soc of sharingLink; track soc) {\r\n <a [href]=\"soc.url\" target=\"_blank\">\r\n <dd-lib-svg-icon class=\"d-block\" [icon]=\"soc.icon\"></dd-lib-svg-icon>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n <div class=\"main-shared__img iphone-bg\"></div>\r\n </div>\r\n</div>\r\n", styles: [".main-shared{padding-top:134px;background-color:var(--shared-bgc)}@media screen and (max-width: 840px){.main-shared{padding-top:60px}}@media screen and (max-width: 480px){.main-shared{padding-top:40px}}.main-shared__logo ::ng-deep svg path:not(:last-child){fill:var(--shared-img-color)}.main-shared__info{max-width:590px}@media screen and (max-width: 1320px){.main-shared__info{max-width:45%}}@media screen and (max-width: 840px){.main-shared__info{max-width:none}}.main-shared__ttl{font-size:32px;line-height:48px;font-weight:700;color:var(--light-black-color)}@media screen and (max-width: 480px){.main-shared__ttl{font-size:24px;line-height:32px}}.main-shared__txt{font-size:24px;line-height:32px;color:var(--font-light-black-color)}@media screen and (max-width: 480px){.main-shared__txt{font-size:16px;line-height:24px}}.main-shared__social{margin-top:64px;padding-bottom:134px;display:flex;justify-content:space-between}@media screen and (max-width: 1320px){.main-shared__social{margin-top:48px;flex-wrap:wrap;max-width:286px}}@media screen and (max-width: 840px){.main-shared__social{margin-top:48px;padding-bottom:35px}}@media screen and (max-width: 480px){.main-shared__social{margin-top:30px}}@media screen and (max-width: 1320px){.main-shared__social ::ng-deep svg{margin-top:16px}}.main-shared__img{position:absolute;bottom:0;right:0;width:595px;height:586px;background-size:contain;background-repeat:no-repeat;background-position:right bottom}@media screen and (max-width: 1320px){.main-shared__img{max-width:60%}}@media screen and (max-width: 840px){.main-shared__img{position:static;display:block;margin:auto;max-width:none;width:440px;height:433px}}@media screen and (max-width: 480px){.main-shared__img{width:340px;height:335px}}\n"] }]
|
|
3814
|
+
}] });
|
|
3820
3815
|
|
|
3821
3816
|
class DataEmptyComponent {
|
|
3822
3817
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DataEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3823
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DataEmptyComponent, isStandalone: true, selector: "dd-data-empty", inputs: { abs: "abs" }, ngImport: i0, template: "<div [class.abs]=\"abs\" class=\"data-empty\">\r\n <div class=\"data-empty__img not-found-bg\"></div>\r\n <div class=\"g-h5-title font-regular mt-12\">\u041F\u043E \u0412\u0430\u0448\u0435\u043C\u0443 \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E</div>\r\n</div>\r\n", styles: [".data-empty{background:var(--
|
|
3818
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DataEmptyComponent, isStandalone: true, selector: "dd-data-empty", inputs: { abs: "abs" }, ngImport: i0, template: "<div [class.abs]=\"abs\" class=\"data-empty\">\r\n <div class=\"data-empty__img not-found-bg\"></div>\r\n <div class=\"g-h5-title font-regular mt-12\">\u041F\u043E \u0412\u0430\u0448\u0435\u043C\u0443 \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E</div>\r\n</div>\r\n", styles: [".data-empty{background:var(--main-bgc);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(60vh - var(--header-height));width:100%;text-align:center}.data-empty.abs{width:100vw;position:absolute}.data-empty__img{width:150px;height:150px;background-size:cover}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3824
3819
|
}
|
|
3825
3820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DataEmptyComponent, decorators: [{
|
|
3826
3821
|
type: Component,
|
|
3827
|
-
args: [{ selector: 'dd-data-empty', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.abs]=\"abs\" class=\"data-empty\">\r\n <div class=\"data-empty__img not-found-bg\"></div>\r\n <div class=\"g-h5-title font-regular mt-12\">\u041F\u043E \u0412\u0430\u0448\u0435\u043C\u0443 \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E</div>\r\n</div>\r\n", styles: [".data-empty{background:var(--
|
|
3822
|
+
args: [{ selector: 'dd-data-empty', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.abs]=\"abs\" class=\"data-empty\">\r\n <div class=\"data-empty__img not-found-bg\"></div>\r\n <div class=\"g-h5-title font-regular mt-12\">\u041F\u043E \u0412\u0430\u0448\u0435\u043C\u0443 \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E</div>\r\n</div>\r\n", styles: [".data-empty{background:var(--main-bgc);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(60vh - var(--header-height));width:100%;text-align:center}.data-empty.abs{width:100vw;position:absolute}.data-empty__img{width:150px;height:150px;background-size:cover}\n"] }]
|
|
3828
3823
|
}], propDecorators: { abs: [{
|
|
3829
3824
|
type: Input
|
|
3830
3825
|
}] } });
|