barsa-calendar 2.3.43 → 2.3.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.
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { inject, Injectable, Pipe, EventEmitter, HostListener, HostBinding, Output, Input, ChangeDetectionStrategy, Component, ViewChild, ChangeDetectorRef, ComponentFactoryResolver, NO_ERRORS_SCHEMA, NgModule } from '@angular/core';
|
|
3
3
|
import { takeUntil, distinctUntilChanged, map, switchMap } from 'rxjs/operators';
|
|
4
4
|
import * as i2$1 from 'barsa-novin-ray-core';
|
|
5
|
-
import { LogService, getDateService, getUniqueId, BaseComponent, PreventDefaulEvent, PortalService, DateService, BbbTranslatePipe,
|
|
5
|
+
import { LogService, getDateService, getUniqueId, BaseComponent, PreventDefaulEvent, PortalService, BarsaApi, DateService, BbbTranslatePipe, ReportViewBaseComponent, BaseModule, DynamicComponentService, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
|
|
6
6
|
import { Subject, BehaviorSubject, combineLatest, of } from 'rxjs';
|
|
7
7
|
import moment from 'moment/moment';
|
|
8
8
|
import * as i1 from '@angular/common';
|
|
@@ -1285,11 +1285,11 @@ class CalendarMonthComponent extends BaseComponent {
|
|
|
1285
1285
|
this.weekTasksArray = weekTasksArray;
|
|
1286
1286
|
}
|
|
1287
1287
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CalendarMonthComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1288
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CalendarMonthComponent, isStandalone: false, selector: "bc-calendar-month", inputs: { monthWeeksCount: "monthWeeksCount", weekDays: "weekDays", weekDaysMin: "weekDaysMin", today: "today", containerHeight: "containerHeight", days: "days", calendarFields: "calendarFields", rtl: "rtl", deviceSize: "deviceSize", moDataList: "moDataList", datePicker: "datePicker", rangePicker: "rangePicker", canDelete: "canDelete", canAdd: "canAdd", canEdit: "canEdit", canView: "canView", selectedDate: "selectedDate", startSelectedDayIndex: "startSelectedDayIndex", endSelectedDayIndex: "endSelectedDayIndex" }, outputs: { editEvent: "editEvent", deleteEvent: "deleteEvent", daySelect: "daySelect", dayClick: "dayClick", dayMouseMove: "dayMouseMove", dayMouseUp: "dayMouseUp", dayMouseDown: "dayMouseDown", showEvent: "showEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table fd-table class=\"table-header\" [fdCompact] [attr.picker]=\"datePicker\">\r\n <thead fd-table-header>\r\n <tr fd-table-row>\r\n @for (weekDay of selectedWeekDays; track weekDay) {\r\n <th class=\"weekday-header\" fd-table-cell [class.noborder]=\"isPickerMode\">\r\n {{ weekDay | slice: 0:1 }}\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody fd-table-body>\r\n @for (weekDay of numberOfWeek; track weekDay) {\r\n <tr fd-table-row>\r\n <td [style.height.px]=\"dayHeight\" fd-table-cell colspan=\"7\" [style.border]=\"isPickerMode ? 'none' : null\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderTasks;\r\n context: {\r\n $implicit: isPickerMode ? null : moDataList[weekDay],\r\n weekIndex: weekDay,\r\n days: days | daysInWeek: weekDay,\r\n maxRowTasks: maxRowTasks,\r\n weekDays: weekDays,\r\n calendarFields: calendarFields,\r\n deviceSize: deviceSize,\r\n rtl: rtl,\r\n isPickerMode: isPickerMode\r\n }\r\n \"\r\n ></ng-container>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n</table>\r\n<ng-template\r\n #renderTasks\r\n let-task\r\n let-weekIndex=\"weekIndex\"\r\n let-weekDays=\"weekDays\"\r\n let-days=\"days\"\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-calendarFields=\"calendarFields\"\r\n let-deviceSize=\"deviceSize\"\r\n let-rtl=\"rtl\"\r\n let-isPickerMode=\"isPickerMode\"\r\n>\r\n <table fd-table-body class=\"table-content\" [compact]=\"true\">\r\n <tbody>\r\n <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\r\n @for (day of days; track day) {\r\n <td fd-table-cell [class.noborder]=\"isPickerMode\">\r\n <bc-day-number-box\r\n [ngClass]=\"{\r\n 'fd-calendar__item': isPickerMode,\r\n '!tw-border !tw-rounded-md tw-transition-all tw-cursor-pointer':\r\n isPickerMode && day.isInMonth,\r\n '!tw-bg-transparent tw-border-gray-100 hover:!tw-border-gray-300':\r\n isPickerMode && day.isInMonth && !day.isToday,\r\n 'fd-calendar__item--other-month': isPickerMode && !day.isInMonth,\r\n 'fd-calendar__item--weekend': isPickerMode && day.isWeekend,\r\n '!tw-bg-blue-500 hover:!tw-bg-blue-600': day.isToday\r\n }\"\r\n [isPickerMode]=\"isPickerMode\"\r\n [day]=\"day\"\r\n [isActive]=\"\r\n day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\r\n | equalDate: selectedDate\r\n \"\r\n [itemInRange]=\"\r\n startSelectedDayIndex !== undefined &&\r\n endSelectedDayIndex !== undefined &&\r\n day.index >= startSelectedDayIndex &&\r\n day.index <= endSelectedDayIndex\r\n \"\r\n (dayClick)=\"onDayClick(day)\"\r\n (dayMouseMove)=\"onDayMouseMove(day)\"\r\n (dayMouseDown)=\"onDayMouseDown(day)\"\r\n (dayMouseUp)=\"onDayMouseUp(day)\"\r\n ></bc-day-number-box>\r\n </td>\r\n }\r\n </tr>\r\n @if (!isPickerMode) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderDayTasks;\r\n context: {\r\n $implicit: weekTasksArray[weekIndex],\r\n maxRowTasks: maxRowTasks,\r\n weekIndex: weekIndex,\r\n deviceSize: deviceSize,\r\n calendarFields: calendarFields,\r\n weekDays: weekDays\r\n }\r\n \"\r\n ></ng-container>\r\n <tr fd-table-row>\r\n @for (day of days; track day) {\r\n <td fd-table-cell class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\r\n @if (maxRowTasks?.length < day.tasks.length) {\r\n <button fd-button (click)=\"onMoreButton($event, popover)\" [fdType]=\"'transparent'\" [compact]=\"true\">\r\n {{ day.tasks?.length - maxRowTasks?.length }}\r\n {{ 'More' | bbbTranslate }}\r\n </button>\r\n <fd-popover\r\n #popover\r\n [mobile]=\"deviceSize === 's'\"\r\n placement=\"bottom\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n (isOpenChange)=\"onOpenPopoverChange($event)\"\r\n >\r\n <bc-day-event-list\r\n [day]=\"day\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [weekDays]=\"weekDays\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n [popover]=\"popover\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n ></bc-day-event-list>\r\n </fd-popover>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</ng-template>\r\n\r\n<ng-template\r\n #renderDayTasks\r\n let-weekTasks\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-weekIndex=\"weekIndex\"\r\n let-deviceSize=\"deviceSize\"\r\n let-calendarFields=\"calendarFields\"\r\n let-weekDays=\"weekDays\"\r\n>\r\n @for (rowTask of maxRowTasks; track rowTask; let i = $index) {\r\n <tr fd-table-row>\r\n @if (!weekTasks[i] || weekTasks[i].length === 0) { @for (day of weekDays; track day) {\r\n <td fd-table-cell></td>\r\n } } @for (task of weekTasks[i]; track task; let dayIndex = $index) { @if (task.colSpan) {\r\n <td fd-table-cell [attr.colspan]=\"task.colSpan\">\r\n @if (task.event) {\r\n <bc-event-button\r\n [task]=\"task\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n (openPopoverChange)=\"onOpenPopoverChange($event)\"\r\n ></bc-event-button>\r\n } @else {\r\n <div style=\"width: 100%; height: 100%\" (click)=\"onDaySelect(weekIndex, dayIndex)\"></div>\r\n }\r\n </td>\r\n } }\r\n </tr>\r\n }\r\n</ng-template>\r\n", styles: [":host{display:block}table{table-layout:fixed}.table-header td{padding:0!important}.table-content{width:100%;height:100%;border:none;border-spacing:0}.table-content td{border:none;border-right:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e5e5e5);height:1.425rem}.table-content .row-day-number[rtl=true] td:first-child{border-right:none}.table-content .row-day-number[rtl=\"fa;se\"] td:first-child{border-left:none}table td{overflow:hidden}thead tr{border-bottom:none!important}thead tr th{text-align:center!important;background-color:var(--sapList_Background, #fff)}.weekday-header,.row-day-number td{width:100%}tbody tr td{padding-top:5px}tbody tr:first-child td{padding-top:0}.fd-table__cell{padding:0 .5rem!important}.more-fd{text-align:center!important}.more-fd button{font-size:12px}.fd-calendar__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;overflow:hidden;position:relative;height:2.5rem;margin:.125rem;min-width:2.125rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background-color:#fafafa;background-color:var(--sapLegend_WorkingBackground, #fafafa);flex:1 1 .375rem;padding:1px!important}.fd-calendar__item.fd-calendar__item--other-month{background-color:var(--sapList_Background, #fff)}.fd-calendar__item.fd-calendar__item--weekend{background-color:var(--sapLegend_NotWorkingBackground, #dedede)}.fd-calendar__item.is-active{background-color:var(--sapContent_Selected_Background, #0854a0);border:var(--fdCalendar_Active_Item_Border, none)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}table[picker=true] thead,table[picker=true] tbody{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$1.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i6$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i6$2.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i6$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i6$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i6$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "component", type: DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }, { kind: "component", type: EventButtonComponent, selector: "bc-event-button", inputs: ["buttonTemplate", "calendarFields", "task", "rtl", "canDelete", "canEdit", "canView", "index", "deviceSize"], outputs: ["deleteEvent", "editEvent", "openPopoverChange"] }, { kind: "component", type: DayEventListComponent, selector: "bc-day-event-list", inputs: ["day", "deviceSize", "weekDays", "calendarFields", "rtl", "canDelete", "canEdit", "canView", "popover"], outputs: ["deleteEvent", "editEvent", "openPopOver"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DaysInWeekPipe, name: "daysInWeek" }, { kind: "pipe", type: EqualDatePipe, name: "equalDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CalendarMonthComponent, isStandalone: false, selector: "bc-calendar-month", inputs: { monthWeeksCount: "monthWeeksCount", weekDays: "weekDays", weekDaysMin: "weekDaysMin", today: "today", containerHeight: "containerHeight", days: "days", calendarFields: "calendarFields", rtl: "rtl", deviceSize: "deviceSize", moDataList: "moDataList", datePicker: "datePicker", rangePicker: "rangePicker", canDelete: "canDelete", canAdd: "canAdd", canEdit: "canEdit", canView: "canView", selectedDate: "selectedDate", startSelectedDayIndex: "startSelectedDayIndex", endSelectedDayIndex: "endSelectedDayIndex" }, outputs: { editEvent: "editEvent", deleteEvent: "deleteEvent", daySelect: "daySelect", dayClick: "dayClick", dayMouseMove: "dayMouseMove", dayMouseUp: "dayMouseUp", dayMouseDown: "dayMouseDown", showEvent: "showEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table fd-table class=\"table-header\" [fdCompact] [attr.picker]=\"datePicker\">\r\n <thead fd-table-header>\r\n <tr fd-table-row>\r\n @for (weekDay of selectedWeekDays; track weekDay) {\r\n <th class=\"weekday-header\" fd-table-cell [class.noborder]=\"isPickerMode\">\r\n {{ weekDay | slice: 0:1 }}\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody fd-table-body>\r\n @for (weekDay of numberOfWeek; track weekDay) {\r\n <tr fd-table-row>\r\n <td [style.height.px]=\"dayHeight\" fd-table-cell colspan=\"7\" [style.border]=\"isPickerMode ? 'none' : null\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderTasks;\r\n context: {\r\n $implicit: isPickerMode ? null : moDataList[weekDay],\r\n weekIndex: weekDay,\r\n days: days | daysInWeek: weekDay,\r\n maxRowTasks: maxRowTasks,\r\n weekDays: weekDays,\r\n calendarFields: calendarFields,\r\n deviceSize: deviceSize,\r\n rtl: rtl,\r\n isPickerMode: isPickerMode\r\n }\r\n \"\r\n ></ng-container>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n</table>\r\n<ng-template\r\n #renderTasks\r\n let-task\r\n let-weekIndex=\"weekIndex\"\r\n let-weekDays=\"weekDays\"\r\n let-days=\"days\"\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-calendarFields=\"calendarFields\"\r\n let-deviceSize=\"deviceSize\"\r\n let-rtl=\"rtl\"\r\n let-isPickerMode=\"isPickerMode\"\r\n>\r\n <table fd-table-body class=\"table-content\" [compact]=\"true\">\r\n <tbody>\r\n <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\r\n @for (day of days; track day) {\r\n <td fd-table-cell [class.noborder]=\"isPickerMode\">\r\n <bc-day-number-box\r\n [ngClass]=\"{\r\n 'fd-calendar__item': isPickerMode,\r\n '!tw-border !tw-rounded-md tw-transition-all tw-cursor-pointer':\r\n isPickerMode && day.isInMonth,\r\n '!tw-bg-transparent tw-border-gray-100 hover:!tw-border-gray-300':\r\n isPickerMode && day.isInMonth && !day.isToday,\r\n 'fd-calendar__item--other-month': isPickerMode && !day.isInMonth,\r\n 'fd-calendar__item--weekend': isPickerMode && day.isWeekend,\r\n '!tw-bg-blue-500 hover:!tw-bg-blue-600': day.isToday\r\n }\"\r\n [isPickerMode]=\"isPickerMode\"\r\n [day]=\"day\"\r\n [isActive]=\"\r\n day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\r\n | equalDate: selectedDate\r\n \"\r\n [itemInRange]=\"\r\n startSelectedDayIndex !== undefined &&\r\n endSelectedDayIndex !== undefined &&\r\n day.index >= startSelectedDayIndex &&\r\n day.index <= endSelectedDayIndex\r\n \"\r\n (dayClick)=\"onDayClick(day)\"\r\n (dayMouseMove)=\"onDayMouseMove(day)\"\r\n (dayMouseDown)=\"onDayMouseDown(day)\"\r\n (dayMouseUp)=\"onDayMouseUp(day)\"\r\n ></bc-day-number-box>\r\n </td>\r\n }\r\n </tr>\r\n @if (!isPickerMode) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderDayTasks;\r\n context: {\r\n $implicit: weekTasksArray[weekIndex],\r\n maxRowTasks: maxRowTasks,\r\n weekIndex: weekIndex,\r\n deviceSize: deviceSize,\r\n calendarFields: calendarFields,\r\n weekDays: weekDays\r\n }\r\n \"\r\n ></ng-container>\r\n <tr fd-table-row>\r\n @for (day of days; track day) {\r\n <td fd-table-cell class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\r\n @if (maxRowTasks?.length < day.tasks.length) {\r\n <button fd-button (click)=\"onMoreButton($event, popover)\" [fdType]=\"'transparent'\" [compact]=\"true\">\r\n {{ day.tasks?.length - maxRowTasks?.length }}\r\n {{ 'More' | bbbTranslate }}\r\n </button>\r\n <fd-popover\r\n #popover\r\n [mobile]=\"deviceSize === 's'\"\r\n placement=\"bottom\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n (isOpenChange)=\"onOpenPopoverChange($event)\"\r\n >\r\n <bc-day-event-list\r\n [day]=\"day\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [weekDays]=\"weekDays\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n [popover]=\"popover\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n ></bc-day-event-list>\r\n </fd-popover>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</ng-template>\r\n\r\n<ng-template\r\n #renderDayTasks\r\n let-weekTasks\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-weekIndex=\"weekIndex\"\r\n let-deviceSize=\"deviceSize\"\r\n let-calendarFields=\"calendarFields\"\r\n let-weekDays=\"weekDays\"\r\n>\r\n @for (rowTask of maxRowTasks; track rowTask; let i = $index) {\r\n <tr fd-table-row>\r\n @if (!weekTasks[i] || weekTasks[i].length === 0) { @for (day of weekDays; track day) {\r\n <td fd-table-cell></td>\r\n } } @for (task of weekTasks[i]; track task; let dayIndex = $index) { @if (task.colSpan) {\r\n <td fd-table-cell [attr.colspan]=\"task.colSpan\">\r\n @if (task.event) {\r\n <bc-event-button\r\n [task]=\"task\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n (openPopoverChange)=\"onOpenPopoverChange($event)\"\r\n ></bc-event-button>\r\n } @else {\r\n <div style=\"width: 100%; height: 100%\" (dblclick)=\"onDaySelect(weekIndex, dayIndex)\"></div>\r\n }\r\n </td>\r\n } }\r\n </tr>\r\n }\r\n</ng-template>\r\n", styles: [":host{display:block}table{table-layout:fixed}.table-header td{padding:0!important}.table-content{width:100%;height:100%;border:none;border-spacing:0}.table-content td{border:none;border-right:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e5e5e5);height:1.425rem}.table-content .row-day-number[rtl=true] td:first-child{border-right:none}.table-content .row-day-number[rtl=\"fa;se\"] td:first-child{border-left:none}table td{overflow:hidden}thead tr{border-bottom:none!important}thead tr th{text-align:center!important;background-color:var(--sapList_Background, #fff);height:1rem;border-bottom:none;border-top:none}.weekday-header,.row-day-number td{width:100%}tbody tr td{padding-top:5px}tbody tr:first-child td{padding-top:0}.fd-table__cell{padding:0 .5rem!important}.more-fd{text-align:center!important}.more-fd button{font-size:12px}.fd-calendar__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;overflow:hidden;position:relative;height:2.5rem;margin:.125rem;min-width:2.125rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background-color:#fafafa;background-color:var(--sapLegend_WorkingBackground, #fafafa);flex:1 1 .375rem;padding:1px!important}.fd-calendar__item.fd-calendar__item--other-month{background-color:var(--sapList_Background, #fff)}.fd-calendar__item.fd-calendar__item--weekend{background-color:var(--sapLegend_NotWorkingBackground, #dedede)}.fd-calendar__item.is-active{background-color:var(--sapContent_Selected_Background, #0854a0);border:var(--fdCalendar_Active_Item_Border, none)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}table[picker=true] thead,table[picker=true] tbody{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$1.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i6$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i6$2.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i6$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i6$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i6$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "component", type: DayNumberBoxComponent, selector: "bc-day-number-box", inputs: ["isWeekMode", "isSingleDay", "day", "isPickerMode", "itemInRange", "isActive"], outputs: ["dayClick", "dayMouseDown", "dayMouseUp", "dayMouseMove"] }, { kind: "component", type: EventButtonComponent, selector: "bc-event-button", inputs: ["buttonTemplate", "calendarFields", "task", "rtl", "canDelete", "canEdit", "canView", "index", "deviceSize"], outputs: ["deleteEvent", "editEvent", "openPopoverChange"] }, { kind: "component", type: DayEventListComponent, selector: "bc-day-event-list", inputs: ["day", "deviceSize", "weekDays", "calendarFields", "rtl", "canDelete", "canEdit", "canView", "popover"], outputs: ["deleteEvent", "editEvent", "openPopOver"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DaysInWeekPipe, name: "daysInWeek" }, { kind: "pipe", type: EqualDatePipe, name: "equalDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1289
1289
|
}
|
|
1290
1290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CalendarMonthComponent, decorators: [{
|
|
1291
1291
|
type: Component,
|
|
1292
|
-
args: [{ selector: 'bc-calendar-month', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<table fd-table class=\"table-header\" [fdCompact] [attr.picker]=\"datePicker\">\r\n <thead fd-table-header>\r\n <tr fd-table-row>\r\n @for (weekDay of selectedWeekDays; track weekDay) {\r\n <th class=\"weekday-header\" fd-table-cell [class.noborder]=\"isPickerMode\">\r\n {{ weekDay | slice: 0:1 }}\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody fd-table-body>\r\n @for (weekDay of numberOfWeek; track weekDay) {\r\n <tr fd-table-row>\r\n <td [style.height.px]=\"dayHeight\" fd-table-cell colspan=\"7\" [style.border]=\"isPickerMode ? 'none' : null\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderTasks;\r\n context: {\r\n $implicit: isPickerMode ? null : moDataList[weekDay],\r\n weekIndex: weekDay,\r\n days: days | daysInWeek: weekDay,\r\n maxRowTasks: maxRowTasks,\r\n weekDays: weekDays,\r\n calendarFields: calendarFields,\r\n deviceSize: deviceSize,\r\n rtl: rtl,\r\n isPickerMode: isPickerMode\r\n }\r\n \"\r\n ></ng-container>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n</table>\r\n<ng-template\r\n #renderTasks\r\n let-task\r\n let-weekIndex=\"weekIndex\"\r\n let-weekDays=\"weekDays\"\r\n let-days=\"days\"\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-calendarFields=\"calendarFields\"\r\n let-deviceSize=\"deviceSize\"\r\n let-rtl=\"rtl\"\r\n let-isPickerMode=\"isPickerMode\"\r\n>\r\n <table fd-table-body class=\"table-content\" [compact]=\"true\">\r\n <tbody>\r\n <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\r\n @for (day of days; track day) {\r\n <td fd-table-cell [class.noborder]=\"isPickerMode\">\r\n <bc-day-number-box\r\n [ngClass]=\"{\r\n 'fd-calendar__item': isPickerMode,\r\n '!tw-border !tw-rounded-md tw-transition-all tw-cursor-pointer':\r\n isPickerMode && day.isInMonth,\r\n '!tw-bg-transparent tw-border-gray-100 hover:!tw-border-gray-300':\r\n isPickerMode && day.isInMonth && !day.isToday,\r\n 'fd-calendar__item--other-month': isPickerMode && !day.isInMonth,\r\n 'fd-calendar__item--weekend': isPickerMode && day.isWeekend,\r\n '!tw-bg-blue-500 hover:!tw-bg-blue-600': day.isToday\r\n }\"\r\n [isPickerMode]=\"isPickerMode\"\r\n [day]=\"day\"\r\n [isActive]=\"\r\n day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\r\n | equalDate: selectedDate\r\n \"\r\n [itemInRange]=\"\r\n startSelectedDayIndex !== undefined &&\r\n endSelectedDayIndex !== undefined &&\r\n day.index >= startSelectedDayIndex &&\r\n day.index <= endSelectedDayIndex\r\n \"\r\n (dayClick)=\"onDayClick(day)\"\r\n (dayMouseMove)=\"onDayMouseMove(day)\"\r\n (dayMouseDown)=\"onDayMouseDown(day)\"\r\n (dayMouseUp)=\"onDayMouseUp(day)\"\r\n ></bc-day-number-box>\r\n </td>\r\n }\r\n </tr>\r\n @if (!isPickerMode) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderDayTasks;\r\n context: {\r\n $implicit: weekTasksArray[weekIndex],\r\n maxRowTasks: maxRowTasks,\r\n weekIndex: weekIndex,\r\n deviceSize: deviceSize,\r\n calendarFields: calendarFields,\r\n weekDays: weekDays\r\n }\r\n \"\r\n ></ng-container>\r\n <tr fd-table-row>\r\n @for (day of days; track day) {\r\n <td fd-table-cell class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\r\n @if (maxRowTasks?.length < day.tasks.length) {\r\n <button fd-button (click)=\"onMoreButton($event, popover)\" [fdType]=\"'transparent'\" [compact]=\"true\">\r\n {{ day.tasks?.length - maxRowTasks?.length }}\r\n {{ 'More' | bbbTranslate }}\r\n </button>\r\n <fd-popover\r\n #popover\r\n [mobile]=\"deviceSize === 's'\"\r\n placement=\"bottom\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n (isOpenChange)=\"onOpenPopoverChange($event)\"\r\n >\r\n <bc-day-event-list\r\n [day]=\"day\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [weekDays]=\"weekDays\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n [popover]=\"popover\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n ></bc-day-event-list>\r\n </fd-popover>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</ng-template>\r\n\r\n<ng-template\r\n #renderDayTasks\r\n let-weekTasks\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-weekIndex=\"weekIndex\"\r\n let-deviceSize=\"deviceSize\"\r\n let-calendarFields=\"calendarFields\"\r\n let-weekDays=\"weekDays\"\r\n>\r\n @for (rowTask of maxRowTasks; track rowTask; let i = $index) {\r\n <tr fd-table-row>\r\n @if (!weekTasks[i] || weekTasks[i].length === 0) { @for (day of weekDays; track day) {\r\n <td fd-table-cell></td>\r\n } } @for (task of weekTasks[i]; track task; let dayIndex = $index) { @if (task.colSpan) {\r\n <td fd-table-cell [attr.colspan]=\"task.colSpan\">\r\n @if (task.event) {\r\n <bc-event-button\r\n [task]=\"task\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n (openPopoverChange)=\"onOpenPopoverChange($event)\"\r\n ></bc-event-button>\r\n } @else {\r\n <div style=\"width: 100%; height: 100%\" (click)=\"onDaySelect(weekIndex, dayIndex)\"></div>\r\n }\r\n </td>\r\n } }\r\n </tr>\r\n }\r\n</ng-template>\r\n", styles: [":host{display:block}table{table-layout:fixed}.table-header td{padding:0!important}.table-content{width:100%;height:100%;border:none;border-spacing:0}.table-content td{border:none;border-right:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e5e5e5);height:1.425rem}.table-content .row-day-number[rtl=true] td:first-child{border-right:none}.table-content .row-day-number[rtl=\"fa;se\"] td:first-child{border-left:none}table td{overflow:hidden}thead tr{border-bottom:none!important}thead tr th{text-align:center!important;background-color:var(--sapList_Background, #fff)}.weekday-header,.row-day-number td{width:100%}tbody tr td{padding-top:5px}tbody tr:first-child td{padding-top:0}.fd-table__cell{padding:0 .5rem!important}.more-fd{text-align:center!important}.more-fd button{font-size:12px}.fd-calendar__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;overflow:hidden;position:relative;height:2.5rem;margin:.125rem;min-width:2.125rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background-color:#fafafa;background-color:var(--sapLegend_WorkingBackground, #fafafa);flex:1 1 .375rem;padding:1px!important}.fd-calendar__item.fd-calendar__item--other-month{background-color:var(--sapList_Background, #fff)}.fd-calendar__item.fd-calendar__item--weekend{background-color:var(--sapLegend_NotWorkingBackground, #dedede)}.fd-calendar__item.is-active{background-color:var(--sapContent_Selected_Background, #0854a0);border:var(--fdCalendar_Active_Item_Border, none)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}table[picker=true] thead,table[picker=true] tbody{border:none}\n"] }]
|
|
1292
|
+
args: [{ selector: 'bc-calendar-month', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<table fd-table class=\"table-header\" [fdCompact] [attr.picker]=\"datePicker\">\r\n <thead fd-table-header>\r\n <tr fd-table-row>\r\n @for (weekDay of selectedWeekDays; track weekDay) {\r\n <th class=\"weekday-header\" fd-table-cell [class.noborder]=\"isPickerMode\">\r\n {{ weekDay | slice: 0:1 }}\r\n </th>\r\n }\r\n </tr>\r\n </thead>\r\n <tbody fd-table-body>\r\n @for (weekDay of numberOfWeek; track weekDay) {\r\n <tr fd-table-row>\r\n <td [style.height.px]=\"dayHeight\" fd-table-cell colspan=\"7\" [style.border]=\"isPickerMode ? 'none' : null\">\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderTasks;\r\n context: {\r\n $implicit: isPickerMode ? null : moDataList[weekDay],\r\n weekIndex: weekDay,\r\n days: days | daysInWeek: weekDay,\r\n maxRowTasks: maxRowTasks,\r\n weekDays: weekDays,\r\n calendarFields: calendarFields,\r\n deviceSize: deviceSize,\r\n rtl: rtl,\r\n isPickerMode: isPickerMode\r\n }\r\n \"\r\n ></ng-container>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n</table>\r\n<ng-template\r\n #renderTasks\r\n let-task\r\n let-weekIndex=\"weekIndex\"\r\n let-weekDays=\"weekDays\"\r\n let-days=\"days\"\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-calendarFields=\"calendarFields\"\r\n let-deviceSize=\"deviceSize\"\r\n let-rtl=\"rtl\"\r\n let-isPickerMode=\"isPickerMode\"\r\n>\r\n <table fd-table-body class=\"table-content\" [compact]=\"true\">\r\n <tbody>\r\n <tr fd-table-row class=\"row-day-number\" [attr.rtl]=\"rtl\">\r\n @for (day of days; track day) {\r\n <td fd-table-cell [class.noborder]=\"isPickerMode\">\r\n <bc-day-number-box\r\n [ngClass]=\"{\r\n 'fd-calendar__item': isPickerMode,\r\n '!tw-border !tw-rounded-md tw-transition-all tw-cursor-pointer':\r\n isPickerMode && day.isInMonth,\r\n '!tw-bg-transparent tw-border-gray-100 hover:!tw-border-gray-300':\r\n isPickerMode && day.isInMonth && !day.isToday,\r\n 'fd-calendar__item--other-month': isPickerMode && !day.isInMonth,\r\n 'fd-calendar__item--weekend': isPickerMode && day.isWeekend,\r\n '!tw-bg-blue-500 hover:!tw-bg-blue-600': day.isToday\r\n }\"\r\n [isPickerMode]=\"isPickerMode\"\r\n [day]=\"day\"\r\n [isActive]=\"\r\n day.index === startSelectedDayIndex || day.index === endSelectedDayIndex || day.date\r\n | equalDate: selectedDate\r\n \"\r\n [itemInRange]=\"\r\n startSelectedDayIndex !== undefined &&\r\n endSelectedDayIndex !== undefined &&\r\n day.index >= startSelectedDayIndex &&\r\n day.index <= endSelectedDayIndex\r\n \"\r\n (dayClick)=\"onDayClick(day)\"\r\n (dayMouseMove)=\"onDayMouseMove(day)\"\r\n (dayMouseDown)=\"onDayMouseDown(day)\"\r\n (dayMouseUp)=\"onDayMouseUp(day)\"\r\n ></bc-day-number-box>\r\n </td>\r\n }\r\n </tr>\r\n @if (!isPickerMode) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n renderDayTasks;\r\n context: {\r\n $implicit: weekTasksArray[weekIndex],\r\n maxRowTasks: maxRowTasks,\r\n weekIndex: weekIndex,\r\n deviceSize: deviceSize,\r\n calendarFields: calendarFields,\r\n weekDays: weekDays\r\n }\r\n \"\r\n ></ng-container>\r\n <tr fd-table-row>\r\n @for (day of days; track day) {\r\n <td fd-table-cell class=\"more-fd\" (click)=\"onDayBoxSelect(day)\">\r\n @if (maxRowTasks?.length < day.tasks.length) {\r\n <button fd-button (click)=\"onMoreButton($event, popover)\" [fdType]=\"'transparent'\" [compact]=\"true\">\r\n {{ day.tasks?.length - maxRowTasks?.length }}\r\n {{ 'More' | bbbTranslate }}\r\n </button>\r\n <fd-popover\r\n #popover\r\n [mobile]=\"deviceSize === 's'\"\r\n placement=\"bottom\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n (isOpenChange)=\"onOpenPopoverChange($event)\"\r\n >\r\n <bc-day-event-list\r\n [day]=\"day\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [weekDays]=\"weekDays\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n [popover]=\"popover\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n ></bc-day-event-list>\r\n </fd-popover>\r\n }\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n</ng-template>\r\n\r\n<ng-template\r\n #renderDayTasks\r\n let-weekTasks\r\n let-maxRowTasks=\"maxRowTasks\"\r\n let-weekIndex=\"weekIndex\"\r\n let-deviceSize=\"deviceSize\"\r\n let-calendarFields=\"calendarFields\"\r\n let-weekDays=\"weekDays\"\r\n>\r\n @for (rowTask of maxRowTasks; track rowTask; let i = $index) {\r\n <tr fd-table-row>\r\n @if (!weekTasks[i] || weekTasks[i].length === 0) { @for (day of weekDays; track day) {\r\n <td fd-table-cell></td>\r\n } } @for (task of weekTasks[i]; track task; let dayIndex = $index) { @if (task.colSpan) {\r\n <td fd-table-cell [attr.colspan]=\"task.colSpan\">\r\n @if (task.event) {\r\n <bc-event-button\r\n [task]=\"task\"\r\n [calendarFields]=\"calendarFields\"\r\n [deviceSize]=\"deviceSize\"\r\n [rtl]=\"rtl\"\r\n [canDelete]=\"canDelete\"\r\n [canEdit]=\"canEdit\"\r\n [canView]=\"canView\"\r\n (deleteEvent)=\"deleteEvent.emit($event)\"\r\n (editEvent)=\"editEvent.emit($event)\"\r\n (openPopoverChange)=\"onOpenPopoverChange($event)\"\r\n ></bc-event-button>\r\n } @else {\r\n <div style=\"width: 100%; height: 100%\" (dblclick)=\"onDaySelect(weekIndex, dayIndex)\"></div>\r\n }\r\n </td>\r\n } }\r\n </tr>\r\n }\r\n</ng-template>\r\n", styles: [":host{display:block}table{table-layout:fixed}.table-header td{padding:0!important}.table-content{width:100%;height:100%;border:none;border-spacing:0}.table-content td{border:none;border-right:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e5e5e5);height:1.425rem}.table-content .row-day-number[rtl=true] td:first-child{border-right:none}.table-content .row-day-number[rtl=\"fa;se\"] td:first-child{border-left:none}table td{overflow:hidden}thead tr{border-bottom:none!important}thead tr th{text-align:center!important;background-color:var(--sapList_Background, #fff);height:1rem;border-bottom:none;border-top:none}.weekday-header,.row-day-number td{width:100%}tbody tr td{padding-top:5px}tbody tr:first-child td{padding-top:0}.fd-table__cell{padding:0 .5rem!important}.more-fd{text-align:center!important}.more-fd button{font-size:12px}.fd-calendar__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;overflow:hidden;position:relative;height:2.5rem;margin:.125rem;min-width:2.125rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background-color:#fafafa;background-color:var(--sapLegend_WorkingBackground, #fafafa);flex:1 1 .375rem;padding:1px!important}.fd-calendar__item.fd-calendar__item--other-month{background-color:var(--sapList_Background, #fff)}.fd-calendar__item.fd-calendar__item--weekend{background-color:var(--sapLegend_NotWorkingBackground, #dedede)}.fd-calendar__item.is-active{background-color:var(--sapContent_Selected_Background, #0854a0);border:var(--fdCalendar_Active_Item_Border, none)}.fd-calendar__item.fd-calendar__item--range{border:.0625rem solid var(--sapList_SelectionBorderColor, #0854a0);background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}table[picker=true] thead,table[picker=true] tbody{border:none}\n"] }]
|
|
1293
1293
|
}], propDecorators: { monthWeeksCount: [{
|
|
1294
1294
|
type: Input
|
|
1295
1295
|
}], weekDays: [{
|
|
@@ -1367,6 +1367,7 @@ class CalendarSelectionDaysComponent extends BaseComponent {
|
|
|
1367
1367
|
return 480;
|
|
1368
1368
|
}
|
|
1369
1369
|
}));
|
|
1370
|
+
this._calendarService.setCulture(BarsaApi.LoginFormData.Culture);
|
|
1370
1371
|
this.weekDaysMin = this._calendarService.weekDaysMin();
|
|
1371
1372
|
this._calendarService.setMode('month');
|
|
1372
1373
|
this.weekDays = this._calendarService.weekDays();
|
|
@@ -2571,6 +2572,7 @@ class CalendarContainerComponent extends ReportViewBaseComponent {
|
|
|
2571
2572
|
}
|
|
2572
2573
|
this.userCalendars = this.contextSetting.View.UserCalendars;
|
|
2573
2574
|
super.ngOnInit();
|
|
2575
|
+
this._calendarService.setCulture(BarsaApi.LoginFormData.Culture);
|
|
2574
2576
|
this.prepare();
|
|
2575
2577
|
this._setWidthAndHeight();
|
|
2576
2578
|
this.prepareMoDataList(this.moDataList);
|